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