用途：当动画受浏览器支持、平台能力或技术要求限制时使用，帮助在平台限制下保留动画意图。
主要能力：按动画原则诊断问题并给出修复方向。Straight Ahead vs Pose-to-Pose：运行时计算过贵时，改为预计算，用 CSS keyframes 替代 JS 逐帧。Solid Drawing：复杂形状导致渲染问题时，简化几何，用 CSS 形状替代 SVG 路径，降低 3D 多边形数。Timing：跨设备时序不一致时，用相对单位，在最慢目标设备上测试，JS 可考虑 requestAnimationFrame。Secondary Action：预算只够必要动画时，优先主操作，先砍次要动画。Staging：屏幕空间有限时，原地动画，用不影响布局的 transform，受限平台可默认 reduce-motion。
快速修复：优先 CSS 而非 JavaScript；渐进增强，核心功能不依赖动画；特性检测后再动画；为不支持浏览器提供静态回退；懒加载动画库避免阻塞首屏。
排查清单：列出目标浏览器/设备；查 caniuse.com 特性支持；在最旧支持浏览器测试；测量动画对包体积影响；确认回退体验可接受；在禁用动画下测试；检查框架动画能力；考虑服务端渲染替代（GIF、视频）。
代码模式：用 'animate' in Element.prototype 与 CSS.supports('transform','translateZ(0)') 做特性检测，支持则 element.animate(keyframes, options)，否则加 final-state 类；用 @supports (animation: name) 做渐进增强。
平台提示：邮件用 GIF 或静态图；iOS Safari 测试 -webkit- 前缀；旧 Android 降低动画复杂度；低端设备可用 prefers-reduced-motion 作为代理。
限制：资料未提供具体收费、价格、平台或效果数据。