fmode-voc-projects/scripts/tools/liver-ch8-blueprint.js

// ==============================================================================
// 江中肝纯片 · Ch8 4P 配称蓝图（2 子章）
// ==============================================================================
//   8.1 4P 配称·产品 + 渠道 + 推广 + 价格
//   8.2 10 亿路径·4 渠道 3 阶段
// ==============================================================================

const LA = require('./liver-analyze.js');
const C = require('./liver-components.js');
const { BRAND, esc, fmtLikes } = C;

// ==========================================================
// 8.1 · 4P 配称
// ==========================================================
function renderSub8_1(ctx) {
    const { chapter: c, subIdx, sub, slideNum, slideTotal } = ctx;

    const ps = [
        {
            letter: 'P', big: 'Product', name: '产品',  color: BRAND.LIVER_AMBER,
            insight: '12 SKU 矩阵 × 6 场景覆盖',
            items: [
                { sku: '日常瓶 60 粒',        price: '¥128',   scene: '脂肪肝日常' },
                { sku: '随身板 12 粒',        price: '¥39',    scene: '熬夜自救' },
                { sku: '商务铁盒 24 粒',      price: '¥198-298', scene: '饭局应酬' },
                { sku: '餐饮锡纸 2 粒',       price: '¥12 (B2B)', scene: '酒楼桌面' },
                { sku: '家庭装 120 粒',       price: '¥198',   scene: '全家长期' },
                { sku: '国礼双瓶 2×60 粒',   price: '¥498-898', scene: '送长辈' },
            ],
            moat: '<strong>核心成分：藤茶 DMY 98% 总黄酮</strong><br/><strong>背书：江中 OTC + 张家界原产地</strong><br/><strong>规格：6 大 SKU × 4 包装形态</strong>',
        },
        {
            letter: 'P', big: 'Place', name: '渠道',  color: BRAND.TECH_BLUE,
            insight: '4 渠道协同 · 不重叠 · 不打架',
            items: [
                { sku: '药线（药店）',     price: '¥128-198', scene: '一心堂 / 大参林 / 国大' },
                { sku: '电商（自营）',     price: '¥128-498', scene: '京东自营 / 天猫旗舰 / 拼多多' },
                { sku: '餐饮 B2B2C',      price: '¥6-24',    scene: '高档酒楼 / 商务会所 / 酒店客房' },
                { sku: '礼品（节日）',     price: '¥498-898', scene: '节日电商 / 微信团购 / 企业福利' },
                { sku: '跨境（品牌）',     price: '¥$38-58',  scene: 'Amazon 全球店 / TikTok 海外' },
                { sku: '私域（复购）',     price: '订阅制',   scene: 'App + 公众号 + 社群' },
            ],
            moat: '<strong>药线 30%：基本盘</strong><br/><strong>电商 20%：品牌起量</strong><br/><strong>餐饮 25% + 礼品 25%：溢价</strong>',
        },
        {
            letter: 'P', big: 'Promotion', name: '推广',  color: BRAND.PURPLE,
            insight: 'VOC 场景化内容 × 反硬广',
            items: [
                { sku: 'XHS 种草',    price: '500+ 条素人', scene: '熬夜党 / 脂肪肝人群' },
                { sku: '抖音剧情',    price: '50+ 剧情号',  scene: '应酬 / 熬夜 / 家庭场景' },
                { sku: '丁香医生',    price: '3-5 篇科普', scene: 'DMY 机理 + 医生背书' },
                { sku: 'B 站 UP 主',  price: '10+ 养生 UP', scene: 'Z 世代 + 留学生圈' },
                { sku: '私域运营',    price: '社群 + App', scene: '复购 + 用户证言' },
                { sku: '节日事件',    price: '父亲节/中秋', scene: '送长辈话题营销' },
            ],
            moat: '<strong style="color:' + BRAND.WINE_RED + ';">❌ 禁止 TVC 硬广 / 明星代言</strong><br/><strong>✓ 必做 ：真用户证言 + 真场景剧情</strong><br/><strong>✓ 必做：KOC > KOL</strong>',
        },
        {
            letter: 'P', big: 'Price', name: '价格',  color: BRAND.JIANG_GREEN,
            insight: '分渠道定价带 × 每段有理由',
            items: [
                { sku: '入门带',     price: '¥39-128',  scene: '熬夜党 · 首次购买' },
                { sku: '主销带',     price: '¥198-298', scene: '中产日常 · 商务应酬' },
                { sku: '礼品带',     price: '¥498-898', scene: '送长辈 · 国礼级' },
                { sku: 'vs Swisse', price: '-20-30%', scene: '进口保健替代' },
                { sku: 'vs 片仔癀',  price: '-40-50%', scene: '高端中药替代' },
                { sku: 'vs 易善复',  price: '+10-20%', scene: '免处方溢价' },
            ],
            moat: '<strong>明码溢价：+10-20% 于同类国产</strong><br/><strong>明码亲民：-20-40% 于同类进口</strong><br/><strong>礼品溢价：3-5x 日常价</strong>',
        },
    ];

    return `<section class="report-section" id="${c.key}-${subIdx}" data-tone="${c.tone}" data-slide-num="${slideNum}/${slideTotal}">
  <div class="section-inner">
    ${C.renderSectionHead({
        eyebrow: `${c.num}.${subIdx} · 4P 配称蓝图`,
        title: '<span style="color:' + BRAND.SAGE + ';">4P 配称</span>：从 VOC 洞察到可执行的 Product / Place / Promotion / Price',
        subtitle: '前 7 章的 VOC 洞察 × KANO × JTBD × 场景四元素 → 在这里折叠成<strong>可执行的 4P 组合</strong>。',
        color: BRAND.SAGE,
    })}

    <div class="grid" style="grid-template-columns:1fr 1fr; gap:18px; margin-top:20px;">
      ${ps.map((p) => `
      <div style="padding:22px 24px; background:var(--bg-1); border:1px solid var(--border); border-top:4px solid ${p.color}; border-radius:var(--radius-md);">
        <div style="display:flex; align-items:baseline; gap:12px; margin-bottom:14px;">
          <div style="font-family:var(--font-head); font-weight:900; font-size:3rem; color:${p.color}; line-height:1; letter-spacing:-0.04em;">${p.letter}</div>
          <div>
            <div class="text-mono text-xs" style="color:${p.color}; letter-spacing:0.15em; font-weight:700;">${p.big.toUpperCase()}</div>
            <div style="color:var(--text-1); font-weight:800; font-size:1.2rem;">${esc(p.name)}</div>
            <div style="color:var(--text-2); font-size:0.8rem; margin-top:2px;">${esc(p.insight)}</div>
          </div>
        </div>

        <div style="display:flex; flex-direction:column; gap:6px; margin-bottom:14px;">
          ${p.items.map((it) => `
          <div style="display:grid; grid-template-columns:140px 110px 1fr; gap:8px; padding:8px 10px; background:${p.color}08; border-radius:4px; align-items:center;">
            <div style="color:var(--text-1); font-size:0.82rem; font-weight:600;">${esc(it.sku)}</div>
            <div style="color:${p.color}; font-size:0.82rem; font-family:var(--font-mono); font-weight:700;">${esc(it.price)}</div>
            <div style="color:var(--text-3); font-size:0.78rem;">${esc(it.scene)}</div>
          </div>`).join('')}
        </div>

        <div style="padding:12px 14px; background:${p.color}12; border-left:3px solid ${p.color}; border-radius:4px; color:var(--text-1); font-size:0.84rem; line-height:1.7;">
          ${p.moat}
        </div>
      </div>`).join('')}
    </div>

    <div class="fade-up" style="margin-top:28px;">
      ${C.renderInsightHero({
          eyebrow: '4P COHERENCE · 4P 一致性',
          color: BRAND.SAGE,
          title: `4P 之间<strong style="color:${BRAND.JIANG_GREEN};">必须互为因果</strong>：<br/>
          <strong>Product（6 SKU）</strong> → <strong>Place（4 渠道）</strong> → <strong>Promotion（场景化内容）</strong> → <strong>Price（三段定价带）</strong>。<br/>
          每一项决策都能在前 7 章的 VOC 证据里找到<strong style="color:${BRAND.LIVER_AMBER};">直接溯源</strong>。`,
          subtitle: `这就是"<strong>反向定位</strong>"的最终形态——<strong>VOC 驱动的 4P 蓝图</strong>而不是拍脑袋的决策。`,
      })}
    </div>

    ${C.renderDecisionList([
        `<strong>Product 先行</strong>：首批 6 SKU 上线 · Y1 不再扩 SKU（避免稀释心智）`,
        `<strong>Place 分层</strong>：药线 30% + 电商 20% + 餐饮 25% + 礼品 25%（4 块互不挤占）`,
        `<strong>Promotion 克制</strong>：Y1 营销预算 1.5-2 亿（GMV 15-20% 投放比）`,
        `<strong>Price 纪律</strong>：严格三带分层（入门 / 主销 / 礼品）· 不折扣促销打乱心智`,
    ], { title: '落地决策 · 4P 协同纪律', accent: BRAND.SAGE, columns: 2 })}
  </div>
</section>`;
}

