cinematic-motion 是一套网页视觉风格包，以“电影放映”为核心隐喻：滚动是放映机，纸面是银幕，唯一那抹电光蓝是光。它提供一个统一身份，从开场字幕到页脚版权标记，均遵循固定规则。以下按用途、主要能力、使用方式、适用场景与限制说明。
一、用途 该风格包用于为网站或页面建立一套具有电影感、编辑感与工作室印刷质感的视觉语言。它不提供具体代码库或安装命令（资料未提供），而是以设计规范与检查清单的形式，约束配色、字体、布局结构、内容文案与动效行为，使页面呈现“站点之日”级别的审美。
二、主要能力
- 固定配色：画布 #F7F5E7（暖工作室纸色，非白非灰）；卡片 #FCFBF4；细线 rgba(18,18,18,0.14)；墨色 #121212；弱化色 rgba(18,18,18,0.55)；唯一强调色 #0F4BFD（电光蓝）。深色场景反转使用。禁止渐变、第二强调色、纯黑 #000 与白色区块。
- 固定字体：标题使用紧凑无衬线字体 Inter Tight（500–700 字重，句首大写，无衬线、无斜体），标题尺寸 clamp(3rem, 9vw, 8rem)、字重 600、行高 0.94、字距 −0.04em，每个标题仅一个蓝色强调词。场景二级标题同族字体，配等宽小标签（ui-monospace/IBM Plex Mono，字距 0.14em，10–11px）。正文不小于 14.5px，行高 1.65–1.7。
- 固定构图：页面按电影结构排列——英雄区带实时产品屏幕（纸色）→ 陈述简报（纸色）→ 固定索引（墨色）→ 跑马灯（纸色、描边字）→ 陈述简报（全蓝）→ 拖拽轮播（纸色）→ 详情手风琴（纸色）→ 固定路线图（墨色）→ 证据区（纸色）→ 收尾（蓝色）→ 页脚（墨色）。全页最多两个固定钉（索引与路线图），仅桌面端，且手风琴使用原生 <details>/<summary>，默认第一项展开，关闭 JS 也可用。
- 内容处理：编号小标签（01 — THE LEAK 至 05 — THE CLOSE）保持电影节奏；文案安静、自信、电影化，短句、无感叹号、无最高级；每个标题一个蓝色强调词；无表情符号、无图标，仅用排版符号（✳）与 CSS 绘制的迷你数据可视化；每个视口一个主行动按钮，次要操作为带蓝色下划线的等宽文本链接。
- 动效：基于 gsap.context + matchMedia 外壳，所有动画位于 prefers-reduced-motion: no-preference 内，重效果位于 min-width: 768px 内。标志性时刻包括：预加载百分比计数器（≤2s，仅 JS + 动效激活时显示）→ 英雄区入场时间线（expo.out，遮罩行上升，产品屏幕从右滑入，≤1.4s）→ 索引钉：巨型数字从 0 到 63 随滚动计数并吸附，线条错落溶解，进度细线填充 → 跑马灯（CSS、描边）→ 拖拽轮播（Draggable + 惯性，边界来自 scrollWidth − offsetWidth，无 JS 时回退为原生滚动吸附，光标切换为蓝色“DRAG”徽章）→ 路线图钉：四步沿轨道上升，蓝色填充攀升，随滚动刮擦 → 指标进入时计数。氛围层包括 Lenis 平滑滚动、差值混合自定义光标（quickTo 插值，交互悬停时增大，轮播上显示 DRAG 标签，粗指针设备隐藏）、磁性主行动按钮（≤5px 吸引）、导航滚动进度细线。英雄区实时计数器按间隔跳动，减少动态效果时停止。时长 0.9–1.6s，缓动 power3.out / expo.out，刮擦平滑 0.6–1，动画仅作用于 transform/opacity。收尾标题的强调词渲染为空心描边（透明填充），静止不动。
- 检查清单：任何渐变、第二强调色、纯黑或白色区块即失败；全蓝场景只能有一个；墨色场景最多两个（索引与路线图）；每个标题必须恰好一个蓝色强调词；禁止衬线或斜体；跑马灯最多一个且减少动态效果时不运行；必须有编号小标签与电影隐喻文案；固定钉最多两个，不得低于 768px，动画必须 matchMedia 门控；拖拽轮播必须有原生滚动吸附回退且键盘可达；手风琴必须使用原生 <details>/<summary>；英雄区“视频”或实时屏幕在减少动态效果时不得继续动画；预加载不得在无 JS 或减少动态效果时出现；自定义光标不得在触屏设备可见，内容不得依赖光标反馈；不得动画布局属性或使用永久隐藏内容的揭示；页面的惊艳感不得依赖动画，静止画面必须承载美感。
三、使用方式 资料未提供具体安装命令、代码片段或接入步骤，仅以规范形式描述设计约束与动效实现建议（如 gsap、Lenis、Draggable 等库的用法描述）。使用者需依据这些规范自行实现页面，并逐条对照检查清单验收。
四、适用场景 适用于追求电影感、编辑设计感与工作室印刷质感的品牌网站、作品集、产品发布页或活动页面。适合需要强视觉身份、固定色彩与字体体系、且重视无 JS 与减少动态效果可访问性的项目。
五、限制 资料明确的限制包括：禁止渐变、第二强调色、纯黑与白色区块；全蓝场景仅一个；墨色场景最多两个；标题必须恰好一个蓝色强调词；禁止衬线或斜体；跑马灯最多一个；固定钉最多两个且仅桌面端；拖拽轮播必须有原生回退；手风琴必须原生实现；预加载与自定义光标有严格显示条件；页面静止画面必须足够美观。资料未提供具体代码、安装方式、收费信息、平台支持范围或性能数据，这些事实暂未提供。