1349 lines
66 KiB
HTML
1349 lines
66 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>短剧创作知识库 — 产品规划图 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> |