# 法智通宣传片 · 时间轴设计（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>`）

```css
: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`，配音就位后再启用。