用途：为 Astro 站点提供一套动画模式，在不损害性能与无障碍性的前提下改善 UX。核心规则是每个动画都应服务于 UX，性能优先，尽量用 CSS 而非 JS，并尊重 prefers-reduced-motion。
主要能力与参考主题：CSS 工具类（基础动画类与关键帧）、滚动动画（基于 Intersection Observer 的显现）、微交互（按钮悬停、表单聚焦、成功与错误动画）、加载状态（骨架屏与微光效果）、页面过渡（View Transitions API 实现）、错落动画（顺序显现模式）以及减弱动效的无障碍最佳实践。
计时规范：微交互 100-200ms、ease-out；显现与淡入 200-400ms、ease-out；滑动 300-500ms、ease-in-out；页面过渡 200-300ms、ease-out。要求交互动画在 300ms 内、显现动画在 500ms 内，动画不得导致累积布局偏移，界面在无动画时也要可用。
禁止事项：无 prefers-reduced-motion 处理的动画、UI 反馈超 500ms 的动画、阻塞交互的动画、纯装饰性动画、CSS 可实现却用 JS 的动画、造成布局偏移的动画、无用户控制的自动播放动画，以及每秒闪烁超过三次的动画。
完成标准：所有动画尊重减弱动效设置；交互动画在 300ms 内、显现动画在 500ms 内；无布局偏移；加载状态有骨架屏或加载指示器；页面过渡平滑；聚焦状态有动画；滚动动画使用 Intersection Observer；没有动画阻塞用户交互。具体安装方式与代码示例暂未提供。