// ==========================================================
// 8.2 · 10 亿路径
// ==========================================================
function renderSub8_2(ctx) {
    const { chapter: c, subIdx, sub, slideNum, slideTotal } = ctx;

    const phases = [
        {
            year: 'Year 1', label: '启动期', target: '5 亿', color: BRAND.LIVER_AMBER,
            focus: '<strong>药线 + 电商</strong> · 建基础盘',
            items: [
                '药线 3 亿：全国 3 万药店覆盖（一心堂 / 大参林 / 国大）',
                '电商 2 亿：京东 + 天猫 + 拼多多 + XHS 种草',
                '餐饮 / 礼品 先试点（北京 / 上海 / 广州）',
                'Marketing：2 亿预算（20% GMV）',
                'KPI：全网 GMV 5 亿 / 复购 35% / NPS > 50',
            ],
        },
        {
            year: 'Year 2', label: '放量期', target: '3 亿新增 → 合计 8 亿', color: BRAND.JIANG_GREEN,
            focus: '<strong>餐饮 B2B2C + 礼品</strong> · 建溢价盘',
            items: [
                '餐饮 B2B2C 扩至 2.5 亿（500+ 酒楼 + 200+ 会所）',
                '礼品装扩至 2.5 亿（节日节点 + 企业福利）',
                '药线深耕至 4 亿（新增乡镇 + 社区店）',
                '电商扩至 4 亿（丁香医生合作 + 抖音剧情号放量）',
                'KPI：GMV 8 亿 / 餐饮占比 ≥ 30% / 礼品复购 ≥ 45%',
            ],
        },
        {
            year: 'Year 3', label: '冲刺期', target: '2 亿新增 → 合计 10 亿', color: BRAND.TECH_BLUE,
            focus: '<strong>跨境 + 品类升级</strong> · 建壁垒',
            items: [
                '跨境 1.5 亿：Amazon 全球店 + TikTok 海外 + 东南亚',
                '品类升级 0.5 亿：肝纯饮料 / 肝纯咀嚼片 / 肝纯礼盒 PLUS',
                '4 大渠道全部超 2 亿 · 无单一依赖',
                '成为 DMY 品类 TOP 1 · Swisse 市占率 -15%',
                'KPI：GMV 10 亿 · 品类心智份额 ≥ 40%',
            ],
        },
    ];

    return `<section class="report-section" id="${c.key}-${subIdx}" data-tone="${c.tone}" data-slide-num="${slideNum}/${slideTotal}">
  <div class="section-inner">
    ${C.renderSectionHead({
        eyebrow: `${c.num}.${subIdx} · 10 亿 3 年路径`,
        title: '<span style="color:' + BRAND.JIANG_GREEN + ';">10 亿路径</span>：4 渠道 × 3 年分阶段攻防图',
        subtitle: '<strong>Year 1 基础盘 5 亿 → Year 2 溢价盘 +3 亿 → Year 3 壁垒盘 +2 亿 = 10 亿</strong>。每一步都对应 VOC 洞察和 4P 配称。',
        color: BRAND.JIANG_GREEN,
    })}

    <div class="grid" style="grid-template-columns:1fr 1fr 1fr; gap:18px; margin-top:24px;">
      ${phases.map((p, i) => `
      <div style="padding:24px; background:var(--bg-1); border:2px solid ${p.color}; border-radius:var(--radius-md); position:relative;">
        <div style="position:absolute; top:-14px; left:20px; padding:4px 14px; background:${p.color}; color:#fff; font-family:var(--font-mono); font-weight:700; font-size:0.72rem; letter-spacing:0.15em; border-radius:12px;">${p.year.toUpperCase()}</div>

        <div style="display:flex; justify-content:space-between; align-items:baseline; margin-top:6px; margin-bottom:10px;">
          <div style="color:var(--text-1); font-weight:800; font-size:1.2rem;">${esc(p.label)}</div>
          <div style="color:${p.color}; font-family:var(--font-head); font-weight:900; font-size:2rem; line-height:1;">${esc(p.target.split(' ')[0])}</div>
        </div>

        <div style="padding:10px 12px; background:${p.color}10; border-left:3px solid ${p.color}; border-radius:4px; color:var(--text-1); font-size:0.88rem; margin-bottom:14px;">
          ${p.focus}
        </div>

        <ul style="margin:0; padding-left:18px; list-style:disc; color:var(--text-1); font-size:0.84rem; line-height:1.72;">
          ${p.items.map((it) => `<li style="margin-bottom:6px;">${it}</li>`).join('')}
        </ul>
      </div>`).join('')}
    </div>

    <div class="fade-up" style="margin-top:32px;">
      <div style="padding:28px 32px; background:linear-gradient(135deg, ${BRAND.JIANG_GREEN}10, ${BRAND.LIVER_AMBER}06, ${BRAND.TECH_BLUE}06); border:2px solid ${BRAND.JIANG_GREEN}44; border-radius:var(--radius-lg);">
        <div class="text-mono text-xs" style="color:${BRAND.JIANG_GREEN}; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">🎯 FINAL BLUEPRINT · 终极蓝图</div>
        <div style="display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:16px; margin-bottom:20px;">
          <div style="padding:16px 18px; background:${BRAND.LIVER_AMBER}14; border-radius:6px; text-align:center;">
            <div style="color:${BRAND.LIVER_AMBER}; font-family:var(--font-head); font-weight:900; font-size:2.4rem; line-height:1;">3亿</div>
            <div style="color:var(--text-2); font-size:0.8rem; margin-top:4px;">药线</div>
          </div>
          <div style="padding:16px 18px; background:${BRAND.TECH_BLUE}14; border-radius:6px; text-align:center;">
            <div style="color:${BRAND.TECH_BLUE}; font-family:var(--font-head); font-weight:900; font-size:2.4rem; line-height:1;">2亿</div>
            <div style="color:var(--text-2); font-size:0.8rem; margin-top:4px;">电商</div>
          </div>
          <div style="padding:16px 18px; background:${BRAND.WINE_RED}14; border-radius:6px; text-align:center;">
            <div style="color:${BRAND.WINE_RED}; font-family:var(--font-head); font-weight:900; font-size:2.4rem; line-height:1;">2.5亿</div>
            <div style="color:var(--text-2); font-size:0.8rem; margin-top:4px;">餐饮 B2B2C</div>
          </div>
          <div style="padding:16px 18px; background:${BRAND.GOLD}14; border-radius:6px; text-align:center;">
            <div style="color:${BRAND.GOLD}; font-family:var(--font-head); font-weight:900; font-size:2.4rem; line-height:1;">2.5亿</div>
            <div style="color:var(--text-2); font-size:0.8rem; margin-top:4px;">礼品装</div>
          </div>
        </div>

        <div style="text-align:center; padding:20px; background:${BRAND.JIANG_GREEN}0A; border-radius:6px;">
          <div style="color:var(--text-1); font-size:1.05rem; line-height:1.8;">
            <strong style="color:${BRAND.JIANG_GREEN}; font-size:1.4rem; font-family:var(--font-head);">江中肝纯片 · 10 亿三年目标</strong><br/>
            <span style="color:var(--text-2); font-size:0.92rem;">基于 <strong>3965 条真实 VOC</strong> × <strong>8 假设全验证</strong> × <strong>KANO×JTBD 决策映射</strong> × <strong>4P 配称一致性</strong> × <strong>3 阶段渐进</strong></span><br/>
            <span style="color:${BRAND.LIVER_AMBER}; font-size:0.88rem; margin-top:8px; display:inline-block;">—— 以藤茶 DMY 真原料差异化，重新定义中国护肝品类 ——</span>
          </div>
        </div>
      </div>
    </div>

    ${C.renderDecisionList([
        `<strong>Year 1 守住 5 亿</strong>：药线 + 电商双引擎 · 避免冒进扩张`,
        `<strong>Year 2 餐饮放量</strong>：B2B2C 模型复制 · 100 城开花`,
        `<strong>Year 3 礼品 + 跨境</strong>：开辟第三曲线 · 锁定 DMY 品类心智`,
        `<strong>全局核心</strong>：任何增量都不能破坏 VOC 真实性 · 反向硬广路径`,
        `<strong>8 大假设全部验证闭环</strong>：H1-H8 在 Ch1-Ch7 已逐一成立，为 4P + 10 亿路径奠基`,
    ], { title: '落地决策 · 3 年执行纪律', accent: BRAND.JIANG_GREEN, columns: 2 })}
  </div>
</section>`;
}

module.exports = {
    'blueprint-1': renderSub8_1,
    'blueprint-2': renderSub8_2,
};