CSS 加载动画

关于 CSS Loading

• 所有动画为纯 CSS（无 JavaScript、无图片），适合任何前端框架
• 用 CSS 变量 --c 和 --s 控制颜色和尺寸，方便主题化
• 所有动画使用 GPU 加速属性 (transform / opacity)，性能流畅
• 建议在加载场景包裹一层骨架屏 (skeleton) 减少视觉跳动

无障碍提示

• 添加 role="status" 和 aria-label="正在加载" 让屏幕阅读器识别
• 对动画敏感用户：用 @media (prefers-reduced-motion) 改为静态状态
• 持续 30 秒以上的加载，建议改为骨架屏或进度条