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

918 lines
51 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>短视频素材库 — 产品规划图 V1.0</title>
<style>
:root {
--bg: #f5f7fa;
--bg2: #ffffff;
--bg3: #f0f2f5;
--bg4: #e8ecf1;
--text: #1a202c;
--text2: #4a5568;
--text3: #718096;
--accent1: #0d9488;
--accent2: #2563eb;
--accent3: #7c3aed;
--accent4: #d97706;
--accent5: #db2777;
--accent6: #dc2626;
--accent7: #059669;
--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, #f0fdfa 0%, #eff6ff 50%, #fdf2f8 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(13,148,136,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;
}
.l1 { background: #f0fdfa; border-color: #99f6e4; }
.l1 .layer-num { background: var(--accent1); }
.l1 .layer-item { border-color: #99f6e4; color: #115e59; background: #ccfbf1; }
.l1 .tag { background: #99f6e4; color: #115e59; }
.l2 { background: #eff6ff; border-color: #bfdbfe; }
.l2 .layer-num { background: var(--accent2); }
.l2 .layer-item { border-color: #bfdbfe; color: #1e40af; background: #dbeafe; }
.l2 .tag { background: #bfdbfe; color: #1e40af; }
.l3 { background: #f5f3ff; border-color: #c4b5fd; }
.l3 .layer-num { background: var(--accent3); }
.l3 .layer-item { border-color: #c4b5fd; color: #5b21b6; background: #ede9fe; }
.l3 .tag { background: #c4b5fd; color: #5b21b6; }
.l4 { background: #fffbeb; border-color: #fde68a; }
.l4 .layer-num { background: var(--accent4); }
.l4 .layer-item { border-color: #fde68a; color: #92400e; background: #fef3c7; }
.l4 .tag { background: #fde68a; color: #92400e; }
.l5 { background: #fdf2f8; border-color: #f9a8d4; }
.l5 .layer-num { background: var(--accent5); }
.l5 .layer-item { border-color: #f9a8d4; color: #9d174d; background: #fce7f3; }
.l5 .tag { background: #f9a8d4; color: #9d174d; }
/* Connector */
.connector { text-align: center; font-size: 20px; color: var(--text3); padding: 4px 0; }
/* 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; }
/* Cards Grid */
.card-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.card-grid-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 16px; }
.info-card {
border-radius: 14px; padding: 20px; border: 1px solid var(--border);
background: var(--card); transition: all 0.3s; box-shadow: var(--shadow);
}
.info-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-hover); }
.info-card.full { grid-column: 1 / -1; }
.info-card .card-header { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.info-card .card-icon {
width: 40px; height: 40px; border-radius: 10px;
display: flex; align-items: center; justify-content: center;
font-size: 16px; font-weight: 700; color: #fff;
}
.info-card .card-name { font-size: 18px; font-weight: 600; }
.info-card table { width: 100%; border-collapse: collapse; margin-top: 8px; font-size: 13px; }
.info-card table th { padding: 8px 10px; background: var(--bg3); color: var(--text2); font-weight: 500; text-align: left; border-bottom: 1px solid var(--border); }
.info-card table td { padding: 8px 10px; border-bottom: 1px solid var(--border); color: var(--text); }
.info-card table tr:hover td { background: var(--bg3); }
/* Material Type Cards */
.mat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.mat-card {
border-radius: 10px; padding: 16px; border: 1px solid var(--border);
background: var(--card); transition: all 0.3s; position: relative; overflow: hidden; box-shadow: var(--shadow);
}
.mat-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-hover); }
.mat-card .mat-num { position: absolute; right: 12px; top: 12px; font-size: 28px; font-weight: 800; color: var(--bg4); }
.mat-card .mat-name { font-size: 15px; font-weight: 600; margin-bottom: 4px; }
.mat-card .mat-old { font-size: 11px; color: var(--text3); text-decoration: line-through; }
.mat-card .mat-func { font-size: 12px; color: var(--text2); margin-top: 6px; }
.mat-card .mat-extreme { font-size: 11px; margin-top: 6px; padding: 2px 8px; border-radius: 4px; display: inline-block; }
.mat-card .mat-min { font-size: 11px; color: var(--accent4); margin-top: 4px; font-weight: 500; }
/* Extreme Dimension Cards */
.ext-section { margin-bottom: 20px; }
.ext-section h3 { font-size: 16px; font-weight: 600; margin-bottom: 10px; display: flex; align-items: center; gap: 8px; }
.ext-badge { font-size: 12px; padding: 3px 10px; border-radius: 6px; font-weight: 500; }
.ext-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.ext-card {
border-radius: 10px; padding: 16px; border: 1px solid var(--border);
background: var(--card); transition: all 0.3s; box-shadow: var(--shadow);
}
.ext-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-hover); }
.ext-card .ext-name { font-size: 15px; font-weight: 600; margin-bottom: 4px; }
.ext-card .ext-desc { font-size: 12px; color: var(--text2); }
.ext-card .ext-touch { font-size: 12px; margin-top: 6px; padding: 6px 10px; border-radius: 6px; background: var(--bg3); border: 1px solid var(--border); }
.ext-card .ext-lib { font-size: 11px; color: var(--accent1); margin-top: 4px; }
/* Flow Steps */
.flow-steps { display: flex; flex-direction: column; gap: 8px; margin-bottom: 24px; }
.flow-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);
}
.flow-step:hover { transform: translateX(4px); box-shadow: var(--shadow-hover); }
.flow-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;
}
.flow-step .step-name { font-size: 14px; font-weight: 600; }
.flow-step .step-desc { font-size: 12px; color: var(--text2); margin-left: auto; }
.flow-step .step-role { font-size: 11px; padding: 2px 8px; border-radius: 4px; margin-left: 8px; }
/* Mapping Table */
.map-table { width: 100%; border-collapse: collapse; font-size: 13px; margin-top: 16px; background: var(--card); border-radius: 10px; box-shadow: var(--shadow); }
.map-table th { padding: 10px 14px; background: var(--bg3); color: var(--text2); font-weight: 500; text-align: left; }
.map-table td { padding: 10px 14px; border-bottom: 1px solid var(--border); color: var(--text); }
/* 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-priority { 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); }
/* Status Table */
.status-table { width: 100%; border-collapse: collapse; font-size: 13px; background: var(--card); border-radius: 10px; box-shadow: var(--shadow); margin-bottom: 20px; }
.status-table th { padding: 10px 14px; background: var(--bg3); color: var(--text2); text-align: left; }
.status-table td { padding: 10px 14px; border-bottom: 1px solid var(--border); color: var(--text); }
.status-ok { color: var(--accent7); font-weight: 500; }
.status-warn { color: var(--accent4); font-weight: 500; }
.status-fail { color: var(--accent6); font-weight: 500; }
/* Badge colors */
.badge-teal { background: var(--accent1); }
.badge-blue { background: var(--accent2); }
.badge-purple { background: var(--accent3); }
.badge-amber { background: var(--accent4); }
.badge-pink { background: var(--accent5); }
.badge-green { background: var(--accent7); }
/* VS Card */
.vs-card {
border-radius: 14px; padding: 20px; border: 2px solid var(--border);
background: var(--card); box-shadow: var(--shadow);
}
.vs-card .vs-title { font-size: 16px; font-weight: 600; margin-bottom: 12px; }
.vs-card table { width: 100%; border-collapse: collapse; font-size: 13px; }
.vs-card table th { padding: 8px 12px; background: var(--bg3); color: var(--text2); text-align: left; border-bottom: 1px solid var(--border); font-weight: 500; }
.vs-card table td { padding: 8px 12px; border-bottom: 1px solid var(--border); color: var(--text); }
/* Responsive */
@media (max-width: 900px) {
.card-grid, .ext-grid, .rules-grid { grid-template-columns: 1fr; }
.mat-grid, .card-grid-3 { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
.mat-grid, .card-grid-3 { 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; }
</style>
</head>
<body>
<div class="container">
<!-- Header -->
<div class="header">
<h1>短视频素材库 — 产品规划图</h1>
<div class="version">V1.0 | 2026-08-11 | 两层架构 + 5素材类型 + 12极致维度 + 知识库关联</div>
<div class="subtitle">面向短视频创作流程(S5→S7→S9→S11)的实践层素材基础设施 — 知识库定方向,素材库给弹药</div>
</div>
<!-- Tabs -->
<div class="tabs" id="tabs">
<div class="tab active" data-tab="arch">整体规划</div>
<div class="tab" data-tab="layers">两层架构</div>
<div class="tab" data-tab="types">5素材类型</div>
<div class="tab" data-tab="extreme">12极致维度</div>
<div class="tab" data-tab="mapping">知识库关联</div>
<div class="tab" data-tab="flow">创作流程调用</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层:5个素材类型</div>
<div class="legend-item"><div class="legend-dot" style="background:var(--accent3)"></div> 第3层:12极致维度</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>
<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">赛道通用层:references/素材库/{赛道}/ — 不含具名角色</div>
<div class="layer-item">账号专属层:case/{账号名}/01-05_素材库_*.md — 具名内容,跨脚本共享</div>
<div class="layer-item">调用规则:S7 先查账号专属层,找不到时从赛道通用层获取参考再具名化</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">5个素材类型 <span class="tag">内容分区</span></div>
</div>
<div class="layer-desc">每条素材属于5个类型之一,不同赛道对5类型的依赖程度不同(如美食赛道菜品为核心,剧情赛道金句为核心)</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>
</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">每条素材必须标注 ≥1 个极致维度 + 极致触点(可拍摄的具体瞬间),连接知识库05_极致事件双重类型</div>
<div class="layer-items">
<div class="layer-item">感官性极致(超出预期):视觉冲击/品质对比/细节专业/难度极限/食材极致/氛围沉浸/预见式服务</div>
<div class="layer-item">戏剧性极致(打破预期):反差价值/反差服务/反常识/价值观冲击/自嘲反差</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">素材库是知识库05_极致事件的实践落地层,通过极致维度字段打通"怎么做"与"用什么"</div>
<div class="layer-items">
<div class="layer-item">05_极致事件 → 极致维度映射(感官性→菜品/道具/环境;戏剧性→金句/反差服务)</div>
<div class="layer-item">07_情绪共鸣 → 情绪功能位匹配极致维度(蓄力→预见式服务;释放→视觉冲击)</div>
<div class="layer-item">12_拆解评估 → S11极致触点密度检查(每15-20秒≥1个极致触点)</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">S5→S7→S9→S11</span></div>
</div>
<div class="layer-desc">素材库在创作流程的4个环节被调用:S5选题(极致触点组合创作法)→ S7大纲(核心消费方)→ S9台词(金句调用)→ S11诊断(触点密度检查)</div>
<div class="layer-items">
<div class="layer-item">S5:选2-3个极致触点 → 反推选题方向</div>
<div class="layer-item">S7:选带极致维度的素材 → 填充事件序列 → 每场≥1个极致触点</div>
<div class="layer-item">S9:从金句库选匹配场景的台词</div>
<div class="layer-item">S11:每15-20秒≥1个极致触点 + 感官性/戏剧性均覆盖</div>
</div>
</div>
</div>
<!-- Section: Two-Layer Architecture (两层架构) -->
<div class="section" id="sec-layers">
<div class="card-grid">
<div class="info-card">
<div class="card-header">
<div class="card-icon" style="background:var(--accent1)">通</div>
<div class="card-name">赛道通用层</div>
</div>
<table>
<tr><th style="width:90px">属性</th><th>说明</th></tr>
<tr><td style="font-weight:600">位置</td><td><code>references/素材库/{赛道}/</code> + <code>references/素材库/通用/</code></td></tr>
<tr><td style="font-weight:600">定位</td><td>跨账号共享的事实性知识,不含具名角色</td></tr>
<tr><td style="font-weight:600">内容</td><td>食材特性、家居标准、通用话术模板、行为暗示示例</td></tr>
<tr><td style="font-weight:600">调用方</td><td>S7 从赛道通用层获取专业术语/标准参考,再从账号专属层获取具名内容</td></tr>
<tr><td style="font-weight:600">更新频率</td><td>低频更新,赛道标准相对稳定</td></tr>
</table>
</div>
<div class="info-card">
<div class="card-header">
<div class="card-icon" style="background:var(--accent2)">专</div>
<div class="card-name">账号专属层</div>
</div>
<table>
<tr><th style="width:90px">属性</th><th>说明</th></tr>
<tr><td style="font-weight:600">位置</td><td><code>case/{账号名}/01-05_素材库_*.md</code></td></tr>
<tr><td style="font-weight:600">定位</td><td>单账号私有,创作流程直接调用的素材</td></tr>
<tr><td style="font-weight:600">内容</td><td>具名菜品(含菜名)、具体品牌道具、角色专属行为链、角色金句、固定环境</td></tr>
<tr><td style="font-weight:600">调用方</td><td>S7/S9 直接从账号专属层选择素材填充大纲和台词</td></tr>
<tr><td style="font-weight:600">更新频率</td><td>随脚本创作迭代,每条新视频可补充新素材</td></tr>
<tr><td style="font-weight:600">共享规则</td><td>不跨账号共享,新账号从零建设</td></tr>
</table>
</div>
</div>
<div style="margin-top:16px;padding:16px 20px;border-radius:12px;background:#ecfdf5;border:1px solid #6ee7b7;font-size:14px;color:#065f46">
<strong>两层关系</strong>:赛道通用层提供"标准参考"(如:粤菜煲仔饭的标准做法),账号专属层提供"具名实例"(如:做梦的和牛窝蛋煲仔饭)。S7 先查账号专属层,找不到时从赛道通用层获取参考再具名化。
</div>
<h3 style="font-size:16px;font-weight:600;margin:24px 0 12px">与知识库的关系</h3>
<div class="vs-card">
<div class="vs-title">知识库(方法论层) vs 素材库(实践层)</div>
<table>
<tr><th>维度</th><th>知识库</th><th>素材库</th></tr>
<tr><td style="font-weight:600">回答的问题</td><td>怎么做(方法/标准/判断框架)</td><td>用什么(具体内容零件)</td></tr>
<tr><td style="font-weight:600">内容性质</td><td>抽象规则、创作方法论、评估标准</td><td>具名实体:这道菜、这个道具、这套动作链</td></tr>
<tr><td style="font-weight:600">类比</td><td>菜谱教你怎么炒(火候/顺序/调味原理)</td><td>冰箱里的食材(番茄、鸡蛋、葱)</td></tr>
<tr><td style="font-weight:600">组织维度</td><td>13创作维度</td><td>5素材类型</td></tr>
<tr><td style="font-weight:600">分类体系</td><td>三级分类(赛道×叙事形态×细分垂类)</td><td>两层架构(赛道通用层×账号专属层)</td></tr>
<tr><td style="font-weight:600">调用时机</td><td>S5选题/S6情绪/S7结构/S11诊断</td><td>S7大纲填充/S9台词/S11密度检查</td></tr>
<tr><td style="font-weight:600">共享范围</td><td>全局共享</td><td>赛道通用层共享 + 账号专属层不共享</td></tr>
</table>
</div>
</div>
<!-- Section: 5 Material Types (5素材类型) -->
<div class="section" id="sec-types">
<div class="mat-grid">
<div class="mat-card" style="border-color:#99f6e4">
<div class="mat-num">01</div>
<div class="mat-name" style="color:var(--accent1)">极致菜品库</div>
<div class="mat-old">原名称:菜品库</div>
<div class="mat-func">S7 填充"做饭"场景的具名菜品</div>
<div class="mat-extreme" style="background:#ccfbf1;color:#115e59">感官性极致</div>
<div class="mat-min">最低 ≥15道/账号</div>
</div>
<div class="mat-card" style="border-color:#bfdbfe">
<div class="mat-num">02</div>
<div class="mat-name" style="color:var(--accent2)">极致道具库</div>
<div class="mat-old">原名称:道具库</div>
<div class="mat-func">S7 填充"准备/场景"细节的具名道具</div>
<div class="mat-extreme" style="background:#dbeafe;color:#1e40af">感官性极致</div>
<div class="mat-min">最低 ≥20个/账号</div>
</div>
<div class="mat-card" style="border-color:#c4b5fd">
<div class="mat-num">03</div>
<div class="mat-name" style="color:var(--accent3)">极致场景服务库</div>
<div class="mat-old">原名称:行为模式库</div>
<div class="mat-func">S7 调取连贯行为链,对标酒店级/米其林级服务标准</div>
<div class="mat-extreme" style="background:#ede9fe;color:#5b21b6">感官性 + 戏剧性</div>
<div class="mat-min">最低 ≥10条/账号</div>
</div>
<div class="mat-card" style="border-color:#fde68a">
<div class="mat-num">04</div>
<div class="mat-name" style="color:var(--accent4)">极致金句库</div>
<div class="mat-old">原名称:金句口头禅库</div>
<div class="mat-func">S7/S9 调用台词素材,确保风格一致有传播力</div>
<div class="mat-extreme" style="background:#fef3c7;color:#92400e">戏剧性极致</div>
<div class="mat-min">最低 ≥15条/账号</div>
</div>
<div class="mat-card" style="border-color:#f9a8d4">
<div class="mat-num">05</div>
<div class="mat-name" style="color:var(--accent5)">极致环境库</div>
<div class="mat-old">原名称:环境设定</div>
<div class="mat-func">S7 调用空间布局/灯光/机位,确保画面一致</div>
<div class="mat-extreme" style="background:#fce7f3;color:#9d174d">感官性极致</div>
<div class="mat-min">最低 ≥5个空间/账号</div>
</div>
</div>
<h3 style="font-size:16px;font-weight:600;margin:28px 0 12px">赛道素材类型权重</h3>
<div style="border-radius:12px;padding:18px;border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);overflow-x:auto">
<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);font-weight:600">泛生活(美食)</td><td style="padding:8px 12px;border-bottom:1px solid var(--border)">菜品 &gt; 场景服务</td><td style="padding:8px 12px;border-bottom:1px solid var(--border)">环境 &gt; 道具 &gt; 金句</td><td style="padding:8px 12px;border-bottom:1px solid var(--border)">菜品是核心极致载体</td></tr>
<tr><td style="padding:8px 12px;border-bottom:1px solid var(--border);font-weight:600">泛生活(居家)</td><td style="padding:8px 12px;border-bottom:1px solid var(--border)">道具 &gt; 环境</td><td style="padding:8px 12px;border-bottom:1px solid var(--border)">场景服务 &gt; 金句</td><td style="padding:8px 12px;border-bottom:1px solid var(--border)">道具品质对比是核心</td></tr>
<tr><td style="padding:8px 12px;border-bottom:1px solid var(--border);font-weight:600">剧情娱乐</td><td style="padding:8px 12px;border-bottom:1px solid var(--border)">金句 &gt; 场景服务</td><td style="padding:8px 12px;border-bottom:1px solid var(--border)">环境 &gt; 道具</td><td style="padding:8px 12px;border-bottom:1px solid var(--border)">戏剧性极致为主</td></tr>
<tr><td style="padding:8px 12px;border-bottom:1px solid var(--border);font-weight:600">时尚美妆穿搭</td><td style="padding:8px 12px;border-bottom:1px solid var(--border)">道具 &gt; 环境</td><td style="padding:8px 12px;border-bottom:1px solid var(--border)">金句 &gt; 场景服务</td><td style="padding:8px 12px;border-bottom:1px solid var(--border)">产品展示是核心</td></tr>
<tr><td style="padding:8px 12px;border-bottom:1px solid var(--border);font-weight:600">知识科普</td><td style="padding:8px 12px;border-bottom:1px solid var(--border)">金句 &gt; 环境</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></tr>
<tr><td style="padding:8px 12px;border-bottom:1px solid var(--border);font-weight:600">健康健身</td><td style="padding:8px 12px;border-bottom:1px solid var(--border)">场景服务 &gt; 环境</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></tr>
<tr><td style="padding:8px 12px;border-bottom:1px solid var(--border);font-weight:600">汽车</td><td style="padding:8px 12px;border-bottom:1px solid var(--border)">道具 &gt; 环境</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></tr>
<tr><td style="padding:8px 12px;font-weight:600">商业服务</td><td style="padding:8px 12px">道具 &gt; 金句</td><td style="padding:8px 12px">场景服务</td><td style="padding:8px 12px">产品/服务展示是核心</td></tr>
</table>
</div>
</div>
<!-- Section: 12 Extreme Dimensions (12极致维度) -->
<div class="section" id="sec-extreme">
<div class="ext-section">
<h3>
<span class="ext-badge" style="background:#ccfbf1;color:#115e59">感官性极致</span>
超出预期 — 精美/细致/震撼/品质
</h3>
<div class="ext-grid">
<div class="ext-card" style="border-color:#99f6e4">
<div class="ext-name" style="color:var(--accent1)">视觉冲击</div>
<div class="ext-desc">画面第一眼就超出预期(色泽/体积/动态)</div>
<div class="ext-touch">找"动态瞬间"——揭盖、浇汁、戳蛋、冒泡</div>
<div class="ext-lib">典型素材库:菜品、环境</div>
</div>
<div class="ext-card" style="border-color:#99f6e4">
<div class="ext-name" style="color:var(--accent1)">品质对比</div>
<div class="ext-desc">同类物品的高低落差(专业 vs 普通)</div>
<div class="ext-touch">找"专业 vs 普通"的对比瞬间——按压回弹、材质特写</div>
<div class="ext-lib">典型素材库:道具、菜品</div>
</div>
<div class="ext-card" style="border-color:#99f6e4">
<div class="ext-name" style="color:var(--accent1)">细节专业</div>
<div class="ext-desc">操作细节体现远超常人的专业度</div>
<div class="ext-touch">找"使用场景中的专业判断"——为什么选无香型</div>
<div class="ext-lib">典型素材库:场景服务、道具</div>
</div>
<div class="ext-card" style="border-color:#99f6e4">
<div class="ext-name" style="color:var(--accent1)">难度极限</div>
<div class="ext-desc">技能/工艺的难度上限</div>
<div class="ext-touch">找"专业级操作"的瞬间——三灶同运、逆纹切肉</div>
<div class="ext-lib">典型素材库:菜品、场景服务</div>
</div>
<div class="ext-card" style="border-color:#99f6e4">
<div class="ext-name" style="color:var(--accent1)">食材极致</div>
<div class="ext-desc">食材本身的极致品质(产地/等级/稀缺)</div>
<div class="ext-touch">找"品质展示"——A5雪花纹理、活虾跳动</div>
<div class="ext-lib">典型素材库:菜品</div>
</div>
<div class="ext-card" style="border-color:#99f6e4">
<div class="ext-name" style="color:var(--accent1)">氛围沉浸</div>
<div class="ext-desc">光影/声音/色彩营造沉浸体感</div>
<div class="ext-touch">找"光影+声音+色彩"共同制造沉浸的瞬间</div>
<div class="ext-lib">典型素材库:环境</div>
</div>
<div class="ext-card" style="border-color:#99f6e4">
<div class="ext-name" style="color:var(--accent1)">预见式服务</div>
<div class="ext-desc">对方还没开口就已经做好</div>
<div class="ext-touch">找"对方还没开口就已经做好"的瞬间</div>
<div class="ext-lib">典型素材库:场景服务</div>
</div>
</div>
</div>
<div class="ext-section" style="margin-top:24px">
<h3>
<span class="ext-badge" style="background:#fce7f3;color:#9d174d">戏剧性极致</span>
打破预期 — 反转/冲突/喜剧/猎奇
</h3>
<div class="ext-grid">
<div class="ext-card" style="border-color:#f9a8d4">
<div class="ext-name" style="color:var(--accent5)">反差价值</div>
<div class="ext-desc">外观与真实价值严重不符</div>
<div class="ext-touch">找"外观朴素但价值高"——老砂锅养出油膜</div>
<div class="ext-lib">典型素材库:道具</div>
</div>
<div class="ext-card" style="border-color:#f9a8d4">
<div class="ext-name" style="color:var(--accent5)">反差服务</div>
<div class="ext-desc">角色身份与服务水准的反差</div>
<div class="ext-touch">找"角色身份 vs 服务水准"的反差</div>
<div class="ext-lib">典型素材库:场景服务</div>
</div>
<div class="ext-card" style="border-color:#f9a8d4">
<div class="ext-name" style="color:var(--accent5)">反常识</div>
<div class="ext-desc">打破用户"理所当然"的认知</div>
<div class="ext-touch">找"常识被颠覆"的瞬间——"不是越香越干净"</div>
<div class="ext-lib">典型素材库:金句、场景服务</div>
</div>
<div class="ext-card" style="border-color:#f9a8d4">
<div class="ext-name" style="color:var(--accent5)">价值观冲击</div>
<div class="ext-desc">一句话颠覆用户的价值判断</div>
<div class="ext-touch">找"一句话改变判断"的瞬间</div>
<div class="ext-lib">典型素材库:金句</div>
</div>
<div class="ext-card" style="border-color:#f9a8d4">
<div class="ext-name" style="color:var(--accent5)">自嘲反差</div>
<div class="ext-desc">用自嘲消解炫耀感</div>
<div class="ext-touch">找"炫耀被自嘲消解"的瞬间</div>
<div class="ext-lib">典型素材库:金句</div>
</div>
</div>
</div>
</div>
<!-- Section: Knowledge Base Mapping (知识库关联) -->
<div class="section" id="sec-mapping">
<h3 style="font-size:18px;font-weight:600;margin-bottom:16px">知识库维度 → 素材库对接点</h3>
<table class="map-table">
<tr><th>知识库维度</th><th>关联方式</th><th>素材库对接点</th></tr>
<tr>
<td style="font-weight:600;color:var(--accent3)">05_极致事件</td>
<td>极致事件双重类型 → 素材库极致维度</td>
<td>感官性→菜品/道具/环境/场景服务<br>戏剧性→金句/反差服务</td>
</tr>
<tr>
<td style="font-weight:600;color:var(--accent3)">07_情绪共鸣</td>
<td>情绪功能位 → 极致维度匹配</td>
<td>蓄力阶段→预见式服务/氛围沉浸<br>释放阶段→视觉冲击/价值观冲击</td>
</tr>
<tr>
<td style="font-weight:600;color:var(--accent3)">12_拆解评估</td>
<td>脚本质量检查 → 极致触点密度检查</td>
<td>S11 每15-20秒至少1个极致触点</td>
</tr>
<tr>
<td style="font-weight:600;color:var(--accent3)">03_选题策略</td>
<td>素材库组合创作法 → 极致触点组合</td>
<td>S5 从素材库选2-3个极致触点反推选题</td>
</tr>
<tr>
<td style="font-weight:600;color:var(--accent3)">06_叙事节奏</td>
<td>节奏分配 → 极致触点分布</td>
<td>极致触点应分布在节奏高点,不均匀分布</td>
</tr>
</table>
<h3 style="font-size:16px;font-weight:600;margin:28px 0 12px">与知识库产品规划对照</h3>
<div class="vs-card">
<table>
<tr><th>规划维度</th><th>知识库</th><th>素材库</th></tr>
<tr><td style="font-weight:600">版本</td><td>V2.0</td><td>V1.0</td></tr>
<tr><td style="font-weight:600">组织方式</td><td>三级分类(赛道×叙事形态×细分垂类)</td><td>两层架构(赛道通用层×账号专属层)</td></tr>
<tr><td style="font-weight:600">内容分区</td><td>13创作维度</td><td>5素材类型</td></tr>
<tr><td style="font-weight:600">标注层</td><td>三层基础标签+五组附加标签</td><td>12极致维度标签</td></tr>
<tr><td style="font-weight:600">检索模式</td><td>分类+标签+向量三检索</td><td>类型+赛道+极致维度过滤</td></tr>
<tr><td style="font-weight:600">数据层</td><td>商业表现数据层(真实市场数据)</td><td>无独立数据层(依赖知识库商业数据校验)</td></tr>
<tr><td style="font-weight:600">共享范围</td><td>全局共享</td><td>赛道通用层共享+账号专属层不共享</td></tr>
<tr><td style="font-weight:600">对接流程</td><td>S5/S6/S7/S11</td><td>S5/S7/S9/S11</td></tr>
</table>
</div>
</div>
<!-- Section: Workflow (创作流程调用) -->
<div class="section" id="sec-flow">
<h3 style="font-size:18px;font-weight:600;margin-bottom:16px;color:var(--accent5)">创作流程调用引擎 — S5→S7→S9→S11</h3>
<div class="flow-steps">
<div class="flow-step" style="border-left:4px solid var(--accent1)">
<div class="step-num" style="background:var(--accent1)">S5</div>
<div class="step-name">选题 · 极致触点组合创作法</div>
<div class="step-desc">从素材库选2-3个极致触点 → 反推选题方向</div>
<div class="step-role" style="background:#ccfbf1;color:#115e59">选题弹药库</div>
</div>
<div class="flow-step" style="border-left:4px solid var(--accent2)">
<div class="step-num" style="background:var(--accent2)">S7</div>
<div class="step-name">大纲 · 极致触点调用与展开</div>
<div class="step-desc">从素材库选带极致维度的素材 → 填充事件序列 → 每场≥1个极致触点 → 展开为具体画面方向</div>
<div class="step-role" style="background:#dbeafe;color:#1e40af">核心消费方</div>
</div>
<div class="flow-step" style="border-left:4px solid var(--accent4)">
<div class="step-num" style="background:var(--accent4)">S9</div>
<div class="step-name">台词 · 金句库调用</div>
<div class="step-desc">从金句库选匹配场景的台词素材 → 确保风格一致</div>
<div class="step-role" style="background:#fef3c7;color:#92400e">台词素材源</div>
</div>
<div class="flow-step" style="border-left:4px solid var(--accent5)">
<div class="step-num" style="background:var(--accent5)">S11</div>
<div class="step-name">诊断 · 极致触点密度检查</div>
<div class="step-desc">每15-20秒≥1个极致触点 + 感官性/戏剧性覆盖 + 可拍摄性检查</div>
<div class="step-role" style="background:#fce7f3;color:#9d174d">质检参照</div>
</div>
</div>
<h3 style="font-size:16px;font-weight:600;margin-bottom:12px">S7 大纲调用规则</h3>
<div style="border-radius:10px;padding:16px 20px;background:#eff6ff;border:1px solid #bfdbfe;font-size:13px;color:#1e40af;line-height:1.8">
<div>① 菜品必须有具体菜名(不从零推断)—— 从账号专属层菜品库选择</div>
<div>② 道具必须有品牌+摆放位置 —— 从账号专属层道具库选择</div>
<div>③ 行为必须有步骤链(≥3步)—— 从账号专属层场景服务库选择</div>
<div>④ 每场至少调用1个极致触点 —— 极致触点展开为【画面方向】+动作+声音/光影描述</div>
<div>⑤ 产品植入按三维标准展开(材质原理+使用场景+品牌名)</div>
</div>
<h3 style="font-size:16px;font-weight:600;margin:20px 0 12px">S11 诊断检查项</h3>
<div style="border-radius:10px;padding:16px 20px;background:#fdf2f8;border:1px solid #f9a8d4;font-size:13px;color:#9d174d;line-height:1.8">
<div>① 极致触点密度:每15-20秒至少1个极致触点</div>
<div>② 极致类型覆盖:感官性+戏剧性极致是否均有覆盖</div>
<div>③ 极致触点可拍摄性:是否展开为具体画面/声音/动作</div>
<div>④ 素材来源检查:是否从素材库调用(而非从零推理)</div>
</div>
</div>
<!-- Section: Rules (核心规则) -->
<div class="section" id="sec-rules">
<h3 style="font-size:20px;font-weight:600;margin-bottom:24px">十条核心规则</h3>
<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(--accent5)">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(--accent4)">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(--accent1)">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(--accent2)">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">S7 每场至少调用1个极致触点</div>
<div class="rule-desc">从素材库选择带极致维度的素材填充,不得只写笼统事件</div>
</div>
</div>
<div class="rule-card">
<div class="rule-num" style="background:var(--accent7)">7</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(--accent6)">8</div>
<div>
<div class="rule-text">感官性+戏剧性极致必须均覆盖</div>
<div class="rule-desc">S11 诊断检查两种极致类型是否均有覆盖</div>
</div>
</div>
<div class="rule-card">
<div class="rule-num" style="background:var(--accent4)">9</div>
<div>
<div class="rule-text">新账号首次创作前必须完成素材库建设</div>
<div class="rule-desc">5个文件全部创建并达到最低数量要求</div>
</div>
</div>
<div class="rule-card">
<div class="rule-num" style="background:var(--accent5)">10</div>
<div>
<div class="rule-text">素材库随脚本创作持续迭代</div>
<div class="rule-desc">每条新视频完成后,将验证有效的素材补充进素材库</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>
<h4 style="font-size:14px;font-weight:600;margin-bottom:8px;color:var(--text2)">账号专属层</h4>
<table class="status-table">
<tr><th>账号</th><th>菜品库</th><th>道具库</th><th>场景服务库</th><th>金句库</th><th>环境库</th><th>极致维度标注</th></tr>
<tr>
<td style="font-weight:600">做梦</td>
<td class="status-warn">11道 (差4)</td>
<td class="status-ok">~20个 (达标)</td>
<td class="status-warn">5条 (差5)</td>
<td class="status-warn">12条+5模板 (差3)</td>
<td class="status-ok">5个 (达标)</td>
<td class="status-fail">未标注</td>
</tr>
<tr>
<td style="font-weight:600">旧梦留声机</td>
<td class="status-fail">未创建</td>
<td class="status-fail">未创建</td>
<td class="status-fail">未创建</td>
<td class="status-fail">未创建</td>
<td class="status-fail">未创建</td>
<td class="status-fail">—</td>
</tr>
</table>
<h4 style="font-size:14px;font-weight:600;margin:16px 0 8px;color:var(--text2)">赛道通用层</h4>
<table class="status-table">
<tr><th>赛道</th><th>现有文件</th><th>极致维度标注</th></tr>
<tr><td style="font-weight:600">通用</td><td>行为暗示示例集 + 产品植入话术模板</td><td class="status-fail">未标注</td></tr>
<tr><td style="font-weight:600">美食赛道</td><td>菜品库 (23道)</td><td class="status-fail">未标注</td></tr>
<tr><td style="font-weight:600">居家赛道</td><td>道具库 (27项)</td><td class="status-fail">未标注</td></tr>
<tr><td style="font-weight:600">其他赛道</td><td>无</td><td class="status-fail">—</td></tr>
</table>
<h3 style="font-size:18px;font-weight:600;margin:28px 0 16px">七阶段建设计划</h3>
<div class="phase-card">
<div class="phase-header">
<div class="phase-badge badge-teal">Phase 1</div>
<div class="phase-name">模板指南升级</div>
<div class="phase-priority">P0</div>
</div>
<table>
<tr><th>任务</th><th>交付物</th><th>验收标准</th></tr>
<tr><td>按极致化设计规范重构创建指南模板</td><td>升级版模板_账号素材库创建指南.md</td><td>模板含极致维度+极致触点字段</td></tr>
</table>
</div>
<div class="phase-card">
<div class="phase-header">
<div class="phase-badge badge-blue">Phase 2</div>
<div class="phase-name">做梦账号迁移</div>
<div class="phase-priority">P1</div>
</div>
<table>
<tr><th>任务</th><th>交付物</th><th>验收标准</th></tr>
<tr><td>5个素材库文件按新规范重构</td><td>01-05_素材库_*.md</td><td>每条素材含极致维度+极致触点</td></tr>
<tr><td>补齐未达标项</td><td>菜品+4 / 场景服务+5 / 金句+3</td><td>5个文件均达到最低数量要求</td></tr>
<tr><td>行为模式库重命名为极致场景服务库</td><td>03_素材库_极致场景服务.md</td><td>文件名+内容均对齐新规范</td></tr>
</table>
</div>
<div class="phase-card">
<div class="phase-header">
<div class="phase-badge badge-purple">Phase 3</div>
<div class="phase-name">赛道通用层升级</div>
<div class="phase-priority">P2</div>
</div>
<table>
<tr><th>任务</th><th>交付物</th><th>验收标准</th></tr>
<tr><td>美食赛道菜品库补充极致维度</td><td>美食赛道/01_菜品库.md</td><td>23道菜品全部标注极致维度+触点</td></tr>
<tr><td>居家赛道道具库补充极致维度</td><td>居家赛道/01_道具库.md</td><td>27项道具全部标注极致维度+触点</td></tr>
<tr><td>通用层文件补充极致维度</td><td>行为暗示示例集 + 产品植入话术模板</td><td>标注极致维度</td></tr>
<tr><td>新建极致维度标签库</td><td>通用/极致维度标签库.md</td><td>12维度定义+示例</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-priority">P2</div>
</div>
<table>
<tr><th>任务</th><th>交付物</th><th>验收标准</th></tr>
<tr><td>从零创建5个素材库文件</td><td>01-05_素材库_*.md</td><td>5个文件均达到最低数量要求</td></tr>
<tr><td>每条素材标注极致维度+极致触点</td><td>—</td><td>100%覆盖</td></tr>
</table>
</div>
<div class="phase-card">
<div class="phase-header">
<div class="phase-badge badge-pink">Phase 5</div>
<div class="phase-name">赛道扩展</div>
<div class="phase-priority">P3</div>
</div>
<table>
<tr><th>任务</th><th>交付物</th><th>验收标准</th></tr>
<tr><td>知识科普赛道通用素材库建设</td><td>知识科普赛道/</td><td>金句库+环境库</td></tr>
<tr><td>时尚美妆穿搭赛道通用素材库建设</td><td>时尚美妆穿搭赛道/</td><td>道具库+环境库</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-green">Phase 6</div>
<div class="phase-name">流程对接</div>
<div class="phase-priority">P2</div>
</div>
<table>
<tr><th>任务</th><th>交付物</th><th>验收标准</th></tr>
<tr><td>S5选题流程更新极致触点组合创作法</td><td>5_生成短视频选题.md</td><td>含素材库调用规则</td></tr>
<tr><td>S7大纲流程更新极致触点调用规则</td><td>7_生成短视频大纲.md</td><td>每场≥1极致触点+展开规则</td></tr>
<tr><td>S11诊断流程更新极致触点密度检查</td><td>11_脚本检查和诊断.md</td><td>含触点密度+类型覆盖检查</td></tr>
</table>
</div>
<div class="phase-card">
<div class="phase-header">
<div class="phase-badge" style="background:var(--text3)">Phase 7</div>
<div class="phase-name">持续运营</div>
<div class="phase-priority">持续</div>
</div>
<table>
<tr><th>任务</th><th>交付物</th><th>验收标准</th></tr>
<tr><td>每条新视频完成后补充验证有效的素材</td><td>素材库增量更新</td><td>素材库持续增长</td></tr>
<tr><td>失效素材标记/移除</td><td>素材库维护</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');
});
});
// Add subtle animation on load
document.querySelectorAll('.arch-layer, .info-card, .mat-card, .ext-card, .rule-card, .phase-card, .flow-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 * 50);
});
</script>
</body>
</html>