AIRegulation-DocAnalysis/.superpowers/brainstorm/1652-1779893150/content/slide-structure.html

<h2>PPT 幻灯片结构方案</h2>
<p class="subtitle">基于 boss-report.html 的内容，三种详细程度的结构 — 选择最适合你汇报场景的版本</p>

<style>
.deck { display:flex; flex-direction:column; gap:6px; }
.slide-row {
  display: flex; align-items: stretch; gap: 8px;
  background: #fff; border: 1px solid #e8e8f0; border-radius: 6px; overflow: hidden;
}
.slide-num {
  background: #e20074; color: #fff; font-weight: 800;
  font-size: 11px; padding: 0 10px;
  display: flex; align-items: center; justify-content: center;
  min-width: 32px; writing-mode: horizontal-tb;
}
.slide-info { padding: 8px 12px; flex: 1; }
.slide-title { font-size: 13px; font-weight: 700; color: #1a1a2e; margin-bottom: 2px; }
.slide-sub { font-size: 11px; color: #666; }
.slide-type {
  font-size: 9px; padding: 2px 7px; border-radius: 10px; font-weight: 700;
  align-self: center; white-space: nowrap; margin-right: 10px;
  letter-spacing: 0.5px;
}
.t-cover   { background:#fff0f7; color:#e20074; border:1px solid rgba(226,0,116,0.2); }
.t-section { background:#f0f4ff; color:#2a68c8; border:1px solid rgba(42,104,200,0.2); }
.t-content { background:#f5f5f5; color:#555;    border:1px solid #ddd; }
.t-kpi     { background:#f0fdf8; color:#00896a; border:1px solid rgba(0,137,106,0.2); }
.t-arch    { background:#fff8f0; color:#cc6200; border:1px solid rgba(204,98,0,0.2); }
.t-close   { background:#1a1a2e; color:#fff;    border:1px solid #1a1a2e; }
</style>

<div class="options">

  <!-- Option A: Compact 8 slides -->
  <div class="option" data-choice="a" onclick="toggleSelect(this)">
    <div class="letter">A</div>
    <div class="content">
      <h3>精简版 · 8 页</h3>
      <p>适合 10–15 分钟快速汇报，老板/领导层受众，重点突出进展和价值</p>
      <div class="deck" style="margin-top:10px;">
        <div class="slide-row"><div class="slide-num">01</div><div class="slide-info"><div class="slide-title">封面 — AI+合规智能中枢 阶段性汇报</div><div class="slide-sub">项目名 · 日期 · 核心数字（5模块 / 17+ API / 6+法规源）</div></div><span class="slide-type t-cover">封面</span></div>
        <div class="slide-row"><div class="slide-num">02</div><div class="slide-info"><div class="slide-title">项目背景 — 为什么做这个系统？</div><div class="slide-sub">3 大痛点：法规碎片化 · 响应周期长 · 人工成本高</div></div><span class="slide-type t-content">内容</span></div>
        <div class="slide-row"><div class="slide-num">03</div><div class="slide-info"><div class="slide-title">阶段成果总览 — 已完成的工作</div><div class="slide-sub">5 个模块状态（进行中/已完成），核心链路打通</div></div><span class="slide-type t-kpi">进展</span></div>
        <div class="slide-row"><div class="slide-num">04</div><div class="slide-info"><div class="slide-title">系统架构 — 5 层技术栈</div><div class="slide-sub">前端→API→AI引擎→基础设施，分层示意图</div></div><span class="slide-type t-arch">架构</span></div>
        <div class="slide-row"><div class="slide-num">05</div><div class="slide-info"><div class="slide-title">业务价值 — 有与没有的差距</div><div class="slide-sub">70% 重复工作减少 / 分钟级响应 / 6+ 法规源统一</div></div><span class="slide-type t-kpi">价值</span></div>
        <div class="slide-row"><div class="slide-num">06</div><div class="slide-info"><div class="slide-title">四阶段路线图</div><div class="slide-sub">当前处于阶段二 Demo 打磨，阶段三生产部署计划</div></div><span class="slide-type t-content">路线图</span></div>
        <div class="slide-row"><div class="slide-num">07</div><div class="slide-info"><div class="slide-title">近期行动项 — 需要决策/资源</div><div class="slide-sub">Demo收尾 · 业务对齐 · 技术债 · 资源申请</div></div><span class="slide-type t-content">行动</span></div>
        <div class="slide-row"><div class="slide-num">08</div><div class="slide-info"><div class="slide-title">封底 — Q&A</div><div class="slide-sub">联系方式 · 内部机密声明</div></div><span class="slide-type t-close">封底</span></div>
      </div>
    </div>
  </div>

  <!-- Option B: Standard 11 slides -->
  <div class="option" data-choice="b" onclick="toggleSelect(this)">
    <div class="letter">B</div>
    <div class="content">
      <h3>标准版 · 11 页</h3>
      <p>适合 20–30 分钟完整汇报，技术+管理混合受众，各模块有独立页面</p>
      <div class="deck" style="margin-top:10px;">
        <div class="slide-row"><div class="slide-num">01</div><div class="slide-info"><div class="slide-title">封面</div><div class="slide-sub">项目名 · 核心 KPI 数字 · 日期</div></div><span class="slide-type t-cover">封面</span></div>
        <div class="slide-row"><div class="slide-num">02</div><div class="slide-info"><div class="slide-title">目录</div><div class="slide-sub">背景 · 成果 · 架构 · 功能演示 · 价值 · 路线图 · 行动项</div></div><span class="slide-type t-section">目录</span></div>
        <div class="slide-row"><div class="slide-num">03</div><div class="slide-info"><div class="slide-title">项目背景 — 3 大核心痛点</div><div class="slide-sub">法规碎片化 / 响应周期长 / 人工成本高（3列卡片）</div></div><span class="slide-type t-content">内容</span></div>
        <div class="slide-row"><div class="slide-num">04</div><div class="slide-info"><div class="slide-title">阶段成果 — 5 个功能模块进展</div><div class="slide-sub">每个模块状态 + 关键功能点（进行中/已完成）</div></div><span class="slide-type t-kpi">进展</span></div>
        <div class="slide-row"><div class="slide-num">05</div><div class="slide-info"><div class="slide-title">核心亮点 — Agent 对话链路打通</div><div class="slide-sub">Milvus 检索 → LLM 推理 → SSE 流式输出，全链路贯通</div></div><span class="slide-type t-kpi">亮点</span></div>
        <div class="slide-row"><div class="slide-num">06</div><div class="slide-info"><div class="slide-title">系统架构 — 清洁架构 5 层结构</div><div class="slide-sub">分层示意图：用户→前端→API→AI引擎→基础设施</div></div><span class="slide-type t-arch">架构</span></div>
        <div class="slide-row"><div class="slide-num">07</div><div class="slide-info"><div class="slide-title">技术栈全景</div><div class="slide-sub">React 19 / FastAPI / Milvus / Qwen · DeepSeek / Aliyun DocMind</div></div><span class="slide-type t-arch">技术</span></div>
        <div class="slide-row"><div class="slide-num">08</div><div class="slide-info"><div class="slide-title">业务价值 — 量化对比</div><div class="slide-sub">传统方式 vs AI中枢：4 大指标数字（70%+/分钟级/6+/5）</div></div><span class="slide-type t-kpi">价值</span></div>
        <div class="slide-row"><div class="slide-num">09</div><div class="slide-info"><div class="slide-title">四阶段路线图</div><div class="slide-sub">时间线：POC已完成 → Demo进行中 → 生产部署 → 规模推广</div></div><span class="slide-type t-content">路线图</span></div>
        <div class="slide-row"><div class="slide-num">10</div><div class="slide-info"><div class="slide-title">近期行动项 — 4 大类任务</div><div class="slide-sub">Demo收尾 / 业务对齐 / 技术债清理 / 资源&决策（2×2 卡片）</div></div><span class="slide-type t-content">行动</span></div>
        <div class="slide-row"><div class="slide-num">11</div><div class="slide-info"><div class="slide-title">封底 — Q&A</div><div class="slide-sub"></div></div><span class="slide-type t-close">封底</span></div>
      </div>
    </div>
  </div>

  <!-- Option C: Full 14 slides -->
  <div class="option" data-choice="c" onclick="toggleSelect(this)">
    <div class="letter">C</div>
    <div class="content">
      <h3>完整版 · 14 页</h3>
      <p>适合正式汇报 + 存档，含各模块独立功能页，技术细节充分展示</p>
      <div class="deck" style="margin-top:10px;">
        <div class="slide-row"><div class="slide-num">01</div><div class="slide-info"><div class="slide-title">封面</div></div><span class="slide-type t-cover">封面</span></div>
        <div class="slide-row"><div class="slide-num">02</div><div class="slide-info"><div class="slide-title">目录</div></div><span class="slide-type t-section">目录</span></div>
        <div class="slide-row"><div class="slide-num">03</div><div class="slide-info"><div class="slide-title">项目背景 — 3 大痛点</div></div><span class="slide-type t-content">内容</span></div>
        <div class="slide-row"><div class="slide-num">04</div><div class="slide-info"><div class="slide-title">【分节页】— 阶段成果</div></div><span class="slide-type t-section">分节</span></div>
        <div class="slide-row"><div class="slide-num">05</div><div class="slide-info"><div class="slide-title">5 模块进展总览</div></div><span class="slide-type t-kpi">进展</span></div>
        <div class="slide-row"><div class="slide-num">06</div><div class="slide-info"><div class="slide-title">核心亮点 — Agent 链路</div></div><span class="slide-type t-kpi">亮点</span></div>
        <div class="slide-row"><div class="slide-num">07</div><div class="slide-info"><div class="slide-title">文档处理 Pipeline（5步）</div></div><span class="slide-type t-arch">流程</span></div>
        <div class="slide-row"><div class="slide-num">08</div><div class="slide-info"><div class="slide-title">【分节页】— 技术架构</div></div><span class="slide-type t-section">分节</span></div>
        <div class="slide-row"><div class="slide-num">09</div><div class="slide-info"><div class="slide-title">系统分层架构图</div></div><span class="slide-type t-arch">架构</span></div>
        <div class="slide-row"><div class="slide-num">10</div><div class="slide-info"><div class="slide-title">技术栈全景</div></div><span class="slide-type t-arch">技术</span></div>
        <div class="slide-row"><div class="slide-num">11</div><div class="slide-info"><div class="slide-title">业务价值量化对比</div></div><span class="slide-type t-kpi">价值</span></div>
        <div class="slide-row"><div class="slide-num">12</div><div class="slide-info"><div class="slide-title">四阶段路线图</div></div><span class="slide-type t-content">路线图</span></div>
        <div class="slide-row"><div class="slide-num">13</div><div class="slide-info"><div class="slide-title">近期行动项（4 类）</div></div><span class="slide-type t-content">行动</span></div>
        <div class="slide-row"><div class="slide-num">14</div><div class="slide-info"><div class="slide-title">封底 — Q&A</div></div><span class="slide-type t-close">封底</span></div>
      </div>
    </div>
  </div>

</div>