Sky Blog Theme

性能优化：优化动画和过渡效果以提升性能

• 移除全局过渡时间函数，避免对所有元素进行不必要的计算
• 缩短平板电脑和桌面设备上的动画持续时间（0.3 秒至 0.5 秒）
• 简化关键帧动画，移除中间步骤和复杂的变换
• 将 transition: all 替换为特定属性的过渡（例如 transform、box-shadow 等）
• 使用 @media (hover: hover) 查询将悬停效果限制在支持悬停的设备上
• 将浮动停靠栏背景模糊效果从 20 像素优化为 16 像素，并降低阴影复杂度
• 添加 -webkit-tap-highlight-color: transparent 以改善触摸设备的体验
• 缩短停靠栏按钮和分享平台按钮的过渡持续时间（0.15 秒至 0.2 秒）
• 分离动画图层，避免变换叠加，提高渲染效率
• 更新导航菜单过渡效果，使用特定属性而不是 all 简写
  这些更改通过减少绘制/合成操作，确保所有设备类型都能流畅播放动画，同时保持视觉质量，从而提升性能。

Generated from 1.1.2