cinematographic-websites

用途：把页面当作一段被导演的镜头序列，而非特效堆叠，用于设计、实现和审查具有电影感的网站。主要能力：规定滚动与动画的唯一技术栈——Lenis 作为唯一平滑滚动层，GSAP 负责全部运动，ScrollTrigger 负责一切与滚动绑定的动画；给出入场/出场时长（最少 0.6s，重要揭示优先 0.8–1.4s）、只使用 power3 或 expo 系列缓动（入场默认 power3.out）、编辑式序列使用 stagger: 0.2；覆盖电影感 Hero、ScrollTrigger pin 滚动、滚动指示器消失、视频循环背景等做法，并强调 prefers-reduced-motion、键盘、焦点、对比度与移动端适配。必要用法：实施前先检查现有结构、技术栈、样式与动画，明确核心概念与情绪、各节叙事角色、视觉签名与节奏，按“场景”组织页面后再实现；登记插件一次，SSR 下仅在客户端初始化，将 Lenis 与 GSAP ticker 同步并在每次滚动时通知 ScrollTrigger.update，尺寸变化后重算触发器，在生命周期内清理 timeline、trigger、listener 与 Lenis 实例。限制：不得混用 Framer Motion、CSS 平滑滚动或其他动画引擎；不使用 bounce、elastic、back 等夸张缓动；避免全局 will-change 与动画引发布局重算的属性；pin 不宜过度，避免多个视频同时播放与激进预加载；须提供视频 poster/fallback，确保 JS 失败时最终状态正确。审查时把低于 0.6s 的进出、非 power3/expo 缓动、非 0.2s 的序列统一整改，检查内容闪烁、重复触发器与泄漏，并在不同视口与低端设备上验证。收费、价格与授权信息暂未提供。