用途：为界面添加有意义的动效，改善操作反馈与可用性。
适用场景：悬停、按下、点击反馈；加载状态（spinner、骨架屏）；弹窗或页面过渡；手势交互（拖拽、滑动）。
核心规则：优先使用 CSS（transform、opacity）；避免使用会改变布局的属性（width、height、top、left）；动画保持快速（150–300ms）；动效仅用于反馈，而非装饰。
性能：目标 60fps；仅使用对 GPU 友好的属性；避免过多动画同时运行；限制 will-change 的使用。
无障碍：尊重 prefers-reduced-motion；减弱或移除动画；绝不用动画阻塞用户交互。
工作流：先确定交互类型（悬停、点击、过渡），再选择时长（150–300ms）与缓动（建议 ease-out），应用 CSS 或少量 JS 动画，最后添加 reduced-motion 回退。
输出格式：代码片段（CSS / JS / 框架）、简短说明、reduced-motion 行为。
限制：资料未提供具体收费、平台支持、安装命令或完整示例代码，这些信息暂未提供。