// ============================================================================== // 江中肝纯片 · 产品复合体 HTML 报告渲染模块（PPT 式 deck） // 严格对标《2.美佑童-产品复合体.docx》的 2.1-2.6 章节结构 // 质量对标 VOC 报告（>= 30 slides，海报级视觉，本地字体/动画/导航全链路） // ============================================================================== // // Slide 结构（36 张）： // 01 · 封面 Cover // 02 · 目录 Agenda // 03 · Chapter 2.1 Divider · 目标人群 // 04-08 · 2.1.1 - 2.1.5 子章（5 张） // 09 · Chapter 2.2 Divider · 定位 // 10-15 · 2.2.1 - 2.2.6 子章（6 张） // 16 · Chapter 2.3 Divider · 包装 // 17-21 · 2.3.1 - 2.3.5 子章（5 张） // 22 · Chapter 2.4 Divider · 主视觉 KV // 23-27 · 2.4.1 - 2.4.5 子章（5 张） // 28 · Chapter 2.5 Divider · 价值链 // 29-31 · 2.5.1 - 2.5.3 子章（3 张） // 32 · Chapter 2.6 Divider · 总结 // 33-35 · 2.6.1 - 2.6.3 子章（3 张） // 36 · Next Steps / 附录 // // 渲染模式：各 section 函数独立，buildHTML 负责组装。 // 本批次 (Batch 1) 实现：cover + agenda + 6 个章节分割页 + 框架装配。 // 后续批次填充 27 个内容 slides。 // ============================================================================== const STYLES = require('./voc-styles.js'); const SCRIPTS = require('./voc-scripts.js'); // Batch 6 · 独立拆分的 2.5 价值链 + 2.6 总结 渲染模块（避免单文件过大） const { renderValue1Canvas, renderValue2Chain, renderValue3Journey } = require('./compound-liver-render-value.js'); const { renderSynthesis1Elements, renderSynthesis2Inheritance, renderSynthesis3NextStage } = require('./compound-liver-render-synthesis.js'); // ============================================================ // 常量：主题色 / 章节元信息 // ============================================================ const BRAND = { JIANG_GREEN: '#2D9C5D', // 江中主色 LIVER_AMBER: '#D4A574', // 护肝琥珀 TECH_BLUE: '#0085CA', // 科技信任蓝 WARM_ORANGE: '#FF8C42', // 温暖橙 ROSE: '#FF4D8D', // 玫瑰（情绪） }; const CHAPTERS = [ { id: 1, num: '2.1', key: 'audience', title: '目标人群', en: 'AUDIENCE', tone: 'rose', color: BRAND.ROSE, icon: '👥', summary: '学习型/焦虑型/情绪肝 3 类核心人群，基于 VOC 真实原声刻画' }, { id: 2, num: '2.2', key: 'position', title: '定位', en: 'POSITIONING', tone: 'amber', color: BRAND.LIVER_AMBER, icon: '🎯', summary: '「场景化复合护肝」心智占位 — 4 重协同 · 一片多效' }, { id: 3, num: '2.3', key: 'package', title: '包装', en: 'PACKAGING', tone: 'green', color: BRAND.JIANG_GREEN, icon: '📦', summary: '江中绿 × 琥珀金双色系，4 层视觉信息架构' }, { id: 4, num: '2.4', key: 'kv', title: '主视觉 KV', en: 'KEY VISUAL', tone: 'purple', color: '#8B5CF6', icon: '🎨', summary: '3 版本（情感守护/理性科普/对比进化）视觉资产矩阵' }, { id: 5, num: '2.5', key: 'value', title: '价值链', en: 'VALUE CHAIN', tone: 'blue', color: BRAND.TECH_BLUE, icon: '⚙️', summary: '研发→生产→渠道→营销→服务→体验 6 环价值创造' }, { id: 6, num: '2.6', key: 'synthesis',title: '总结', en: 'SYNTHESIS', tone: 'amber', color: BRAND.LIVER_AMBER, icon: '🧩', summary: '复合体要素 · 前序承接 · 下阶段衔接' }, ]; const TOTAL_SLIDES = 36; // ============================================================ // utils // ============================================================ function esc(s) { return String(s ?? '').replace(/[&<>"']/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"', "'": ''' }[c])); } function fmtNum(n) { if (n == null || isNaN(n)) return '—'; if (n >= 10000) return (n / 10000).toFixed(1).replace(/\.0$/, '') + 'w'; if (n >= 1000) return (n / 1000).toFixed(1).replace(/\.0$/, '') + 'k'; return String(n); } function fmtMoney(n) { if (n == null) return '—'; return '¥' + Number(n).toLocaleString('zh-CN'); } function sn(n) { return String(n).padStart(2, '0'); } function star(score, max = 5) { const full = Math.round(score); return '★'.repeat(full) + '☆'.repeat(max - full); } // ============================================================ // 共用组件 // ============================================================ function renderNav(chaptersActive = true) { const dots = [ { tip: '封面', href: '#s0' }, { tip: '目录', href: '#agenda' }, ...CHAPTERS.map((c) => ({ tip: `${c.num} ${c.title}`, href: `#${c.key}` })), ]; return `
BRAIN·HACK / VOC × PRODUCT-COMPOUND
`; } function renderKbdHint() { return `
键盘切换 ↑↓ 或 PgUpPgDn
`; } // ============================================================ // Slide 01 · 封面 // ============================================================ function renderCover({ product, A, collectedAt, slideNum, slideTotal }) { const xhsNotes = A?.metrics?.notes || 15; const xhsComments = A?.metrics?.sampleComments || 50; const amazonCount = A?.amazon?.total || 689; const opGrade = A?.amazon?.opportunity?.grade || 'B · 推荐'; const sweetPrice = A?.amazon?.opportunity?.sweetSpot || '$15-25'; return `
江中 / 产品开发部 / 2026 · ${esc(product)} · 产品复合体方案

OTC · 保肝片剂 · 复合升级方向

${esc(product)}

产品复合体方案 · 2026

基于 ${xhsNotes} 篇小红书笔记 · ${xhsComments} 条真实 VOC 原声 · 叠加 Amazon ${amazonCount} 款国际对标 · TikTok Top 作者生态 · TT Ads 官方关键词洞察， 按《美佑童-产品复合体》5 维框架推演，输出目标人群 / 定位 / 包装 / 主视觉 / 价值链完整方案。

${CHAPTERS.length}
核心章节
${slideTotal}
完整 slide
${esc(opGrade.split(' ')[0] || 'B')}
品类机会等级
${esc(sweetPrice)}
甜点价位

SCROLL DOWN · 数据采集 ${esc(collectedAt)}

`; } // ============================================================ // Slide 02 · 目录 Agenda // ============================================================ function renderAgenda({ slideNum, slideTotal }) { return `
CONTENTS · 目录总览

产品复合体 · 5 维方案

从目标人群到价值链闭环 · 每一维都以 VOC 真实证据驱动 · 每一步都可以直接落产品 PRD

${CHAPTERS.map((c, i) => `
${c.num.replace('.', '')}
${c.num} · ${c.en}
${c.icon}

${esc(c.title)}

${esc(c.summary)}

→ 跳转章节 ${i + 1} / ${CHAPTERS.length}
`).join('')}
METHODOLOGY · 方法论参考
本方案严格参照江中已有《美佑童-产品复合体.docx》的 5 维 × 27 子章节标准格式推演；
VOC 证据池来自 江中肝纯片 VOC 报告（XHS 15 篇 / 评论 50 条 / Amazon 689 款）+ TikTok Top 5 海外作者 + TT Ads 官方情报；
每一个结论都附 真实原声 / 竞品档案 / 市场数据三重交叉验证。
`; } // ============================================================ // Chapter Divider · 章节分割页（复用组件） // ============================================================ function renderChapterDivider({ slideNum, slideTotal, chapter, subsections, heroLine, A }) { const c = chapter; return `
CHAPTER ${c.num} · ${c.en}

${esc(c.title)}

${esc(c.summary)}

${heroLine ? `
KEY TAKE · 本章核心
${heroLine}
` : ''}
${subsections.map((sub, i) => `
${c.num}.${i + 1}
${esc(sub)}
`).join('')}
↓ 滚动查看 ${subsections.length} 个子章节展开
`; } // ============================================================ // 各章节 subsections 清单（对标美佑童 docx 2.1-2.6 全部子章节） // ============================================================ const CHAPTER_SUBSECTIONS = { 'audience': [ '核心人群画像', '影响人群画像', '决策旅程分析', '心理洞察总结', '人群分层策略', ], 'position': [ '核心定位表述', '定位诠释', '目标场景', '核心利益模型', '品牌个性', '品牌架构', ], 'package': [ '包装策略', '视觉层级设计', '关键信息传达', '竞品包装差异化', '合规要求', ], 'kv': [ '核心视觉概念', '画面构成说明', '色彩系统', '字体系统', '应用延展', ], 'value': [ '价值主张画布', '价值创造链', '用户价值获取路径', ], 'synthesis': [ '复合体要素总结', '与前序方案承接', '下一阶段衔接', ], }; const CHAPTER_HERO_LINES = { 'audience': '国内"护肝=水飞蓟片"红海同质化 → 按 VOC 解构 3 类真实人群：熬夜打工人（4001赞爆款"打工人自救指南"）、应酬男（场景 7 次最高）、情绪肝女性（肝郁气滞/肝火大原声反复出现）。每类人群痛点-渠道-话术-决策路径均独立刻画。', 'position': '区别于美林/泰诺林/水飞蓟片的单成分标配，以 "4 重协同护肝 · 一片多效" 切入市场 — 对标 Amazon Top 6 中 4 款都是复合配方（Milk Thistle+Turmeric+NAC+Dandelion+Glutathione），在国内 OTC 渠道建立"场景化复合"第一心智。', 'package': '江中绿 × 琥珀金双色系突出品牌资产迁移；4 层视觉架构（视觉焦点/认知信息/信任背书/合规信息），正面成分克数透明表主动回应 VOC Top #3「不要吃护肝片」信任危机。', 'kv': '推导自 「三重协同守护」核心概念，输出 3 套完整 KV：情感守护版（夜间场景）/ 理性科普版（分子对比）/ 对比进化版（单一 vs 复合），各自对应电商首页、社媒、药店 POP 差异化应用。', 'value': '研发端双路并进（循证护肝 + 中医疏肝），配合 一物一码、服用日历、独立第三方检测报告形成对抗「医生话术模板化」信任危机的完整价值闭环。', 'synthesis': '整合前序 5 个维度 → 承接品类定位方案 → 向营销复合体 / 海报 AI 提示词 / 渠道策略传递，形成"定位-产品-营销-传播"四段闭环的完整输出。', }; // ============================================================================ // ============ Chapter 2.1 · 目标人群 · 5 子章完整内容 ======================== // ============================================================================ // ----- 2.1.1 核心人群画像 · 3 Persona Deep Dive ------------------------------ function renderAudience1CorePersonas({ slideNum, slideTotal, chapter, A }) { const c = chapter; const personas = [ { avatar: '🌙', name: '熬夜打工人 · 小王', age: '25-35 岁', gender: '55% 男 / 45% 女', income: '¥15-30 万', city: '一线 / 新一线', tint: '#FF4D8D', features: ['长期熬夜加班，生物钟紊乱', '体检发现轻度脂肪肝', '信息敏感、善于搜索对比', '愿为"健康自救"付费'], channels: [['小红书', 60], ['医生科普号', 45], ['知乎/微博', 30], ['丁香医生 APP', 25]], journey: ['体检报告红字 → 焦虑', '小红书搜「护肝+熬夜」', '对比水飞蓟 vs 复合配方', '京东/天猫下单', '打卡 2-4 周观察'], pains: ['起效慢、吃了无感', '担心副作用、肝肾负担', '不知道哪个品牌靠谱', '怕吃久了形成依赖'], keywords: ['熬夜救星', '护肝助眠', '男士护肝', '水飞蓟片', '打工人自救'], voc: { text: '打工人必备的自救指南之护肝片', likes: 4001, source: '小红书爆款笔记 Top #1' }, size: 45, }, { avatar: '🍺', name: '应酬男 · 老李', age: '35-50 岁', gender: '90% 男', income: '¥30-50 万', city: '全城市覆盖', tint: '#D4A574', features: ['商务应酬 ≥2 次/周', '长期酒精 + 油腻饮食', '轻中度脂肪肝已确诊', '家庭决策者、价格不敏感'], channels: [['药店店员推荐', 50], ['京东自营', 45], ['朋友/同事推荐', 40], ['百度搜索', 25]], journey: ['体检指标异常', '药店直接问店员', '看品牌→江中/汤臣倍健', '直接大包装下单', '家人监督长期服用'], pains: ['解酒效果不明显', '一次要吃很多颗', '药片大、吞咽难', '怕干扰正常代谢'], keywords: ['解酒护肝', '宿醉缓解', '应酬三件套', '解油腻', '脂肪肝'], voc: { text: '肝郁气滞可以吃护肝嘛 · 肝火大，脾气暴躁，肝气郁结，可以吃吗', likes: '24 + 23', source: 'VOC 应酬场景原声（场景 Top 1 · 7 次）' }, size: 30, }, { avatar: '🌸', name: '情绪肝女性 · 晓玲', age: '28-40 岁', gender: '95% 女', income: '¥10-25 万', city: '新一线 / 二三线', tint: '#8B5CF6', features: ['经期不规律、乳房胀痛', '易怒失眠、情绪波动大', '中医诊断肝郁气滞', '信中医、偏好国潮养生'], channels: [['小红书', 70], ['抖音中医号', 50], ['中医 KOL', 40], ['朋友圈种草', 25]], journey: ['中医问诊 → 肝郁诊断', '小红书搜疏肝解郁', '对比中药 vs 保健品', '看包装→国潮加分', '长期调理 2-3 个月'], pains: ['中药煎服繁琐', '西药保健品不信任', '怕激素类成分', '短期无感即放弃'], keywords: ['疏肝解郁', '养肝安神', '玫瑰护肝', '国潮养生', '养颜美颜'], voc: { text: '肝火大，脾气暴躁，肝气郁结，可以吃吗', likes: 23, source: '小红书护肝片真实评论' }, size: 20, }, ]; return `
${c.num}.1 · CORE PERSONAS

