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

971 lines
57 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.3</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.3 | 2026-08-12 | 扁平化8素材类型 + 11极致维度 + 四维标签过滤 + 镜头/画面维度</div>
<div class="subtitle">面向短视频创作流程(S5→S7→S9→S11→F4)的实践层素材基础设施 — 知识库定方向,素材库给弹药+怎么拍</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">8素材类型</div>
<div class="tab" data-tab="extreme">四维标签</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层:8个素材类型</div>
<div class="legend-item"><div class="legend-dot" style="background:var(--accent3)"></div> 第3层:四维标签(极致+场景+镜头+画面)</div>
<div class="legend-item"><div class="legend-dot" style="background:var(--accent4)"></div> 第4层:知识库关联映射</div>
<div class="legend-item"><div class="legend-dot" style="background:var(--accent5)"></div> 第5层:创作流程调用引擎</div>
</div>
<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/素材库/ — 扁平化8文件,不含具名角色</div>
<div class="layer-item">账号专属层:case/{账号名}/0X_素材库_*.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">8个素材类型 <span class="tag">内容分区</span></div>
</div>
<div class="layer-desc">每条素材属于8个类型之一,不同垂类对8类型的依赖程度不同(如美食垂类美食为核心,颜值垂类妆容为核心)</div>
<div class="layer-items">
<div class="layer-item">01 美食库 → 填充"做饭"场景(15字段)</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">11 造型库 → 填充"发型/美甲/配饰"方案</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">四维标签 <span class="tag">标注层 · 极致+场景+镜头+画面</span></div>
</div>
<div class="layer-desc">每条素材必须标注4个通用维度:极致维度(05_极致事件)+ 适用场景(人设卡片)+ 镜头维度(10_分镜拍摄)+ 画面维度(10_分镜拍摄)</div>
<div class="layer-items">
<div class="layer-item">维度1 极致维度:感官极致(视觉冲击/品质对比/细节专业/难度极限/食材极致/氛围沉浸/预见式服务)+ 戏剧极致(反差服务/反常识/价值观冲击/自嘲反差)</div>
<div class="layer-item">维度2 适用场景:加班餐/纪念日/日常/生病照顾/暖身收尾/开胃...(来自人设卡片)</div>
<div class="layer-item">维度3 镜头维度 ★新增:景别(5级)×运镜(9种)×机位角度(3种)×距离(5种),标注格式 景别·运镜</div>
<div class="layer-item">维度4 画面维度 ★新增:色调(5种)×光影(5种)×视觉焦点(4种),标注格式 色调·光影·视觉焦点</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_极致事件+10_分镜拍摄的实践落地层,通过四维标签打通"怎么做"与"用什么+怎么拍"</div>
<div class="layer-items">
<div class="layer-item">05_极致事件 → 极致维度映射(感官→美食/装修布局/生活仪式/生活服务;戏剧→对话/反差服务)</div>
<div class="layer-item">10_分镜拍摄 → 镜头维度+画面维度映射(景别/运镜→F4分镜参数;色调/光影→AI生图风格)★新增</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→F4</span></div>
</div>
<div class="layer-desc">素材库在创作流程的5个环节被调用:S5选题(极致触点组合)→ S7大纲(核心消费方)→ S9台词(对话库调用)→ S11诊断(触点密度+镜头/画面检查)→ F4分镜(镜头/画面标签直接映射)★新增</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 class="layer-item">F4:镜头维度→分镜景别/运镜参数;画面维度→AI生图/生视频风格参数 ★新增</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>8素材类型</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: 8 Material Types (8素材类型) -->
<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 填充"做饭"场景的具名美食(15字段:极致维度/极致触点/镜头维度/画面维度/国家/菜系/品类/餐次时段/预算档位等)</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">03</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">最低 ≥10条/账号</div>
</div>
<div class="mat-card" style="border-color:#c4b5fd">
<div class="mat-num">04</div>
<div class="mat-name" style="color:var(--accent3)">对话库</div>
<div class="mat-old">原名称:金句库(废弃通用金句,按对话关系×对话场景拆分)</div>
<div class="mat-func">账号专属台词素材,按「对话关系×对话场景」组织(情侣对话/亲子对话/职场对话/自我独白),S6情绪功能位→S7直接命中</div>
<div class="mat-extreme" style="background:#ede9fe;color:#5b21b6">戏剧极致</div>
<div class="mat-min">最低 ≥15条/账号</div>
</div>
<div class="mat-card" style="border-color:#fde68a">
<div class="mat-num">05</div>
<div class="mat-name" style="color:var(--accent4)">装修布局库</div>
<div class="mat-old">原名称:环境库</div>
<div class="mat-func">S7 调用空间布局/灯光/机位,确保画面一致</div>
<div class="mat-extreme" style="background:#fef3c7;color:#92400e">感官极致</div>
<div class="mat-min">最低 ≥5个空间/账号</div>
</div>
<div class="mat-card" style="border-color:#f9a8d4">
<div class="mat-num">06</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">最低 ≥10条/账号</div>
</div>
<div class="mat-card" style="border-color:#99f6e4">
<div class="mat-num">07</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">08</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">最低 ≥10个/账号</div>
</div>
<div class="mat-card" style="border-color:#c4b5fd">
<div class="mat-num">11</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>
<h3 style="font-size:16px;font-weight:600;margin:28px 0 12px">垂类素材类型权重(Vlog/美妆相关)</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; 对话</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)">生活服务 &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)">无核心(地点库已删除)</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;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)">无核心(测评库已删除)</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)">无核心(道具库已删除)</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">COS/漫展造型</td></tr>
</table>
</div>
</div>
<!-- Section: 11 Extreme Dimensions (11极致维度) -->
<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">找"角色身份 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)">10_分镜拍摄 ★新增</td>
<td>景别/运镜/色调/光影 → 素材库镜头/画面维度</td>
<td>镜头维度→F4分镜参数<br>画面维度→AI生图/生视频风格</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.3</td></tr>
<tr><td style="font-weight:600">组织方式</td><td>三级分类(赛道×叙事形态×细分垂类)</td><td>扁平8素材类型 + 账号专属层</td></tr>
<tr><td style="font-weight:600">内容分区</td><td>13创作维度</td><td>8素材类型</td></tr>
<tr><td style="font-weight:600">标注层</td><td>三层基础标签+五组附加标签</td><td>四维标签(11极致维度+适用场景+镜头维度+画面维度)</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/F4</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→F4</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 class="flow-step" style="border-left:4px solid var(--accent3)">
<div class="step-num" style="background:var(--accent3)">F4</div>
<div class="step-name">分镜 · 镜头/画面标签直接映射 ★新增</div>
<div class="step-desc">镜头维度→分镜景别/运镜参数;画面维度→AI生图/生视频风格参数</div>
<div class="step-role" style="background:#ede9fe;color:#5b21b6">分镜参数源</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>② 生活仪式/生活服务必须有步骤链(≥3步)—— 从账号专属层生活仪式库/生活服务库选择</div>
<div>③ 空间必须有灯光/机位/布局细节 —— 从账号专属层装修布局库选择</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>
</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">按所属垂类建立必备素材库文件,并达到最低数量要求</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 class="rule-card">
<div class="rule-num" style="background:var(--accent3)">11</div>
<div>
<div class="rule-text">每条素材必须标注镜头维度 ★新增</div>
<div class="rule-desc">标注景别+运镜,为F4分镜提供可直接映射的拍摄参数</div>
</div>
</div>
<div class="rule-card">
<div class="rule-num" style="background:var(--accent2)">12</div>
<div>
<div class="rule-text">每条素材必须标注画面维度 ★新增</div>
<div class="rule-desc">标注色调+光影+视觉焦点,为AI生图/生视频提供画面风格参数</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></tr>
<tr>
<td style="font-weight:600">做梦</td>
<td class="status-warn">11道 (差4)</td>
<td class="status-warn">5条 (差5)</td>
<td class="status-warn">13条+5模板 (差2)</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-warn">5场景 (已建)</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>美食库 (18道,已迁移13字段)</td><td class="status-warn">13字段完整</td></tr>
<tr><td style="font-weight:600">其他Vlog/美妆垂类</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>4个素材库文件按新规范重构</td><td>01/03/04/05_素材库_*.md</td><td>每条素材含极致维度+极致触点</td></tr>
<tr><td>补齐未达标项</td><td>美食+4 / 生活仪式+5 / 对话+2</td><td>必备文件达标(≥15道菜/≥10条仪式/≥15条对话)</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>18道美食全部标注极致维度+触点(已迁移13字段)</td></tr>
<tr><td>通用层文件补充极致维度</td><td>行为暗示示例集 + 产品植入话术模板</td><td>标注极致维度</td></tr>
<tr><td>新建极致维度标签库</td><td>素材库/极致维度标签库.md</td><td>11维度定义+示例</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>按垂类从零创建必备素材库文件</td><td>01/03/04/05/06/07/08/11_素材库_*.md(按垂类选择)</td><td>所属垂类必备文件达标</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>