chore: delete old layout/common/tabs components before redesign
@
This commit is contained in:
2026-06-03 16:58:35 +08:00
parent f3dbdc7e3f
commit dcda7e0423
53 changed files with 24412 additions and 1519 deletions

View File

@@ -0,0 +1,132 @@
<h2>A 方案 · 浅色背景版</h2>
<p class="subtitle">Magenta 主色 + 全浅色背景 — 对比两种浅色处理方式</p>
<style>
.slide-preview {
border-radius: 6px;
overflow: hidden;
aspect-ratio: 16/9;
position: relative;
font-family: 'Calibri', 'Segoe UI', sans-serif;
border: 1px solid #ddd;
margin-bottom: 8px;
}
.tag-row { display:flex; gap:6px; margin-top:8px; flex-wrap:wrap; }
.tag { padding:3px 8px; border-radius:4px; font-size:11px; font-weight:600; letter-spacing:0.5px; }
.mini-card { border-radius:4px; padding:6px 10px; margin-top:4px; font-size:11px; }
</style>
<div class="split">
<!-- Option A1: White/Light Gray (Sherlock style) -->
<div>
<div class="mockup">
<div class="mockup-header">A1 · 纯白 + 灰色背景Sherlock 风格)</div>
<div class="mockup-body" style="background:#f5f5f5; padding:12px;">
<!-- Title slide -->
<div class="slide-preview" style="background:#fff;">
<div style="position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#e20074,#be0060);"></div>
<div style="padding:18px 22px 14px;">
<div style="font-size:7px;color:#e20074;letter-spacing:2px;font-weight:700;text-transform:uppercase;margin-bottom:8px;">INTERNAL · AI 合规项目组 · 2026.05</div>
<div style="font-size:17px;font-weight:900;color:#1a1a2e;line-height:1.2;margin-bottom:6px;">AI + 合规智能中枢<br><span style="color:#e20074;">阶段性进展汇报</span></div>
<div style="font-size:8px;color:#666;margin-bottom:12px;">基于 Agent 协同的多模块法规合规智能平台</div>
<div style="display:flex;gap:8px;">
<div style="background:#fff0f7;border:1px solid rgba(226,0,116,0.3);border-radius:4px;padding:3px 10px;font-size:8px;color:#e20074;font-weight:700;">5 功能模块</div>
<div style="background:#f0fdf8;border:1px solid rgba(0,137,106,0.3);border-radius:4px;padding:3px 10px;font-size:8px;color:#00896a;font-weight:700;">17+ API</div>
<div style="background:#fff8f0;border:1px solid rgba(204,98,0,0.3);border-radius:4px;padding:3px 10px;font-size:8px;color:#cc6200;font-weight:700;">6+ 法规源</div>
</div>
</div>
<div style="position:absolute;bottom:0;left:0;right:0;height:2px;background:#f0f0f0;"></div>
<div style="position:absolute;bottom:6px;right:14px;font-size:7px;color:#bbb;">T-Systems · Internal · Confidential</div>
</div>
<!-- Content slide -->
<div class="slide-preview" style="background:#fafafa;">
<div style="position:absolute;top:0;left:0;right:0;height:3px;background:#e20074;"></div>
<div style="padding:14px 18px;">
<div style="font-size:7px;color:#e20074;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:3px;">阶段成果</div>
<div style="font-size:11px;font-weight:800;color:#1a1a2e;margin-bottom:8px;">已完成的工作</div>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:5px;">
<div style="background:#fff;border:1px solid #e8e8f0;border-left:3px solid #e20074;border-radius:3px;padding:5px 8px;">
<div style="font-size:8px;font-weight:700;color:#1a1a2e;margin-bottom:1px;">📡 法规感知</div>
<div style="font-size:7px;color:#666;">六大法规源实时事件流</div>
</div>
<div style="background:#fff;border:1px solid #e8e8f0;border-left:3px solid #00896a;border-radius:3px;padding:5px 8px;">
<div style="font-size:8px;font-weight:700;color:#1a1a2e;margin-bottom:1px;">💬 Agent 对话</div>
<div style="font-size:7px;color:#666;">核心链路全通 ✓</div>
</div>
<div style="background:#fff;border:1px solid #e8e8f0;border-left:3px solid #2a68c8;border-radius:3px;padding:5px 8px;">
<div style="font-size:8px;font-weight:700;color:#1a1a2e;margin-bottom:1px;">📚 知识库</div>
<div style="font-size:7px;color:#666;">5步 Pipeline 可视化</div>
</div>
<div style="background:#fff;border:1px solid #e8e8f0;border-left:3px solid #cc6200;border-radius:3px;padding:5px 8px;">
<div style="font-size:8px;font-weight:700;color:#1a1a2e;margin-bottom:1px;">🔍 合规分析</div>
<div style="font-size:7px;color:#666;">风险评分仪表盘</div>
</div>
</div>
</div>
</div>
</div>
</div>
<p style="font-size:13px;color:var(--text-secondary);margin-top:8px;">✦ 纯白底 + 极浅灰区分层次。顶部洋红横线代替渐变块。内容卡片左侧彩色边线区分模块。<br>与 Sherlock PPTX 的白底风格一致。</p>
</div>
<!-- Option A2: Light Beige/Blue (Bosch light style) -->
<div>
<div class="mockup">
<div class="mockup-header">A2 · 浅蓝灰 + 白卡片Bosch 浅色风格)</div>
<div class="mockup-body" style="background:#e8edf5; padding:12px;">
<!-- Title slide -->
<div class="slide-preview" style="background:#f0f4fb;">
<div style="position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(to bottom,#e20074,#be0060);"></div>
<div style="padding:18px 22px 14px 28px;">
<div style="font-size:7px;color:#e20074;letter-spacing:2px;font-weight:700;text-transform:uppercase;margin-bottom:8px;">■ INTERNAL · AI 合规项目组 · 2026.05</div>
<div style="font-size:17px;font-weight:900;color:#1a1a2e;line-height:1.2;margin-bottom:5px;">AI + 合规智能中枢</div>
<div style="font-size:13px;color:#e20074;font-weight:700;margin-bottom:10px;">阶段性进展汇报</div>
<div style="display:flex;gap:8px;">
<div style="background:rgba(226,0,116,0.1);border:1px solid rgba(226,0,116,0.25);border-radius:20px;padding:2px 10px;font-size:8px;color:#e20074;font-weight:700;">5 功能模块</div>
<div style="background:rgba(0,137,106,0.1);border:1px solid rgba(0,137,106,0.25);border-radius:20px;padding:2px 10px;font-size:8px;color:#00896a;font-weight:700;">17+ API</div>
<div style="background:rgba(42,104,200,0.1);border:1px solid rgba(42,104,200,0.25);border-radius:20px;padding:2px 10px;font-size:8px;color:#2a68c8;font-weight:700;">6+ 法规源</div>
</div>
</div>
<div style="position:absolute;bottom:6px;right:14px;font-size:7px;color:#aab;font-style:italic;">T-Systems · Internal · Confidential</div>
</div>
<!-- Content slide -->
<div class="slide-preview" style="background:#edf1f8;">
<div style="position:absolute;left:0;top:0;bottom:0;width:4px;background:#e20074;"></div>
<div style="padding:12px 16px 12px 20px;">
<div style="font-size:7px;color:#e20074;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:2px;">阶段成果</div>
<div style="font-size:11px;font-weight:800;color:#1a1a2e;margin-bottom:8px;">已完成的工作</div>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:5px;">
<div style="background:#fff;border-radius:4px;padding:6px 8px;box-shadow:0 1px 4px rgba(0,0,0,0.06);">
<div style="font-size:8px;font-weight:700;color:#e20074;margin-bottom:2px;">📡 法规感知</div>
<div style="font-size:7px;color:#555;">六大法规源实时事件流</div>
</div>
<div style="background:#fff;border-radius:4px;padding:6px 8px;box-shadow:0 1px 4px rgba(0,0,0,0.06);">
<div style="font-size:8px;font-weight:700;color:#00896a;margin-bottom:2px;">💬 Agent 对话</div>
<div style="font-size:7px;color:#555;">核心链路全通 ✓</div>
</div>
<div style="background:#fff;border-radius:4px;padding:6px 8px;box-shadow:0 1px 4px rgba(0,0,0,0.06);">
<div style="font-size:8px;font-weight:700;color:#2a68c8;margin-bottom:2px;">📚 知识库</div>
<div style="font-size:7px;color:#555;">5步 Pipeline 可视化</div>
</div>
<div style="background:#fff;border-radius:4px;padding:6px 8px;box-shadow:0 1px 4px rgba(0,0,0,0.06);">
<div style="font-size:8px;font-weight:700;color:#cc6200;margin-bottom:2px;">🔍 合规分析</div>
<div style="font-size:7px;color:#555;">风险评分仪表盘</div>
</div>
</div>
</div>
</div>
</div>
</div>
<p style="font-size:13px;color:var(--text-secondary);margin-top:8px;">✦ 浅蓝灰底色 + 白色卡片浮起。左侧竖向洋红线作为品牌标识。圆角胶囊标签替代方形标签。<br>柔和、现代感更强,参考 Bosch 浅色内页风格。</p>
</div>
</div>
<p class="subtitle" style="margin-top:16px;">两种方案均使用 Magenta #E20074 主色 + 浅色全背景。请选择你更喜欢的处理方式,或告诉我想要调整的细节。</p>