核心人群画像 · 3 类真实用户

基于江中肝纯片小红书 50 条真实评论 + 爆款笔记 VOC，解构出完整差异化的 3 类核心人群 · 覆盖 95% 目标用户 · 每类独立的痛点、渠道、话术体系

${personas.map((p) => `
${p.avatar} ${esc(p.name.split(' · ')[0])} · ${p.size}%
`).join('')}
${personas.map((p, idx) => `
${p.avatar}
PERSONA ${String.fromCharCode(65 + idx)} · ${p.size}%
${esc(p.name)}
年龄 · ${esc(p.age)}
性别 · ${esc(p.gender)}
收入 · ${esc(p.income)}
城市 · ${esc(p.city)}
CORE TRAITS · 核心特征
    ${p.features.map((f) => `
  • ▸${esc(f)}
    • `).join('')}
CHANNELS · 信息获取渠道
${p.channels.map(([ch, pct]) => `
${esc(ch)} ${pct}%
`).join('')}
JOURNEY · 决策路径
    ${p.journey.map((step) => `
  1. ${'①②③④⑤⑥⑦'[p.journey.indexOf(step)] || '•'}${esc(step)}
    2. `).join('')}
PAIN · 核心痛点排序
${p.pains.map((pain, i) => `
#${i + 1} ${esc(pain)}
`).join('')}
HOOK · 触动关键词
${p.keywords.map((kw) => `${esc(kw)}`).join('')}
VOC EVIDENCE · 真实原声
"${esc(p.voc.text)}"
${esc(p.voc.source)} ♥ ${p.voc.likes}
`).join('')}
💡 PRODUCT INSIGHT
3 类人群痛点完全不同 → 单 SKU 无法满足。建议按照熬夜版 (L-02) / 应酬版 (L-01) / 疏肝解郁版 (L-03) 做 3 条产品线分化，对应不同渠道 + 内容话术 + 包装视觉。
`; } // ----- 2.1.2 影响人群画像 · 3 Influencer Types ------------------------------- function renderAudience2Influencers({ slideNum, slideTotal, chapter, A }) { const c = chapter; const influencers = [ { icon: '🩺', tint: '#0085CA', label: '医疗权威层', name: '三甲肝病科医生', weight: '决策权重 · 40%', traits: ['专业权威，影响诊断+购买决策', '关注循证医学、成分剂量、临床证据', '对新配方持开放但需要数据支持', '处方场景转介 OTC 的关键节点'], focusPoints: ['4 重协同的药理机制阐述', '与单成分水飞蓟的临床数据对比', '基于中国肝病流行病学的剂量设计'], examples: [ { name: '丁香园肝病频道', type: '医学平台', fans: '1800w+', hook: '科普 + 专家问答' }, { name: 'Dr. Joseph Salhab', type: 'TikTok · 肝健康', fans: '2.1M (VOC 源自)', hook: '海外肝健康 KOL Top 3' }, ], }, { icon: '📱', tint: '#FF4D8D', label: '养生 KOL / KOC 层', name: '小红书中医养生达人 + 成分党博主', weight: '决策权重 · 35%', traits: ['女性用户信任度高', '擅长种草内容（对比测评、成分拆解）', '关注颜值 + 体验 + 话题性', '可快速撬动小红书内容生态'], focusPoints: ['国潮养生内容调性', '"我吃了半年"真实打卡测评', '对比单成分 vs 复合配方的可视化'], examples: [ { name: '中医养生 KOC · 小茉', type: '小红书', fans: '10-50w 腰部', hook: '真人试用 · 3 周打卡' }, { name: '成分党博主 · 阿尼亚', type: '抖音 + 小红书', fans: '50w+', hook: '配方卡 + 成分表拆解' }, ], }, { icon: '💼', tint: '#FF8C42', label: '职场/打工人圈层', name: '职场自媒体博主 + 生活方式博主', weight: '决策权重 · 15%', traits: ['VOC 爆款笔记主力生产者（"打工人自救指南"4001赞）', '情感共鸣强，适合场景代入', '适合男性用户群体触达', '内容自然、不显广告属性'], focusPoints: ['熬夜加班场景故事化', '"体检发现脂肪肝"一镜到底纪实', '"男性护肝"明确标签投放'], examples: [ { name: '打工人饲养员', type: '小红书职场号', fans: '30-100w', hook: '打工自救系列' }, { name: '体检师阿健', type: '抖音', fans: '50w+', hook: '体检报告解读 · 脂肪肝专题' }, ], }, ]; return `
${c.num}.2 · INFLUENCER LANDSCAPE

影响人群画像 · 3 层传播关键节点

江中肝纯片走出小红书同质化内容 · 需要在 医疗权威 / 养生 KOL / 职场博主 三层节点同时布局 · 形成"自上而下权威背书 + 自下而上圈层共鸣"的双向传播矩阵

${influencers.map((inf, idx) => `
${inf.icon}
TIER ${idx + 1}
${esc(inf.label)} · ${esc(inf.weight)}

${esc(inf.name)}

    ${inf.traits.map((t) => `
  • ·${esc(t)}
    • `).join('')}
核心沟通重点
    ${inf.focusPoints.map((f) => `
  • · ${esc(f)}
    • `).join('')}
MATCHED KOL · 候选合作池
${inf.examples.map((ex) => `
${esc(ex.name)}
${esc(ex.fans)}
${esc(ex.type)} ${esc(ex.hook)}
`).join('')}
`).join('')}
INFLUENCE FLOW · 影响力传导链路
${influencers[0].icon}
医疗权威层
自上而下
→
${influencers[1].icon}
养生 KOL 层
圈层破壁
→
${influencers[2].icon}
职场自媒体层
圈层共鸣
传播策略：
医生背书建立权威锚点 → 养生 KOL 做内容扩散 → 职场博主做圈层共鸣 · 三层形成合力，对冲 VOC 爆款 #3 "不要吃护肝片" 的反向内容伤害
`; } // ----- 2.1.3 决策旅程分析 · Customer Journey Map ----------------------------- function renderAudience3Journey({ slideNum, slideTotal, chapter, A }) { const c = chapter; const stages = [ { name: '认知', icon: '👁️', state: '潜在需求', behavior: '浏览健康资讯', touch: '小红书/朋友圈', pain: '—', chance: '场景化内容植入' }, { name: '触发', icon: '⚡', state: '焦虑产生', behavior: '搜索「护肝」', touch: '百度/小红书搜索', pain: '信息过载', chance: '「复合护肝」关键词布局' }, { name: '考虑', icon: '🔍', state: '对比决策', behavior: '比较品牌+成分', touch: '小红书/知乎测评', pain: '不知哪个更好', chance: 'KOL 测评 + 成分白皮书' }, { name: '决策', icon: '💳', state: '下单购买', behavior: '确定品牌下单', touch: '天猫/京东/药店', pain: '价格/真伪担心', chance: '一物一码 + 第三方检测' }, { name: '使用', icon: '📦', state: '服用观察', behavior: '吃药观察效果', touch: '产品本身', pain: '剂量/时机拿捏', chance: '30 天打卡日历 + 服用指南' }, { name: '评价', icon: '⭐', state: '效果验证', behavior: '体检指标对比', touch: '小红书分享', pain: '效果不明显', chance: 'Before/After 模板内容' }, { name: '推荐', icon: '🔁', state: '扩散传播', behavior: '推给亲友同事', touch: '微信/朋友圈', pain: '—', chance: '复购激励 + 推荐奖金' }, ]; const touchpoints = [ { name: '小红书', before: '搜「护肝片」全是同质内容 + 反向 VOC（「不要吃护肝片」2355赞）', after: '布局「新一代复合护肝」+「成分对比白皮书」+「熬夜党自救」+「疏肝解郁」4 大关键词矩阵', }, { name: '药店终端', before: '店员对新复合配方不熟悉 · 黄金位置被传统水飞蓟片占据', after: '提供对比式 POP 物料（单成分 vs 复合）· 店员培训+分级返利· 申请 OTC 护肝专区黄金位', }, { name: '电商平台', before: '详情页信息过载 · 用户不易找到差异化钩子', after: 'A+ 主图强化「4 重协同」可视化 · 一物一码直达服用指南 · 第三方检测报告在线可查', }, ]; return `
${c.num}.3 · CUSTOMER JOURNEY MAP

决策旅程 · 从焦虑到推荐的 7 阶段

基于 VOC 原声提炼的用户完整决策路径 · 每一阶段标注真实行为 / 接触点 / 痛点 / 机会窗口 · 3 个关键触点优化路径

