用途：在组件生成完成后、设计审计之前，为界面统一添加动效、交互状态与视觉特效。
主要能力：
- 入场动画：每个区块通过 IntersectionObserver 在滚动时动画，子元素按 80-120ms 错开，使用 fadeUp（translateY 30px→0）与 fadeIn（opacity 0→1），卡片按网格顺序错开。
- 悬停层次：按钮 translateY(-3px)+shadow-lg+brightness(1.05)；卡片 translateY(-8px)+shadow-xl+scale(1.01)；链接颜色过渡 150ms。
- 焦点与禁用：:focus-visible 使用 2px 轮廓加 4px 偏移；:disabled 使用 opacity 0.4 与 cursor not-allowed，所有交互元素必须提供。
- 视觉层次：导航玻璃拟态（backdrop-blur 12px 与 bg oklch/0.85）、首屏渐变叠加（oklch dark/0.6→transparent）、区块分隔（clip-path polygon 或 SVG 波浪）、背景渐变光球（带模糊的 radial-gradient oklch）。
- 微交互：按钮按下 scale(0.97)、切换滑动 200ms、表单输入聚焦边框色过渡、加载骨架屏脉冲动画。
- 页面过渡：按 references/page-transitions.md 添加路由级动画。
使用方式：依据 design-system.md 中的动效个性（corporate / modern / playful / luxury）决定时长、缓动与强度；通过 mcp__gemini-design__modify_frontend 将 Framer Motion 代码注入已有组件。
限制与校验：必须支持 prefers-reduced-motion；时序上限为悬停小于 100ms、模态小于 300ms、页面小于 400ms（见 references/motion-principles.md）。具体价格、平台支持范围与其它收费信息暂未提供。