DESIGN SPEC
常规滚动网页，对照《HTML 演示文稿 · 视觉设计规范》：暗黑底、网格、高光档 / 收敛档、字体阶梯、窗口框截图、动效与可键盘操作的交互示例。
二 · 色彩系统
规范中的色值集中在 :root，此处用色块对照文档原文。
#0a0612 底色#04060c 页边霓虹渐变#38bdf8 青主光#7fd6ff 发光字#e863aa 品红#5fe87a 终端绿#f5f0ff 标题亮#d8d2e8 正文#352a45 页码暗三 · 字体与字号
中文 Noto Sans SC；英文大字 Sora 800；等宽 JetBrains Mono。
四 · 五类版式（缩略演示）
非 16:9 全屏幻灯，用卡片承载相同视觉语言。
CHAPTER
// CONTENT
动效服务讲解，高光 3–5 处
五 · 动效
节点间隔 0.6s，连线 0.4s；发散为 scaleX 0→1。可点击重播。
六 · 交互
以下为规范中的三类交互；键盘：1 切换配图，2 打开浮层，ESC 关闭浮层。终端仿真请点按钮（避免与页面滚动抢空格）。
点 显示带窗口壳的「截图」IMG
快捷键 1
快捷键 2 · ESC / 遮罩 / ✕ 关闭
点击「▶ 运行」可重复播放（长页不占用空格键滚动）。
七 · 技术说明
本页不再使用 reveal.js；动效以 CSS 为主，交互为原生 JS。正式交付若需离线，请将 Google Fonts 与脚本改为本地引用。