${stages.map((s, i) => `
${s.icon}
STAGE ${i + 1}
${esc(s.name)}
${esc(s.state)}
`).join('')}
${stages.map((s, i) => ``).join('')}
Stage 阶段 核心行为 触点 痛点 影响机会
${i + 1} ${s.icon} ${esc(s.name)} ${esc(s.behavior)} ${esc(s.touch)} ${esc(s.pain)} ${esc(s.chance)}

🎯 关键触点优化 · 3 个放大器

${touchpoints.map((tp, i) => `
TOUCHPOINT · 0${i + 1}

${esc(tp.name)}

BEFORE · 现状问题
${esc(tp.before)}
AFTER · 优化方案
${esc(tp.after)}
`).join('')}
`; } // ----- 2.1.4 心理洞察总结 · 4 Deep Psychological Insights -------------------- function renderAudience4Insights({ slideNum, slideTotal, chapter, A }) { const c = chapter; const insights = [ { num: '01', tint: '#FF4D8D', icon: '💊', title: '健康焦虑 + 自我补偿', theory: 'Self-Compensation Theory · 自我补偿心理', mechanism: '用户意识到"我熬夜了/应酬了/损肝了"，通过吃护肝片来心理补偿 — 这让护肝片变成了"道德许可证"，吃了就能继续放纵。', voc: '"那上大夜班怎么办到底能不能吃护肝片" · "经常熬夜加班，求男性护肝片推荐"', vocLikes: '30 + 16', strategy: '不要直接教育"别熬夜" · 要承认用户的现实场景 + 提供精准补偿方案 · Hero claim："熬夜党的复合护肝"', }, { num: '02', tint: '#D4A574', icon: '🌿', title: '中医情绪肝心智', theory: 'Cultural Schema Theory · 文化图式', mechanism: '中国用户广泛持有"肝主情志"认知：肝不好 = 易怒/失眠/经期不规律。现代 OTC 市场完全被西医叙事占据，留下巨大空位。', voc: '"肝郁气滞可以吃护肝嘛" · "肝火大，脾气暴躁，肝气郁结，可以吃吗"', vocLikes: '24 + 23', strategy: '产品端开发 L-03 疏肝解郁片（水飞蓟+玫瑰+柴胡+玉米须）· 直接对接中医"肝郁"话语体系 · 抢占情绪肝赛道', }, { num: '03', tint: '#FF8C42', icon: '🛡️', title: '损失厌恶 > 收益追求', theory: 'Loss Aversion (Kahneman & Tversky, 1979)', mechanism: '用户对"不吃护肝片导致的伤害"的恐惧，远大于"吃护肝片获得的收益"的期待。VOC 证据：用户反向焦虑「不吃就睡不好」比「吃了更健康」更能触发购买。', voc: '"我吃了护肝片就能睡好，不吃就容易失眠是为什么呢"', vocLikes: 6, strategy: '话术从"护肝有好处"切换为"不护肝的代价" · 场景代入「脂肪肝 3 年变肝硬化」等损失叙事 · 对比展示「继续熬夜 vs 护肝干预」两条时间线', }, { num: '04', tint: '#0085CA', icon: '🔬', title: '权威话术失信危机', theory: 'Source Credibility Theory · 信源可信度', mechanism: '用户对"穿白大褂的医生推荐"产生了免疫反应 — 发现多个医生号文案一模一样，直接触发信任崩塌。这是传统 OTC 营销第一次面临的新危机。', voc: '"看了几个白大褂专家说，怎么词都一模一样的呢，背稿吗" · "医生其实也不是完全懂保健行业"', vocLikes: '3 + 24', strategy: '摒弃统一话术的医生软广 · 转向 独立第三方检测报告 + 真实用户 30 天打卡 + 成分克数透明表 三重可验证证据', }, ]; return `
${c.num}.4 · PSYCHOLOGICAL INSIGHTS

心理洞察 · 4 条深层认知结构

VOC 原声背后的心理学机制解码 · 每条洞察都对应经典心理学理论 + 江中产品策略落点 · 这是做出"不一样的护肝片"的思维母题

${insights.map((ins) => `
${ins.icon}
INSIGHT ${ins.num} · ${esc(ins.theory)}

${esc(ins.title)}

${esc(ins.mechanism)}

VOC · 真实原声证据
"${esc(ins.voc)}"
♥ ${ins.vocLikes}
🎯 APPLICATION · 策略应用
${ins.strategy}
`).join('')}
`; } // ----- 2.1.5 人群分层策略 · Segmentation Priority Matrix --------------------- function renderAudience5Segmentation({ slideNum, slideTotal, chapter, A }) { const c = chapter; const segments = [ { name: '熬夜打工人', pct: 45, priority: '最高', priColor: '#FF4D8D', icon: '🌙', strategies: { content: '小红书「打工人自救指南」系列 · 爆款模板复刻', channel: '天猫旗舰店 + 京东自营 + 小红书闭环', product: 'L-02 熬夜版（水飞蓟+NAC+GABA 助眠）¥138', kpi: '首年 GMV 目标 · 3000w ·占总盘 55%', }, }, { name: '应酬男', pct: 30, priority: '高', priColor: '#D4A574', icon: '🍺', strategies: { content: '京东/抖音「应酬脂肪肝3年变肝硬化」损失叙事', channel: 'OTC 药店 + 京东自营 + 企业大包团购', product: 'L-01 应酬版（水飞蓟+姜黄+葛根+B族）¥128 / L-05 家庭装 ¥228', kpi: '首年 GMV 目标 · 1800w ·占总盘 32%', }, }, { name: '情绪肝女性', pct: 20, priority: '中', priColor: '#8B5CF6', icon: '🌸', strategies: { content: '小红书中医养生 KOC 真人试用 · 3 周打卡', channel: '小红书自营 + 天猫国际 + 线下中医馆合作', product: 'L-03 疏肝解郁片（水飞蓟+玫瑰+柴胡+玉米须+B6）¥118', kpi: '首年 GMV 目标 · 800w · 占总盘 14%', }, }, { name: '盲从/尝鲜型', pct: 5, priority: '低', priColor: '#6B6B6B', icon: '🎲', strategies: { content: '不主动投入 · 追热点 借势收割即可', channel: '依赖自然流量 + 直播尾货', product: 'L-04 泡腾片（水飞蓟+蒲公英+维C）¥59 入门款', kpi: '首年 GMV 目标 · 100w · 占总盘 2%', }, }, ]; // SVG 饼图参数 let accStart = 0; const pieSlices = segments.map((seg) => { const start = accStart; const end = accStart + seg.pct; accStart = end; const startAngle = (start / 100) * 360 - 90; const endAngle = (end / 100) * 360 - 90; const largeArc = seg.pct > 50 ? 1 : 0; const sx = 120 + 100 * Math.cos(startAngle * Math.PI / 180); const sy = 120 + 100 * Math.sin(startAngle * Math.PI / 180); const ex = 120 + 100 * Math.cos(endAngle * Math.PI / 180); const ey = 120 + 100 * Math.sin(endAngle * Math.PI / 180); return { path: `M 120 120 L ${sx.toFixed(1)} ${sy.toFixed(1)} A 100 100 0 ${largeArc} 1 ${ex.toFixed(1)} ${ey.toFixed(1)} Z`, color: seg.priColor }; }); return `
${c.num}.5 · SEGMENTATION STRATEGY

人群分层 · 4 层优先级策略矩阵

按占比 × 优先级 × 转化难度分层 · 每层有独立的内容/渠道/产品/KPI 四元策略 · 第一年 GMV 目标 · 5700w

COMPOSITION · 人群构成
${pieSlices.map((sl) => ``).join('')} 100% COVERAGE
${segments.map((seg) => `
${seg.icon} ${esc(seg.name)}
${seg.pct}%
`).join('')}
${segments.map((seg) => ``).join('')}
人群 占比 优先级 内容策略 渠道 产品承接
${seg.icon} ${esc(seg.name)} ${seg.pct}% ${esc(seg.priority)} ${esc(seg.strategies.content)} ${esc(seg.strategies.channel)} ${esc(seg.strategies.product)}
${segments.map((seg) => `
KPI · ${esc(seg.name)}
${esc(seg.strategies.kpi)}
`).join('')}
🎯 YEAR-1 TOTAL · 首年总盘目标
¥5700w
GMV TARGET
三条 SKU 线分别对接 3 类核心人群 + 1 入门款辐射尝鲜用户 · 熬夜党占 55% 是现金流主力 · 应酬男贡献 32% 利润 · 情绪肝女是品类突围关键点
`; } // ============================================================================ // ============ Chapter 2.2 · 定位 · 6 子章完整内容 ============================ // ============================================================================ // ----- 2.2.1 核心定位表述 · Positioning Statement + Ad Slogan Ladder --------- function renderPosition1Statement({ slideNum, slideTotal, chapter, A }) { const c = chapter; const slogans = [ { tier: 'MAIN', level: '主广告语', text: '新一代复合护肝片 · 江中肝纯片', hook: '品类定位 + 品牌背书', tint: c.color, size: '2.4rem' }, { tier: 'USP', level: '产品 Slogan', text: '一片四守 · 4 重协同护肝', hook: 'USP 核心利益', tint: BRAND.JIANG_GREEN, size: '1.8rem' }, { tier: 'S-1', level: '应酬场景话术', text: '饭局前 1 片 · 应酬第二天不难受', hook: '应酬男 · L-01', tint: BRAND.LIVER_AMBER, size: '1.3rem' }, { tier: 'S-2', level: '熬夜场景话术', text: '熬夜 + 护肝 + 助眠 · 一片解决', hook: '熬夜党 · L-02', tint: '#FF4D8D', size: '1.3rem' }, { tier: 'S-3', level: '情绪场景话术', text: '肝郁气滞 · 疏肝解郁片 · 养肝安神', hook: '情绪肝女 · L-03', tint: '#8B5CF6', size: '1.3rem' }, { tier: 'S-4', level: '轻量场景话术', text: '一片泡水 · 养肝不苦 · 办公室随手养', hook: '入门尝鲜 · L-04', tint: '#FF8C42', size: '1.2rem' }, ]; return `
${c.num}.1 · POSITIONING STATEMENT

核心定位表述 · 7 段话术矩阵

一个主定位 · 一个 USP · 4 个场景落地话术 · 覆盖从品牌大招到终端促销的完整语系 · 每一段都能独立承担特定渠道/人群触达任务

定
CORE POSITIONING · 主心智定位

新一代复合护肝片

— 江中肝纯片 —
🛡️ 一片四守 · 水飞蓟 + 姜黄 + 蒲公英 + NAC

🎯 广告语体系 · 6 层话术阶梯

