张胜宇
bc61d5c579
## 为什么做这一步 权威文档 74 份此前**只在本机**，评审者 clone 分支后看不到任何设计文档；而仓库里那两份同名目录 是 **2026-09-16 之前的过期副本，连文件名都是旧的**（无体系编号）。本次按「**权威覆盖过期**」入库。 ## 入库内容 | 目录 | 文件数 | 体积 | 说明 | |---|---|---|---| | `客服agent/` | 24 | 0.77 MB | `D2.1`~`D2.6` 对外交付四件套 + 演示脚本/答辩报告 + `_build` 构建工具 | | `开发文档/` | 50 | 2.16 MB | `D1.x` 索引与决策、`D3.x` 方案、`D4.x` 清除与重构留痕、`D5.x` 业务流程、`D6.x` 业务事实基座、`D7.x` 交付物、`D8.x` 规范 | **旧的过期副本整体移除**（`客服Agent执行Todolist.md` → `D2.1-客服Agent执行Todolist.md` 之类 的改名 + 新增 `D2.5`/`D2.6`），入库后目录内容与权威副本**逐文件一致（零差异，已复核）**。 ## 入库前的安全扫描（必须留痕） - 扫描规则：`sk-` 类密钥 / `Bearer` 长串 / `password=`、`api_key=` 赋值 / 会话中出现过的两把明文 key 片段。 - 结论：**真实密钥只出现在 `.env`**（已被 `.gitignore` 命中，未入库）；`.env.example` 与 `config/risk.env.example` 只有**空占位**。 - 文档内唯一命中是 `D3.1` 里一处**截断的示例 JWT**（`Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...`）， 末尾带省略号，是接口文档的示意值，**不是可用凭据**。
250 lines
12 KiB
HTML
250 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>南方基金·智能服务系统 — 智能客服 Agent 需求开发文档与设计方案</title>
|
|
<script src="https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.min.js"></script>
|
|
|
|
<style>
|
|
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Serif+SC:wght@400;600;700&family=JetBrains+Mono:wght@400;500&display=swap');
|
|
|
|
:root {
|
|
--navy-900: #0a1628;
|
|
--navy-800: #121e33;
|
|
--navy-700: #1a2a44;
|
|
--navy-600: #243552;
|
|
--navy-500: #2d4160;
|
|
--gold-500: #c9a84c;
|
|
--gold-400: #d4b966;
|
|
--gold-300: #e0cc85;
|
|
--gold-600: #a8873a;
|
|
--bg: #f4f1eb;
|
|
--bg-white: #ffffff;
|
|
--text: #1e293b;
|
|
--text-muted: #64748b;
|
|
--border: #e2ddd5;
|
|
--code-bg: #0d1117;
|
|
--sidebar-w: 288px;
|
|
--topbar-h: 56px;
|
|
}
|
|
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
html { scroll-behavior: smooth; }
|
|
|
|
body {
|
|
font-family: 'Inter', -apple-system, sans-serif;
|
|
color: var(--text);
|
|
background: var(--bg);
|
|
line-height: 1.75;
|
|
font-size: 15px;
|
|
}
|
|
|
|
#progress-bar {
|
|
position: fixed; top: 0; left: 0; height: 3px; z-index: 9999;
|
|
background: linear-gradient(90deg, var(--gold-600), var(--gold-400), var(--gold-500));
|
|
width: 0%; transition: width 0.15s ease-out;
|
|
}
|
|
|
|
#sidebar {
|
|
position: fixed; top: 0; left: 0; width: var(--sidebar-w); height: 100vh;
|
|
background: linear-gradient(180deg, var(--navy-900), var(--navy-800));
|
|
z-index: 1000; display: flex; flex-direction: column;
|
|
border-right: 1px solid rgba(201,168,76,0.15);
|
|
}
|
|
|
|
.sidebar-header { padding: 22px 20px 14px; border-bottom: 1px solid rgba(201,168,76,0.12); }
|
|
|
|
.sidebar-brand {
|
|
display: flex; align-items: center; gap: 10px;
|
|
font-family: 'Noto Serif SC', serif; font-weight: 700;
|
|
font-size: 16px; color: var(--gold-400); letter-spacing: 0.5px;
|
|
}
|
|
|
|
.sidebar-brand .brand-icon {
|
|
width: 32px; height: 32px; border-radius: 8px;
|
|
background: linear-gradient(135deg, var(--gold-500), var(--gold-600));
|
|
display: flex; align-items: center; justify-content: center;
|
|
font-size: 16px; color: var(--navy-900); flex-shrink: 0;
|
|
}
|
|
|
|
.sidebar-subtitle {
|
|
font-size: 11px; color: rgba(255,255,255,0.4);
|
|
margin-top: 6px; letter-spacing: 1px;
|
|
}
|
|
|
|
#toc-search {
|
|
margin: 12px 16px; padding: 8px 12px;
|
|
background: rgba(255,255,255,0.06);
|
|
border: 1px solid rgba(255,255,255,0.1);
|
|
border-radius: 6px; color: #fff;
|
|
font-size: 13px; font-family: 'Inter', sans-serif;
|
|
outline: none; transition: border-color 0.2s;
|
|
}
|
|
#toc-search::placeholder { color: rgba(255,255,255,0.3); }
|
|
#toc-search:focus { border-color: var(--gold-500); }
|
|
|
|
#toc-container {
|
|
flex: 1; overflow-y: auto; padding: 8px 0 32px;
|
|
scrollbar-width: thin; scrollbar-color: rgba(201,168,76,0.3) transparent;
|
|
}
|
|
#toc-container::-webkit-scrollbar { width: 4px; }
|
|
#toc-container::-webkit-scrollbar-thumb { background: rgba(201,168,76,0.3); border-radius: 2px; }
|
|
|
|
.toc-item {
|
|
display: block; padding: 5px 20px;
|
|
color: rgba(255,255,255,0.6); font-size: 12.5px;
|
|
text-decoration: none; border-left: 3px solid transparent;
|
|
transition: all 0.15s; line-height: 1.5;
|
|
}
|
|
.toc-item:hover { color: var(--gold-400); background: rgba(201,168,76,0.06); }
|
|
.toc-item.active { color: var(--gold-400); border-left-color: var(--gold-500); background: rgba(201,168,76,0.08); font-weight: 500; }
|
|
|
|
.toc-group { margin-bottom: 2px; }
|
|
.toc-toggle {
|
|
display: flex; align-items: flex-start; gap: 6px;
|
|
width: 100%; padding: 6px 16px;
|
|
color: rgba(255,255,255,0.85);
|
|
font-weight: 600; font-size: 13px;
|
|
font-family: inherit; background: none; border: none;
|
|
cursor: pointer; text-align: left; line-height: 1.45;
|
|
border-left: 3px solid transparent; transition: all 0.15s ease;
|
|
}
|
|
.toc-toggle:hover { color: var(--gold-400); background: rgba(201,168,76,0.06); }
|
|
.toc-toggle.active { color: var(--gold-400); border-left-color: var(--gold-500); background: rgba(201,168,76,0.1); }
|
|
.toc-toggle .arr { display: inline-block; width: 12px; flex-shrink: 0; font-size: 9px; color: rgba(255,255,255,0.25); transition: transform 0.2s ease; padding-top: 4px; }
|
|
.toc-toggle .arr.open { transform: rotate(90deg); }
|
|
.toc-kids { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }
|
|
.toc-kids.open { max-height: 2400px; }
|
|
.toc-kids .toc-item { padding-left: 34px; }
|
|
|
|
#topbar {
|
|
position: fixed; top: 0; left: var(--sidebar-w); right: 0;
|
|
height: var(--topbar-h); z-index: 999;
|
|
background: rgba(244,241,235,0.88); backdrop-filter: blur(12px);
|
|
border-bottom: 1px solid var(--border);
|
|
display: flex; align-items: center; justify-content: space-between;
|
|
padding: 0 32px;
|
|
}
|
|
|
|
#topbar-title { font-family: 'Noto Serif SC', serif; font-size: 14px; font-weight: 600; color: var(--navy-800); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
|
|
|
|
#topbar-badge {
|
|
font-size: 11px; padding: 3px 10px;
|
|
background: linear-gradient(135deg, var(--gold-500), var(--gold-600));
|
|
color: var(--navy-900); border-radius: 12px; font-weight: 600;
|
|
letter-spacing: 0.5px; white-space: nowrap;
|
|
}
|
|
|
|
#main { margin-left: var(--sidebar-w); margin-top: var(--topbar-h); min-height: calc(100vh - var(--topbar-h)); }
|
|
|
|
.doc-container { max-width: 900px; margin: 0 auto; padding: 40px 40px 90px; }
|
|
|
|
.doc-header { margin-bottom: 44px; padding-bottom: 30px; border-bottom: 2px solid var(--gold-500); }
|
|
.doc-eyebrow { font-size: 12px; text-transform: uppercase; letter-spacing: 2px; color: var(--gold-600); font-weight: 600; margin-bottom: 12px; }
|
|
.doc-title { font-family: 'Noto Serif SC', serif; font-size: 31px; font-weight: 700; color: var(--navy-900); line-height: 1.35; margin-bottom: 20px; }
|
|
|
|
.doc-meta { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 12px; }
|
|
.doc-meta-item { display: flex; flex-direction: column; padding: 12px 16px; background: var(--bg-white); border-radius: 8px; border: 1px solid var(--border); }
|
|
.doc-meta-label { font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: var(--text-muted); font-weight: 500; }
|
|
.doc-meta-value { font-size: 14px; font-weight: 500; color: var(--navy-800); margin-top: 2px; }
|
|
|
|
.doc-container h1 {
|
|
font-family: 'Noto Serif SC', serif; font-size: 25px; font-weight: 700;
|
|
color: var(--navy-900); margin: 50px 0 16px; padding-top: 18px;
|
|
border-top: 1px solid var(--border);
|
|
}
|
|
.doc-container h1:first-of-type { border-top: none; margin-top: 0; padding-top: 0; }
|
|
|
|
.doc-container h2 { font-family: 'Noto Serif SC', serif; font-size: 20px; font-weight: 600; color: var(--navy-800); margin: 38px 0 12px; padding-bottom: 8px; border-bottom: 1px solid var(--border); }
|
|
.doc-container h3 { font-family: 'Noto Serif SC', serif; font-size: 16.5px; font-weight: 600; color: var(--navy-700); margin: 26px 0 10px; }
|
|
.doc-container h4 { font-family: 'Noto Serif SC', serif; font-size: 15px; font-weight: 600; color: var(--navy-600); margin: 20px 0 8px; }
|
|
|
|
.mermaid { background: var(--bg-white); border: 1px solid var(--border); border-radius: 8px; padding: 20px; margin: 20px 0 26px; text-align: center; overflow-x: auto; box-shadow: 0 1px 3px rgba(0,0,0,0.04); }
|
|
|
|
table { width: 100%; border-collapse: collapse; margin: 16px 0 24px; font-size: 13.5px; background: var(--bg-white); border-radius: 8px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.04); border: 1px solid var(--border); }
|
|
thead th { background: var(--navy-800); color: var(--gold-400); font-weight: 600; font-size: 12.5px; padding: 11px 14px; text-align: left; letter-spacing: 0.3px; }
|
|
tbody td { padding: 9px 14px; border-top: 1px solid var(--border); vertical-align: top; }
|
|
tbody tr:hover { background: rgba(201,168,76,0.045); }
|
|
|
|
pre { background: var(--code-bg); color: #e6edf3; padding: 18px; border-radius: 8px; overflow-x: auto; margin: 16px 0 24px; font-family: 'JetBrains Mono', monospace; font-size: 12.5px; line-height: 1.62; }
|
|
|
|
.code-block { margin: 16px 0 24px; border-radius: 8px; overflow: hidden; border: 1px solid rgba(201,168,76,0.12); background: var(--code-bg); }
|
|
.code-header { padding: 6px 14px; background: rgba(201,168,76,0.06); border-bottom: 1px solid rgba(201,168,76,0.1); }
|
|
.code-lang { font-size: 11px; font-weight: 600; color: var(--gold-400); font-family: 'JetBrains Mono', monospace; text-transform: uppercase; letter-spacing: 1px; }
|
|
.code-block pre { margin: 0; border-radius: 0; border: none; padding: 16px 18px; }
|
|
|
|
:not(pre) > code { font-family: 'JetBrains Mono', monospace; background: rgba(26,42,68,0.08); color: var(--navy-700); padding: 2px 6px; border-radius: 4px; font-size: 0.87em; }
|
|
|
|
blockquote {
|
|
background: linear-gradient(135deg, rgba(201,168,76,0.12), rgba(36,53,82,0.06));
|
|
border-left: 4px solid var(--gold-500);
|
|
color: var(--navy-800);
|
|
padding: 14px 20px; border-radius: 0 8px 8px 0; margin: 16px 0 24px; font-size: 14px;
|
|
}
|
|
blockquote.callout-warn { border-left-color: #c62828; background: linear-gradient(135deg, rgba(198,40,40,0.08), rgba(198,40,40,0.02)); }
|
|
blockquote.callout-info { border-left-color: #0288d1; background: linear-gradient(135deg, rgba(2,136,209,0.08), rgba(2,136,209,0.02)); }
|
|
blockquote.callout-design { border-left-color: #6a1b9a; background: linear-gradient(135deg, rgba(106,27,154,0.08), rgba(106,27,154,0.02)); }
|
|
blockquote p { margin: 0; }
|
|
blockquote p + p { margin-top: 8px; }
|
|
|
|
.doc-container ul, .doc-container ol { padding-left: 24px; margin: 12px 0; }
|
|
.doc-container li { margin: 6px 0; line-height: 1.7; }
|
|
.doc-container ul { list-style: none; padding-left: 0; }
|
|
.doc-container ul li { padding-left: 20px; position: relative; }
|
|
.doc-container ul li::before { content: ''; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; border-radius: 50%; background: var(--gold-500); }
|
|
.doc-container ol li::marker { color: var(--gold-600); font-weight: 600; }
|
|
|
|
.intent-tag { display: inline-block; padding: 2px 8px; border-radius: 4px; font-size: 11px; font-family: 'JetBrains Mono', monospace; font-weight: 500; }
|
|
.intent-tag.high { background: #ffebee; color: #c62828; }
|
|
.intent-tag.mid { background: #fff3e0; color: #e65100; }
|
|
.intent-tag.low { background: #e8f5e9; color: #2e7d32; }
|
|
|
|
.pill { display: inline-block; padding: 1px 7px; border-radius: 10px; font-size: 11px; font-weight: 600; letter-spacing: .3px; }
|
|
.pill.p0 { background: #ffebee; color: #c62828; }
|
|
.pill.p1 { background: #fff3e0; color: #e65100; }
|
|
.pill.p2 { background: #e8f5e9; color: #2e7d32; }
|
|
|
|
hr { border: none; height: 1px; background: linear-gradient(90deg, transparent, var(--gold-500), transparent); margin: 34px 0; }
|
|
|
|
.doc-container p { margin: 10px 0; line-height: 1.82; color: #1f2937; }
|
|
.doc-container strong { font-weight: 600; color: var(--navy-900); }
|
|
.doc-container a { color: var(--gold-600); text-decoration: none; border-bottom: 1px solid var(--gold-300); }
|
|
|
|
.req-card { background: var(--bg-white); border-radius: 12px; border: 1px solid var(--border); padding: 22px 26px; margin: 18px 0 24px; position: relative; box-shadow: 0 1px 3px rgba(0,0,0,0.04); }
|
|
.req-card::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 100%; border-radius: 12px 0 0 12px; background: linear-gradient(180deg, #4fc3f7, #0288d1); }
|
|
|
|
.tag-row { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
|
|
|
|
@media print {
|
|
#sidebar, #topbar, #progress-bar { display: none !important; }
|
|
#main { margin-left: 0; margin-top: 0; }
|
|
.doc-container { padding: 20px; max-width: 100%; }
|
|
.req-card { break-inside: avoid; box-shadow: none; }
|
|
table { break-inside: avoid; }
|
|
}
|
|
|
|
@media (max-width: 1024px) {
|
|
#sidebar { display: none; }
|
|
#topbar { left: 0; }
|
|
#main { margin-left: 0; }
|
|
.doc-container { padding: 24px 20px 60px; }
|
|
.doc-title { font-size: 23px; }
|
|
}
|
|
|
|
.doc-container h1[id], .doc-container h2[id], .doc-container h3[id], .doc-container h4[id] { scroll-margin-top: calc(var(--topbar-h) + 16px); }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="progress-bar"></div>
|
|
|
|
<nav id="sidebar">
|
|
<div class="sidebar-header">
|
|
<div class="sidebar-brand">
|
|
<div class="brand-icon">🎧</div>
|
|
<span>南方基金</span>
|
|
</div>
|
|
<div class="sidebar-subtitle">客服 Agent 专项方案 v2.3 · 双角色 · 身份分离</div>
|
|
</div>
|
|
<input type="text" id="toc-search" placeholder="搜索目录...">
|
|
<div id="toc-container"> |