瑞士风格图表驱动演示动画（Swiss Style · 一镜一 HTML）

把视频分镜做成编辑部级排版 + 可视化图表的演示动画：纸灰底、炭黑墨、发丝线、灰阶明度阶梯、每页唯一强调橙；每个镜头的主体是一张与内容匹配的"图表"（时间线、循环环、流程链、双列对照、点阵计数、热力矩阵、泳道、嵌套剖视……），而不是文字堆砌。一镜一 HTML，电影化底盘（黑场起手/虚拟时钟/镜头推拉/WebAudio 音效），全屏录屏即成片。

反模式就是本 Skill 的诞生理由：AI 默认生成的演示页永远是"乌漆墨黑+油光锃亮"（黑底+霓虹发光+渐变光斑）——本系统全面禁用，改用瑞士国际主义的平面克制：白纸、墨字、一根发丝线、一点橙。

创作哲学

1. 图表优先：拿到任何一段口播，先问"这是什么图"——流程→链/泳道，循环→环，对比→双列/slopegraph，数量→点阵/计数，时间→时间线，结构→嵌套/分层，分布→热力矩阵。文字只做标题/标签/结论条，主体图形区 ≥55% 面积。
2. 明度即数据：灰阶阶梯 L1-L7 承载全部层级（重要=最黑），彩色只留一个橙 #F5572F 标"本页唯一主角"（最大数字/结论/焦点节点/警示）。
3. 排版即力量：Inter 大字排版（主标题 64-120px、断言数字 120-260px·800-900、eyebrow 15px uppercase tracking .14em）+ 88px 页边距 + 12 列网格 + 非对称布局（左重右轻）。
4. 克制是美德：禁 glow/霓虹 text-shadow、径向光斑、光泽渐变、vignette、扫描线、颗粒、大模糊阴影。允许：平面色块、1-2px 发丝线、虚线、反白（墨底纸字）、细网格。
5. 动画快进快停：quarticOut/cubicOut 缓动；入场三式 pop/fade/draw；禁弹跳闪烁发光。节拍动画一律 cue+tws（可暂停可冻结），纯装饰才用 CSS animation。
6. 每镜头 15-45s；口播不上屏（cue 注释对齐时间戳）；数字不许编（白名单纪律）。

Token 纪律（硬性）

• 禁止通读 assets/template.html 与 assets/examples/ 下任何成片页。模板 cp 复制后 grep -n "改这里\|DUR=" 拿行号，只读标记区；成片页卡壳时 grep 定位后窗口读 ≤80 行。
• 知识优先取 references/ 四份浓缩文档（swiss-system 设计正本 / chart-skill-bridge 三技能融合选型 / chart-vocabulary 内建图表词汇 / production-spec 生产纪律）。