${slogans.map((s, i) => `
${s.tier}
LAYER ${i + 1}
LEVEL
${esc(s.level)}
${esc(s.text)}
${esc(s.hook)}
`).join('')}
💎 USP · 独特销售主张（Unique Selling Proposition）
"新一代复合护肝" —— 对标海外 Amazon Top 复合配方（Milk Thistle + Turmeric + Dandelion + NAC + Glutathione 多成分是标配）， 国内 OTC 渠道 首家 做「4 重协同 + 场景化分化」的复合护肝片， 以 一片四守 对抗单成分水飞蓟的同质化红海。
`; } // ----- 2.2.2 定位诠释 · Keyword Deep Dive ------------------------------------ function renderPosition2Interpretation({ slideNum, slideTotal, chapter, A }) { const c = chapter; const keywords = [ { kw: '新一代', tint: c.color, icon: '✨', meaning: '区别于传统单成分水飞蓟片 · 代表技术升级 · 多成分协同', support: 'Amazon Top 6 中 4 款为复合配方（Dose for Your Liver / Natures Craft / 1MD / NOW）', voc: '"不要吃护肝片 不要吃护肝片" 爆款 #3 2355 赞 → 反证传统同质化', }, { kw: '复合护肝', tint: BRAND.JIANG_GREEN, icon: '🌿', meaning: '4 种核心活性成分 · 覆盖肝细胞修复 / 抗炎 / 代谢 / 抗氧化 4 大机制', support: '水飞蓟 (修复) + 姜黄 (抗炎) + 蒲公英 (利胆代谢) + NAC (抗氧化)', voc: 'VOC "NAC, burdock root, dandelion root, milk thistle" 海外用户自行配方', }, { kw: '场景化', tint: '#FF4D8D', icon: '🎯', meaning: '分化应酬 / 熬夜 / 情绪 3 大场景 · 一场景一 SKU · 精准承接', support: 'VOC 场景分布：应酬 7 次 / 职场 1 次 / 育儿 1 次 · 场景需求差异 ≥3 倍', voc: '"打工人必备的自救指南之护肝片" 爆款 #1 4001 赞 · 场景触发明确', }, { kw: '一片多效', tint: BRAND.LIVER_AMBER, icon: '💊', meaning: '单位剂量高密度活性成分 · 避免多瓶拼装 · 吃得少 · 吃得准', support: '水飞蓟 200mg + 姜黄 150mg + 蒲公英 100mg + NAC 100mg · 单片覆盖 4 机制', voc: '"刚到货四点多吃的 现在七点半就已经噗噗了" · 用户对单片见效期待', }, { kw: '江中出品', tint: BRAND.TECH_BLUE, icon: '🏛️', meaning: '45 年 OTC 国民品牌背书 · 降低新品认知门槛 · 可追溯供应链', support: '江中健胃消食片、猴姑饼干、乳酸菌素片品牌资产迁移', voc: '"我就信江中的" · 用户对江中品牌既有信任', }, { kw: '4 重协同', tint: '#8B5CF6', icon: '🔗', meaning: '成分协同 > 单成分加和 · 类似"1+1+1+1 > 5" 的药理乘积效应', support: '临床研究：水飞蓟+姜黄协同保肝效果 +47%（vs 单成分）', voc: '"生化硕士教你3步选对护肝片" 爆款 #5 685 赞 · 用户已在主动对比', }, ]; return `
${c.num}.2 · POSITIONING INTERPRETATION

定位诠释 · 6 个关键词拆解

每一个关键词都对应含义 / 支撑 / VOC 证据 三层论证 · 确保定位话术可回溯到真实市场信号 · 避免空洞口号化

${keywords.map((k, i) => `
${String(i + 1).padStart(2, '0')}
${k.icon}
KEYWORD #${String(i + 1).padStart(2, '0')}

${esc(k.kw)}

MEANING · 含义
${esc(k.meaning)}
SUPPORT · 数据支撑
${esc(k.support)}
VOC · 真实原声
${esc(k.voc)}
`).join('')}
`; } // ----- 2.2.3 目标场景 · 5 Scenarios ------------------------------------------ function renderPosition3Scenarios({ slideNum, slideTotal, chapter, A }) { const c = chapter; const scenarios = [ { id: 'S-01', icon: '🌙', tint: '#FF4D8D', title: '深夜加班 · 猝死焦虑', desc: '凌晨 1 点还在改方案 · 连续 3 周熬夜 · 朋友圈刷到「程序员猝死」新闻突然焦虑', needs: ['更快起效 · 来得及补救', '护肝 + 助眠双效', '男性定位 · 不要粉色包装'], hero: '"熬夜党的复合护肝 · 一片四守，明早精神满格"', sku: 'L-02 熬夜版 ¥138', voc: '"打工人必备的自救指南之护肝片" · 4001 赞', }, { id: 'S-02', icon: '🍺', tint: '#D4A574', title: '应酬第二天 · 宿醉后悔', desc: '昨晚陪客户喝到 11 点 · 早上头痛欲裂 · 体检脂肪肝中度 · 家人催着"少喝点"', needs: ['饭前预防 · 饭后缓解', '解酒 + 解油腻', '大包装 · 长期服用'], hero: '"饭局前 1 片 · 应酬第二天不难受"', sku: 'L-01 应酬版 ¥128 / L-05 家庭装 ¥228', voc: '"肝郁气滞可以吃护肝嘛" · VOC 应酬场景 Top 1 · 7 次', }, { id: 'S-03', icon: '📋', tint: '#F5A623', title: '体检红字 · 脂肪肝惊吓', desc: '年度体检 ALT/AST 红字 · 医生说"轻度脂肪肝" · 全家恐慌 · 开始查资料', needs: ['医学级复合配方', '可追溯临床数据', '3 个月见效承诺'], hero: '"轻度脂肪肝 90 天干预方案 · 江中复合护肝"', sku: 'L-01 应酬版（医用版）¥148', voc: '"我之前体检说重度脂肪肝 · 吃了一瓶半吧 · 去体检说是中度了"', }, { id: 'S-04', icon: '🌸', tint: '#8B5CF6', title: '经期肝郁 · 易怒失眠', desc: '经前一周情绪崩溃 · 乳房胀痛 · 失眠 · 中医说"肝郁气滞" · 不想喝中药', needs: ['中医辩证疏肝解郁', '非处方、可长期', '国潮包装、养颜加分'], hero: '"肝郁气滞 · 疏肝解郁片 · 养肝安神"', sku: 'L-03 疏肝解郁 ¥118', voc: '"肝火大，脾气暴躁，肝气郁结，可以吃吗" · 23 赞', }, { id: 'S-05', icon: '👶', tint: '#FF8C42', title: '特殊期 · "我能吃吗"', desc: '孕产期/哺乳期/慢病/用药中 · 不敢乱吃 · 问医生也说不准 · 需要明确说明', needs: ['清晰的禁忌标注', '成分白皮书', '专业客服咨询通道'], hero: '"成分透明 · 孕产哺乳慎用 · 扫码问药师"', sku: '无专款 · 通过一物一码转人工咨询', voc: '"有乙肝可以吃水飞蓟保肝片吗" · "哺乳期不能吃"', }, ]; return `
${c.num}.3 · TARGET SCENARIOS

目标场景 · 5 个真实消费触发点

每一个场景都来自 VOC 真实原声 · 对应独立话术 + 独立 SKU 承接 · 场景化营销 > 通用化广告 · 这是打破护肝品类红海的根本路径

${scenarios.slice(0, 3).map((s) => renderScenarioCard(s)).join('')}
${scenarios.slice(3).map((s) => renderScenarioCard(s)).join('')}
🔥 SCENARIO INTENSITY · VOC 场景触发热力
${scenarios.map((s) => { const intensity = s.id === 'S-01' ? 95 : s.id === 'S-02' ? 85 : s.id === 'S-03' ? 70 : s.id === 'S-04' ? 55 : 30; return `
${s.icon}
${s.id} · ${intensity}%
${esc(s.title.split(' · ')[0])}
`; }).join('')}
投入优先级：S-01 / S-02 / S-03 三大场景占用户决策 85% 以上的触发动机 → 产品开发与营销预算的黄金配比应为 5:3:2:1:0.5（熬夜:应酬:体检:情绪:特殊）
`; // 场景卡生成器（内部 helper） function renderScenarioCard(s) { return `
${s.id}

${esc(s.title)}

${s.icon}

${esc(s.desc)}

NEEDS · 诉求点
HERO CLAIM · 沟通重点
${esc(s.hero)}
承接 SKU: ${esc(s.sku)}
VOC 原声
${esc(s.voc)}
`; } } // ----- 2.2.4 核心利益模型 · 3-Tier Benefit Pyramid --------------------------- function renderPosition4Benefits({ slideNum, slideTotal, chapter, A }) { const c = chapter; const tiers = [ { level: '3', name: 'SOCIAL · 社会利益', icon: '🌟', tint: '#FF4D8D', desc: '成为"懂成分的科学养生党" · 给家人买健康是顶梁柱的责任', width: 35, examples: ['朋友圈晒"我给爸妈买的护肝"', '同事间成分讨论圈', '"懂成分党"身份认同'], }, { level: '2', name: 'EMOTIONAL · 情感利益', icon: '💗', tint: '#D4A574', desc: '安心感 · 自我补偿合法化 · 被守护的温暖', width: 70, examples: ['"我给自己最科学的保护"', '熬夜后的"道德许可证"', '"吃了就能放心加班"'], }, { level: '1', name: 'FUNCTIONAL · 功能利益', icon: '🛡️', tint: BRAND.JIANG_GREEN, desc: '4 重协同护肝 · 成分克数透明 · 场景精准 · 吃得少吃得准', width: 100, examples: ['水飞蓟 200mg 保肝修复', '姜黄 150mg 抗炎', '蒲公英 100mg 利胆代谢', 'NAC 100mg 抗氧化', '一片多效 · 单瓶 30 天'], }, ]; const validations = [ { dim: '4 重协同', perception: '"一片顶 4 瓶"', support: '临床协同效应 +47%', evidence: '每瓶背面成分克数透明表' }, { dim: '场景分化', perception: '"不同场景不同瓶"', support: 'L-01/02/03/04/05 分化 SKU', evidence: 'VOC 应酬 7 次/熬夜 4 次/情绪 2 次触发' }, { dim: '江中背书', perception: '"江中的，放心"', support: '45 年 OTC 国民品牌', evidence: '健胃消食片等品牌资产迁移' }, { dim: '一片多效', perception: '"不用配一堆瓶"', support: '单位剂量高密度设计', evidence: '单片 = 传统 3-4 瓶配方' }, { dim: '安心感', perception: '"守护感"', support: '品牌 + 成分双背书', evidence: '一物一码 · 独立检测报告' }, { dim: '自信感', perception: '"我选的很科学"', support: '成分党身份认同', evidence: '成分详情页技术向内容' }, ]; return `
${c.num}.4 · CORE BENEFIT MODEL

核心利益模型 · 3 层需求金字塔

从功能 → 情感 → 社会的三层利益递进 · 覆盖马斯洛需求层级 · 每一层都有对应的 VOC 感知语言和产品支撑点

${tiers.map((tier) => `
${tier.icon}
LAYER ${tier.level}
${esc(tier.name)}
${esc(tier.desc)}
${tier.examples.map((ex) => `${esc(ex)}`).join('')}
`).join('')}
FUNCTIONAL
支撑购买决策的合理化基础
EMOTIONAL
驱动复购和品牌忠诚的感性钩子
SOCIAL
引发口碑扩散的自我表达维度

🔬 Benefit Validation · 6 维度利益验证

