用途：为网页设计提供 GSAP（GreenSock Animation Platform）动画的最佳实践，重点是性能、无障碍、响应式与测试集成。
主要能力：
- 性能优化：只动画 transform 与 opacity（GPU 加速），避免 width、height、top、left、margin、padding；慎用 will-change；目标 60fps；用 ScrollTrigger.batch 批量处理相似元素，及时 kill 未用的 ScrollTrigger，可用 IntersectionObserver 懒初始化。
- 无障碍：尊重 prefers-reduced-motion；确保无 JavaScript 时内容可见；不把关键内容藏在动画后；长动画提供跳过/暂停控制；用 CSS 兜底并加 .js 类。
- 响应式：用 gsap.matchMedia() 按断点创建/清理动画，窗口 resize 时防抖后 ScrollTrigger.refresh()。
- 常见动画模式：滚动淡入、交错元素、视差、文字逐行揭示、幕布/遮罩揭示、Hero 时间线。
- ScrollTrigger 要点：合理设置 start/end，谨慎使用 pin 与 pinSpacing、anticipatePin，图片加载后 refresh，生产环境移除 markers。
- 测试集成：暴露 window.completeAllAnimations 让视觉 QA 与 Playwright 截图时动画立即完成；可用查询参数 skip-animations 加速时间线。
使用方式：可通过 CDN 引入 gsap.min.js 与 ScrollTrigger.min.js；WordPress 用 wp_enqueue_script 挂载并设置依赖与 filemtime 版本；可选插件 ScrollSmoother、SplitText。也可用 data-animate 等属性配合可复用动画库（Animations 对象）初始化、refresh 与 destroy。
适用场景：营销落地页、产品站、博客与主题的滚动动画、视差与文字揭示，以及需要兼顾无障碍与自动化截图测试的项目。
限制：需注意动画仅作用于 transform/opacity 才能保持性能；部分插件属 Club GreenSock 付费范围（资料未提供价格与授权细节）；具体版本与 CDN 地址以资料中给的 3.12.5 为准；未提供平台兼容性与收费信息。