视频分镜演示动画（每镜头一个 HTML）

一个镜头 = 一个独立 HTML，统一播放器底盘 + 每页一种完全不同的视觉风格，全屏录屏即成片。内容开放（技术实测/产品发布/课程/叙事皆可），不变的是电影化机制、镜头语言与完成度标准。

创作哲学

1. 风格轮换：连续镜头绝不同风格。问"这段内容若是一件实物/一个场所，它是什么"——复古报纸、POS 小票、审讯室、像素游戏……把抽象内容具象成一个世界观，页面就活了。
2. 禁默认科技暗色：黑底+霓虹+玻璃拟态的"乌漆墨黑油光锃亮"两页即疲劳，除非内容本身是终端主题。
3. 想象力优先：底盘之上放开写——会砸下的印章、会掉进存钱罐的硬币，用户要惊喜感。
4. 完成度是纪律：元素有入有出（或定格）、无重叠遮挡、无孤儿元素、结尾有重播暗示、数据有出处角注。
5. 音画同步：关键动作有音效、镜头移动配 whoosh；安静也是设计。

Token 纪律（硬性）

• 禁止通读 assets/template.html 与 assets/examples/ 下任何成片页（单个 20–50KB，读完耗尽预算）。
• 模板一律 cp 复制后只读标记区域（第 1 步）；成片页仅当写完仍卡壳时，grep 定位后按行号窗口读 ≤80 行。
• 机制与风格知识优先取自 references/ 三份浓缩文档，不要现场读源码反推。

工作流