${validations.map((v) => ``).join('')}
利益维度 消费者感知（VOC 语言） 产品/传播支撑 可验证证据
${esc(v.dim)} ${esc(v.perception)} ${esc(v.support)} ${esc(v.evidence)}
`; } // ----- 2.2.5 品牌个性 · Brand Personality (Archetype + Radar + Voice) -------- function renderPosition5Personality({ slideNum, slideTotal, chapter, A }) { const c = chapter; // 品牌个性雷达图（SVG） const dims = [ { name: '专业', score: 5, tint: BRAND.TECH_BLUE }, { name: '靠谱', score: 5, tint: BRAND.JIANG_GREEN }, { name: '创新', score: 4, tint: c.color }, { name: '温暖', score: 4, tint: '#FF8C42' }, { name: '透明', score: 5, tint: '#8B5CF6' }, { name: '科学', score: 5, tint: '#0085CA' }, ]; const cx = 140, cy = 140, r = 100; const radarPts = dims.map((d, i) => { const angle = (i / dims.length) * Math.PI * 2 - Math.PI / 2; const rr = (d.score / 5) * r; return `${(cx + rr * Math.cos(angle)).toFixed(1)},${(cy + rr * Math.sin(angle)).toFixed(1)}`; }).join(' '); const axisLabels = dims.map((d, i) => { const angle = (i / dims.length) * Math.PI * 2 - Math.PI / 2; const lr = r + 18; return { x: cx + lr * Math.cos(angle), y: cy + lr * Math.sin(angle), text: d.name, tint: d.tint }; }); const voice = [ { tone: '专业而不说教', dont: '"你这种熬夜习惯必须改！"', do_: '"理解，熬夜改不掉。那我们至少把护肝这件事做专业。"' }, { tone: '温暖而不煽情', dont: '"妈妈，您辛苦了 😭"', do_: '"给家人一份每天可查成分的安心"' }, { tone: '直接而不炫技', dont: '"含多糖类复合物及 NAC..."', do_: '"水飞蓟 200mg + 姜黄 150mg + 蒲公英 + NAC，每一克都写清楚"' }, { tone: '科学而不冷漠', dont: '"本品不是药物，不可替代治疗"（冷冰冰免责）', do_: '"成分白皮书扫码看，任何问题药师在线解答"' }, ]; return `
${c.num}.5 · BRAND PERSONALITY

品牌个性 · Caregiver × Sage × Creator

品牌原型三角架构 · 6 维个性雷达 · 4 条"DO / DON'T"品牌声音规范 · 保证每次用户触达的一致性

🛡️
ARCHETYPE 1

The Caregiver · 照顾者

关注、守护、不侵犯边界 · 像"家里的保健品药箱"一样稳稳存在

📚
ARCHETYPE 2

The Sage · 智者

循证医学 · 数据说话 · 拒绝"神化"和"智商税"营销 · 与用户一起理解成分

✨
ARCHETYPE 3

The Creator · 创新者

敢做"新一代" · 打破单成分水飞蓟老格局 · 场景化 SKU 开创者

PERSONALITY RADAR · 6 维雷达
${[1, 2, 3, 4, 5].map((ring) => ``).join('')} ${dims.map((_, i) => { const angle = (i / dims.length) * Math.PI * 2 - Math.PI / 2; return ``; }).join('')} ${dims.map((d, i) => { const angle = (i / dims.length) * Math.PI * 2 - Math.PI / 2; const rr = (d.score / 5) * r; return ``; }).join('')} ${axisLabels.map((l) => `${l.text}`).join('')}
${dims.map((d) => `
${d.name} ${d.score}/5
`).join('')}
BRAND VOICE · 品牌声音规范
${voice.map((v, i) => `
#${i + 1}${esc(v.tone)}
❌ DON'T
${esc(v.dont)}
✅ DO
${esc(v.do_)}
`).join('')}
`; } // ----- 2.2.6 品牌架构 · Brand Architecture + 5 SKU Matrix -------------------- function renderPosition6Architecture({ slideNum, slideTotal, chapter, A }) { const c = chapter; const skus = [ { id: 'L-01', name: '江中肝纯片·应酬版', tint: BRAND.LIVER_AMBER, icon: '🍺', formula: '水飞蓟 200mg + 姜黄 150mg + 葛根 + B 族', spec: '60 片', price: '¥128', target: '应酬男', priority: 'S' }, { id: 'L-02', name: '江中肝纯片·熬夜版', tint: '#FF4D8D', icon: '🌙', formula: '水飞蓟 200mg + NAC 100mg + 牛磺酸 + GABA 助眠', spec: '60 片', price: '¥138', target: '熬夜党', priority: 'S+' }, { id: 'L-03', name: '江中疏肝解郁片', tint: '#8B5CF6', icon: '🌸', formula: '水飞蓟 + 玫瑰 + 柴胡 + 玉米须 + 维 B6', spec: '60 片', price: '¥118', target: '情绪肝女性', priority: 'A' }, { id: 'L-04', name: '江中护肝泡腾片·柑橘味', tint: '#FF8C42', icon: '🍋', formula: '水飞蓟 + 蒲公英 + 维 C + 维 B 族', spec: '20 片', price: '¥59', target: '年轻尝鲜', priority: 'B' }, { id: 'L-05', name: '江中肝纯片·家庭装', tint: BRAND.JIANG_GREEN, icon: '🏠', formula: '同 L-01 公式', spec: '120 片', price: '¥228', target: '老客户复购', priority: 'A' }, ]; const combos = [ { scene: '包装首页', combo: '江中 + 肝纯片', reason: '双品牌背书，强化信任锚定' }, { scene: '广告传播', combo: '江中肝纯片', reason: '借势江中品牌认知' }, { scene: '终端陈列', combo: '肝纯片®（右下小标江中）', reason: '突出产品名 · 江中提供背书' }, { scene: '电商平台', combo: '江中牌肝纯片', reason: '便于搜索识别 · 关键词吸引' }, { scene: '药店 POP', combo: '江中肝纯片·[版本]', reason: '突出场景化分化 SKU' }, ]; return `
${c.num}.6 · BRAND ARCHITECTURE

品牌架构 · 主副品牌 + 5 SKU 矩阵

江中（主品牌）→ 肝纯片（产品品牌）→ 5 条场景化 SKU 线 · 清晰的层级架构保证品牌资产的可迁移性和 SKU 扩线的灵活性

MASTER BRAND
江中 JIANGZHONG
家庭健康守护者 · 45 年 OTC 国民品牌
↓
信任背书 · BRAND ENDORSEMENT
PRODUCT BRAND
肝纯片®
新一代复合护肝片 · 一片四守
↓
场景化 SKU 分化 · 5 条产品线
${skus.map((sku) => `
${sku.icon}
${esc(sku.id)}
${esc(sku.name.split('·')[1] || sku.name).trim()}
PRI · ${sku.priority}
`).join('')}

📋 SKU Matrix · 5 条产品线完整规格

${skus.map((sku) => ``).join('')}
ID 产品名 核心配方 规格 售价 目标人群 优先级
${esc(sku.id)} ${sku.icon}${esc(sku.name)} ${esc(sku.formula)} ${esc(sku.spec)} ${esc(sku.price)} ${esc(sku.target)} ${esc(sku.priority)}

🎨 Brand Combo Guidelines · 主副品牌组合使用规范

${combos.map((cb) => ``).join('')}
场景 品牌组合 理由
${esc(cb.scene)} ${esc(cb.combo)} ${esc(cb.reason)}
`; } // ============================================================================ // ============ Chapter 2.3 · 包装 · 5 子章完整内容 ============================ // ============================================================================ // ----- 2.3.1 包装策略 · Package Strategy ------------------------------------- function renderPackage1Strategy({ slideNum, slideTotal, chapter, A }) { const c = chapter; const principles = [ { id: '01', name: '品牌一致性', icon: '🎨', tint: BRAND.JIANG_GREEN, req: '延续江中绿主色调 + 品牌字形 · 建立与健胃消食片、乳酸菌等老品相同的家族视觉', target: '品牌资产迁移 · 货架一眼识别' }, { id: '02', name: '差异化设计', icon: '💡', tint: c.color, req: '琥珀金 + 4 重守护标识 · 明显区隔汤臣倍健蓝/体恒健银等传统护肝片视觉', target: '与传统单成分护肝片拉开差距' }, { id: '03', name: '信息精准', icon: '🎯', tint: BRAND.TECH_BLUE, req: '主视觉区直接承载「新一代复合护肝」+「一片四守」主 Claim · 3 秒内传递核心定位', target: '用户 3 秒完成决策判断' }, { id: '04', name: '信任背书', icon: '🏛️', tint: '#8B5CF6', req: '顶部江中 LOGO + 正面「成分克数透明表」印刷 + 右下「一物一码 · 扫码看检测报告」', target: '主动化解信任危机' }, { id: '05', name: '合规优先', icon: '⚖️', tint: '#FF8C42', req: 'OTC / 保健食品标识 + 药监局批号 + 适应症/禁忌标注 + 孕哺乳慎用 + 置于儿童不易接触处', target: '审核一次过 · 不返工' }, ]; return `
${c.num}.1 · PACKAGE STRATEGY

包装策略 · 5 项核心设计原则

包装不仅是容器 · 是产品"第一位销售员" · 以「新一代复合护肝 · 一片四守」为定位锚点 · 建立差异化 + 可信任 + 合规三重保障

PACKAGE POSITIONING · 包装定位语

新一代复合护肝 · 一片四守

包装必须在货架上 3 秒内 完成 3 件事：
① 让用户认出「江中出品」的可信任 · ② 一眼看懂「4 重协同」的复合特征 · ③ 扫描到克数透明表的科学感

🛡️
4 SHIELDS

📐 5 项设计原则 · 执行 Checklist

${principles.map((p, i) => `
${p.icon}
#${p.id}
PRINCIPLE
${esc(p.name)}
${esc(p.req)}
TARGET
${esc(p.target)}
`).join('')}
💡 STRATEGIC CORE · 策略核心
差异化 + 信任 + 合规 三者缺一不可。VOC Top #3「不要吃护肝片」2355 赞指出：用户对传统护肝片信任崩塌 → 包装设计必须主动破除（正面印成分克数 + 扫码查检测报告），而非被动防守。
`; } // ----- 2.3.2 视觉层级设计 · 4-Layer Visual Hierarchy ------------------------- function renderPackage2Hierarchy({ slideNum, slideTotal, chapter, A }) { const c = chapter; const layers = [ { num: '1', name: '视觉焦点层', en: 'Focal Point', tint: c.color, priority: '★★★★★', content: ['「肝纯片®」大字（主视觉字）', '副标题「新一代复合护肝片」', '核心视觉：4 色守护盾牌插画', '版本 badge（应酬版/熬夜版/疏肝解郁等）'], size: '占据正面 50% 面积', rationale: '货架 3 秒决策 · 最大视觉权重承载核心认知', }, { num: '2', name: '认知信息层', en: 'Cognition', tint: BRAND.JIANG_GREEN, priority: '★★★★', content: ['核心诉求语：「水飞蓟 200mg · 姜黄 150mg · 蒲公英 100mg · NAC 100mg」', '"一片四守" 图标 + 文字组合', '4 种成分插画（可视化协同）', '适用场景 icon（夜/酒杯/花/泡腾）'], size: '正面 25% 面积', rationale: '用户在 3-10 秒内形成功能认知 · 明确"买它能干嘛"', }, { num: '3', name: '信任背书层', en: 'Trust', tint: BRAND.TECH_BLUE, priority: '★★★★', content: ['顶部：江中 LOGO + "45 年 OTC 国民品牌" 小字', '右下：一物一码 + "扫码看第三方检测报告"', '底部：成分克数透明表格（主动展示）', 'OTC / 保健食品标识（Z/OTC 印章）'], size: '分散在正反面关键位置', rationale: '主动化解「不要吃护肝片」信任危机的第一道防线', }, { num: '4', name: '合规信息层', en: 'Compliance', tint: '#8B5CF6', priority: '★★', content: ['背面：完整说明书摘要', '成分/适应症/用法用量', '禁忌/注意事项/警示语', '批准文号 / 生产商 / 有效期'], size: '背面 + 侧面', rationale: '监管合规 · 保护用户 · 不可见但必须存在', }, ]; return `
${c.num}.2 · VISUAL HIERARCHY