View File

@@ -0,0 +1,198 @@
<h2>PPT 整体视觉风格</h2>
<p class="subtitle">三种风格方案 — 基于 Sherlock PPTX 和 Bosch PDF 的参考,结合项目品牌色</p>
<style>
.slide-preview {
border-radius: 8px;
overflow: hidden;
margin-bottom: 10px;
aspect-ratio: 16/9;
position: relative;
font-family: 'Calibri', 'Segoe UI', sans-serif;
}
.slide-title-bar {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 20px 28px;
}
.slide-content-bar {
height: 100%;
display: flex;
flex-direction: column;
padding: 16px 20px;
}
.tag-row {
display: flex; gap: 6px; margin-top: 8px; flex-wrap: wrap;
}
.tag {
padding: 3px 8px;
border-radius: 4px;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.5px;
}
.mini-card {
border-radius: 4px;
padding: 6px 10px;
margin-top: 6px;
font-size: 11px;
}
</style>
<div class="cards">
<!-- Option A: T-Systems Magenta Dark -->
<div class="card" data-choice="a" onclick="toggleSelect(this)">
<div class="card-image" style="background:#0f0f1a; padding:16px;">
<!-- Title slide preview -->
<div class="slide-preview" style="background:linear-gradient(135deg,#1a0030 0%,#0f0f1a 60%); border:1px solid #e2007430; margin-bottom:8px;">
<div class="slide-title-bar">
<div style="width:3px;height:36px;background:#e20074;display:inline-block;margin-right:12px;border-radius:2px;float:left;margin-top:4px;"></div>
<div style="overflow:hidden;">
<div style="font-size:9px;color:#e20074;letter-spacing:2px;font-weight:700;text-transform:uppercase;margin-bottom:4px;">INTERNAL · AI 合规项目组 · 2026.05</div>
<div style="font-size:16px;font-weight:900;color:#fff;line-height:1.2;">AI + 合规智能中枢<br><span style="color:#e20074;">阶段性进展汇报</span></div>
<div style="font-size:8px;color:#888;margin-top:6px;">基于 Agent 协同的多模块法规合规智能平台</div>
</div>
<div style="position:absolute;right:14px;bottom:10px;display:flex;gap:6px;">
<div style="background:rgba(226,0,116,0.15);border:1px solid rgba(226,0,116,0.4);border-radius:4px;padding:3px 8px;font-size:9px;color:#e20074;font-weight:700;">5 模块</div>
<div style="background:rgba(0,137,106,0.15);border:1px solid rgba(0,137,106,0.4);border-radius:4px;padding:3px 8px;font-size:9px;color:#00896a;font-weight:700;">17+ API</div>
</div>
</div>
</div>
<!-- Content slide preview -->
<div class="slide-preview" style="background:#fff;border:1px solid #eee;">
<div class="slide-content-bar">
<div style="width:100%;height:3px;background:linear-gradient(90deg,#e20074,#be0060);border-radius:2px;margin-bottom:8px;"></div>
<div style="font-size:8px;color:#e20074;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:3px;">阶段成果</div>
<div style="font-size:12px;font-weight:700;color:#1a1a2e;margin-bottom:8px;">已完成的工作</div>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:6px;">
<div class="mini-card" style="background:rgba(226,0,116,0.07);border-left:3px solid #e20074;">
<div style="font-size:9px;font-weight:700;color:#1a1a2e;">📡 法规感知</div>
<div style="font-size:8px;color:#666;margin-top:2px;">六大法规源实时事件流</div>
</div>
<div class="mini-card" style="background:rgba(0,137,106,0.07);border-left:3px solid #00896a;">
<div style="font-size:9px;font-weight:700;color:#1a1a2e;">💬 Agent 对话</div>
<div style="font-size:8px;color:#666;margin-top:2px;">核心链路全通</div>
</div>
</div>
</div>
</div>
</div>
<div class="card-body">
<h3>A · T-Systems 风格</h3>
<p>深色标题页 + 浅色内容页的"三明治"结构Magenta 主色调,参考 Sherlock Deep Dive 原版风格。专业感强,与现有品牌高度一致。</p>
<div class="tag-row">
<span class="tag" style="background:#e200741a;color:#e20074;">Magenta #E20074</span>
<span class="tag" style="background:#1a1a2e1a;color:#1a1a2e;">Navy #1A1A2E</span>
<span class="tag" style="background:#00896a1a;color:#00896a;">Teal #00896A</span>
</div>
</div>
</div>
<!-- Option B: Bosch Dark Enterprise -->
<div class="card" data-choice="b" onclick="toggleSelect(this)">
<div class="card-image" style="background:#1a1a1a; padding:16px;">
<div class="slide-preview" style="background:linear-gradient(145deg,#1a1a1a 0%,#2d0a0a 100%); border:1px solid #cc000030; margin-bottom:8px;">
<div class="slide-title-bar">
<div style="font-size:8px;color:#cc0000;letter-spacing:2px;font-weight:700;text-transform:uppercase;margin-bottom:6px;">■ AI COMPLIANCE INTELLIGENCE HUB</div>
<div style="font-size:16px;font-weight:900;color:#fff;line-height:1.2;margin-bottom:6px;">团队阶段性汇报<br><span style="color:#ff6b35;">Q2 · 2026</span></div>
<div style="display:flex;gap:8px;margin-top:8px;">
<div style="border:1px solid rgba(204,0,0,0.5);border-radius:2px;padding:3px 8px;font-size:8px;color:#ff4444;font-weight:600;">5 模块上线</div>
<div style="border:1px solid rgba(255,107,53,0.5);border-radius:2px;padding:3px 8px;font-size:8px;color:#ff6b35;font-weight:600;">17+ API</div>
</div>
</div>
</div>
<div class="slide-preview" style="background:#f4f4f4; border:1px solid #ddd;">
<div class="slide-content-bar">
<div style="background:#cc0000;height:4px;margin:-16px -20px 10px;"></div>
<div style="font-size:8px;color:#cc0000;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:3px;">PROGRESS</div>
<div style="font-size:12px;font-weight:700;color:#1a1a1a;margin-bottom:8px;">核心链路打通情况</div>
<div style="display:flex;flex-direction:column;gap:5px;">
<div style="display:flex;align-items:center;gap:6px;">
<div style="width:8px;height:8px;border-radius:50%;background:#00a651;flex-shrink:0;"></div>
<div style="font-size:9px;color:#333;">Agent 对话全链路 · 已完成</div>
</div>
<div style="display:flex;align-items:center;gap:6px;">
<div style="width:8px;height:8px;border-radius:50%;background:#ff8c00;flex-shrink:0;"></div>
<div style="font-size:9px;color:#333;">法规感知模块 · 进行中</div>
</div>
<div style="display:flex;align-items:center;gap:6px;">
<div style="width:8px;height:8px;border-radius:50%;background:#cc0000;flex-shrink:0;"></div>
<div style="font-size:9px;color:#333;">合规分析 · 进行中</div>
</div>
</div>
</div>
</div>
</div>
<div class="card-body">
<h3>B · Bosch 企业风格</h3>
<p>全深色背景,红色主调,强调数据与进展状态。参考 Bosch Workshop PDF 的工程师汇报风格,适合技术向观众,视觉冲击力强。</p>
<div class="tag-row">
<span class="tag" style="background:#cc00001a;color:#cc0000;">Bosch Red #CC0000</span>
<span class="tag" style="background:#1a1a1a1a;color:#333;">Charcoal #1A1A1A</span>
<span class="tag" style="background:#ff6b351a;color:#ff6b35;">Orange #FF6B35</span>
</div>
</div>
</div>
<!-- Option C: Hybrid Elegant -->
<div class="card" data-choice="c" onclick="toggleSelect(this)">
<div class="card-image" style="background:#0d1b3e; padding:16px;">
<div class="slide-preview" style="background:linear-gradient(160deg,#0d1b3e 0%,#1a2b5e 100%); border:1px solid #4a7fc130; margin-bottom:8px;">
<div class="slide-title-bar">
<div style="font-size:8px;color:#7eb8f7;letter-spacing:2px;text-transform:uppercase;margin-bottom:6px;">AI COMPLIANCE · INTERNAL REPORT · 2026.05</div>
<div style="font-size:16px;font-weight:900;color:#fff;line-height:1.2;margin-bottom:4px;">AI + 合规智能中枢</div>
<div style="font-size:11px;color:#e20074;font-weight:700;margin-bottom:10px;">阶段性进展汇报</div>
<div style="display:flex;gap:8px;">
<div style="background:rgba(226,0,116,0.2);border:1px solid rgba(226,0,116,0.5);border-radius:20px;padding:2px 10px;font-size:8px;color:#e20074;font-weight:700;">5 功能模块</div>
<div style="background:rgba(0,212,170,0.2);border:1px solid rgba(0,212,170,0.5);border-radius:20px;padding:2px 10px;font-size:8px;color:#00d4aa;font-weight:700;">17+ API 接口</div>
<div style="background:rgba(255,180,50,0.2);border:1px solid rgba(255,180,50,0.5);border-radius:20px;padding:2px 10px;font-size:8px;color:#ffb432;font-weight:700;">6+ 法规源</div>
</div>
</div>
</div>
<div class="slide-preview" style="background:#fff; border:1px solid #dde3f0;">
<div class="slide-content-bar">
<div style="font-size:8px;color:#2a5aad;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:3px;">■ 阶段成果</div>
<div style="font-size:12px;font-weight:700;color:#0d1b3e;margin-bottom:8px;">已完成的工作</div>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:5px;">
<div style="background:#f0f5ff;border:1px solid #c5d5f5;border-radius:4px;padding:5px 8px;">
<div style="font-size:8px;color:#e20074;font-weight:700;margin-bottom:2px;">● 核心链路</div>
<div style="font-size:9px;color:#0d1b3e;font-weight:600;">Agent 对话全通</div>
</div>
<div style="background:#f0fff8;border:1px solid #b8f0dc;border-radius:4px;padding:5px 8px;">
<div style="font-size:8px;color:#00896a;font-weight:700;margin-bottom:2px;">✓ 已完成</div>
<div style="font-size:9px;color:#0d1b3e;font-weight:600;">系统监控</div>
</div>
<div style="background:#fff8f0;border:1px solid #f5d5b5;border-radius:4px;padding:5px 8px;">
<div style="font-size:8px;color:#cc6200;font-weight:700;margin-bottom:2px;">⟳ 进行中</div>
<div style="font-size:9px;color:#0d1b3e;font-weight:600;">法规感知</div>
</div>
<div style="background:#fff0f8;border:1px solid #f5c0dc;border-radius:4px;padding:5px 8px;">
<div style="font-size:8px;color:#e20074;font-weight:700;margin-bottom:2px;">⟳ 进行中</div>
<div style="font-size:9px;color:#0d1b3e;font-weight:600;">合规分析</div>
</div>
</div>
</div>
</div>
</div>
<div class="card-body">
<h3>C · 海军蓝 + 混合强调色</h3>
<p>深蓝封面页 + 白色内容页,融合 Sherlock 的专业感与 boss-report 的多彩状态系统。用色丰富但有序,适合展示多模块进展。</p>
<div class="tag-row">
<span class="tag" style="background:#0d1b3e1a;color:#0d1b3e;">Navy #0D1B3E</span>
<span class="tag" style="background:#e200741a;color:#e20074;">Magenta</span>
<span class="tag" style="background:#00d4aa1a;color:#009a7a;">Teal</span>
<span class="tag" style="background:#ffb4321a;color:#cc8800;">Gold</span>
</div>
</div>
</div>
</div>

View File

@@ -0,0 +1,100 @@
<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>适合 1015 分钟快速汇报,老板/领导层受众,重点突出进展和价值</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>适合 2030 分钟完整汇报,技术+管理混合受众,各模块有独立页面</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">文档处理 Pipeline5步</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>

View File

@@ -0,0 +1,3 @@
<div style="display:flex;align-items:center;justify-content:center;min-height:60vh">
<p class="subtitle">Continuing in terminal...</p>
</div>