Files
mcn-short-video/project/内容创作知识库/case_1/1_短剧创作知识库/产品规划/知识库产品规划图.html
T

1349 lines
66 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>短剧创作知识库 — 产品规划图 V5.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); }
/* 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 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); }
</style>
</head>
<body>
<div class="container layer-colors">
<!-- Header -->
<div class="header">
<h1>短剧创作知识库 — 产品规划图</h1>
<div class="version">V5.0 | 2026-07-29 | 增加商业表现数据层 + 创作-评估-商业验证闭环</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">12创作维度</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层:创作维度</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">① 地域:国内 | 海外</div>
<div class="layer-item">② 性别:男频 | 女频</div>
<div class="layer-item">③ 题材:世界观+题材类型</div>
<div class="layer-item">④ 流派:叙事机制/风格流派</div>
<div class="layer-item">⑤ 变现:付费 | 免费 | IAP混合</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 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">12创作维度 <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>
</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">★V5.0新增</span></div>
</div>
<div class="layer-desc">每部剧关联真实市场表现数据,用商业结果校验创作方法论和评估权重,形成创作→评估→商业验证→反馈优化闭环</div>
<div class="layer-items">
<div class="layer-item">付费:7天付费量 / 付费转化率 / ARPU / ROI</div>
<div class="layer-item">免费:总播放量 / 完播率 / 3秒留存 / 广告填充率</div>
<div class="layer-item">IAP:综合收入 / 收入结构比例 / 综合ROI</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">17项必填标签(创作) + 9项商业必填字段(剧级) + 4项选填标签</div>
<div class="layer-items">
<div class="layer-item">region/gender/genre/style/monetization</div>
<div class="layer-item">universe/identity/golden_finger/tone/element</div>
<div class="layer-item">dimension/chunk_type/vector_desc</div>
<div class="layer-item">drama_id/launch_date/7day_paid/roi</div>
<div class="layer-item">total_views/viewer_count/completion_rate</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">③ 向量匹配:语义相似度→embedding检索</div>
<div class="layer-item">④ 商业数据检索:变现模式+指标区间→过滤排序</div>
</div>
</div>
</div>
<!-- Section: Five Dimensions -->
<div class="section" id="sec-dims">
<div class="dim-grid">
<!-- 地域 -->
<div class="dim-card">
<div class="dim-header">
<div class="dim-icon badge-blue">1</div>
<div class="dim-name">地域维度</div>
</div>
<table>
<tr><th>地域</th><th>核心平台</th><th>受众特征</th><th>集数/时长</th></tr>
<tr><td style="color:var(--accent1);font-weight:600">国内</td><td>番茄/抖音/快手/红果/微信</td><td>爽感+情绪共鸣极高</td><td>80-100集 × 1-2分钟</td></tr>
<tr><td style="color:var(--accent1);font-weight:600">海外(美国)</td><td>ReelShort/DramaBox/ShortTV</td><td>叙事完整性+角色化学反应</td><td>60-80集 × 2-3分钟</td></tr>
</table>
<div class="dim-law">规则:国内创作方法论不得直接套用海外,反之亦然</div>
</div>
<!-- 性别 -->
<div class="dim-card">
<div class="dim-header">
<div class="dim-icon badge-purple">2</div>
<div class="dim-name">性别维度</div>
</div>
<table>
<tr><th>频段</th><th>核心情绪</th><th>节奏偏好</th><th>典型钩子</th></tr>
<tr><td style="color:var(--accent2);font-weight:600">男频</td><td>逆袭征服/打脸爽感/力量掌控</td><td>快节奏/高密度冲突/即时反馈</td><td>身份反转/武力碾压/智谋揭穿</td></tr>
<tr><td style="color:var(--accent7);font-weight:600">女频</td><td>甜蜜恋爱/虐心共鸣/重生复仇</td><td>情绪细腻/共鸣密集/治愈/虐心交替</td><td>身份揭穿/误会反转/情感告白</td></tr>
</table>
<div class="dim-law">规则:男频评估维度不得用于评判女频剧本,反之亦然</div>
</div>
<!-- 题材 -->
<div class="dim-card full">
<div class="dim-header">
<div class="dim-icon badge-cyan">3</div>
<div class="dim-name">题材维度 — 世界观+题材类型两层组织</div>
</div>
<div class="sub-title">国内题材体系</div>
<table>
<tr><th>世界观</th><th>题材类型</th><th>编号</th><th>代表特征</th></tr>
<tr><td>现代都市</td><td style="font-weight:500">都市逆袭</td><td>M01</td><td>贫→富、弱→强、被看不起→震惊全场</td></tr>
<tr><td>现代都市</td><td style="font-weight:500">职场逆袭</td><td>M02</td><td>职场奋斗、能力证明、事业翻盘</td></tr>
<tr><td>现代都市</td><td style="font-weight:500">家庭伦理</td><td>M03</td><td>婆媳冲突、婚姻保卫、家庭逆袭</td></tr>
<tr><td>古代/架空</td><td style="font-weight:500">玄幻修真</td><td>M04</td><td>修仙/修真/玄幻体系升级</td></tr>
<tr><td>古代/架空</td><td style="font-weight:500">武侠江湖</td><td>M05</td><td>武功升级、江湖义气、门派争斗</td></tr>
<tr><td>古代/架空</td><td style="font-weight:500">历史权谋</td><td>M06</td><td>权谋智斗、势力角逐、帝王之路</td></tr>
<tr><td>悬疑犯罪</td><td style="font-weight:500">悬疑推理</td><td>M07</td><td>伏笔密布、信息不对称、反转冲击</td></tr>
<tr><td>悬疑犯罪</td><td style="font-weight:500">黑帮犯罪</td><td>M08</td><td>犯罪/黑帮/江湖道义</td></tr>
<tr><td>科幻未来</td><td style="font-weight:500">科幻未来</td><td>M09</td><td>科技碾压、时间穿越、外星入侵</td></tr>
<tr><td>游戏异界</td><td style="font-weight:500">无限流/闯关</td><td>M10</td><td>多副本闯关、无限复活、能力解锁</td></tr>
<tr><td>游戏异界</td><td style="font-weight:500">电竞热血</td><td>M11</td><td>技术碾压、团队配合、赛场翻盘</td></tr>
</table>
<div class="sub-title" style="margin-top:16px">海外女频题材体系(参考图片标签)</div>
<table>
<tr><th>世界观</th><th>题材类型</th><th>编号</th><th>代表特征</th></tr>
<tr><td>Urban</td><td>Romance</td><td>HF01</td><td>都市恋爱、身份差异、化学反应</td></tr>
<tr><td>Urban</td><td>Marriage</td><td>HF02</td><td>婚姻契约、先婚后爱、婚姻保卫</td></tr>
<tr><td>Business</td><td>Romance</td><td>HF03</td><td>商业帝国、CEO恋情、办公室权力</td></tr>
<tr><td>Ancient</td><td>Romance</td><td>HF04</td><td>古代言情、宫廷权谋、身份秘密</td></tr>
<tr><td>ABO</td><td>Romance</td><td>HF05</td><td>ABO设定、信息素、宿命羁绊</td></tr>
<tr><td>Magic World</td><td>Fantasy</td><td>HF06</td><td>魔法世界、异世界冒险、奇幻恋爱</td></tr>
<tr><td>Sci-fi</td><td>Sci-fi</td><td>HF07</td><td>科幻未来、时间旅行、系统设定</td></tr>
<tr><td>Urban</td><td>Family Drama</td><td>HF08</td><td>家庭矛盾、关系修复、情感治愈</td></tr>
<tr><td>Urban</td><td>Mystery/Suspense</td><td>HF09</td><td>悬疑线索、真相揭示、恋爱线交织</td></tr>
</table>
</div>
<!-- 流派 -->
<div class="dim-card">
<div class="dim-header">
<div class="dim-icon badge-amber">4</div>
<div class="dim-name">流派维度 — 叙事机制/风格流派</div>
</div>
<div class="sub-title">国内流派体系</div>
<table>
<tr><th>编号</th><th>流派名称</th><th>核心机制</th></tr>
<tr><td>S01</td><td style="font-weight:500;color:var(--accent4)">逆袭打脸</td><td>从弱到强,持续打败对手</td></tr>
<tr><td>S02</td><td style="font-weight:500;color:var(--accent4)">时间循环/轮回</td><td>反复复活/轮回,渐进解谜</td></tr>
<tr><td>S03</td><td style="font-weight:500;color:var(--accent4)">无限流/闯关</td><td>多副本闯关,难度递增</td></tr>
<tr><td>S04</td><td style="font-weight:500;color:var(--accent4)">悬疑反转</td><td>信息逐步揭示,结尾反转</td></tr>
<tr><td>S05</td><td style="font-weight:500;color:var(--accent4)">情绪治愈</td><td>情绪共鸣为主,节奏偏慢</td></tr>
<tr><td>S06</td><td style="font-weight:500;color:var(--accent4)">家庭现实</td><td>真实接地气,社会议题嵌入</td></tr>
<tr><td>S07</td><td style="font-weight:500;color:var(--accent4)">混合跨界</td><td>多流派混搭</td></tr>
<tr><td>S08</td><td style="font-weight:500;color:var(--accent4)">新兴流派</td><td>待定义待验证</td></tr>
</table>
<div class="dim-law">规则:严禁跨流派套用 — 逆袭打脸评估维度不得用于时间循环剧本</div>
</div>
<!-- 变现模式 -->
<div class="dim-card">
<div class="dim-header">
<div class="dim-icon badge-green">5</div>
<div class="dim-name">变现模式维度</div>
</div>
<table>
<tr><th>模式</th><th>核心指标</th><th>节奏特征</th></tr>
<tr><td style="font-weight:600;color:#d97706">付费</td><td>付费转化率/ARPU/7天付费量</td><td>关键集(8-12集)强付费卡点</td></tr>
<tr><td style="font-weight:600;color:#059669">免费</td><td>完播率/3秒留存/总播放量</td><td>每集独立爽点,开场3秒强钩子</td></tr>
<tr><td style="font-weight:600;color:#7c3aed">IAP混合</td><td>综合ROI/收入结构比例</td><td>免费引流+关键集付费+长尾广告</td></tr>
</table>
<div class="dim-law">规则:严禁跨变现模式套用 — 付费剧不能用免费剧的完播率标准评估</div>
</div>
</div>
</div>
<!-- Section: 12 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-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-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-origin">原01_结构部分</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-origin">原01_节奏部分</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">人物成长弧线、人设卡片、关系图谱、男频/女频差异化</div>
<div class="d12-origin">原02_人物与人设</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-new">★ 新增</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">爆款台词特征、对白节奏、台词风格库、地域差异化</div>
<div class="d12-origin">原03_台词与对白</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>
<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>
<div class="d12-card">
<div class="d12-num">10</div>
<div class="d12-name" style="color:var(--accent3)">情绪与共鸣</div>
<div class="d12-desc">情绪曲线设计、共鸣点分布、情绪拐点</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">分五维组合Rubric评分维度、评估流水线</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">失败案例库、反常识成功案例、常见陷阱</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)">① 分类字段 Classification</div>
<div style="font-size:13px;color:var(--text2)">五维定位 + 维度编号 → 决定分区路由<br>region + gender + genre + style + monetization + dimension</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)">② 标签字段 Tags</div>
<div style="font-size:13px;color:var(--text2)">核心设定标签 + 风格标签 + chunk_type → 精准过滤<br>universe + identity + golden_finger + tone + element + chunk_type</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)">vector_desc ≤50字语义摘要 → embedding检索<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>V5.0新增:关联drama_id指向商业数据</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)">检索Rubric+失败案例</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>付费模式 Paid</div>
<table>
<tr><th>指标</th><th>说明</th></tr>
<tr><td>上线时间</td><td>首次上线日期</td></tr>
<tr><td style="color:var(--accent4);font-weight:600">7天付费量</td><td>上线7天总付费金额</td></tr>
<tr><td style="color:var(--accent4);font-weight:600">付费转化率</td><td>触达付费墙后实际付费比例</td></tr>
<tr><td style="color:var(--accent4);font-weight:600">ARPU</td><td>人均付费金额</td></tr>
<tr><td>付费墙通过率</td><td>到达付费墙集数的用户比例</td></tr>
<tr><td style="color:var(--accent4);font-weight:600">ROI</td><td>总收入/总制作成本</td></tr>
<tr><td>观看人数</td><td>独立观看用户数</td></tr>
<tr><td>7日留存率</td><td>上线7天仍在观看的用户占比</td></tr>
</table>
</div>
<div class="biz-metric-card">
<div class="biz-title"><div class="biz-dot" style="background:#059669"></div>免费模式 Free</div>
<table>
<tr><th>指标</th><th>说明</th></tr>
<tr><td>上线时间</td><td>首次上线日期</td></tr>
<tr><td style="color:var(--accent5);font-weight:600">总播放量</td><td>全剧累计播放次数</td></tr>
<tr><td style="color:var(--accent5);font-weight:600">观看人数</td><td>独立观看用户数</td></tr>
<tr><td style="color:var(--accent5);font-weight:600">完播率</td><td>观看至最后一集的用户比例</td></tr>
<tr><td style="color:var(--accent5);font-weight:600">3秒留存率</td><td>前3秒未离开的用户比例</td></tr>
<tr><td>广告填充率</td><td>广告位实际展示广告的比例</td></tr>
<tr><td>7日留存率</td><td>上线7天仍在观看的用户占比</td></tr>
<tr><td style="color:var(--accent5);font-weight:600">ROI</td><td>广告收入/总制作成本</td></tr>
</table>
</div>
<div class="biz-metric-card">
<div class="biz-title"><div class="biz-dot" style="background:#7c3aed"></div>IAP混合 Hybrid</div>
<table>
<tr><th>指标</th><th>说明</th></tr>
<tr><td>上线时间</td><td>首次上线日期</td></tr>
<tr><td>总播放量</td><td>全剧累计播放次数</td></tr>
<tr><td>7天付费量</td><td>上线7天总付费金额</td></tr>
<tr><td>付费转化率</td><td>付费用户转化比例</td></tr>
<tr><td>ARPU</td><td>人均付费金额</td></tr>
<tr><td>完播率</td><td>观看至最后一集的用户比例</td></tr>
<tr><td style="color:var(--accent2);font-weight:600">综合收入</td><td>付费收入+广告收入</td></tr>
<tr><td style="color:var(--accent2);font-weight:600">综合ROI</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)">03_故事框架 → 付费转化率</td><td style="padding:8px 12px;border-bottom:1px solid var(--border)">第二幕双付费卡点(集8+集12)</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)">05_人物设定 → 7日留存率</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)">08_钩子开场 → 观看人数</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)">情绪钩子与点击率直接相关</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)">付费墙集8"身份揭示事件"</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">04_叙事节奏 → 完播率</td><td style="padding:8px 12px">5集一小爽+10集一中爽</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">region + gender + genre + style + monetization</div>
</div>
<div class="retrieval-step">
<div class="step-num" style="background:var(--accent1)">②</div>
<div class="step-name">维度路由</div>
<div class="step-desc">按dimension(01-12)路由到对应创作维度目录</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">按 identity / golden_finger / universe / tone / element 过滤</div>
</div>
<div class="retrieval-step">
<div class="step-num" style="background:var(--accent4)">⑤</div>
<div class="step-name" style="color:var(--accent4)">商业数据筛选 ★V5.0新增</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">vector_desc embedding 语义相似度匹配,在筛选后的候选集内召回</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">语义描述 → embedding 相似度</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">商业数据检索子类型 ★V5.0新增</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>关联drama_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>:男频 | 女频</div>
<div>③ <b>题材</b>:世界观 + 题材类型</div>
<div>④ <b>流派</b>:叙事机制/风格流派</div>
<div>⑤ <b>变现模式</b>:付费 | 免费 | IAP混合</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:8px;flex-wrap:wrap;font-size:13px;justify-content:center">
<span style="background:#ede9fe;padding:4px 10px;border-radius:6px;font-weight:500">世界观</span>
<span style="background:#ede9fe;padding:4px 10px;border-radius:6px;font-weight:500">身份标签</span>
<span style="background:#ede9fe;padding:4px 10px;border-radius:6px;font-weight:500">金手指标签</span>
<span style="background:#ede9fe;padding:4px 10px;border-radius:6px;font-weight:500">风格标签</span>
<span style="background:#ede9fe;padding:4px 10px;border-radius:6px;font-weight:500">元素标签</span>
</div>
</div>
<div style="text-align:center;font-size:20px;color:var(--text3);padding:4px 0">▼</div>
<!-- 12创作维度 -->
<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">12创作维度</div>
<div style="display:grid;grid-template-columns:repeat(4,1fr);gap:6px;font-size:12px;font-weight:500;color:var(--text)">
<div style="background:#cffafe;padding:6px 10px;border-radius:6px;text-align:center">01_爆款选题</div>
<div style="background:#cffafe;padding:6px 10px;border-radius:6px;text-align:center">02_背景设定</div>
<div style="background:#cffafe;padding:6px 10px;border-radius:6px;text-align:center">03_故事框架</div>
<div style="background:#cffafe;padding:6px 10px;border-radius:6px;text-align:center">04_叙事节奏</div>
<div style="background:#cffafe;padding:6px 10px;border-radius:6px;text-align:center">05_人物设定</div>
<div style="background:#cffafe;padding:6px 10px;border-radius:6px;text-align:center">06_关键事件</div>
<div style="background:#cffafe;padding:6px 10px;border-radius:6px;text-align:center">07_台词对话</div>
<div style="background:#cffafe;padding:6px 10px;border-radius:6px;text-align:center">08_钩子开场</div>
<div style="background:#cffafe;padding:6px 10px;border-radius:6px;text-align:center">09_冲突反转</div>
<div style="background:#cffafe;padding:6px 10px;border-radius:6px;text-align:center">10_情绪共鸣</div>
<div style="background:#cffafe;padding:6px 10px;border-radius:6px;text-align:center">11_诊断评估</div>
<div style="background:#cffafe;padding:6px 10px;border-radius:6px;text-align:center">12_失败反常识</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">商业表现数据层 ★V5.0新增</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 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>7天付费量 / 付费转化率 / ARPU / ROI</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">IAP混合</div>
<div>综合收入 / 收入结构比例 / 综合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>region | gender | genre | style | monetization</div>
<div style="margin-bottom:4px"><b>核心设定:</b>universe | identity | golden_finger | tone | element</div>
<div style="margin-bottom:4px"><b>分块检索:</b>dimension | chunk_type | vector_desc</div>
<div style="margin-bottom:4px"><b>商业数据:</b>drama_id | launch_date | 7day_paid | roi | completion_rate 等</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)">语义相似度 → embedding 检索</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">十大规则 V5.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">逆袭打脸评估维度不得用于时间循环剧本</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">付费/免费/IAP混合评估标准不得混用</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)">商业数据必须真实 ★V5.0新增</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)">归因必须标注confidence ★V5.0新增</div>
<div class="rule-desc">创作维度-商业结果归因分析必须标注相关性confidence,相关性≠因果性</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">骨架搭建 + 国内核心分区填充</div>
<div class="phase-time">第1-2周</div>
</div>
<table>
<tr><th>任务</th><th>交付物</th><th>验收标准</th></tr>
<tr><td>建立五维+12维度目录结构</td><td>目录结构</td><td>五维分层+12维度目录全部创建</td></tr>
<tr><td>建立核心设定标签库</td><td>标签枚举表</td><td>identity/golden_finger/tone/element全枚举</td></tr>
<tr><td>编写12维度分块示例规范</td><td>12个分块示例文件</td><td>每维度含分类+标签+向量+内容</td></tr>
<tr><td style="color:var(--accent4);font-weight:500">★ 建立商业表现数据目录结构</td><td>商业数据目录</td><td>地域/性别/变现模式三层目录</td></tr>
<tr><td style="color:var(--accent4);font-weight:500">★ 编写商业表现数据分块示例</td><td>商业数据分块示例</td><td>含分类+标签+商业数据+归因映射</td></tr>
<tr><td>填充国内男频M01+S01+付费/免费</td><td>≥5案例+1方法论+1Rubric</td><td>17项标签100%覆盖</td></tr>
<tr><td>填充国内女频F01+S05+付费/免费</td><td>≥5案例+1方法论+1Rubric</td><td>17项标签100%覆盖</td></tr>
<tr><td style="color:var(--accent4);font-weight:500">★ 填充国内爆款剧商业表现数据</td><td>≥10部剧完整数据</td><td>9项商业必填字段100%覆盖</td></tr>
<tr><td>填充失败案例库+反常识案例库</td><td>≥5条+≥3条</td><td>跨维度混用案例优先</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>国内男频M07悬疑+M04玄幻填充</td><td>每题材≥5案例</td><td>流派交叉标注</td></tr>
<tr><td>国内女频F02宫廷+F04婆媳填充</td><td>每题材≥5案例</td><td>流派交叉标注</td></tr>
<tr><td>海外女频HF02+HS01基础填充</td><td>≥5案例+海外Rubric</td><td>海外差异标注</td></tr>
<tr><td>12创作维度全部覆盖基础内容</td><td>每维度≥3条/每性别频段</td><td>男女频差异化</td></tr>
<tr><td style="color:var(--accent4);font-weight:500">★ 填充海外爆款剧商业表现数据</td><td>≥5部剧完整数据</td><td>海外指标100%覆盖</td></tr>
<tr><td style="color:var(--accent4);font-weight:500">★ 创作维度-商业结果关联映射</td><td>≥3组关联映射</td><td>含创作维度+商业指标+归因分析</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 style="color:var(--accent4);font-weight:500">★ 实现商业数据检索+排序+筛选</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>国内知识库总量≥150条</td><td>覆盖主要五维组合</td><td>男频女频各≥75条</td></tr>
<tr><td>海外知识库总量≥50条</td><td>海外基础规模</td><td>海外男频女频各≥25条</td></tr>
<tr><td style="color:var(--accent4);font-weight:500">★ 国内商业数据≥50部剧</td><td>国内爆款+非爆款数据</td><td>9项商业必填100%覆盖</td></tr>
<tr><td style="color:var(--accent4);font-weight:500">★ 海外商业数据≥20部剧</td><td>海外爆款数据</td><td>海外指标100%覆盖</td></tr>
<tr><td>12维度每维度≥10条/每性别频段</td><td>12维度全覆盖</td><td>男女频差异化</td></tr>
<tr><td>月度自动采集流水线</td><td>采集脚本</td><td>国内每月≥8条,海外每月≥3条</td></tr>
<tr><td style="color:var(--accent4);font-weight:500">★ 评估权重季度商业校验</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>海外总量≥100条</td><td>每海外题材≥8案例</td></tr>
<tr><td style="color:var(--accent4);font-weight:500">★ 商业数据深度归因分析工具</td><td>归因分析API</td><td>创作维度→商业结果统计相关性+因果推断</td></tr>
<tr><td>知识库与创作系统深度集成</td><td>创作系统知识调用接口</td><td>创作每步可调用对应分区+维度+商业数据</td></tr>
<tr><td style="color:var(--accent4);font-weight:500">★ 商业数据驱动的选题推荐引擎</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>
</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>