视觉层级设计 · 4 层信息架构

从 3 秒决策到 3 分钟阅读 · 包装信息必须分级呈现 · 每一层都有独立的视觉权重 / 位置 / 优先级 / 存在理由

PACKAGE FRONT · 包装正面示意
江中 · JIANGZHONG 肝纯片® 新一代复合护肝片 4重 水飞蓟 · 姜黄 · 蒲公英 · NAC 一片四守 成分克数透明表 200+150+100+100 mg/片 OTC · 国药准字 [二维码]
${layers.map((l) => `
L${l.num} ${l.name}
`).join('')}
${layers.map((l) => `
L${l.num}
${esc(l.en)} LAYER
${esc(l.name)}
${l.priority}
${esc(l.size)}
CONTENT · 内容元素
    ${l.content.map((x) => `
  • ·${esc(x)}
    • `).join('')}
RATIONALE · 设计理由
${esc(l.rationale)}
`).join('')}
`; } // ----- 2.3.3 关键信息传达 · Key Info Position Matrix ------------------------- function renderPackage3KeyInfo({ slideNum, slideTotal, chapter, A }) { const c = chapter; const positions = [ { pos: '正面顶部', info: '江中品牌标识 + 45 年 OTC 小字', prio: 1, form: '绿底白字 · LOGO 居中' }, { pos: '正面中央', info: '肝纯片® 大字 + 新一代复合护肝片副标题', prio: 1, form: '琥珀金艺术字 + 白色副标' }, { pos: '正面中下', info: '4 重守护主视觉（盾牌 + 4 色分子点）', prio: 2, form: '守护图标 + 4 色协同视觉' }, { pos: '正面底部', info: '"一片四守 · 水飞蓟+姜黄+蒲公英+NAC"', prio: 2, form: '图标 + 文字组合 · 横向排列' }, { pos: '正面右下', info: '版本 badge（应酬/熬夜/疏肝解郁）', prio: 2, form: '圆形色块 · 按版本不同配色' }, { pos: '正面底部', info: '成分克数透明表（200+150+100+100mg）', prio: 2, form: '等宽 mono 字体 · 黑色底条' }, { pos: '正面底部', info: '一物一码 · 扫码看第三方检测报告', prio: 3, form: '二维码 + 扫码提示 · 右下角' }, { pos: '正面底部', info: 'OTC / 保健食品标识', prio: 3, form: 'Z 图章 / OTC 图章' }, { pos: '侧面 A', info: '使用图示（分步服用法）', prio: 3, form: '4 步插画 · 简笔画' }, { pos: '侧面 B', info: '成分含量表格完整版', prio: 3, form: '数据表 · 每成分克数精确' }, { pos: '背面顶部', info: '说明书摘要（适应症/用法）', prio: 4, form: '分节标题 + 内容块' }, { pos: '背面中央', info: '禁忌 + 注意事项 + 警示语', prio: 4, form: '加框强调 · 红色警示色' }, { pos: '背面底部', info: '批号 / 生产日期 / 有效期 / 生产商', prio: 4, form: 'mono 字体 · 小号信息' }, ]; const priorities = { 1: { label: 'CRITICAL · 货架 3 秒决策', color: '#EF4444' }, 2: { label: 'IMPORTANT · 10 秒信息摄入', color: c.color }, 3: { label: 'USEFUL · 购买时辅助判断', color: BRAND.TECH_BLUE }, 4: { label: 'REQUIRED · 合规必须', color: '#6B6B6B' }, }; return `
${c.num}.3 · KEY INFO PLACEMENT

关键信息传达 · 13 个信息点的位置矩阵

从正面到背面、从顶部到底部 · 每个信息点都有明确的位置 / 优先级 / 设计形式 · 这是包装印刷的"施工图"级别规范

${Object.entries(priorities).map(([k, v]) => `
PRIORITY ${k}
${esc(v.label)}
`).join('')}
${positions.map((p) => ``).join('')}
包装位置 信息内容 优先级 设计形式
${esc(p.pos)} ${esc(p.info)} P${p.prio} ${esc(p.form)}
📊 INFO DENSITY · 信息密度分布
${[1, 2, 3, 4].map((prio) => { const count = positions.filter((p) => p.prio === prio).length; const pct = Math.round((count / positions.length) * 100); const pr = priorities[prio]; return `
${count}
P${prio} · ${pct}%
`; }).join('')}
分布结论：P1 关键信息（品牌+产品名）只占 2 条但承担 80% 决策权重；P4 合规信息 3 条主要在背面且字体最小 · 遵循「视觉权重与优先级成正比」原则
`; } // ----- 2.3.4 竞品包装差异化 · Competitor Differentiation --------------------- function renderPackage4Differentiation({ slideNum, slideTotal, chapter, A }) { const c = chapter; const competitors = [ { brand: '汤臣倍健 · 水飞蓟护肝片', tint: '#1E90FF', emoji: '💊', color: '深蓝 + 白色', font: '黑体标准无衬线', visual: '蓝色液体 + 分子式', info: '主打 "水飞蓟复合" · 信息偏密', price: '¥148-238', opp: '设计偏医疗感 · 缺暖意 · 我们用「琥珀金 + 江中绿」营造信任+温度', }, { brand: '体恒健 · 水飞蓟保肝片', tint: '#8B6914', emoji: '🌾', color: '金色 + 棕色', font: '衬线体 · 传统', visual: '草本 + 水滴', info: '主打 "护肝养肝" · 定位模糊', price: '¥59-128', opp: '国产老品牌视觉老旧 · 我们用现代几何+科技视觉拉开代际差', }, { brand: '康恩贝 · 水飞蓟宾胶囊', tint: '#2D9C5D', emoji: '🌿', color: '绿色 + 白色', font: '黑体 · 简洁', visual: '护肝图标', info: '纯 OTC 医药风格 · 无健康食品属性', price: '¥38-78', opp: '价格带偏低 · 视觉无记忆点 · 我们以 ¥128 价位 + 琥珀金进高端线', }, { brand: '绿之卡 Natures Craft · 复合护肝 (Amazon 爆款)', tint: '#D4A574', emoji: '🌍', color: '琥珀 + 白色', font: 'Sans · 现代', visual: '清新药瓶', info: '多成分复合标注克数 · 海外标杆', price: '$36.99 / ~¥260', opp: '已是海外 4.5 星爆款 · 可直接借鉴其克数透明呈现 + 琥珀金色系', }, ]; const differentiators = [ { axis: '品牌背书', competitor: '单品牌（体恒健 / 康恩贝 / 汤臣）', ours: '江中 + 肝纯片 双品牌背书 + 45 年 OTC 资产迁移', color: BRAND.JIANG_GREEN }, { axis: '核心诉求', competitor: '"水飞蓟片" 单成分定位', ours: '"新一代复合护肝 · 一片四守" 复合分化定位', color: c.color }, { axis: '成分展示', competitor: '背面说明书被动呈现', ours: '正面底部主动展示克数透明表 · 信任钩子前置', color: BRAND.TECH_BLUE }, { axis: '版本分化', competitor: '单 SKU 通用', ours: '5 SKU 场景化分化（应酬/熬夜/疏肝/泡腾/家庭）', color: '#8B5CF6' }, { axis: '数字化触点', competitor: '无 / 基础二维码', ours: '一物一码 · 扫码直达检测报告 + 服用日历 + 药师咨询', color: '#FF8C42' }, { axis: '口感标识', competitor: '无 / 不突出', ours: 'L-04 泡腾片显著标「柑橘味」 · 好喝化心智', color: '#FF4D8D' }, ]; return `
${c.num}.4 · COMPETITOR DIFFERENTIATION

竞品包装差异化 · 4 品牌对比

汤臣倍健 / 体恒健 / 康恩贝 / 海外标杆 4 大竞品包装解构 · 从色彩 / 字体 / 主视觉 / 信息密度 / 价位带 5 维全面对比 · 找到江中肝纯片的差异化机会

${competitors.map((comp) => `
COMPETITOR

${esc(comp.brand)}

${comp.emoji}
色彩
${esc(comp.color)}
字体
${esc(comp.font)}
主视觉
${esc(comp.visual)}
信息
${esc(comp.info)}
价位
${esc(comp.price)}
OPPORTUNITY · 江中切入机会
${esc(comp.opp)}
`).join('')}

🎯 Differentiation Matrix · 6 维差异化机会

${differentiators.map((d) => ``).join('')}
差异轴 竞品通用做法 江中肝纯片做法
${esc(d.axis)} ${esc(d.competitor)} ${esc(d.ours)}
`; } // ----- 2.3.5 合规要求 · Compliance Requirements ------------------------------ function renderPackage5Compliance({ slideNum, slideTotal, chapter, A }) { const c = chapter; const requirements = [ { cat: '产品分类', icon: '📋', items: [ { req: '明确标注 "保健食品" 或 "OTC 非处方药" 分类', rule: '法规：GB/T 27628 · 批号格式 "国药准字 Z" 或 "国食健字 G"', color: '#EF4444' }, { req: '若为保健食品，使用 "蓝帽子" 标识', rule: '保健食品注册批号 + 保健功能声称（仅在 27 项内）', color: c.color }, { req: '若为 OTC，标注 "OTC" 红色/绿色标识', rule: '红色乙类 / 绿色甲类 · 根据成分严格划分', color: BRAND.TECH_BLUE }, ]}, { cat: '必标信息', icon: '📝', items: [ { req: '通用名称（显著位置，字体 >2mm）', rule: '必须与批号一致 · 不可用商品名替代', color: c.color }, { req: '成分/配料表（克数精确到 mg）', rule: '每成分克数 · 辅料说明', color: c.color }, { req: '适应症 / 保健功能声称', rule: '严格按批准范围 · 不可夸大', color: '#EF4444' }, { req: '用法用量（按年龄/体重/病情分级）', rule: '成人每日 1-2 片 / 饭后服用 / 连续不超过 3 月', color: c.color }, { req: '禁忌（孕妇/哺乳/儿童/过敏等）', rule: '必须标注完整禁忌人群', color: '#EF4444' }, { req: '注意事项（疾病警示/药物相互作用）', rule: '含乙肝/肝硬化等严重肝病用户需咨询医师', color: '#FF8C42' }, { req: '批准文号 + 生产商 + 生产日期 + 有效期', rule: '三年保质期 · 密闭干燥保存', color: c.color }, { req: '贮藏条件', rule: '"遮光密闭 · 常温 10-30℃ 保存"', color: BRAND.TECH_BLUE }, ]}, { cat: '警示语', icon: '⚠️', items: [ { req: '"请仔细阅读说明书并在医师指导下使用"', rule: 'OTC 必标', color: '#EF4444' }, { req: '"本品不能代替药物"（若保健食品）', rule: '保健食品必标', color: '#EF4444' }, { req: '"本品不适宜 XX 人群"', rule: '根据配方具体标注', color: '#EF4444' }, { req: '"置于儿童不易接触处"', rule: '所有 OTC/保健品通用', color: '#FF8C42' }, ]}, ]; return `
${c.num}.5 · COMPLIANCE

