用途：GSAP VFX 是 GSAP 视觉特效的实战配方集合，作为官方 gsap-core 与 gsap-timeline 技能（API 参考）的补充，只覆盖特效实现，不涉及核心补间与时间线 API。流程位置为 gsap-setup → gsap-animate → gsap-vfx → gsap-optimise → gsap-test，依赖 greensock/gsap-skills。
主要能力：1）故障特效，赛博朋克风格，每 4 秒爆发 1 秒，含色差、乱码、抖动与噪点条，完整实现见 references/glitch-effect.md；2）无限滚动跑马灯，复制轨道内容后以 x 位移循环，强调 ease: 'none' 以避免接缝卡顿，支持反向与按速度计算时长；3）滚动计数器，用代理对象配合 onUpdate 写 DOM，snap: { value: 1 } 取整，ScrollTrigger 的 once: true 只触发一次；4）浮动装饰，随机 y、rotation、duration 配合 repeatRefresh: true 每轮重新生成随机值；5）脉冲环，fromTo 缩放加 autoAlpha 淡出，可多环错开延迟；6）方向性跑马灯，基于官方 horizontalLoop 辅助函数与 Observer 插件，按滚动或滑动改变方向与速度；7）页脚弹跳，MorphSVG 配合 ScrollTrigger 速度，让 SVG 路径从弧形凸起变为平直并带弹性回弹。
使用方式：按配方调用 gsap.to、gsap.fromTo、gsap.timeline 等，必要时 gsap.registerPlugin(Observer)、gsap.registerPlugin(ScrollTrigger, MorphSVGPlugin)。重复时间线可用 repeat: -1、repeatDelay、yoyo 与位置参数。
限制与反模式：跑马灯加缓动会在接缝处抖动；计数器不加 snap 会出现小数闪烁；随机动画不加 repeatRefresh 每轮值相同；故障层不应长期保留 will-change，且需锁定高度避免 CLS；不要用 setInterval 代替 repeat: -1。完整标记、CSS 与 Vue 3 适配见 references/vfx-patterns.md。