MyAiDesk/GovAI/videos/fazhitong-promo/docs/TIMELINE.md

法智通宣传片 · 时间轴设计（TIMELINE.md）

总时长：72s（无配音时可调整为 60s 紧凑版）
帧率：30fps
分辨率：1920×1080

---

全局时间轴（7 个主场景 Composition）

Scene	时间段	时长	主视觉	关键动效
S1	0:00–0:08	8s	法治日报背书 + logo	金线擦出 + 文字逐行入场
S2	0:08–0:22	14s	架构图 + 安全关键词	高亮弹出 + 审计日志叠加
S3	0:22–0:34	12s	AI 应用中心网格	推进入场 + 卡片网格铺开
S4	0:34–0:44	10s	知识库文档流入	图标流动 + 向量化动效
S5	0:44–0:54	10s	PPT 生成流程	卡片翻出 + 数字 count-up
S6	0:54–1:04	10s	算力机 + 管理后台三联画	箱体图标 + 三屏并排渐显
S7	1:04–1:12	8s	标语 + 网址 + 出品方	回归深蓝底 + 金线收束

---

各帧内部 Track 层级约定（统一）

track 0: 背景（渐变/纯色，全程）
track 1: 主视觉元素（截图/架构图/图标）
track 2: 文字标题
track 3: 文字副标题/注释
track 4: 装饰线条/网格/高亮框
track 5: 字幕条（底部安全区，与配音同步时启用）

---

S1 开场（compositions/s1-intro.html）

时长: 8s (0–8)
Track 布局:

• Track 0: 深蓝渐变背景 #0A1A33 → #10243F，全程
• Track 1: 金线自中心向两侧擦出（scaleX 0→1，0.5–2s）
• Track 2: 「法治日报社 出品」（2–4s，y: 24→0, opacity 0→1）
• Track 3: 「四十余年深耕政法领域」（4–6s，同上）
• Track 1: logo SVG/图片「法智通 · 政法行业人工智能应用平台」（6–8s，放大入场）

---

S2 安全第一（compositions/s2-security.html）

时长: 14s (0–14)
Track 布局:

• Track 0: 深蓝底
• Track 1: architecture.png 居中浮现（0–14s，opacity 0→0.4，模糊背景）
• Track 1: 金线勾勒"边缘算力机"区域（2–4s）
• Track 2: 关键词依次弹出（4–10s）：
  • 「数据不出域」（警示红 #C0392B，4–6s）
  • 「算力在身边」（金色，6–8s）
  • 「内外网物理隔离」（金色，8–10s）
• Track 1: 右下角叠加 11_audit.png 小窗（10–12s）+ 00_login.png（12–14s）

---

S3 应用即插即用（compositions/s3-apps.html）

时长: 12s (0–12)
Track 布局:

• Track 0: 深蓝底
• Track 1: 01_store.png 主视觉，向左推进入场（x: 200→0，0–2s）
• Track 2: 标题「数十款政法专用应用」（2–4s）
• Track 1: 应用卡片网格（模拟 6 张卡片，金色徽章）铺开（4–8s，stagger 0.1s）
• Track 1: 09_chat.png / 04_create.png 快闪切换（8–10s / 10–12s）

---

S4 自建知识库（compositions/s4-knowledge.html）

时长: 10s (0–10)
Track 布局:

• Track 0: 深蓝底
• Track 1: 05_knowledge.png 界面作为背景（opacity 0.3，全程）
• Track 1: 文档图标（PDF/Word/Excel）从左流入"知识库"容器（2–6s，stagger）
• Track 4: 分块 → 向量化 → 检索命中 的流程示意（简化图标动画，6–8s）
• Track 2: 标语「让 AI 通晓"本地法"」（8–10s）

---

S5 一键生成汇报（compositions/s5-ppt.html）

时长: 10s (0–10)
Track 布局:

• Track 0: 深蓝底
• Track 1: 输入框 → 生成按钮点击 → PPTX 卡片逐页翻出（0–6s）
• Track 2: 标注「16:9 / 4:3 · 原生可编辑 · 全程本地」（6–8s）
• Track 1: 时间对比数字 count-up「7 天 → 5 分钟」（8–10s，大字号金色）

---

S6 独立部署 + 治理（compositions/s6-deploy.html）

时长: 10s (0–10)
Track 布局:

• Track 0: 深蓝底
• Track 1: 边缘算力机箱体图标 + 标注「到场即通电」（0–4s）
• Track 1: 三联画并排渐显（4–10s）：
  • 左：08_overview.png（平台总览）
  • 中：02_dashboard.png（仪表盘）
  • 右：03_analytics.png（用量分析）
• Track 2: 关键词「开箱即用 · 本部门专属 · 治理闭环」（8–10s）

---

S7 收尾（compositions/s7-outro.html）

时长: 8s (0–8)
Track 布局:

• Track 0: 回到深蓝底 + 金线（0–2s，与 S1 呼应）
• Track 2: 主标语「安全 · 专属 · 易用」（2–4s，大字号）
• Track 2: 网址「gov.opc8ai.com」（4–6s，金色高亮）
• Track 3: 落版「法治日报社 出品」（6–8s）

---

全局 CSS 变量（写入每个 composition 的 <style>）

:root {
  --bg-deep: #0A1A33;
  --bg-panel: #10243F;
  --brand-blue: #1E5BC6;
  --gold: #D4A437;
  --seal-red: #C0392B;
  --text-hi: #F2F6FC;
  --text-lo: #9DB2CE;
  --line: #2A436B;
}

---

字幕占位（待配音时激活）

每个 composition 预留 track 5 的字幕 <div>，初始 display: none，配音就位后再启用。