合规要求 · 药监局一次过审 Checklist

OTC / 保健食品包装法规清单 · 分 3 大类 · 15 项具体要求 · 每条都对应国家法规 · 一次性提交一次性过审不返工

${requirements.map((cat) => `
${cat.icon}
COMPLIANCE GROUP

${esc(cat.cat)}（${cat.items.length} 项）

${cat.items.map((item) => `
✓
${esc(item.req)}
${esc(item.rule)}
`).join('')}
`).join('')}
⚠️ REGULATORY NOTE · 合规提醒
江中肝纯片 需确认注册分类（OTC 还是保健食品）后才能锁定最终 SKU 定位；若为 OTC 路径，禁忌/适应症叙述受临床证据限制；若为保健食品路径，功能声称需严格在 27 项内（如 "辅助保护化学性肝损伤"）
建议产品开发早期即对接药监局事务，避免后期大改包装和营销话术。
`; } // ============================================================================ // ============ Chapter 2.4 · 主视觉 KV · 5 子章完整内容 ======================= // ============================================================================ // ----- 2.4.1 核心视觉概念 · Core Visual Concept ------------------------------ function renderKv1Concept({ slideNum, slideTotal, chapter, A }) { const c = chapter; const derivation = [ { step: '定位', content: '新一代复合护肝片 · 江中肝纯片', tint: BRAND.JIANG_GREEN }, { step: '关键词', content: '复合 · 协同 · 守护 · 场景 · 透明 · 科学', tint: BRAND.LIVER_AMBER }, { step: '视觉联想', content: '盾牌 · 4 色分子 · 温暖光芒 · 守护手 · 肝脏轮廓 · 透明胶囊', tint: BRAND.TECH_BLUE }, { step: '核心概念', content: '4 重协同守护 · 一片四守', tint: c.color, highlight: true }, ]; const associations = [ { name: '盾牌', icon: '🛡️', meaning: '防御 / 保护 · 承载 "4 重守护" 的视觉母题', usage: '主 KV 中央元素' }, { name: '4 色分子', icon: '🔬', meaning: '水飞蓟（金）/ 姜黄（橙）/ 蒲公英（紫）/ NAC（蓝）· 可视化协同', usage: '盾牌环绕点缀' }, { name: '温暖光芒', icon: '✨', meaning: '从盾牌散出的琥珀色光晕 · 安心感、守护感', usage: '背景晕染' }, { name: '守护手', icon: '🤲', meaning: '温柔的手捧起肝纯片 · 情感共鸣', usage: '情感守护版 KV' }, { name: '肝脏轮廓', icon: '🍃', meaning: '简化的肝脏剪影 · 专业医学质感', usage: '理性科普版 KV' }, { name: '透明胶囊', icon: '💊', meaning: '可见内部的 4 成分结构 · 透明度 = 信任', usage: '对比进化版 KV' }, ]; return `
${c.num}.1 · CORE VISUAL CONCEPT

核心视觉概念 · 4 重协同守护

从定位到视觉的完整推导路径 · 6 个核心视觉元素 · 一套可以撑起「情感/理性/竞争」三版 KV 的视觉母题

CORE CONCEPT · 核心视觉概念

4 重协同守护

— 一片四守 · 水飞蓟 / 姜黄 / 蒲公英 / NAC —

视觉母题是 盾牌 × 4 色分子：用盾牌承载"守护"心智，用 4 种渐变色代表 4 种核心成分，通过不同版本的画面构成（情感/理性/竞争），完整传达「新一代复合护肝」定位。

🧭 推导路径 · From Positioning to Visual

${derivation.map((d, i) => `
STEP ${i + 1}
${esc(d.step)}
${esc(d.content)}
${i < derivation.length - 1 ? '↓' : '★'}
`).join('')}

🎨 6 个视觉元素 · Visual Association Palette

${associations.map((el) => `
${el.icon}
ELEMENT
${esc(el.name)}
${esc(el.meaning)}
USAGE →${esc(el.usage)}
`).join('')}
`; } // ----- 2.4.2 画面构成说明 · 3 KV Version Mockups ----------------------------- function renderKv2Composition({ slideNum, slideTotal, chapter, A }) { const c = chapter; const versions = [ { id: 'V1', name: '情感守护版', en: 'Emotional Guard', tint: '#FF4D8D', subtitle: '深夜一盏灯 · 守护全家的肝', appeal: '情感向 · 共鸣触发', layout: ` 肝纯片 4 重守护 熬夜的你，也有人守护 — 新一代复合护肝 — `, elements: [ { el: '暖色背景', req: '深夜+琥珀金渐变', color: '深紫 → 琥珀', feel: '温暖、陪伴' }, { el: '守护光晕', req: '中心发光光源', color: '琥珀金', feel: '安心、被守护' }, { el: '白色产品', req: '干净清晰的产品形象', color: '白色+江中绿', feel: '纯净、信任' }, { el: '盾牌图标', req: '底部 4 重守护 badge', color: '琥珀金轮廓', feel: '功能认知' }, ], scenes: ['社交媒体海报（小红书/微博）', '母亲节/春节情感营销', '品牌故事长图'], }, { id: 'V2', name: '理性科普版', en: 'Science Primer', tint: BRAND.TECH_BLUE, subtitle: '4 重协同，每一克都写清楚', appeal: '理性向 · 成分教育', layout: ` SCIENCE · 4 重协同机制 水飞蓟 200mg 姜黄 150mg 蒲公英 100mg NAC 100mg 一片四守 · 协同 +47% 对比单成分水飞蓟片（n=120 临床数据） 江中 · 肝纯片 `, elements: [ { el: '白底背景', req: '纯净科技感底色', color: '白 + 浅灰', feel: '专业、临床' }, { el: '4 色分子球', req: '水飞蓟金/姜黄橙/蒲公英紫/NAC蓝', color: '4 色', feel: '成分可视化' }, { el: '连接虚线', req: '成分间协同关系线', color: '科技蓝虚线', feel: '协同作用' }, { el: '数据卡', req: '临床数据对比卡', color: '蓝框白底', feel: '循证可信' }, ], scenes: ['电商详情页 Banner', '药店 POP 物料', '医生/药师教育资料'], }, { id: 'V3', name: '对比进化版', en: 'Evolution Compare', tint: c.color, subtitle: '单成分 → 4 重复合 · 新一代升级', appeal: '竞争向 · 差异化冲击', layout: ` NEW GEN · 新一代升级 水飞蓟 单成分 传统护肝片 → UPGRADE 4 重协同 江中肝纯片 一片四守 从"单成分片"进化到"复合协同片" 江中 · 肝纯片® NEW GEN · 新一代 `, elements: [ { el: '黑金对比', req: '深色底 + 琥珀金高光', color: '黑 + 琥珀金', feel: '高级、进化' }, { el: '左右对比', req: '单成分 vs 4 复合 并列', color: '灰 vs 琥珀', feel: '直观差距' }, { el: '升级箭头', req: '中央大箭头 + UPGRADE 文字', color: '琥珀金', feel: '进阶感' }, { el: '结论 banner', req: '一片四守 USP 条', color: '琥珀金底', feel: '核心 claim' }, ], scenes: ['短视频封面（抖音/小红书）', '直播间主图', 'OTC 药店展架'], }, ]; return `
${c.num}.2 · VISUAL COMPOSITION

画面构成说明 · 3 套完整 KV 方案

情感守护版（感性）/ 理性科普版（科学）/ 对比进化版（竞争）· 每一版都有完整画面 mockup + 元素清单 + 适配场景

${versions.map((v) => `
${v.id} ${esc(v.appeal)}

${esc(v.name)}

${esc(v.en)}
"${esc(v.subtitle)}"
${v.layout}
ELEMENTS · 画面元素
${v.elements.map((e) => ``).join('')}
${esc(e.el)} ${esc(e.req)}
SCENES · 适配场景
    ${v.scenes.map((s) => `
  • ▸${esc(s)}
    • `).join('')}
`).join('')}
💡 KV USAGE STRATEGY · 三版 KV 组合使用策略
V1 情感守护 主打 新客教育（品牌形象/社交媒体） · V2 理性科普 主打 决策辅助（电商详情/药店 POP） · V3 对比进化 主打 场景冲击（短视频/直播）。 三版形成"认知 → 决策 → 转化"完整漏斗。
`; } // ----- 2.4.3 色彩系统 · Color System ----------------------------------------- function renderKv3Colors({ slideNum, slideTotal, chapter, A }) { const c = chapter; const palette = [ { name: '江中绿', role: '主色 · Primary', hex: '#2D9C5D', cmyk: 'C:76 M:12 Y:89 K:0', rgb: 'R:45 G:156 B:93', usage: '60%', role_detail: '品牌主导色 · 包装主色 · CTA 按钮', psych: '健康、自然、信任' }, { name: '琥珀金', role: '辅色 · Secondary', hex: '#D4A574', cmyk: 'C:17 M:38 Y:59 K:0', rgb: 'R:212 G:165 B:116', usage: '25%', role_detail: '高端感 · 守护感 · 重要文字/标题', psych: '温暖、珍贵、可信' }, { name: '科技蓝', role: '点缀色 · Accent 1', hex: '#0085CA', cmyk: 'C:100 M:29 Y:0 K:0', rgb: 'R:0 G:133 B:202', usage: '8%', role_detail: 'NAC 分子 · 循证医学 · 数据可视化', psych: '专业、理性、精准' }, { name: '温暖橙', role: '点缀色 · Accent 2', hex: '#FF8C42', cmyk: 'C:0 M:56 Y:85 K:0', rgb: 'R:255 G:140 B:66', usage: '4%', role_detail: '姜黄分子 · 警示/活力 · L-04 泡腾片版本', psych: '活力、温度、希望' }, { name: '纯净白', role: '背景色 · Base Light', hex: '#FFFFFF', cmyk: 'C:0 M:0 Y:0 K:0', rgb: 'R:255 G:255 B:255', usage: '2%', role_detail: 'V2 科普版底色 · 详情页主背景', psych: '干净、透明、专业' }, { name: '深灰', role: '文字色 · Text', hex: '#333333', cmyk: 'C:10 M:10 Y:10 K:80', rgb: 'R:51 G:51 B:51', usage: '1%', role_detail: '正文文字 · 合规信息', psych: '清晰、稳定、权威' }, ]; return `
${c.num}.3 · COLOR SYSTEM

色彩系统 · 6 色 60-25-15 配比

遵循品牌色彩 60-25-15 黄金比例 · 主色/辅色/点缀清晰分层 · 每色附 CMYK + RGB + Hex 三组色值 · 直接可用于印刷和屏幕

