Files
mcn-short-video/project/内容创作产品规划/内容知识库设计/2_短视频创作知识库/产品规划/短视频知识库规划图.html
T

1478 lines
83 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>短视频创作知识库 — 产品规划图 V2.0</title>
<style>
:root {
--bg: #f5f7fa;
--bg2: #ffffff;
--bg3: #f0f2f5;
--bg4: #e8ecf1;
--text: #1a202c;
--text2: #4a5568;
--text3: #718096;
--accent1: #2563eb;
--accent2: #7c3aed;
--accent3: #0891b2;
--accent4: #d97706;
--accent5: #059669;
--accent6: #dc2626;
--accent7: #db2777;
--border: #e2e8f0;
--card: #ffffff;
--shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
--shadow-hover: 0 4px 12px rgba(0,0,0,0.1), 0 2px 4px rgba(0,0,0,0.06);
}
* { margin:0; padding:0; box-sizing:border-box; }
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Microsoft YaHei', sans-serif;
background: var(--bg);
color: var(--text);
line-height: 1.6;
overflow-x: hidden;
}
.container { max-width: 1400px; margin: 0 auto; padding: 20px 24px; }
/* Header */
.header {
text-align: center;
padding: 40px 20px 30px;
background: linear-gradient(135deg, #eff6ff 0%, #f5f3ff 50%, #ecfdf5 100%);
border-radius: 16px;
margin-bottom: 30px;
border: 1px solid var(--border);
}
.header h1 {
font-size: 32px;
font-weight: 700;
color: var(--text);
letter-spacing: 2px;
}
.header .version {
font-size: 14px;
color: var(--accent1);
margin-top: 8px;
font-weight: 500;
}
.header .subtitle {
font-size: 16px;
color: var(--text2);
margin-top: 12px;
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
/* Tabs */
.tabs {
display: flex;
gap: 4px;
background: var(--bg3);
border-radius: 12px;
padding: 6px;
margin-bottom: 30px;
overflow-x: auto;
flex-wrap: nowrap;
}
.tab {
flex: 1;
min-width: 120px;
padding: 10px 16px;
border-radius: 8px;
text-align: center;
font-size: 14px;
font-weight: 500;
color: var(--text3);
cursor: pointer;
transition: all 0.25s;
white-space: nowrap;
border: 1px solid transparent;
}
.tab:hover { color: var(--text); background: var(--bg2); }
.tab.active {
background: var(--accent1);
color: #fff;
font-weight: 600;
border-color: var(--accent1);
box-shadow: 0 2px 8px rgba(37,99,235,0.3);
}
/* Sections */
.section { display: none; }
.section.active { display: block; animation: fadeIn 0.35s ease; }
@keyframes fadeIn { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:translateY(0)} }
/* Architecture Diagram */
.arch-layer {
position: relative;
margin-bottom: 12px;
border-radius: 14px;
padding: 20px 24px;
border: 2px solid;
transition: all 0.3s;
cursor: pointer;
background: var(--card);
box-shadow: var(--shadow);
}
.arch-layer:hover { transform: translateY(-2px); box-shadow: var(--shadow-hover); }
.arch-layer .layer-header {
display: flex; align-items: center; gap: 12px; margin-bottom: 8px;
}
.arch-layer .layer-num {
display: inline-flex; align-items: center; justify-content: center;
width: 42px; height: 42px;
border-radius: 10px;
font-size: 15px; font-weight: 700;
color: #fff;
flex-shrink: 0;
}
.arch-layer .layer-title {
font-size: 18px; font-weight: 600;
display: flex; align-items: center; gap: 10px;
flex: 1;
}
.arch-layer .layer-title .tag {
font-size: 12px; padding: 2px 10px; border-radius: 6px; font-weight: 400;
white-space: nowrap;
}
.arch-layer .layer-desc { font-size: 14px; color: var(--text2); margin-bottom: 8px; }
.arch-layer .layer-items {
display: flex; flex-wrap: wrap; gap: 8px;
}
.arch-layer .layer-item {
padding: 6px 14px; border-radius: 8px; font-size: 13px; font-weight: 500;
border: 1px solid; background: var(--bg3);
transition: all 0.2s;
}
.layer-colors {
--l1: var(--accent1); --l1bg: #eff6ff; --l1b: #bfdbfe; --l1text: #1e40af;
--l2: var(--accent2); --l2bg: #f5f3ff; --l2b: #c4b5fd; --l2text: #5b21b6;
--l3: var(--accent3); --l3bg: #ecfeff; --l3b: #a5f3fc; --l3text: #0e7490;
--l4: var(--accent4); --l4bg: #fffbeb; --l4b: #fde68a; --l4text: #92400e;
--l5: var(--accent5); --l5bg: #ecfdf5; --l5b: #6ee7b7; --l5text: #065f46;
--l6: var(--accent6); --l6bg: #fef2f2; --l6b: #fecaca; --l6text: #991b1b;
}
.l1 { background: var(--l1bg); border-color: var(--l1b); }
.l1 .layer-num { background: var(--l1); }
.l1 .layer-item { border-color: var(--l1b); color: var(--l1text); background: #dbeafe; }
.l1 .tag { background: var(--l1b); color: var(--l1text); }
.l2 { background: var(--l2bg); border-color: var(--l2b); }
.l2 .layer-num { background: var(--l2); }
.l2 .layer-item { border-color: var(--l2b); color: var(--l2text); background: #ede9fe; }
.l2 .tag { background: var(--l2b); color: var(--l2text); }
.l3 { background: var(--l3bg); border-color: var(--l3b); }
.l3 .layer-num { background: var(--l3); }
.l3 .layer-item { border-color: var(--l3b); color: var(--l3text); background: #cffafe; }
.l3 .tag { background: var(--l3b); color: var(--l3text); }
.l4 { background: var(--l4bg); border-color: var(--l4b); }
.l4 .layer-num { background: var(--l4); }
.l4 .layer-item { border-color: var(--l4b); color: var(--l4text); background: #fef3c7; }
.l4 .tag { background: var(--l4b); color: var(--l4text); }
.l5 { background: var(--l5bg); border-color: var(--l5b); }
.l5 .layer-num { background: var(--l5); }
.l5 .layer-item { border-color: var(--l5b); color: var(--l5text); background: #d1fae5; }
.l5 .tag { background: var(--l5b); color: var(--l5text); }
.l6 { background: var(--l6bg); border-color: var(--l6b); }
.l6 .layer-num { background: var(--l6); }
.l6 .layer-item { border-color: var(--l6b); color: var(--l6text); background: #fee2e2; }
.l6 .tag { background: var(--l6b); color: var(--l6text); }
/* Five Dimension Detail */
.dim-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.dim-card {
border-radius: 14px;
padding: 20px;
border: 1px solid var(--border);
background: var(--card);
transition: all 0.3s;
box-shadow: var(--shadow);
}
.dim-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-hover); }
.dim-card.full { grid-column: 1 / -1; }
.dim-card .dim-header {
display: flex; align-items: center; gap: 10px; margin-bottom: 12px;
}
.dim-card .dim-icon {
width: 40px; height: 40px; border-radius: 10px;
display: flex; align-items: center; justify-content: center;
font-size: 18px; font-weight: 700; color: #fff;
}
.dim-card .dim-name { font-size: 18px; font-weight: 600; }
.dim-card .dim-law {
margin-top: 12px;
padding: 10px 14px;
border-radius: 8px;
font-size: 13px;
color: var(--l6text);
background: #fef2f2;
border: 1px solid #fecaca;
font-weight: 500;
}
.dim-card .sub-title { font-size: 14px; font-weight: 600; color: var(--text2); margin-top: 10px; }
.dim-card table {
width: 100%;
border-collapse: collapse;
margin-top: 8px;
font-size: 13px;
}
.dim-card table th {
padding: 8px 10px;
background: var(--bg3);
color: var(--text2);
font-weight: 500;
text-align: left;
border-bottom: 1px solid var(--border);
}
.dim-card table td {
padding: 8px 10px;
border-bottom: 1px solid var(--border);
color: var(--text);
}
.dim-card table tr:hover td { background: var(--bg3); }
.dim-scroll-table { max-height: 420px; overflow-y: auto; }
/* 12 Dimensions Grid */
.d12-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
}
.d12-card {
border-radius: 10px;
padding: 16px;
border: 1px solid var(--border);
background: var(--card);
transition: all 0.3s;
cursor: pointer;
position: relative;
overflow: hidden;
box-shadow: var(--shadow);
}
.d12-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-hover); }
.d12-card .d12-num {
position: absolute; right: 12px; top: 12px;
font-size: 28px; font-weight: 800; color: var(--bg4);
}
.d12-card .d12-name { font-size: 15px; font-weight: 600; margin-bottom: 6px; }
.d12-card .d12-desc { font-size: 12px; color: var(--text2); }
.d12-card .d12-origin {
font-size: 11px; color: var(--accent3); margin-top: 6px;
padding: 2px 8px; background: #ecfeff; border-radius: 4px;
display: inline-block;
}
.d12-card .d12-new {
font-size: 11px; color: var(--accent4); margin-top: 6px;
padding: 2px 8px; background: #fffbeb; border-radius: 4px;
display: inline-block;
}
/* Business Data */
.biz-section { margin-bottom: 20px; }
.biz-section h3 { font-size: 16px; font-weight: 600; margin-bottom: 10px; }
.biz-flow {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
padding: 20px;
border-radius: 14px;
background: var(--card);
border: 1px solid var(--border);
margin-bottom: 20px;
flex-wrap: wrap;
box-shadow: var(--shadow);
}
.biz-node {
padding: 14px 20px;
border-radius: 10px;
text-align: center;
min-width: 140px;
font-weight: 600;
font-size: 14px;
border: 2px solid;
position: relative;
background: var(--card);
}
.biz-arrow {
font-size: 24px;
color: var(--text3);
flex-shrink: 0;
}
.biz-metrics-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.biz-metric-card {
border-radius: 12px;
padding: 18px;
border: 1px solid var(--border);
background: var(--card);
box-shadow: var(--shadow);
}
.biz-metric-card .biz-title {
font-size: 16px; font-weight: 600;
display: flex; align-items: center; gap: 8px;
margin-bottom: 12px;
}
.biz-metric-card .biz-dot {
width: 8px; height: 8px; border-radius: 50%;
}
.biz-metric-card table {
width: 100%; border-collapse: collapse; font-size: 12px;
}
.biz-metric-card table th {
padding: 6px 8px; background: var(--bg3); color: var(--text2); text-align: left;
border-bottom: 1px solid var(--border); font-weight: 500;
}
.biz-metric-card table td {
padding: 6px 8px; border-bottom: 1px solid var(--border); color: var(--text);
}
/* Retrieval Pipeline */
.retrieval-flow {
display: flex; flex-direction: column; gap: 8px; margin-bottom: 24px;
}
.retrieval-step {
display: flex; align-items: center; gap: 12px;
padding: 14px 18px;
border-radius: 10px;
background: var(--card);
border: 1px solid var(--border);
transition: all 0.3s;
box-shadow: var(--shadow);
}
.retrieval-step:hover { transform: translateX(4px); box-shadow: var(--shadow-hover); }
.retrieval-step .step-num {
width: 32px; height: 32px;
border-radius: 8px;
display: flex; align-items: center; justify-content: center;
font-size: 14px; font-weight: 700; color: #fff;
flex-shrink: 0;
}
.retrieval-step .step-name { font-size: 14px; font-weight: 600; }
.retrieval-step .step-desc { font-size: 12px; color: var(--text2); margin-left: auto; }
.retrieval-modes {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 16px;
margin-bottom: 24px;
}
.mode-card {
border-radius: 14px;
padding: 20px;
border: 2px solid;
background: var(--card);
text-align: center;
box-shadow: var(--shadow);
}
.mode-card .mode-icon { font-size: 32px; margin-bottom: 8px; }
.mode-card .mode-name { font-size: 16px; font-weight: 600; margin-bottom: 6px; }
.mode-card .mode-desc { font-size: 12px; color: var(--text2); }
.mode-card .mode-tags { display: flex; flex-wrap: wrap; gap: 4px; justify-content: center; margin-top: 10px; }
.mode-card .mode-tag {
font-size: 11px; padding: 2px 8px; border-radius: 4px;
background: var(--bg3); color: var(--text2);
}
.rerank-table {
width: 100%;
border-collapse: collapse;
font-size: 13px;
margin-top: 16px;
background: var(--card);
border-radius: 10px;
box-shadow: var(--shadow);
}
.rerank-table th {
padding: 10px 14px;
background: var(--bg3);
color: var(--text2);
font-weight: 500;
text-align: left;
}
.rerank-table td {
padding: 10px 14px;
border-bottom: 1px solid var(--border);
color: var(--text);
}
/* Iron Rules */
.rules-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}
.rule-card {
border-radius: 10px;
padding: 16px;
border: 1px solid var(--border);
background: var(--card);
display: flex; gap: 12px;
transition: all 0.3s;
box-shadow: var(--shadow);
}
.rule-card:hover { transform: translateY(-1px); box-shadow: var(--shadow-hover); }
.rule-card .rule-num {
width: 32px; height: 32px;
border-radius: 8px;
display: flex; align-items: center; justify-content: center;
font-size: 14px; font-weight: 700; color: #fff;
background: var(--accent6);
flex-shrink: 0;
}
.rule-card .rule-text { font-size: 14px; font-weight: 500; }
.rule-card .rule-desc { font-size: 12px; color: var(--text2); margin-top: 4px; }
/* Phase Plan */
.phase-card {
border-radius: 14px;
padding: 20px;
border: 1px solid var(--border);
background: var(--card);
margin-bottom: 16px;
box-shadow: var(--shadow);
}
.phase-card .phase-header {
display: flex; align-items: center; gap: 12px; margin-bottom: 14px;
}
.phase-card .phase-badge {
padding: 4px 12px; border-radius: 6px; font-size: 13px; font-weight: 600;
color: #fff;
}
.phase-card .phase-name { font-size: 18px; font-weight: 600; }
.phase-card .phase-time { font-size: 14px; color: var(--text2); margin-left: auto; }
.phase-card table {
width: 100%; border-collapse: collapse; font-size: 13px;
}
.phase-card table th {
padding: 8px 12px; background: var(--bg3); color: var(--text2); text-align: left;
border-bottom: 1px solid var(--border); font-weight: 500;
}
.phase-card table td {
padding: 8px 12px; border-bottom: 1px solid var(--border); color: var(--text);
}
/* Responsive */
@media (max-width: 900px) {
.dim-grid { grid-template-columns: 1fr; }
.d12-grid { grid-template-columns: 1fr 1fr; }
.biz-metrics-grid { grid-template-columns: 1fr; }
.retrieval-modes { grid-template-columns: 1fr; }
.rules-grid { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
.d12-grid { grid-template-columns: 1fr; }
.container { padding: 12px; }
.header h1 { font-size: 24px; }
}
/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }
/* Legend */
.legend {
display: flex; flex-wrap: wrap; gap: 12px;
padding: 14px 18px;
background: var(--card);
border-radius: 10px;
margin-bottom: 20px;
font-size: 13px;
border: 1px solid var(--border);
box-shadow: var(--shadow);
}
.legend-item { display: flex; align-items: center; gap: 6px; }
.legend-dot { width: 12px; height: 12px; border-radius: 4px; }
/* Connector lines */
.connector {
text-align: center;
font-size: 20px;
color: var(--text3);
padding: 4px 0;
}
/* Badge colors */
.badge-blue { background: var(--accent1); }
.badge-purple { background: var(--accent2); }
.badge-cyan { background: var(--accent3); }
.badge-amber { background: var(--accent4); }
.badge-green { background: var(--accent5); }
.badge-red { background: var(--accent6); }
.badge-pink { background: var(--accent7); }
/* 12 Dimension Enrichment */
.d12-card .d12-subcats { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 4px; }
.d12-card .d12-subcat { font-size: 11px; padding: 2px 8px; border-radius: 4px; background: var(--bg3); color: var(--text2); border: 1px solid var(--border); }
.d12-card .d12-methods { font-size: 12px; color: var(--accent3); margin-top: 6px; line-height: 1.5; }
.d12-card .d12-source { font-size: 11px; color: var(--accent1); margin-top: 4px; padding: 2px 8px; background: #eff6ff; border-radius: 4px; display: inline-block; }
</style>
</head>
<body>
<div class="container layer-colors">
<!-- Header -->
<div class="header">
<h1>短视频创作知识库 — 产品规划图</h1>
<div class="version">V2.0 | 2026-07-30 | 三级分类体系 + 附加标签组 + 13创作维度</div>
<div class="subtitle">面向短视频全生命周期的结构化知识基础设施 — 账号定位 → 选题 → 创作 → 评估 → 优化 → 商业验证</div>
</div>
<!-- Tabs -->
<div class="tabs" id="tabs">
<div class="tab active" data-tab="arch">整体规划</div>
<div class="tab" data-tab="dims">三级分类</div>
<div class="tab" data-tab="d12">13创作维度</div>
<div class="tab" data-tab="biz">商业数据</div>
<div class="tab" data-tab="retrieval">检索路由</div>
<div class="tab" data-tab="rules">知识库结构</div>
<div class="tab" data-tab="phases">建设计划</div>
</div>
<!-- Section: Architecture (整体规划) -->
<div class="section active" id="sec-arch">
<div class="legend">
<div class="legend-item"><div class="legend-dot" style="background:var(--accent1)"></div> 第1层:三级分类体系</div>
<div class="legend-item"><div class="legend-dot" style="background:var(--accent2)"></div> 第2层:三层标签+附加标签组</div>
<div class="legend-item"><div class="legend-dot" style="background:var(--accent3)"></div> 第3层:13创作维度</div>
<div class="legend-item"><div class="legend-dot" style="background:var(--accent4)"></div> 第4层:商业数据</div>
<div class="legend-item"><div class="legend-dot" style="background:var(--accent5)"></div> 第5层:元数据标签</div>
<div class="legend-item"><div class="legend-dot" style="background:var(--accent6)"></div> 第6层:三检索模式引擎</div>
</div>
<div class="arch-layer l1">
<div class="layer-header">
<div class="layer-num">L1</div>
<div class="layer-title">三级分类体系 <span class="tag">顶层定位</span></div>
</div>
<div class="layer-desc">每条知识必须完成三级定位(一级赛道→二级叙事形态→三级细分垂类),决定分区路由和差异化评估</div>
<div class="layer-items">
<div class="layer-item">① 一级赛道:8大题材赛道(剧情娱乐/泛生活/时尚美妆穿搭/知识科普/健康健身/汽车/游戏二次元/商业服务)</div>
<div class="layer-item">② 二级叙事形态:8种固定形态(剧情演绎/Vlog纪实/干货口播/测评种草/教程教学/盘点解说/纯视觉短片/人物采访)</div>
<div class="layer-item">③ 三级细分垂类:各赛道×形态下的具体内容方向</div>
<div class="layer-item">④ 附加标签组:业务线/情绪/钩子类型/受众/变现(不进入目录树)</div>
<div class="layer-item">⑤ 辅筛维度:时长区间/变现模式(用于检索过滤)</div>
</div>
</div>
<div class="connector">▼</div>
<div class="arch-layer l2">
<div class="layer-header">
<div class="layer-num">L2</div>
<div class="layer-title">三层标签 + 附加标签组 <span class="tag">精准定位</span></div>
</div>
<div class="layer-desc">每条知识挂载三层基础标签(内容/人设/风格)+ 附加标签组(业务线/情绪/钩子类型/受众/变现)</div>
<div class="layer-items">
<div class="layer-item">内容标签:赛道/叙事形态/细分垂类/时长区间/变现模式</div>
<div class="layer-item">人设标签:身份/性格/表达方式/信任符号/记忆符号</div>
<div class="layer-item">风格标签:画面风格/文案调性/元素/音乐风格/字幕风格</div>
<div class="layer-item">附加标签组:业务线/情绪/钩子类型/受众/变现(不进目录树,用于检索)</div>
</div>
</div>
<div class="connector">▼</div>
<div class="arch-layer l3">
<div class="layer-header">
<div class="layer-num">L3</div>
<div class="layer-title">13创作维度 <span class="tag">内容分块��织</span></div>
</div>
<div class="layer-desc">每个维度内容以分块(Chunk)形式入库,支持分类+标签+向量三检索模式</div>
<div class="layer-items">
<div class="layer-item">01 账号定位</div>
<div class="layer-item">02 人设构建</div>
<div class="layer-item">03 选题策略</div>
<div class="layer-item">04 内容结构</div>
<div class="layer-item">05 开场钩子</div>
<div class="layer-item">06 叙事节奏</div>
<div class="layer-item">07 情绪共鸣</div>
<div class="layer-item">08 画面风格</div>
<div class="layer-item">09 文案台词</div>
<div class="layer-item">10 传播元素</div>
<div class="layer-item">11 商业植入</div>
<div class="layer-item">12 拆解评估</div>
<div class="layer-item">13 极致事件</div>
</div>
</div>
<div class="connector">▼</div>
<div class="arch-layer l4">
<div class="layer-header">
<div class="layer-num">L4</div>
<div class="layer-title">商业表现数据层 <span class="tag">市场校验</span></div>
</div>
<div class="layer-desc">每条视频关联真实市场表现数据,用商业结果校验创作方法论和评估权重,形成创作→评估→商业验证→反馈优化闭环</div>
<div class="layer-items">
<div class="layer-item">基础数据:播放量/点赞/评论/分享/收藏/弹幕</div>
<div class="layer-item">比率数据:赞播比/评赞比/享赞比/完播率/3秒留存率</div>
<div class="layer-item">商业数据:广告CPM/电商GMV/直播场观/转化率/ROI</div>
<div class="layer-item">账号数据:粉丝数/粉丝增量/粉赞比</div>
</div>
</div>
<div class="connector">▼</div>
<div class="arch-layer l5">
<div class="layer-header">
<div class="layer-num">L5</div>
<div class="layer-title">元数据标签 <span class="tag">检索定位</span></div>
</div>
<div class="layer-desc">分类字段(三级定位5项) + 标签字段(基础8项+附加5组) + 分块检索字段(3项) + 商业数据字段(18项)</div>
<div class="layer-items">
<div class="layer-item">一级赛道/叙事形态/细分垂类/时长区间/变现模式</div>
<div class="layer-item">平台/是否爆款/核心钩子/身份/性格/表达方式</div>
<div class="layer-item">信任符号/记忆符号/画面风格/文案调性/元素</div>
<div class="layer-item">音乐风格/字幕风格/业务线/情绪/钩子类型/受众/变现标签</div>
<div class="layer-item">创作维度/分块类型/向量描述</div>
</div>
</div>
<div class="connector">▼</div>
<div class="arch-layer l6">
<div class="layer-header">
<div class="layer-num">L6</div>
<div class="layer-title">三检索模式引擎 <span class="tag">分类·标签·向量</span></div>
</div>
<div class="layer-desc">分类过滤 → 标签过滤 → 向量召回 → Rerank重排(仅对向量召回结果)</div>
<div class="layer-items">
<div class="layer-item">① 分类检索:三级定位+维度→分区过滤</div>
<div class="layer-item">② 标签检索:人设+风格+附加标签→精准匹配</div>
<div class="layer-item">③ 向量匹配:语义相似度→向量检索</div>
<div class="layer-item">④ 组合策略:分类→标签→向量→重排</div>
</div>
</div>
</div>
<!-- Section: Three-level Classification (三级分类体系) -->
<div class="section" id="sec-dims">
<div style="display:flex;flex-direction:column;gap:16px;max-width:960px;margin:0 auto">
<!-- 一级赛道 -->
<div style="border-radius:14px;padding:18px 24px;border:2px solid #3b82f6;background:#eff6ff;box-shadow:var(--shadow)">
<div style="font-size:16px;font-weight:600;color:var(--accent1)">① 一级赛道(题材赛道)— 8大赛道,讲什么</div>
<div style="font-size:13px;color:var(--text);margin-top:8px;line-height:1.8">
<div style="display:grid;grid-template-columns:1fr 1fr;gap:6px">
<div style="padding:6px 10px;background:#dbeafe;border-radius:6px;font-size:12px"><b>剧情娱乐</b> — 情绪冲突、故事抓人</div>
<div style="padding:6px 10px;background:#dbeafe;border-radius:6px;font-size:12px"><b>泛生活</b> — 真实日常、烟火纪实(Vlog归属此处)</div>
<div style="padding:6px 10px;background:#dbeafe;border-radius:6px;font-size:12px"><b>时尚美妆穿搭</b> — 女性高价值流量</div>
<div style="padding:6px 10px;background:#dbeafe;border-radius:6px;font-size:12px"><b>知识科普</b> — 粉丝精准、长效流量</div>
<div style="padding:6px 10px;background:#dbeafe;border-radius:6px;font-size:12px"><b>健康健身</b> — 监管严格、禁止疾病诊断</div>
<div style="padding:6px 10px;background:#dbeafe;border-radius:6px;font-size:12px"><b>汽车</b> — 高净值男性受众</div>
<div style="padding:6px 10px;background:#dbeafe;border-radius:6px;font-size:12px"><b>游戏&amp;二次元</b> — 年轻用户</div>
<div style="padding:6px 10px;background:#dbeafe;border-radius:6px;font-size:12px"><b>商业服务</b> — 交易导向,本地生活+电商+专业服务</div>
</div>
</div>
<div style="font-size:12px;color:var(--accent6);margin-top:10px;padding:6px 12px;background:#fef2f2;border-radius:6px;border:1px solid #fecaca;font-weight:500">规则:赛道专属评估不得混用 — 剧情娱乐赛道的结构模板不得直接套用于泛生活赛道</div>
</div>
<!-- 二级叙事形态 -->
<div style="border-radius:14px;padding:18px 24px;border:2px solid #8b5cf6;background:#f5f3ff;box-shadow:var(--shadow)">
<div style="font-size:16px;font-weight:600;color:var(--accent2)">② 二级叙事形态(全赛道统一枚举)— 8种固定形态,怎么拍</div>
<div style="font-size:13px;color:var(--text);margin-top:8px;line-height:1.7">
<div style="display:flex;flex-wrap:wrap;gap:6px;justify-content:center">
<div style="padding:6px 14px;background:#ede9fe;border-radius:6px;font-size:12px;font-weight:500">F01 剧情演绎</div>
<div style="padding:6px 14px;background:#ede9fe;border-radius:6px;font-size:12px;font-weight:500">F02 Vlog纪实</div>
<div style="padding:6px 14px;background:#ede9fe;border-radius:6px;font-size:12px;font-weight:500">F03 干货口播</div>
<div style="padding:6px 14px;background:#ede9fe;border-radius:6px;font-size:12px;font-weight:500">F04 测评种草</div>
<div style="padding:6px 14px;background:#ede9fe;border-radius:6px;font-size:12px;font-weight:500">F05 教程教学</div>
<div style="padding:6px 14px;background:#ede9fe;border-radius:6px;font-size:12px;font-weight:500">F06 盘点解说</div>
<div style="padding:6px 14px;background:#ede9fe;border-radius:6px;font-size:12px;font-weight:500">F07 纯视觉短片</div>
<div style="padding:6px 14px;background:#ede9fe;border-radius:6px;font-size:12px;font-weight:500">F08 人物采访</div>
</div>
</div>
<div style="font-size:12px;color:var(--accent2);margin-top:10px;padding:6px 12px;background:#f5f3ff;border-radius:6px;border:1px solid #c4b5fd;font-weight:500">归档准则:跨界内容以核心主题归入一级赛道,二级选择对应叙事形态。例:美妆反转短剧 → 一级【时尚美妆穿搭】→ 二级【剧情演绎】</div>
<div style="font-size:12px;color:var(--accent6);margin-top:6px;padding:6px 12px;background:#fef2f2;border-radius:6px;border:1px solid #fecaca;font-weight:500">规则:同一二级垂类可使用多种叙事形态(美妆可以做口播、短剧、测评)</div>
</div>
<!-- 三级细分垂类 -->
<div style="border-radius:14px;padding:18px 24px;border:2px solid #06b6d4;background:#ecfeff;box-shadow:var(--shadow)">
<div style="font-size:16px;font-weight:600;color:var(--accent3)">③ 三级细分垂类 — 各赛道×形态下的具体内容方向</div>
<div style="font-size:13px;color:var(--text);margin-top:10px;line-height:1.7">
<div style="display:grid;grid-template-columns:1fr 1fr;gap:10px">
<div style="background:#cffafe;padding:8px 12px;border-radius:8px;font-size:12px">
<div style="font-weight:600;color:var(--accent3);margin-bottom:4px">剧情娱乐 × 剧情演绎</div>
都市情感短剧/家庭伦理/职场短剧/逆袭爽剧/悬疑短片/温情正能量/女性共鸣
</div>
<div style="background:#cffafe;padding:8px 12px;border-radius:8px;font-size:12px">
<div style="font-weight:600;color:var(--accent3);margin-bottom:4px">泛生活 × Vlog纪实</div>
独居生活/打工人日常/宝妈日常/校园纪实/沉浸式做饭/旅居生活
</div>
<div style="background:#cffafe;padding:8px 12px;border-radius:8px;font-size:12px">
<div style="font-weight:600;color:var(--accent3);margin-bottom:4px">时尚美妆穿搭 × 测评种草</div>
护肤品测评/彩妆开箱/平价美妆实测/服饰单品测评/香氛测评
</div>
<div style="background:#cffafe;padding:8px 12px;border-radius:8px;font-size:12px">
<div style="font-weight:600;color:var(--accent3);margin-bottom:4px">知识科普 × 干货口播</div>
育儿理念/职场干货/法律科普/历史人文/商业认知/理财常识/AI工具科普
</div>
<div style="background:#cffafe;padding:8px 12px;border-radius:8px;font-size:12px">
<div style="font-weight:600;color:var(--accent3);margin-bottom:4px">健康健身 × 教程教学</div>
居家健身动作/体态矫正训练/拉伸教学
</div>
<div style="background:#cffafe;padding:8px 12px;border-radius:8px;font-size:12px">
<div style="font-weight:600;color:var(--accent3);margin-bottom:4px">商业服务 × 测评种草</div>
同城门店探店/生鲜好物测评/工厂货源实测
</div>
</div>
</div>
</div>
<!-- 附加标签组 -->
<div style="border-radius:14px;padding:18px 24px;border:2px solid #f59e0b;background:#fffbeb;box-shadow:var(--shadow)">
<div style="font-size:16px;font-weight:600;color:var(--accent4)">④ 附加标签组 — 不进入目录树,用于检索</div>
<div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:10px">
<div style="background:#fef3c7;padding:10px 14px;border-radius:8px;text-align:center">
<div style="font-weight:600;margin-bottom:4px;color:var(--accent4)">业务线标签</div>
<div style="font-size:11px;color:var(--text2)">剧情/Vlog/美妆/美食/宠物/汽车/育儿/本地生活</div>
</div>
<div style="background:#fef3c7;padding:10px 14px;border-radius:8px;text-align:center">
<div style="font-weight:600;margin-bottom:4px;color:var(--accent4)">情绪标签</div>
<div style="font-size:11px;color:var(--text2)">搞笑/治愈/共情/悬念/反差/爽感/焦虑/感动/猎奇</div>
</div>
<div style="background:#fef3c7;padding:10px 14px;border-radius:8px;text-align:center">
<div style="font-weight:600;margin-bottom:4px;color:var(--accent4)">钩子类型标签</div>
<div style="font-size:11px;color:var(--text2)">冲突前置/提问开场/视觉冲击/反转预告/悬念留白</div>
</div>
<div style="background:#fef3c7;padding:10px 14px;border-radius:8px;text-align:center">
<div style="font-weight:600;margin-bottom:4px;color:var(--accent4)">受众标签</div>
<div style="font-size:11px;color:var(--text2)">学生/20-30岁女性/宝妈/中年男性/职场打工人</div>
</div>
<div style="background:#fef3c7;padding:10px 14px;border-radius:8px;text-align:center">
<div style="font-weight:600;margin-bottom:4px;color:var(--accent4)">变现标签</div>
<div style="font-size:11px;color:var(--text2)">品牌商单/短视频带货/直播引流/本地团购/知识付费/小程序</div>
</div>
</div>
</div>
<!-- 辅筛维度 -->
<div style="border-radius:14px;padding:18px 24px;border:2px solid #10b981;background:#ecfdf5;box-shadow:var(--shadow)">
<div style="font-size:16px;font-weight:600;color:var(--accent5)">⑤ 辅筛维度(时长区间 + 变现模式)</div>
<div style="font-size:13px;color:var(--text);margin-top:8px;line-height:1.7;text-align:center">时长区间:0-15s / 15-30s / 30-60s / 1-3min / 3-5min / 5min+ &nbsp;&nbsp;|&nbsp;&nbsp; 变现模式:广告植入 / 直播带货 / 电商挂车 / 知识付费 / 打赏 / 品牌合作</div>
<div style="font-size:12px;color:var(--accent6);margin-top:10px;padding:6px 12px;background:#fef2f2;border-radius:6px;border:1px solid #fecaca;font-weight:500">规则:时长区间和变现模式不得混用 — 15s爆款规律不得套用于3min vlog</div>
</div>
</div>
</div>
<!-- Section: 13 Dimensions -->
<div class="section" id="sec-d12">
<div class="d12-grid">
<div class="d12-card">
<div class="d12-num">01</div>
<div class="d12-name" style="color:var(--accent3)">账号定位</div>
<div class="d12-desc">赛道选择、核心受众画像、账号标签体系、内容路线规划</div>
<div class="d12-subcats"><span class="d12-subcat">IP线索流体系</span><span class="d12-subcat">IP记忆点与人设沉淀</span><span class="d12-subcat">真实IP打造体系</span><span class="d12-subcat">赛道选择策略</span><span class="d12-subcat">核心受众画像</span></div>
<div class="d12-methods">视觉·听觉·行为·价值 四锚点建立IP记忆 | 人设IP化 | 内容矩阵沉淀</div>
<div class="d12-source">来源:01_账号设定</div>
<div class="d12-new">★ 新增</div>
</div>
<div class="d12-card">
<div class="d12-num">02</div>
<div class="d12-name" style="color:var(--accent3)">人设构建</div>
<div class="d12-desc">身份/性格/表达/信任/记忆符号五层人设体系</div>
<div class="d12-subcats"><span class="d12-subcat">身份标签</span><span class="d12-subcat">性格标签</span><span class="d12-subcat">表达标签</span><span class="d12-subcat">信任标签</span><span class="d12-subcat">记忆符号</span><span class="d12-subcat">人设绑定法</span></div>
<div class="d12-methods">降低人设价值感法(吸引女粉) | 差异化壁垒设计 | 真实化表达设计</div>
<div class="d12-source">来源:01_账号设定 + 视频拆解详情</div>
<div class="d12-new">★ 新增</div>
</div>
<div class="d12-card">
<div class="d12-num">03</div>
<div class="d12-name" style="color:var(--accent3)">选题策略</div>
<div class="d12-desc">选品逻辑、选题来源、系列化模板、热点结合方法 + 核心承诺设计(每条爆款都在卖一个承诺)</div>
<div class="d12-subcats"><span class="d12-subcat">元素叠加体系(4类)</span><span class="d12-subcat">元素置换体系</span><span class="d12-subcat">跨界重组体系</span><span class="d12-subcat">10大新鲜度维度</span><span class="d12-subcat">4层落地路径</span></div>
<div class="d12-methods">通用流量密码型叠加 | 跨垂直赛道叠加 | 多感官体验叠加 | 热点型叠加</div>
<div class="d12-source">来源:02_故事选题</div>
</div>
<div class="d12-card">
<div class="d12-num">04</div>
<div class="d12-name" style="color:var(--accent3)">内容结构</div>
<div class="d12-desc">开场钩子→中间叙事→结尾收口的分段结构模板</div>
<div class="d12-subcats"><span class="d12-subcat">标准爆款结构(8种公式)</span><span class="d12-subcat">三幕式框架</span><span class="d12-subcat">赛道专属框架</span><span class="d12-subcat">框架选择决策树</span><span class="d12-subcat">SCQA冲突框架</span></div>
<div class="d12-methods">钩子→叙事→收口 三段式 | 困境逆袭 五段式 | 赛道×三幕式速查矩阵</div>
<div class="d12-source">来源:03_框架节奏</div>
</div>
<div class="d12-card">
<div class="d12-num">05</div>
<div class="d12-name" style="color:var(--accent3)">开场钩子</div>
<div class="d12-desc">3秒钩子类型、呈现形式、数据特征、钩子公式 + 用户前状态→钩子匹配→首屏承诺模型</div>
<div class="d12-subcats"><span class="d12-subcat">10种开场方式</span><span class="d12-subcat">疯狗式强刺激</span><span class="d12-subcat">猫式低压</span><span class="d12-subcat">嘴替共情</span><span class="d12-subcat">反常识颠覆</span><span class="d12-subcat">高潮前置倒叙</span><span class="d12-subcat">数字结果</span><span class="d12-subcat">痛点提问互动</span><span class="d12-subcat">示弱复盘IP</span><span class="d12-subcat">行业轻揭秘</span><span class="d12-subcat">承诺收益</span></div>
<div class="d12-methods">冲突型钩子(5维度) | 反差型钩子(10元素) | 情绪锚定型钩子(8派系) | 视觉流量双轴钩子</div>
<div class="d12-source">来源:04_爆款开场</div>
</div>
<div class="d12-card">
<div class="d12-num">06</div>
<div class="d12-name" style="color:var(--accent3)">叙事节奏</div>
<div class="d12-desc">节奏分配、信息密度、转场方式、时长规律</div>
<div class="d12-subcats"><span class="d12-subcat">冲突叙事(SCQA)</span><span class="d12-subcat">反转叙事套路</span><span class="d12-subcat">节奏控时叙事</span><span class="d12-subcat">完播率优化</span></div>
<div class="d12-methods">5-10秒场景切换节奏 | 信息密度调控 | 完播率曲线优化</div>
<div class="d12-source">来源:03_框架节奏</div>
</div>
<div class="d12-card">
<div class="d12-num">07</div>
<div class="d12-name" style="color:var(--accent3)">情绪共鸣</div>
<div class="d12-desc">情绪曲线设计、共情点、爽点/泪点/笑点布局 + 网感坐标 + 情绪递进设计(事件→坐标映射·缺口判断)+ 情感铺垫设计(Show don't tell·行为暗示·留白·情感债务)</div>
<div class="d12-subcats"><span class="d12-subcat">情绪价值设计方法论</span><span class="d12-subcat">切换关系法</span><span class="d12-subcat">千人千面情绪法</span><span class="d12-subcat">降低人设价值感法</span><span class="d12-subcat">强观点对立面法</span></div>
<div class="d12-methods">内容搁置法 | 关系代入法 | 开局委屈转得意→中途疲惫→结尾治愈收口</div>
<div class="d12-source">来源:06_剧情钩子</div>
</div>
<div class="d12-card">
<div class="d12-num">08</div>
<div class="d12-name" style="color:var(--accent3)">画面风格</div>
<div class="d12-desc">景别、运镜、光影、色彩、画面质感方法论</div>
<div class="d12-subcats"><span class="d12-subcat">景别情绪与运镜组合</span><span class="d12-subcat">9种标准运镜</span><span class="d12-subcat">景别搭配约束</span><span class="d12-subcat">节奏与转场设计</span><span class="d12-subcat">音画配套设计</span></div>
<div class="d12-methods">远景→中景→近景→特写 递进 | 推拉摇移跟升降旋运镜 | 特写占比≥30% | POV≥3镜头</div>
<div class="d12-source">来源:09_脚本分镜</div>
<div class="d12-new">★ 新增</div>
</div>
<div class="d12-card">
<div class="d12-num">09</div>
<div class="d12-name" style="color:var(--accent3)">文案台词</div>
<div class="d12-desc">句式习惯、口头禅、语言风格例句、字幕设计</div>
<div class="d12-subcats"><span class="d12-subcat">口播交流感四阶进阶法</span><span class="d12-subcat">口播横纵二维法</span><span class="d12-subcat">6种Vlog创作法</span><span class="d12-subcat">期待感建立法</span><span class="d12-subcat">赛道交融跨界法</span></div>
<div class="d12-methods">关系锚定→情绪唤醒→信任沉淀→行动转化 四阶进阶 | 纵向深挖+横向赛道适配 二维体系</div>
<div class="d12-source">来源:07_对话风格</div>
</div>
<div class="d12-card">
<div class="d12-num">10</div>
<div class="d12-name" style="color:var(--accent3)">传播元素</div>
<div class="d12-desc">标题策略、互动设计(评论触发点/收藏理由/分享动机/点赞心理四层)、IP系列化、记忆符号</div>
<div class="d12-subcats"><span class="d12-subcat">标题策略</span><span class="d12-subcat">互动设计</span><span class="d12-subcat">IP系列化模板</span><span class="d12-subcat">人物专属记忆符号</span><span class="d12-subcat">真实化表达设计</span></div>
<div class="d12-methods">反向操作悬念标题 | 痛点金句引发评论区共鸣 | 视觉·听觉·行为·价值 四锚点记忆符号</div>
<div class="d12-source">来源:新增维度(视频拆解详情)</div>
<div class="d12-new">★ 新增</div>
</div>
<div class="d12-card">
<div class="d12-num">11</div>
<div class="d12-name" style="color:var(--accent3)">商业植入</div>
<div class="d12-desc">植入时机、自然过渡、痛点解决、效果评估方法</div>
<div class="d12-subcats"><span class="d12-subcat">5种植入方式</span><span class="d12-subcat">品牌调性分类</span><span class="d12-subcat">自然度评估量表</span><span class="d12-subcat">植入黄金位(5个)</span><span class="d12-subcat">内容损伤度规则</span><span class="d12-subcat">合规检查(5项)</span></div>
<div class="d12-methods">植入不在前30%·总时长≤20% | 自然度≥3/5·无单点<2分 | 画中画/痛点解决丝滑转折</div>
<div class="d12-source">来源:10_广告植入方法论</div>
<div class="d12-new">★ 新增</div>
</div>
<div class="d12-card">
<div class="d12-num">12</div>
<div class="d12-name" style="color:var(--accent3)">拆解评估</div>
<div class="d12-desc">数据诊断五维(后验) + 脚本质量检查七类30项(前验质检门) + 复刻迁移法则 + 反推13字段 + 母提示词模板 + 返工归因 + 编导意图解析规则(复合意图拆解·误解映射·确认话术)</div>
<div class="d12-subcats"><span class="d12-subcat">四种意图</span><span class="d12-subcat">AI可检查项</span><span class="d12-subcat">AI提醒编导检查项</span><span class="d12-subcat">各意图详细流程</span></div>
<div class="d12-methods">评估与优化Agent解耦(独立LLM节点) | 失败+反常识案例必召回 | 归因标注置信度</div>
<div class="d12-source">来源:08_脚本诊断</div>
</div>
<div class="d12-card">
<div class="d12-num">13</div>
<div class="d12-name" style="color:var(--accent3)">极致事件</div>
<div class="d12-desc">一切制造"极致感"的内容锚点——戏剧性极致(打破预期)+感官性极致(超出预期)</div>
<div class="d12-subcats"><span class="d12-subcat">戏剧性极致:反转/冲突/喜剧/猎奇</span><span class="d12-subcat">感官性极致:精美/细致/震撼/品质</span><span class="d12-subcat">预期反转(4载体12玩法)</span><span class="d12-subcat">抽象化·无厘头·荒诞化·错位化</span><span class="d12-subcat">赛道特异性:美食精美菜品·服务细致体验·美妆极致妆效·汽车震撼性能</span></div>
<div class="d12-methods">戏剧性(误导铺垫·反差对比·冲突升级) | 感官性(极致呈现·细节特写·品质对比·视觉冲击) | 7-15秒黄金反转节点 | 意料之外·情理之中</div>
<div class="d12-source">来源:05_极致事件</div>
<div class="d12-new">★ 新增</div>
</div>
</div>
<div style="margin-top:24px">
<h3 style="font-size:16px;font-weight:600;margin-bottom:12px">分块(Chunk)结构 — 每维度最小入库单元</h3>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:12px">
<div style="border-radius:10px;padding:16px;border:1px solid #bfdbfe;background:#eff6ff">
<div style="font-weight:600;margin-bottom:6px;color:var(--accent1)">① 分类字段</div>
<div style="font-size:13px;color:var(--text2)">三级定位 + 辅筛维度 + 维度编号 → 决定分区路由<br>一级赛道 + 叙事形态 + 细分垂类 + 时长区间 + 变现模式 + 创作维度</div>
</div>
<div style="border-radius:10px;padding:16px;border:1px solid #c4b5fd;background:#f5f3ff">
<div style="font-weight:600;margin-bottom:6px;color:var(--accent2)">② 标签字段</div>
<div style="font-size:13px;color:var(--text2)">人设标签 + 风格标签 + 附加标签组 + 分块类型 → 精准过滤<br>身份 + 性格 + 表达方式 + 画面风格 + 文案调性 + 元素 + 分块类型 + 业务线/情绪/钩子/受众/变现</div>
</div>
<div style="border-radius:10px;padding:16px;border:1px solid #a5f3fc;background:#ecfeff">
<div style="font-weight:600;margin-bottom:6px;color:var(--accent3)">③ 向量描述 Vector Description</div>
<div style="font-size:13px;color:var(--text2)">向量描述 ≤50字语义摘要 → 向量检索<br>用于语义相似度匹配,创意描述模糊时的召回补充</div>
</div>
<div style="border-radius:10px;padding:16px;border:1px solid #fde68a;background:#fffbeb">
<div style="font-weight:600;margin-bottom:6px;color:var(--accent4)">④ 内容主体 Content Body</div>
<div style="font-size:13px;color:var(--text2)">分块的实际知识内容<br>含方法论/案例复盘/模板/评分标准/失败案例/反常识案例</div>
</div>
</div>
</div>
</div>
<!-- Section: Business Data -->
<div class="section" id="sec-biz">
<h3 style="font-size:18px;font-weight:600;margin-bottom:16px;color:var(--accent4)">创作→评估→商业验证→反馈优化 闭环</h3>
<div class="biz-flow">
<div class="biz-node" style="background:#ecfeff;border-color:var(--accent3);color:var(--accent3)">
① 创作阶段<br><span style="font-size:11px;color:var(--text2)">检索同五维创作方法论</span>
</div>
<div class="biz-arrow">→</div>
<div class="biz-node" style="background:#f5f3ff;border-color:var(--accent2);color:var(--accent2)">
② 评估阶段<br><span style="font-size:11px;color:var(--text2)">检索评分标准+失败案例</span>
</div>
<div class="biz-arrow">→</div>
<div class="biz-node" style="background:#fffbeb;border-color:var(--accent4);color:var(--accent4)">
③ 商业验证<br><span style="font-size:11px;color:var(--text2)">检索同五维爆款视频数据</span>
</div>
<div class="biz-arrow">→</div>
<div class="biz-node" style="background:#ecfdf5;border-color:var(--accent5);color:var(--accent5)">
④ 反馈优化<br><span style="font-size:11px;color:var(--text2)">校验权重+调整方法论</span>
</div>
<div class="biz-arrow">↩</div>
</div>
<h3 style="font-size:16px;font-weight:600;margin-bottom:12px">六种变现模式核心指标体系</h3>
<div class="biz-metrics-grid">
<div class="biz-metric-card">
<div class="biz-title"><div class="biz-dot" style="background:#d97706"></div>广告植入</div>
<table>
<tr><th>指标</th><th>说明</th></tr>
<tr><td style="font-weight:600;color:var(--accent4)">CPM</td><td>千次曝光成本/收益</td></tr>
<tr><td style="font-weight:600;color:var(--accent4)">互动率</td><td>(点赞+评论+分享)/播放量</td></tr>
<tr><td>广告位展示率</td><td>广告实际展示占比</td></tr>
<tr><td style="font-weight:600;color:var(--accent4)">ROI</td><td>广告收入/制作成本</td></tr>
<tr><td>播放量</td><td>视频总播放次数</td></tr>
</table>
</div>
<div class="biz-metric-card">
<div class="biz-title"><div class="biz-dot" style="background:#059669"></div>直播带货</div>
<table>
<tr><th>指标</th><th>说明</th></tr>
<tr><td style="font-weight:600;color:var(--accent5)">场观</td><td>直播间观看人次</td></tr>
<tr><td style="font-weight:600;color:var(--accent5)">转化率</td><td>观看→下单比例</td></tr>
<tr><td style="font-weight:600;color:var(--accent5)">GMV</td><td>直播间销售总额</td></tr>
<tr><td>客单价</td><td>平均每单金额</td></tr>
<tr><td style="font-weight:600;color:var(--accent5)">ROI</td><td>GMV/投放成本</td></tr>
</table>
</div>
<div class="biz-metric-card">
<div class="biz-title"><div class="biz-dot" style="background:#7c3aed"></div>电商挂车</div>
<table>
<tr><th>指标</th><th>说明</th></tr>
<tr><td style="font-weight:600;color:var(--accent2)">点击率</td><td>挂车点击/视频播放量</td></tr>
<tr><td style="font-weight:600;color:var(--accent2)">转化率</td><td>下单/点击比例</td></tr>
<tr><td style="font-weight:600;color:var(--accent2)">GMV</td><td>挂车销售总额</td></tr>
<tr><td>客单价</td><td>平均每单金额</td></tr>
<tr><td style="font-weight:600;color:var(--accent2)">ROI</td><td>GMV/制作成本</td></tr>
</table>
</div>
<div class="biz-metric-card">
<div class="biz-title"><div class="biz-dot" style="background:#0891b2"></div>知识付费</div>
<table>
<tr><th>指标</th><th>说明</th></tr>
<tr><td style="font-weight:600;color:var(--accent3)">课程销量</td><td>课程购买数量</td></tr>
<tr><td style="font-weight:600;color:var(--accent3)">完课率</td><td>完成全部课程比例</td></tr>
<tr><td>引流视频播放量</td><td>引流视频总播放量</td></tr>
<tr><td style="font-weight:600;color:var(--accent3)">转化率</td><td>观看→购买比例</td></tr>
<tr><td style="font-weight:600;color:var(--accent3)">ROI</td><td>课程收入/制作+投放成本</td></tr>
</table>
</div>
<div class="biz-metric-card">
<div class="biz-title"><div class="biz-dot" style="background:#db2777"></div>打赏</div>
<table>
<tr><th>指标</th><th>说明</th></tr>
<tr><td style="font-weight:600;color:var(--accent7)">礼物收入</td><td>打赏总金额</td></tr>
<tr><td style="font-weight:600;color:var(--accent7)">粉丝粘性</td><td>打赏用户复打率</td></tr>
<tr><td>粉赞比</td><td>粉丝数/点赞数</td></tr>
<tr><td style="font-weight:600;color:var(--accent7)">ARPU</td><td>人均打赏金额</td></tr>
<tr><td>互动率</td><td>评论+私信互动比例</td></tr>
</table>
</div>
<div class="biz-metric-card">
<div class="biz-title"><div class="biz-dot" style="background:#2563eb"></div>品牌合作</div>
<table>
<tr><th>指标</th><th>说明</th></tr>
<tr><td style="font-weight:600;color:var(--accent1)">品牌曝光</td><td>合作视频播放量</td></tr>
<tr><td style="font-weight:600;color:var(--accent1)">互动率</td><td>合作视频互动/播放量</td></tr>
<tr><td>品牌提及率</td><td>评论中含品牌词比例</td></tr>
<tr><td style="font-weight:600;color:var(--accent1)">合作ROI</td><td>品牌收益/合作费用</td></tr>
<tr><td>内容完播率</td><td>植入内容的完成观看率</td></tr>
</table>
</div>
</div>
<h3 style="font-size:16px;font-weight:600;margin:20px 0 12px">通用核心指标(适用所有变现模式)</h3>
<div class="biz-metrics-grid">
<div class="biz-metric-card">
<div class="biz-title"><div class="biz-dot" style="background:#2563eb"></div>基础数据</div>
<table>
<tr><th>指标</th><th>说明</th></tr>
<tr><td>播放量</td><td>视频总播放次数</td></tr>
<tr><td>点赞量</td><td>点赞总数</td></tr>
<tr><td>评论量</td><td>评论总数</td></tr>
<tr><td>分享量</td><td>分享总数</td></tr>
<tr><td>收藏量</td><td>收藏总数</td></tr>
<tr><td>弹幕量</td><td>弹幕总数</td></tr>
</table>
</div>
<div class="biz-metric-card">
<div class="biz-title"><div class="biz-dot" style="background:#059669"></div>比率数据</div>
<table>
<tr><th>指标</th><th>说明</th></tr>
<tr><td style="font-weight:600;color:var(--accent5)">赞播比</td><td>点赞/播放量</td></tr>
<tr><td style="font-weight:600;color:var(--accent5)">评赞比</td><td>评论/点赞量</td></tr>
<tr><td style="font-weight:600;color:var(--accent5)">享赞比</td><td>分享/��赞量</td></tr>
<tr><td style="font-weight:600;color:var(--accent5)">完播率</td><td>完整观看比例</td></tr>
<tr><td style="font-weight:600;color:var(--accent5)">3秒留存率</td><td>前3秒未离开比例</td></tr>
<tr><td>粉丝增量</td><td>发布后新增粉丝数</td></tr>
</table>
</div>
</div>
<h3 style="font-size:16px;font-weight:600;margin:20px 0 12px">创作维度→商业结果关联映射示例</h3>
<div style="border-radius:12px;padding:18px;border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow)">
<table style="width:100%;border-collapse:collapse;font-size:13px">
<tr><th style="padding:8px 12px;background:var(--bg3);color:var(--text2);text-align:left">创作维度</th><th style="padding:8px 12px;background:var(--bg3);color:var(--text2);text-align:left">关联商业指标</th><th style="padding:8px 12px;background:var(--bg3);color:var(--text2);text-align:left">归因分析</th><th style="padding:8px 12px;background:var(--bg3);color:var(--text2);text-align:left">贡献度</th></tr>
<tr><td style="padding:8px 12px;border-bottom:1px solid var(--border)">05_开场钩子 → 3秒留存率</td><td style="padding:8px 12px;border-bottom:1px solid var(--border)">前3秒冲突/悬念/反差呈现</td><td style="padding:8px 12px;border-bottom:1px solid var(--border)">钩子类型与3秒留存率直接相关</td><td style="padding:8px 12px;border-bottom:1px solid var(--border);color:var(--accent4)">★★★★★</td></tr>
<tr><td style="padding:8px 12px;border-bottom:1px solid var(--border)">11_商业植入 → 转化率/GMV</td><td style="padding:8px 12px;border-bottom:1px solid var(--border)">植入时机位置与自然过渡</td><td style="padding:8px 12px;border-bottom:1px solid var(--border)">植入方式直接影响商业转化</td><td style="padding:8px 12px;border-bottom:1px solid var(--border);color:var(--accent4)">★★★★</td></tr>
<tr><td style="padding:8px 12px;border-bottom:1px solid var(--border)">06_叙事节奏 → 完播率</td><td style="padding:8px 12px;border-bottom:1px solid var(--border)">信息密度+节奏变化���率</td><td style="padding:8px 12px;border-bottom:1px solid var(--border)">节奏密度与完播率正相关</td><td style="padding:8px 12px;border-bottom:1px solid var(--border);color:var(--accent4)">★★★★</td></tr>
<tr><td style="padding:8px 12px;border-bottom:1px solid var(--border)">01_账号定位 → 粉丝增量</td><td style="padding:8px 12px;border-bottom:1px solid var(--border)">赛道选择+人设匹配度</td><td style="padding:8px 12px;border-bottom:1px solid var(--border)">精准定位决定粉丝积累效率</td><td style="padding:8px 12px;border-bottom:1px solid var(--border);color:var(--accent4)">★★★★</td></tr>
<tr><td style="padding:8px 12px">07_情绪共鸣 → 分享量/收藏量</td><td style="padding:8px 12px">共情点密度+情绪峰值布局</td><td style="padding:8px 12px">情绪强度与传播意愿正相关</td><td style="padding:8px 12px;color:var(--accent4)">★★★</td></tr>
</table>
</div>
</div>
<!-- Section: Retrieval -->
<div class="section" id="sec-retrieval">
<h3 style="font-size:18px;font-weight:600;margin-bottom:16px;color:var(--accent6)">检索流水线 — 筛选 → 向量召回 → Rerank重排</h3>
<div style="margin-bottom:20px;border-radius:10px;padding:12px 18px;background:#fffbeb;border:1px solid #fde68a;font-size:13px;color:#92400e">
<strong>核心说明</strong>:分类、标签、时间、商业数据筛选是<strong>前置过滤</strong>,缩小候选范围;Rerank 仅对<strong>向量召回的结果</strong>做语义相关性重排,与分类/标签/时间/商业数据筛选<strong>无关</strong>。
</div>
<div style="margin-bottom:16px;padding:10px 16px;border-radius:8px;background:var(--bg3);font-size:14px;font-weight:600;color:var(--text2)">
🔹 筛选阶段 — 缩小候选范围(非Rerank职责)
</div>
<div class="retrieval-flow">
<div class="retrieval-step">
<div class="step-num" style="background:var(--accent1)">①</div>
<div class="step-name">三级定位识别</div>
<div class="step-desc">一级赛道 + 叙事形态 + 细分垂类 + 时长区间 + 变现模式</div>
</div>
<div class="retrieval-step">
<div class="step-num" style="background:var(--accent1)">②</div>
<div class="step-name">维度路由</div>
<div class="step-desc">按创作维度(01-13)路由到对应创作维度目录</div>
</div>
<div class="retrieval-step">
<div class="step-num" style="background:var(--accent1)">③</div>
<div class="step-name">分区路由</div>
<div class="step-desc">按三级标签路由到对应知识库分区(赛道/叙事形态/维度/时长/变现模式)</div>
</div>
<div class="retrieval-step">
<div class="step-num" style="background:var(--accent2)">④</div>
<div class="step-name">人设+风格标签过滤</div>
<div class="step-desc">按身份/性格/画面风格/文案调性/元素过滤</div>
</div>
<div class="retrieval-step">
<div class="step-num" style="background:var(--accent4)">⑤</div>
<div class="step-name" style="color:var(--accent4)">商业数据筛选</div>
<div class="step-desc">按变现模式+指标值区间过滤,缩小到有商业数据支撑的候选集</div>
</div>
</div>
<div style="margin-bottom:16px;padding:10px 16px;border-radius:8px;background:#ecfeff;font-size:14px;font-weight:600;color:var(--accent3)">
🔹 向量召回阶段 — 语义匹配
</div>
<div class="retrieval-flow">
<div class="retrieval-step">
<div class="step-num" style="background:var(--accent3)">⑥</div>
<div class="step-name">向量匹配召回</div>
<div class="step-desc">向量描述 向量语义相似度匹配,在筛选后的候选集内召回</div>
</div>
</div>
<div style="margin-bottom:16px;padding:10px 16px;border-radius:8px;background:#ecfdf5;font-size:14px;font-weight:600;color:var(--accent5)">
🔹 Rerank阶段 — 仅重排向量召回结果
</div>
<div class="retrieval-flow">
<div class="retrieval-step" style="border:2px solid var(--accent5)">
<div class="step-num" style="background:var(--accent5)">⑦</div>
<div class="step-name" style="color:var(--accent5)">Rerank向量召回重排</div>
<div class="step-desc">仅对⑥向量召回的结果做语义相关性重排,与分类/标签/时间/商业数据筛选无关</div>
</div>
</div>
<h3 style="font-size:16px;font-weight:600;margin-bottom:12px">三种检索模式</h3>
<div class="retrieval-modes">
<div class="mode-card" style="border-color:#bfdbfe">
<div class="mode-icon" style="color:var(--accent1)">📁</div>
<div class="mode-name" style="color:var(--accent1)">分类检索</div>
<div class="mode-desc">五维+维度 → 分区目录过滤</div>
<div class="mode-tags">
<div class="mode-tag">精度:最高</div>
<div class="mode-tag">速度:最快</div>
<div class="mode-tag">适用:已知明确分类</div>
</div>
</div>
<div class="mode-card" style="border-color:#c4b5fd">
<div class="mode-icon" style="color:var(--accent2)">🏷️</div>
<div class="mode-name" style="color:var(--accent2)">标签检索</div>
<div class="mode-desc">人设+风格 → 标签字段匹配</div>
<div class="mode-tags">
<div class="mode-tag">精度:高</div>
<div class="mode-tag">速度:快</div>
<div class="mode-tag">适用:已知人设/风格标签</div>
</div>
</div>
<div class="mode-card" style="border-color:#a5f3fc">
<div class="mode-icon" style="color:var(--accent3)">🔍</div>
<div class="mode-name" style="color:var(--accent3)">向量匹配</div>
<div class="mode-desc">语义描述 → 向量相似度</div>
<div class="mode-tags">
<div class="mode-tag">精度:中</div>
<div class="mode-tag">速度:中</div>
<div class="mode-tag">适用:创意描述模糊</div>
</div>
</div>
</div>
<h3 style="font-size:16px;font-weight:600;margin-bottom:12px">Rerank排序因子 — 仅作用于向量召回结果</h3>
<div style="margin-bottom:12px;border-radius:8px;padding:10px 16px;background:#ecfdf5;border:1px solid #6ee7b7;font-size:12px;color:#065f46">
Rerank 仅对向量召回的候选结果做语义相关性重排序,分类/标签/时间/商业数据筛选已在前置步骤完成,不参与 Rerank 排序。
</div>
<table class="rerank-table">
<tr><th>排序因子</th><th>权重</th><th>说明</th></tr>
<tr><td style="font-weight:500">语义相关性</td><td>40%</td><td>query与chunk的语义匹配程度(cross-encoder精排)</td></tr>
<tr><td style="font-weight:500">内容质量</td><td>25%</td><td>分块内容的结构完整度、信息密度、方法论清晰度</td></tr>
<tr><td style="font-weight:500">上下文连贯性</td><td>20%</td><td>chunk与前后文、所属案例的关联完整度</td></tr>
<tr><td style="font-weight:500">结果多样性</td><td>15%</td><td>确保不同视角/案例/方法论都被召回,避免同质化</td></tr>
</table>
<h3 style="font-size:16px;font-weight:600;margin:20px 0 12px">商业数据检索子类型</h3>
<table class="rerank-table">
<tr><th>检索子类型</th><th>输入</th><th>检索方式</th><th>输出</th></tr>
<tr><td>同赛道商业表现对比</td><td>五维定位</td><td>过滤同五维视频→按指定指标排序</td><td>同赛道视频商业数据列表</td></tr>
<tr><td>指标区间筛选</td><td>变现模式+指标名+区间</td><td>指标值范围过滤</td><td>符合条件的视频列表</td></tr>
<tr><td>创作-商业归因</td><td>五维定位+创作维度</td><td>关联video_id→归因分析</td><td>维度→商业指标贡献度映射</td></tr>
<tr><td>评估权重校验</td><td>五维定位+评估维度</td><td>统计同赛道爆款→相关性分析</td><td>评估维度权重合理性</td></tr>
<tr><td>ROI选题推荐</td><td>变现模式+赛道</td><td>按ROI排序→高ROI方向</td><td>选题推荐+数据支撑</td></tr>
</table>
</div>
<!-- Section: Knowledge Base Structure -->
<div class="section" id="sec-rules">
<h3 style="font-size:20px;font-weight:600;margin-bottom:24px;color:var(--accent6);text-align:left">知识库结构</h3>
<!-- 五大分类维度 -->
<div style="border-radius:14px;padding:18px 24px;border:2px solid #3b82f6;background:#eff6ff;margin-bottom:6px;box-shadow:var(--shadow)">
<div style="font-size:16px;font-weight:600;color:var(--accent1);text-align:center;margin-bottom:10px">三级分类体系</div>
<div style="display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--text);text-align:center;align-items:center">
<div>① <b>一级赛道</b>:剧情娱乐 / 泛生活 / 时尚美妆穿搭 / 知识科普 / 健康健身 / 汽车 / 游戏二次元 / 商业服务</div>
<div>② <b>叙事形态</b>:剧情演绎 / Vlog纪实 / 干货口播 / 测评种草 / 教程教学 / 盘点解说 / 纯视觉短片 / 人物采访</div>
<div>③ <b>细分垂类</b>:各赛道×形态下的具体内容方向</div>
<div style="font-size:12px;color:var(--accent4)">附加标签组(不进目录树):业务线 / 情绪 / 钩子类型 / 受众 / 变现</div>
<div>④ <b>时长区间</b>:0-15s / 15-30s / 30-60s / 1-3min / 3-5min / 5min+</div>
<div>⑤ <b>变现模式</b>:广告植入/直播带货/电商挂车/知识付费/打赏/品牌合作</div>
</div>
</div>
<div style="text-align:center;font-size:20px;color:var(--text3);padding:4px 0">▼</div>
<!-- 三层标签 -->
<div style="border-radius:14px;padding:18px 24px;border:2px solid #8b5cf6;background:#f5f3ff;margin-bottom:6px;box-shadow:var(--shadow)">
<div style="font-size:16px;font-weight:600;color:var(--accent2);text-align:center;margin-bottom:10px">三层标签 + 附加标签组</div>
<div style="display:flex;gap:12px;flex-wrap:wrap;font-size:13px;justify-content:center">
<div style="background:#ede9fe;padding:12px 16px;border-radius:8px;text-align:center">
<div style="font-weight:600;margin-bottom:4px">内容标签</div>
<div style="font-size:11px;color:var(--text2)">赛道/叙事形态/细分垂类<br>时长区间/变现模式</div>
</div>
<div style="background:#ede9fe;padding:12px 16px;border-radius:8px;text-align:center">
<div style="font-weight:600;margin-bottom:4px">人设标签</div>
<div style="font-size:11px;color:var(--text2)">身份/性格/表达方式/信任符号<br>记忆符号</div>
</div>
<div style="background:#ede9fe;padding:12px 16px;border-radius:8px;text-align:center">
<div style="font-weight:600;margin-bottom:4px">风格标签</div>
<div style="font-size:11px;color:var(--text2)">画面风格/文案调性/元素<br>音乐风格/字幕风格</div>
</div>
<div style="background:#fef3c7;padding:12px 16px;border-radius:8px;text-align:center;border:2px solid #fde68a">
<div style="font-weight:600;margin-bottom:4px;color:var(--accent4)">附加标签组</div>
<div style="font-size:11px;color:var(--text2)">业务线/情绪/钩子类型<br>受众/变现标签</div>
</div>
</div>
</div>
<div style="text-align:center;font-size:20px;color:var(--text3);padding:4px 0">▼</div>
<!-- 13创作维度 -->
<div style="border-radius:14px;padding:18px 24px;border:2px solid #06b6d4;background:#ecfeff;margin-bottom:6px;box-shadow:var(--shadow)">
<div style="font-size:16px;font-weight:600;color:var(--accent3);text-align:center;margin-bottom:10px">13创作维度</div>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:12px;font-weight:500;color:var(--text)">
<div style="background:#cffafe;padding:8px 12px;border-radius:8px;text-align:left"><b>01_账号定位</b><br><span style="font-size:11px;color:var(--text2)">IP记忆点四步锚点·赛道选择·核心受众</span></div>
<div style="background:#cffafe;padding:8px 12px;border-radius:8px;text-align:left"><b>02_人设构建</b><br><span style="font-size:11px;color:var(--text2)">身份/性格/表达/信任/记忆五层体系</span></div>
<div style="background:#cffafe;padding:8px 12px;border-radius:8px;text-align:left"><b>03_选题策略</b><br><span style="font-size:11px;color:var(--text2)">元素叠加·置换·跨界·新鲜度·落地路径</span></div>
<div style="background:#cffafe;padding:8px 12px;border-radius:8px;text-align:left"><b>04_内容结构</b><br><span style="font-size:11px;color:var(--text2)">8种爆款公式·三幕式·赛道专属框架·SCQA</span></div>
<div style="background:#cffafe;padding:8px 12px;border-radius:8px;text-align:left"><b>05_开场钩子</b><br><span style="font-size:11px;color:var(--text2)">10种开场方式·冲突型·反差型·情绪锚定型钩子</span></div>
<div style="background:#cffafe;padding:8px 12px;border-radius:8px;text-align:left"><b>06_叙事节奏</b><br><span style="font-size:11px;color:var(--text2)">冲突SCQA·反转·节奏控时·完播率优化</span></div>
<div style="background:#cffafe;padding:8px 12px;border-radius:8px;text-align:left"><b>07_情绪共鸣</b><br><span style="font-size:11px;color:var(--text2)">千人千面·降低人设价值感·强观点对立面·关系代入</span></div>
<div style="background:#cffafe;padding:8px 12px;border-radius:8px;text-align:left"><b>08_画面风格</b><br><span style="font-size:11px;color:var(--text2)">景别情绪·9种运镜·搭配约束·转场·音画配套</span></div>
<div style="background:#cffafe;padding:8px 12px;border-radius:8px;text-align:left"><b>09_文案台词</b><br><span style="font-size:11px;color:var(--text2)">口播四阶进阶·横纵二维·6种Vlog法·期待感建立</span></div>
<div style="background:#cffafe;padding:8px 12px;border-radius:8px;text-align:left"><b>10_传播元素</b><br><span style="font-size:11px;color:var(--text2)">标题策略·互动设计·IP系列化·记忆符号·真实化表达</span></div>
<div style="background:#cffafe;padding:8px 12px;border-radius:8px;text-align:left"><b>11_商业植入</b><br><span style="font-size:11px;color:var(--text2)">5种植入方式·自然度评估·黄金位5个·合规检查5项</span></div>
<div style="background:#cffafe;padding:8px 12px;border-radius:8px;text-align:left"><b>12_拆解评估</b><br><span style="font-size:11px;color:var(--text2)">数据诊断5维(后验)·脚本质量检查7类30项(前验)·复刻迁移·反推13字段·母提示词·返工归因</span></div>
<div style="background:#cffafe;padding:8px 12px;border-radius:8px;text-align:left"><b>13_极致事件</b><br><span style="font-size:11px;color:var(--text2)">戏剧性极致(反转·冲突·喜剧·猎奇)+感官性极致(精美·细致·震撼·品质)·8赛道极致形态对照</span></div>
</div>
<div style="font-size:12px;color:var(--text3);margin-top:8px;text-align:center">每维度内容以分块(Chunk)形式入库,支持分类+标签+向量三检索模式</div>
</div>
<div style="text-align:center;font-size:20px;color:var(--text3);padding:4px 0">▼</div>
<!-- 商业表现数据层 -->
<div style="border-radius:14px;padding:18px 24px;border:2px solid #f59e0b;background:#fffbeb;margin-bottom:6px;box-shadow:var(--shadow)">
<div style="font-size:16px;font-weight:600;color:var(--accent4);text-align:center;margin-bottom:10px">商业表现数据层</div>
<div style="font-size:13px;color:var(--text);line-height:1.8;text-align:center">
<div style="margin-bottom:6px">每条视频关联真实市场表现数据 ── 用商业结果校验创作方法论</div>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:8px">
<div style="background:#fef3c7;padding:8px 12px;border-radius:8px;font-size:12px">
<div style="font-weight:600;color:var(--accent4);margin-bottom:4px">基础数据</div>
<div>播放量 / 点赞 / 评论 / 分享 / 收藏 / 弹幕</div>
</div>
<div style="background:#fef3c7;padding:8px 12px;border-radius:8px;font-size:12px">
<div style="font-weight:600;color:var(--accent4);margin-bottom:4px">比率数据</div>
<div>赞播比 / 评赞比 / 享赞比 / 完播率 / 3秒留存</div>
</div>
<div style="background:#fef3c7;padding:8px 12px;border-radius:8px;font-size:12px">
<div style="font-weight:600;color:var(--accent4);margin-bottom:4px">账号数据</div>
<div>粉丝数 / 粉丝增量 / 粉赞比</div>
</div>
<div style="background:#fef3c7;padding:8px 12px;border-radius:8px;font-size:12px">
<div style="font-weight:600;color:var(--accent4);margin-bottom:4px">商业数据</div>
<div>广告CPM / 电商GMV / 直播场观 / 转化率 / ROI</div>
</div>
</div>
</div>
</div>
<div style="text-align:center;font-size:20px;color:var(--text3);padding:4px 0">▼</div>
<!-- 元数据标签 -->
<div style="border-radius:14px;padding:18px 24px;border:2px solid #10b981;background:#ecfdf5;margin-bottom:6px;box-shadow:var(--shadow)">
<div style="font-size:16px;font-weight:600;color:var(--accent5);text-align:center;margin-bottom:10px">元数据标签</div>
<div style="font-size:12px;color:var(--text);line-height:1.6;text-align:center">
<div style="margin-bottom:4px"><b>三级定位:</b>一级赛道 | 叙事形态 | 细分垂类 | 时长区间 | 变现模式</div>
<div style="margin-bottom:4px"><b>内容标签:</b>平台 | 是否爆款 | 核心钩子</div>
<div style="margin-bottom:4px"><b>人设标签:</b>身份 | 性格 | 表达方式 | 信任符号 | 记忆符号</div>
<div style="margin-bottom:4px"><b>风格标签:</b>画面风格 | 文案调性 | 元素 | 音乐风格 | 字幕风格</div>
<div style="margin-bottom:4px"><b>附加标签:</b>业务线 | 情绪 | 钩子类型 | 受众 | 变现</div>
<div><b>分块检索:</b>创作维度 | 分块类型 | 向量描述</div>
</div>
</div>
<div style="text-align:center;font-size:20px;color:var(--text3);padding:4px 0">▼</div>
<!-- 三检索模式引擎 -->
<div style="border-radius:14px;padding:18px 24px;border:2px solid #ef4444;background:#fef2f2;margin-bottom:24px;box-shadow:var(--shadow)">
<div style="font-size:16px;font-weight:600;color:var(--accent6);text-align:center;margin-bottom:10px">三检索模式引擎</div>
<div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;font-size:13px">
<div style="background:#fee2e2;padding:12px;border-radius:8px;text-align:center">
<div style="font-weight:600;color:var(--accent6);margin-bottom:4px">① 分类检索</div>
<div style="font-size:12px;color:var(--text)">五维+维度 → 分区过滤</div>
</div>
<div style="background:#fee2e2;padding:12px;border-radius:8px;text-align:center">
<div style="font-weight:600;color:var(--accent6);margin-bottom:4px">② 标签检索</div>
<div style="font-size:12px;color:var(--text)">人设+风格 → 精准匹配</div>
</div>
<div style="background:#fee2e2;padding:12px;border-radius:8px;text-align:center">
<div style="font-weight:600;color:var(--accent6);margin-bottom:4px">③ 向量匹配</div>
<div style="font-size:12px;color:var(--text)">语义相似度 → 向量检索</div>
</div>
</div>
</div>
<!-- 十大规则 子项 -->
<div style="border-top:2px solid var(--border);padding-top:20px;margin-top:24px">
<div style="display:flex;align-items:center;gap:10px;margin-bottom:16px;cursor:pointer" onclick="toggleTree('tree-rules')">
<div style="width:24px;height:24px;border-radius:6px;background:var(--accent6);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff">▼</div>
<h3 style="font-size:16px;font-weight:600;color:var(--accent6);margin:0">十大规则 V1.0</h3>
</div>
<div id="tree-rules">
<div class="rules-grid">
<div class="rule-card">
<div class="rule-num" style="background:var(--accent6)">1</div>
<div>
<div class="rule-text">三级定位先行</div>
<div class="rule-desc">检索前必须先确定一级赛道×叙事形态×细分垂类×时长×变现模式</div>
</div>
</div>
<div class="rule-card">
<div class="rule-num" style="background:var(--accent2)">2</div>
<div>
<div class="rule-text">赛道专属评估不得混用</div>
<div class="rule-desc">剧情娱乐赛道的结构模板不得直接套用于泛生活赛道</div>
</div>
</div>
<div class="rule-card">
<div class="rule-num" style="background:var(--accent1)">3</div>
<div>
<div class="rule-text">叙事形态不得混用</div>
<div class="rule-desc">口播结构不得直接套用于剧情演绎</div>
</div>
</div>
<div class="rule-card">
<div class="rule-num" style="background:var(--accent4)">4</div>
<div>
<div class="rule-text">时长区间不得混用</div>
<div class="rule-desc">15s爆款规律不得直接套用于3min vlog</div>
</div>
</div>
<div class="rule-card">
<div class="rule-num" style="background:var(--accent5)">5</div>
<div>
<div class="rule-text">变现模式不得混用</div>
<div class="rule-desc">广告植入方法论不得直接套用于直播带货</div>
</div>
</div>
<div class="rule-card">
<div class="rule-num" style="background:var(--accent3)">6</div>
<div>
<div class="rule-text">核心创意保护</div>
<div class="rule-desc">优化建议严禁删除/篡改视频核心人设或核心创意</div>
</div>
</div>
<div class="rule-card">
<div class="rule-num" style="background:var(--accent2)">7</div>
<div>
<div class="rule-text">评估与优化解耦</div>
<div class="rule-desc">两个任务必须由独立LLM节点执行</div>
</div>
</div>
<div class="rule-card">
<div class="rule-num" style="background:var(--accent3)">8</div>
<div>
<div class="rule-text">失败+反常识必召回</div>
<div class="rule-desc">每次评估必须包含反面参照</div>
</div>
</div>
<div class="rule-card" style="border-color:#fde68a;background:#fffbeb">
<div class="rule-num" style="background:var(--accent4)">9</div>
<div>
<div class="rule-text" style="color:var(--accent4)">商业数据必须真实</div>
<div class="rule-desc">商业表现数据必须来源于真实市场数据,严禁虚构推测</div>
</div>
</div>
<div class="rule-card" style="border-color:#fde68a;background:#fffbeb">
<div class="rule-num" style="background:var(--accent4)">10</div>
<div>
<div class="rule-text" style="color:var(--accent4)">归因必须标注置信度</div>
<div class="rule-desc">创作维度-商业结果归因分析必须标注相关性置信度,相关性≠因果性</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Section: Phases -->
<div class="section" id="sec-phases">
<h3 style="font-size:18px;font-weight:600;margin-bottom:16px">四阶段建设计划</h3>
<div class="phase-card">
<div class="phase-header">
<div class="phase-badge badge-blue">Phase 1</div>
<div class="phase-name">骨架搭建:五维分类目录 + 标签库 + 12维度分块示例 + 商业数据</div>
<div class="phase-time">第1-2周</div>
</div>
<table>
<tr><th>任务</th><th>交付物</th><th>验收标准</th></tr>
<tr><td>建立五维分类目录结构</td><td>赛道/内容分类/形式/时长/变现 五层目录</td><td>27赛道×12维度×6变现模式目录创建</td></tr>
<tr><td>建立三层标签校准表</td><td>内容/人设/风格标签枚举表</td><td>各标签含标准值和枚举范围</td></tr>
<tr><td>编写12维度分块示例规范</td><td>12个分块示例文件</td><td>每维度含分类+标签+向量+内容</td></tr>
<tr><td>建立商业表现数据目录结构</td><td>商业数据目录</td><td>赛道/变现模式分层目录</td></tr>
<tr><td>编写商业表现数据分块示例</td><td>商业数据分块示例</td><td>含分类+标签+商业数据+归因映射</td></tr>
<tr><td>填充核心赛道初步知识</td><td>生活vlog/剧情/美妆/美食 4赛道</td><td>每赛道≥3案例+1方法论+1评分标准</td></tr>
<tr><td>填充失败案例库+反常识案例库</td><td>≥10条失败案例+≥5条反常识</td><td>跨维度/跨赛道混用案例优先</td></tr>
<tr><td>注册核心赛道颗粒度标签</td><td>标签注册表</td><td>P1+P2赛道标签100%覆盖</td></tr>
</table>
</div>
<div class="phase-card">
<div class="phase-header">
<div class="phase-badge badge-purple">Phase 2</div>
<div class="phase-name">核心赛道填充 + 检索优化 + 商业数据关联</div>
<div class="phase-time">第3-4周</div>
</div>
<table>
<tr><th>任务</th><th>交付物</th><th>验收标准</th></tr>
<tr><td>生活vlog赛道深度填充</td><td>≥15条知识/维度</td><td>含独居/省钱/沉浸式等多个分类</td></tr>
<tr><td>剧情赛道深度填充</td><td>≥15条知识/维度</td><td>含校园/家庭/职场等多个分类</td></tr>
<tr><td>美妆赛道深度填充</td><td>≥15条知识/维度</td><td>含教程/测评/仿妆等多个分类</td></tr>
<tr><td>美食赛道深度填充</td><td>≥15条知识/维度</td><td>含烹饪/探店/吃播等多个分类</td></tr>
<tr><td>13创作维度全部覆盖基础内容</td><td>每维度≥3条/每赛道</td><td>赛道间差异化</td></tr>
<tr><td>填充核心赛道爆款视频商业数据</td><td>≥20条视频商业数据</td><td>18项商业字段100%覆盖</td></tr>
<tr><td>实现混合检索+Rerank+向量匹配</td><td>检索策略代码</td><td>Top-5召回准确率≥80%</td></tr>
<tr><td>实现评估与优化Agent解耦</td><td>Dify工作流配置</td><td>评估/优化独立节点</td></tr>
<tr><td>实现商业数据检索+排序+筛选</td><td>商业数据检索API</td><td>按变现模式+指标区间过滤</td></tr>
</table>
</div>
<div class="phase-card">
<div class="phase-header">
<div class="phase-badge badge-cyan">Phase 3</div>
<div class="phase-name">赛道扩展 + 规模化 + 商业数据校验</div>
<div class="phase-time">第5-8周</div>
</div>
<table>
<tr><th>任务</th><th>交付物</th><th>验收标准</th></tr>
<tr><td>旅行赛道规模化填充</td><td>≥10条知识/维度</td><td>覆盖攻略/种草/vlog等分类</td></tr>
<tr><td>科技赛道规模化填充</td><td>≥10条知识/维度</td><td>覆盖测评/资讯/科普等分类</td></tr>
<tr><td>游戏赛道规模化填充</td><td>≥10条知识/维度</td><td>覆盖解说/攻略/实况等分类</td></tr>
<tr><td>财经赛道规模化填充</td><td>≥10条知识/维度</td><td>覆盖理财/分析/评论等分类</td></tr>
<tr><td>知识库总量≥200条</td><td>覆盖主要五维组合</td><td>核心赛道各维度均有覆盖</td></tr>
<tr><td>商业数据≥100条视频</td><td>爆款+非爆款数据</td><td>18项商业必填100%覆盖</td></tr>
<tr><td>月度自动采集流水线</td><td>采集脚本</td><td>每月新增≥15条知识</td></tr>
<tr><td>评估权重季度商业校验</td><td>校验报告</td><td>评估维度权重与商业结果相关性分析</td></tr>
</table>
</div>
<div class="phase-card">
<div class="phase-header">
<div class="phase-badge badge-amber">Phase 4</div>
<div class="phase-name">进阶增强 + 持续迭代 + 商业数据深度分析</div>
<div class="phase-time">第9周起</div>
</div>
<table>
<tr><th>任务</th><th>交付物</th><th>验收标准</th></tr>
<tr><td>剩余赛道持续填充</td><td>知识库总量≥500条</td><td>27赛道均有知识覆盖</td></tr>
<tr><td>商业数据深度归因分析工具</td><td>归因分析API</td><td>创作维度→商业结果统计相关性+因果推断</td></tr>
<tr><td>知识库与创作系统深度集成</td><td>创作系统知识调用接口</td><td>创作每步可调用对应分区+维度+商业数据</td></tr>
<tr><td>商业数据驱动的选题推荐引擎</td><td>选题推荐API</td><td>按ROI/转化率/完播率排序的选题方向推荐</td></tr>
<tr><td>五维体系半年度评估</td><td>评估报告</td><td>是否有新赛道/新内容形式需独立建分区</td></tr>
<tr><td>知识库开放API</td><td>API文档</td><td>外部系统可按五维+维度+向量+商业数据查询</td></tr>
<tr><td>失败案例持续积累</td><td>≥50条失败案例</td><td>覆盖主要赛道和变现模式组合</td></tr>
</table>
</div>
</div>
</div>
<script>
// Tab switching
const tabs = document.querySelectorAll('.tab');
const sections = document.querySelectorAll('.section');
tabs.forEach(tab => {
tab.addEventListener('click', () => {
tabs.forEach(t => t.classList.remove('active'));
sections.forEach(s => s.classList.remove('active'));
tab.classList.add('active');
const target = document.getElementById('sec-' + tab.dataset.tab);
target.classList.add('active');
});
});
// Toggle tree sections
function toggleTree(id) {
const el = document.getElementById(id);
if (el.style.display === 'none') {
el.style.display = 'block';
el.style.animation = 'fadeIn 0.3s ease';
} else {
el.style.display = 'none';
}
}
// Add subtle animation on load
document.querySelectorAll('.arch-layer, .dim-card, .d12-card, .rule-card, .biz-metric-card, .mode-card, .phase-card, .retrieval-step').forEach((el, i) => {
el.style.opacity = '0';
el.style.transform = 'translateY(12px)';
setTimeout(() => {
el.style.transition = 'opacity 0.4s, transform 0.4s';
el.style.opacity = '1';
el.style.transform = 'translateY(0)';
}, i * 60);
});
</script>
</body>
</html>