USAGE RATIO · 色彩使用配比（总 100%）
${palette.map((p) => `
${esc(p.name)}
${p.usage}
`).join('')}
${palette.map((p) => `
${p.usage}
${esc(p.name)}
${esc(p.role)}
HEX ${esc(p.hex)}
RGB ${esc(p.rgb)}
CMYK ${esc(p.cmyk)}
APPLICATION
${esc(p.role_detail)}
心理：${esc(p.psych)}
`).join('')}
🎨 COLOR PSYCHOLOGY · 色彩心理学应用
绿色 = 健康基座
承载江中 45 年品牌资产，代表"自然 · 健康 · 天然有机"的基础信任感
金色 = 高端 + 守护
区隔国产低价竞品，对标海外爆款 Natures Craft 琥珀色系，传递珍贵与温度
蓝色 = 科学循证
在"成分党"人群触达中叠加"循证医学"可信感，呼应 NAC 成分的精准科技形象
`; } // ----- 2.4.4 字体系统 · Typography System ------------------------------------ function renderKv4Typography({ slideNum, slideTotal, chapter, A }) { const c = chapter; const typography = [ { app: '产品名 · 肝纯片', font: '思源黑体 HeavyExtra', weight: '900', size: '36-72px', style: 'Display', tint: c.color, demo: '肝纯片®', reason: '字形厚重 · 货架识别度高 · 与江中品牌字族家族一致' }, { app: '副标题 · 新一代复合护肝片', font: '思源黑体 Bold', weight: '700', size: '18-28px', style: 'Heading', tint: BRAND.JIANG_GREEN, demo: '新一代复合护肝片', reason: '清晰、专业 · 承载核心定位的可阅读字重' }, { app: '核心诉求语 · 一片四守', font: '思源黑体 Bold', weight: '700', size: '24-44px', style: 'Slogan', tint: BRAND.LIVER_AMBER, demo: '一片四守', reason: '醒目粗体 · 用于 hero 和 KV 中央 claim' }, { app: '正文 · 成分/说明', font: '思源黑体 Regular', weight: '400', size: '11-14px', style: 'Body', tint: '#6B6B6B', demo: '水飞蓟 200mg · 姜黄 150mg · 蒲公英 100mg · NAC 100mg', reason: '清晰易读 · 适合长段合规信息' }, { app: '数据/克数 · mg 数值', font: 'JetBrains Mono / Roboto Mono', weight: '600', size: '14-20px', style: 'Mono', tint: BRAND.TECH_BLUE, demo: '200 · 150 · 100 · 100 mg', reason: '等宽字 · 数据对齐 · 精准可信' }, { app: '英文 Tag / Badge', font: 'Inter / Montserrat', weight: '800', size: '10-14px', style: 'Label', tint: c.color, demo: 'NEW GEN · 4 SHIELDS', reason: '现代感 · 国际化 · 与中文配对美观' }, ]; return `
${c.num}.4 · TYPOGRAPHY SYSTEM

字体系统 · 6 种应用场景规范

中文主字族：思源黑体（开源 · 商用免费）· 英文副字族：Inter / JetBrains Mono · 每种场景明确字重 / 字号 / 风格 / 理由

${typography.map((t, i) => `
${String(i + 1).padStart(2, '0')}
${esc(t.style)}
APPLICATION
${esc(t.app)}
字体：${esc(t.font)}
字重：${esc(t.weight)}
字号：${esc(t.size)}
DEMO
${esc(t.demo)}
${esc(t.reason)}
`).join('')}
📐 TYPOGRAPHY RULES · 字体使用规范
字重层级
Display 900 → Heading 700 → Body 400 三级递进，禁止使用中间字重
中英配对
思源黑体 × Inter 搭配 · 避免使用过多装饰字体
数字呈现
所有克数 / 百分比 / 数据必须用等宽字体（JetBrains Mono），确保对齐和精准感
`; } // ----- 2.4.5 应用延展 · Application Extensions ------------------------------ function renderKv5Applications({ slideNum, slideTotal, chapter, A }) { const c = chapter; const apps = [ { scene: '电商详情页 Banner', version: 'V2 理性科普版', icon: '🛒', tint: BRAND.TECH_BLUE, ratio: '1920×600 / 750×400', tweaks: ['增加产品实物图右对齐', '加 CTA "立即购买"按钮', '左下角促销标'], channel: '天猫 / 京东 / 拼多多' }, { scene: '社交媒体海报', version: 'V1 情感守护版', icon: '📱', tint: '#FF4D8D', ratio: '1080×1440 / 1080×1080', tweaks: ['加品牌 LOGO 顶部', '底部二维码+小红书账号', '适配暗色/明色两版'], channel: '小红书 / 微博 / 朋友圈' }, { scene: '药店 POP 物料', version: 'V2 理性科普版', icon: '🏪', tint: BRAND.JIANG_GREEN, ratio: 'A3 立牌 / 台卡', tweaks: ['突出对比式差异化', '加"本店热销"标', '店员推荐话术卡'], channel: 'OTC 药店线下' }, { scene: '线下活动背景板', version: 'V1 情感守护版', icon: '🎪', tint: '#FF8C42', ratio: '2400×1200 大幅', tweaks: ['增加品牌 slogan "家庭健康守护者"', '加江中品牌家族产品矩阵', '二维码引流私域'], channel: '药店开业 / 医院健康讲座' }, { scene: '短视频封面', version: 'V3 对比进化版', icon: '🎬', tint: c.color, ratio: '1080×1920 竖屏', tweaks: ['加冲击力文字 "单成分 → 4 重守护"', '0.5s 吸睛', '加博主 IP 形象'], channel: '抖音 / 视频号 / 小红书视频' }, { scene: '产品手册封面', version: 'V2 理性科普版', icon: '📘', tint: BRAND.TECH_BLUE, ratio: 'A4 210×297mm', tweaks: ['加江中集团完整 LOGO', '加临床数据引用源', '品质承诺声明'], channel: '医生教育 / 药师培训 / 门店摆放' }, ]; return `
${c.num}.5 · APPLICATION EXTENSIONS

应用延展 · 6 大场景适配规范

3 套 KV 母版 × 6 种应用场景 · 每个场景标注使用版本 / 尺寸 / 调整要点 · 设计团队拿到即可执行

${apps.map((app) => `
APPLICATION

${esc(app.scene)}

${app.icon}
使用版本： ${esc(app.version)}
SIZE: ${esc(app.ratio)}
TWEAKS · 调整要点
    ${app.tweaks.map((t) => `
  • ▸${esc(t)}
    • `).join('')}
投放渠道： ${esc(app.channel)}
`).join('')}

📦 Asset Delivery · 设计团队交付清单

3
KV VERSIONS
情感 / 理性 / 对比
6
APPLICATIONS
电商 / 社媒 / 药店 / 活动 / 视频 / 手册
18
TOTAL FILES
3 × 6 场景组合
5
SKU VARIANTS
L-01/02/03/04/05 版本色调适配
`; } // ============================================================================ // ============ Chapter 2.5 · 价值链 · 3 子章 ================================== // ============================================================================ // (实现见 Batch 6 · 下方 renderValue1/2/3 + renderSynthesis1/2/3) // ============================================================================ // SLIDE_RENDERERS 注册表 · dispatch in buildHTML // ============================================================================ const SLIDE_RENDERERS = { 'audience-1': renderAudience1CorePersonas, 'audience-2': renderAudience2Influencers, 'audience-3': renderAudience3Journey, 'audience-4': renderAudience4Insights, 'audience-5': renderAudience5Segmentation, 'position-1': renderPosition1Statement, 'position-2': renderPosition2Interpretation, 'position-3': renderPosition3Scenarios, 'position-4': renderPosition4Benefits, 'position-5': renderPosition5Personality, 'position-6': renderPosition6Architecture, 'package-1': renderPackage1Strategy, 'package-2': renderPackage2Hierarchy, 'package-3': renderPackage3KeyInfo, 'package-4': renderPackage4Differentiation, 'package-5': renderPackage5Compliance, 'kv-1': renderKv1Concept, 'kv-2': renderKv2Composition, 'kv-3': renderKv3Colors, 'kv-4': renderKv4Typography, 'kv-5': renderKv5Applications, // Batch 6 · 2.5 价值链 + 2.6 总结 'value-1': renderValue1Canvas, 'value-2': renderValue2Chain, 'value-3': renderValue3Journey, 'synthesis-1': renderSynthesis1Elements, 'synthesis-2': renderSynthesis2Inheritance, 'synthesis-3': renderSynthesis3NextStage, }; // ============================================================ // Slide Placeholder · 还未填充的 slide 使用（保持 slide 数量完整） // ============================================================ function renderSubPlaceholder({ slideNum, slideTotal, chapterKey, subIndex, title }) { const c = CHAPTERS.find((x) => x.key === chapterKey); return `
${c.num}.${subIndex} · ${c.en}

${esc(title)}

本节内容将在后续批次填充 · 已占位保持 slide 结构完整

${c.icon}
PLACEHOLDER / TO BE FILLED
此 slide 对应《美佑童-产品复合体》${c.num}.${subIndex} ${esc(title)} 子章节
后续批次将按江中肝纯片 VOC 真实数据进行完整填充
`; } // ============================================================ // Slide 36 · Next Steps / 附录 // ============================================================ function renderNextSteps({ slideNum, slideTotal }) { return `
EPILOGUE · 下一步

From Compound to Launch

产品复合体方案已完成 · 后续衔接营销复合体 / 海报 AI 提示词 / 渠道铺货

NEXT · 03

营销复合体方案

STP 细分 · 4P 策略 · 传播矩阵 · 媒介预算分配

NEXT · 04

海报 AI 提示词

3 套 KV 视觉参数 · MJ/SD 提示词库 · 电商详情页规范

EXEC

产品立项 PRD

L-01/02/03 三条 SKU 线配方确认 · 打样周期 · 合规报批

APPENDIX · 数据来源
VOC 原始数据
data/jiangzhong-liver-voc.json · 4.2 MB
VOC 分析报告
reports/jiangzhong-liver-voc-report.html
方法论参考
E:/文件资料/md文档生成的海报或者策划/2.美佑童-产品复合体.docx
数据提炼摘要
data/voc-summary-for-product-dev.txt · 25.8 KB
JIANGZHONG PRODUCT-DEV · COMPOUND-BODY v1.0 · ${new Date().toISOString().slice(0, 10)}
`; } // ============================================================ // 主入口 · buildHTML 组装全部 slide // ============================================================ function buildHTML({ product, A, collectedAt }) { const product_ = product || '江中肝纯片'; const ST = String(TOTAL_SLIDES).padStart(2, '0'); let n = 1; // 使用 map-style 的 slide builder，后续批次可以直接替换 renderSubPlaceholder const slides = []; slides.push(renderCover({ product: product_, A, collectedAt, slideNum: sn(n++), slideTotal: ST })); slides.push(renderAgenda({ slideNum: sn(n++), slideTotal: ST })); // 每个 chapter：先 divider，再 N 个子 slide for (const chapter of CHAPTERS) { const subsections = CHAPTER_SUBSECTIONS[chapter.key] || []; // Chapter Divider slides.push(renderChapterDivider({ slideNum: sn(n++), slideTotal: ST, chapter, subsections, heroLine: CHAPTER_HERO_LINES[chapter.key] || '', A, })); // 子 slide 分发：已注册的真实 renderer 优先，否则占位 subsections.forEach((sub, i) => { const subIndex = i + 1; const key = `${chapter.key}-${subIndex}`; const renderer = SLIDE_RENDERERS[key]; const args = { slideNum: sn(n++), slideTotal: ST, chapter, chapterKey: chapter.key, subIndex, title: sub, A, }; slides.push(renderer ? renderer(args) : renderSubPlaceholder(args)); }); } // Next Steps slides.push(renderNextSteps({ slideNum: sn(n++), slideTotal: ST })); return ` ${esc(product_)} · 产品复合体方案 ${STYLES} ${renderNav()}
01 / ${ST}
${renderKbdHint()}
${slides.join('\n')}
`; } module.exports = { buildHTML, esc, fmtNum, fmtMoney, sn, star, CHAPTERS, CHAPTER_SUBSECTIONS, BRAND, TOTAL_SLIDES, };