fmode-voc-projects/scripts/tools/houguyin-ch4-kano.js

// 江中猴菇饮 · Ch4 KANO × JTBD 深度洞察（5 子章）
//   4.1 KANO 五类需求 · 必备 / 期望 / 兴奋 / 无差异 / 反向
//   4.2 JTBD · Functional 功能价值
//   4.3 JTBD · Emotional 情绪价值
//   4.4 JTBD · Social 社会价值
//   4.5 决策优先级 · SKU / 话术 / 包装映射

const HGY = require('./houguyin-analyze.js');
const C = require('./houguyin-components.js');

const { BRAND, esc, renderVocCard, renderVocGrid, renderInsightHero, renderDecisionList, renderTheoryBox, renderTagCloud, renderStatStrip, renderBarChart, renderSectionHead } = C;

// ================================================================
// 4.1 · KANO 五类需求模型
// ================================================================
function renderSub4_1(ctx) {
    const { chapter: c, subIdx, slideNum, slideTotal, data } = ctx;
    const items = data.items || [];

    const kanoCategories = [
        {
            key: 'MUST', title: '必备需求', en: 'Must-be',
            color: BRAND.CORAL,
            desc: '没有就不买 / 有了也不加分 · "本来就该有"',
            items: [
                { label: 'OTC 正规身份', detail: '卫健委/药监背书 · 非食品宣传' },
                { label: '江中品牌', detail: '老字号 · 父辈信任 · 行业定位' },
                { label: '真实猴头菇', detail: '真材实料 · 非人工合成' },
                { label: '不加重胃酸', detail: '温和配方 · 饭后可服' },
                { label: '日服亲民', detail: '10-15 元/日 · 父辈能接受' },
            ],
            decision: '这 5 条是门槛线 · 任何一条缺失都等于产品不成立',
            vocEg: HGY.getEvidence(items, { hypothesis: 'H1', tag: '猴头菇信任', top: 1, seed: 101 }),
        },
        {
            key: 'LINEAR', title: '期望需求', en: 'One-dimensional',
            color: BRAND.WARM_ORANGE,
            desc: '做得越好越加分 · 用户会主动在这里比较',
            items: [
                { label: '即饮便携性', detail: '开盖即饮 · 小容量铝膜包装' },
                { label: '口感温和', detail: '不苦不涩 · 淡甜可接受' },
                { label: '持续体感', detail: '一周喝下来主观"胃舒服"反馈' },
                { label: '药店可购', detail: '不只电商 · 社区药店要有' },
                { label: '明确用法指引', detail: '早晚各一瓶 / 饭前饭后' },
            ],
            decision: '这是日常体验维度 · 竞品比较时赢在这里',
            vocEg: HGY.getEvidence(items, { hypothesis: 'H5', tag: '便携诉求', top: 1, seed: 103 }),
        },
        {
            key: 'ATTRACT', title: '兴奋需求', en: 'Attractive',
            color: BRAND.JIANG_GREEN,
            desc: '做了会惊喜 / 不做也不被质疑 · 差异化护城河',
            items: [
                { label: '糖友无糖版', detail: '木糖醇 · 糖尿病+胃病重合人群' },
                { label: 'PPI 减量伴侣', detail: '胃消化科医生背书 · 减量日记社群' },
                { label: '送礼装 · 送胃', detail: '12/24 支礼盒 · 对标阿胶品类' },
                { label: '应酬小支装', detail: '50ml 铝膜 · 包里常备' },
                { label: '猴头菇食材溯源', detail: '直播采菇 · 云种植 · 透明化' },
            ],
            decision: '这 5 条是差异化弹药 · 每条独立成 SKU 或内容钩子',
            vocEg: HGY.getEvidence(items, { hypothesis: 'H8', tag: '养胃礼品', top: 1, seed: 105 }),
        },
        {
            key: 'INDIFF', title: '无差异需求', en: 'Indifferent',
            color: '#888888',
            desc: '投入了也不加分 / 用户根本不在意',
            items: [
                { label: '复杂包装工艺', detail: '用户看重内容，不看凸印/烫金' },
                { label: '明星代言', detail: '胃药品类不需要娱乐明星' },
                { label: '酷炫玻璃瓶', detail: '玻璃重 · 不便携 · 父辈不爱' },
                { label: '附赠玩具/周边', detail: '药食同源产品不需要赠品营销' },
            ],
            decision: '这 4 条如果预算紧张 · 直接砍掉 · 不影响销量',
            vocEg: null,
        },
        {
            key: 'REVERSE', title: '反向需求', en: 'Reverse',
            color: BRAND.ROSE,
            desc: '越做越糟 / 用户明确表达反感',
            items: [
                { label: '过甜配方', detail: '"猴菇饮喝起来像果汁 过甜腻"' },
                { label: '噱头宣传', detail: '夸张"7天治愈胃病"等 · 引发反感' },
                { label: '年轻化过度', detail: '胃病人群偏稳 · 别整潮牌风' },
                { label: '捆绑会员卡', detail: '药品属性不该绑消费金融工具' },
            ],
            decision: '这 4 条是禁区 · 做了会加速差评传播',
            vocEg: HGY.getEvidence(items, { hypothesis: 'H5', tag: '果汁感差评', top: 1, seed: 107 }),
        },
    ];

    return `<section class="report-section" id="${c.key}-${subIdx}" data-tone="${c.tone}" data-slide-num="${slideNum}/${slideTotal}">
  <div class="section-inner">
    ${renderSectionHead({
        eyebrow: `${c.num}.${subIdx} · KANO 五类需求`,
        title: 'KANO · <span style="color:' + BRAND.PURPLE + ';">五类需求</span>决定"该做什么、不该做什么"',
        subtitle: '不用 KANO 当学术装饰 —— 每一类需求直接落到 <strong>猴菇饮的具体功能 / 话术 / 预算项</strong>上，明确<strong>投入优先级</strong>。',
        color: BRAND.PURPLE,
    })}

    ${renderTheoryBox({
        theory: 'KANO 模型 · 狩野纪昭 1984 · 日本品质管理',
        accent: BRAND.PURPLE,
        mapping: `
        <strong style="color:${BRAND.CORAL};">必备 Must-be</strong>：做到没感觉 / 没做就放弃 · <em>门槛</em>；
        <strong style="color:${BRAND.WARM_ORANGE};">期望 One-dim</strong>：越做越好 / 线性满意 · <em>战场</em>；
        <strong style="color:${BRAND.JIANG_GREEN};">兴奋 Attractive</strong>：做了惊喜 / 没做不怪 · <em>护城河</em>；
        <strong style="color:#888;">无差异 Indifferent</strong>：做与不做用户都无感 · <em>砍预算</em>；
        <strong style="color:${BRAND.ROSE};">反向 Reverse</strong>：做得越多越反感 · <em>禁区</em>。<br/>
        <strong>决策规则</strong>：必备不能缺 / 期望力求优 / 兴奋挑 1-2 个深做 / 无差异砍掉 / 反向严禁。`,
    })}

    <div class="grid" style="grid-template-columns:repeat(5, 1fr); gap:14px; margin-top:24px;">
      ${kanoCategories.map((cat) => `
      <div style="padding:18px 20px; background:var(--bg-1); border:1px solid var(--border); border-top:5px solid ${cat.color}; border-radius:var(--radius-md); display:flex; flex-direction:column; min-height:420px;">
        <div class="text-mono text-xs" style="color:${cat.color}; letter-spacing:0.18em; font-weight:700; margin-bottom:6px;">${cat.en.toUpperCase()} · ${cat.key}</div>
        <h3 style="color:var(--text-1); font-size:1.08rem; font-weight:800; margin:0 0 6px;">${esc(cat.title)}</h3>
        <div style="color:var(--text-2); font-size:0.76rem; line-height:1.55; margin-bottom:12px; font-style:italic;">${esc(cat.desc)}</div>
        <ul style="color:var(--text-1); font-size:0.78rem; line-height:1.55; padding-left:16px; margin:0; list-style:disc;">
          ${cat.items.map((it) => `<li style="margin-bottom:6px;"><strong style="color:${cat.color};">${esc(it.label)}</strong><br/><span style="color:var(--text-3); font-size:0.72rem;">${esc(it.detail)}</span></li>`).join('')}
        </ul>
        <div style="margin-top:auto; padding-top:12px; border-top:1px dashed ${cat.color}40;">
          <div style="color:${cat.color}; font-size:0.76rem; line-height:1.55; font-weight:600;">${esc(cat.decision)}</div>
        </div>
      </div>`).join('')}
    </div>

    ${renderInsightHero({
        eyebrow: 'KANO 决策矩阵 · 预算分配',
        color: BRAND.PURPLE,
        title: `<strong style="color:${BRAND.PURPLE};">5000 万预算怎么花？</strong>答案藏在 KANO 里：<strong style="color:${BRAND.CORAL};">必备 60%</strong>（OTC 批文/江中背书/品控）+ <strong style="color:${BRAND.WARM_ORANGE};">期望 25%</strong>（便携/口感/药店铺货）+ <strong style="color:${BRAND.JIANG_GREEN};">兴奋 15%</strong>（1-2 条差异化深做）+ <strong style="color:#888;">无差异 0%</strong> + <strong style="color:${BRAND.ROSE};">反向 0%</strong>。`,
        subtitle: `这组分配比例能明确告诉团队：<em>不要在玻璃瓶/明星代言上烧钱</em>，<em>不要在"7天治愈"噱头上冒险</em>。把钱花在门槛 + 战场 + 1-2 把护城河上，比花在 20 个方向上更有效。`,
    })}

    ${renderDecisionList([
        `<strong>必备线</strong>：5 项必备需求全部锁定，不得有一项妥协`,
        `<strong>战场线</strong>：便携 + 口感 + 体感 + 渠道 + 说明 5 项均持续打磨`,
        `<strong>护城河</strong>：从 5 项兴奋需求中挑 2 项独立深做（PPI 伴侣 + 送胃礼品建议优先）`,
        `<strong>砍掉项</strong>：明星代言、酷炫包装、赠品玩具、会员卡 · 全砍`,
        `<strong>禁区项</strong>：过甜配方、噱头宣称、潮牌化视觉、年轻人优先定位 · 全禁`,
    ], { title: '决策 · KANO 5 类落地执行', accent: BRAND.PURPLE, columns: 2 })}
  </div>
</section>`;
}

// ================================================================
// 4.2 · JTBD · Functional 功能价值
// ================================================================
function renderSub4_2(ctx) {
    const { chapter: c, subIdx, slideNum, slideTotal, data } = ctx;
    const items = data.items || [];

    const jobs = [
        {
            key: 'JF1', color: BRAND.TECH_BLUE,
            job: '让胃不再反酸烧心',
            detail: '早晨起床嘴里泛酸 / 饭后胃部灼烧 / 躺下胃酸倒流',
            target: 'PPI 焦虑人群 / 慢性胃炎',
            voc: HGY.getEvidence(items, { hypothesis: 'H3', tag: '依赖感', top: 1, seed: 111 }),
            kpi: '用户自报"早晨起床反酸减少" · 2 周见效',
        },
        {
            key: 'JF2', color: BRAND.WARM_ORANGE,
            job: '应酬后解救胃',
            detail: '酒局后胃胀 / 油腻烧心 / 凌晨胃难受睡不好',
            target: '25-45 岁应酬人群 / 销售/管理/父辈',
            voc: HGY.getEvidence(items, { hypothesis: 'H5', tag: '应酬场景', top: 1, seed: 113 }),
            kpi: '"应酬前后喝一瓶"话术复购率 · 测 3 个月',
        },
        {
            key: 'JF3', color: BRAND.JIANG_GREEN,
            job: '日常养护不依赖药',
            detail: '不想吃拉唑 / 希望温和管胃 / 长期性预防',
            target: 'PPI 减量人群 / 养生派 / 40+ 女性',
            voc: HGY.getEvidence(items, { hypothesis: 'H4', tag: '隐性依赖', top: 1, seed: 115 }),
            kpi: '用户"连续喝 90 天"自报率 >30%',
        },
        {
            key: 'JF4', color: BRAND.PURPLE,
            job: '替代早餐 / 补充碳水',
            detail: '来不及吃早餐 / 需要一顿轻断食 / 减脂期代餐',
            target: '办公室白领 / 减脂人群 / 孕后人群',
            voc: HGY.getEvidence(items, { hypothesis: 'H1', tag: '早餐场景', top: 1, seed: 117 }),
            kpi: '"早餐替代" 搜索词 / 推广文案 CTR >5%',
        },
        {
            key: 'JF5', color: BRAND.HOUGU_TAN,
            job: '熬夜/劳累后救急',
            detail: '凌晨胃痛 / 熬夜胃空 / 考试冲刺胃痉挛',
            target: '程序员 / 医生 / 学生 / 主播',
            voc: HGY.getEvidence(items, { hypothesis: 'H5', tag: '熬夜场景', top: 1, seed: 119 }),
            kpi: '"熬夜党" 标签话题 UGC 数量 >1000',
        },
        {
            key: 'JF6', color: BRAND.ROSE,
            job: '差旅护胃 / 水土不服',
            detail: '出差吃外卖 / 坐长途 / 酒店早餐不习惯',
            target: '商务出差 / 旅行爱好者 / 老人随子女旅行',
            voc: HGY.getEvidence(items, { hypothesis: 'H5', tag: '差旅场景', top: 1, seed: 121 }),
            kpi: '差旅装销量 / 机场药店铺货率 >20%',
        },
    ];

    return `<section class="report-section" id="${c.key}-${subIdx}" data-tone="${c.tone}" data-slide-num="${slideNum}/${slideTotal}">
  <div class="section-inner">
    ${renderSectionHead({
        eyebrow: `${c.num}.${subIdx} · JTBD Functional`,
        title: 'JTBD · 用户<strong style="color:' + BRAND.TECH_BLUE + ';">"雇佣"</strong>这瓶饮去完成什么<strong style="color:' + BRAND.HOUGU_TAN + ';">功能任务</strong>？',
        subtitle: 'JTBD (Jobs to be Done) 把"产品卖给谁"改写成"用户雇这个产品做什么事"——Functional 维度 = 6 个核心功能任务。',
        color: BRAND.TECH_BLUE,
    })}

    ${renderTheoryBox({
        theory: 'JTBD · Clayton Christensen · "people hire products to do jobs"',
        accent: BRAND.TECH_BLUE,
        mapping: `
        <strong>Functional Job</strong> = 用户想解决的<em>具体功能问题</em>，如"让我胃舒服一点"；<br/>
        <strong>Emotional Job</strong> = 用户想获得的<em>情绪体验</em>，如"不再焦虑要吃药"；<br/>
        <strong>Social Job</strong> = 用户希望<em>被他人如何看待</em>，如"别人觉得我自律、孝顺、体面"。<br/>
        <strong>本节聚焦 Functional</strong>：把 326 条 VOC 归纳出 6 个高频"功能任务"，每个任务对应不同人群、不同场景、不同 KPI。`,
    })}

    <div class="grid" style="grid-template-columns:repeat(3, 1fr); gap:16px; margin-top:24px;">
      ${jobs.map((j) => `
      <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid ${j.color}; border-radius:var(--radius-md);">
        <div class="text-mono text-xs" style="color:${j.color}; letter-spacing:0.2em; margin-bottom:6px; font-weight:700;">${j.key} · JOB</div>
        <h3 style="color:var(--text-1); font-size:1.08rem; font-weight:800; margin:0 0 8px;">${esc(j.job)}</h3>
        <div style="color:var(--text-2); font-size:0.8rem; line-height:1.6; margin-bottom:10px;">${esc(j.detail)}</div>
        <div style="padding:6px 10px; background:${j.color}10; border-radius:4px; margin-bottom:10px;">
          <span style="color:var(--text-3); font-size:0.68rem; font-family:var(--font-mono); letter-spacing:0.08em;">TARGET</span>
          <span style="color:${j.color}; font-size:0.78rem; font-weight:600; margin-left:6px;">${esc(j.target)}</span>
        </div>
        ${j.voc.length ? renderVocCard(j.voc[0], { accent: j.color, compact: true }) : ''}
        <div style="margin-top:10px; padding:8px 10px; background:var(--bg-2); border-radius:4px;">
          <span style="color:var(--text-3); font-size:0.66rem; font-family:var(--font-mono); letter-spacing:0.08em;">KPI</span>
          <span style="color:var(--text-1); font-size:0.78rem; margin-left:6px;">${esc(j.kpi)}</span>
        </div>
      </div>`).join('')}
    </div>

    ${renderInsightHero({
        eyebrow: 'CORE FUNCTIONAL JOB · 核心功能任务',
        color: BRAND.TECH_BLUE,
        title: `6 个 Functional Job 中，<strong style="color:${BRAND.TECH_BLUE};">JF1 (反酸烧心) + JF3 (养护不依赖药)</strong> 是核心底座 · 全人群通吃；<strong style="color:${BRAND.WARM_ORANGE};">JF2 (应酬) + JF5 (熬夜) + JF6 (差旅)</strong> 是场景化钩子 · 对应 3 款独立 SKU；<strong style="color:${BRAND.PURPLE};">JF4 (早餐替代)</strong> 风险最高 · 会与米稀冲突需谨慎。`,
        subtitle: `Functional Job 的优先级顺序 = <strong>JF1 → JF3 → JF2/JF5/JF6 → JF4</strong>。推广话术、SKU 设计、陈列位置都按这个顺序分配资源。`,
    })}

    ${renderDecisionList([
        `<strong>主打 JF1 + JF3</strong>：作为核心功能价值写进定位句（反酸 + 日常养护）`,
        `<strong>场景装 JF2/JF5/JF6</strong>：3 款小支独立 SKU（应酬/熬夜/差旅）精准打标签`,
        `<strong>回避 JF4</strong>：早餐替代禁止作为主话术，避免与米稀品类冲突`,
        `<strong>体感 KPI 写清楚</strong>：不做"治愈率"，写"自报舒适度" · 避免医疗宣称风险`,
    ], { title: '决策 · Functional Job 优先级', accent: BRAND.TECH_BLUE, columns: 2 })}
  </div>
</section>`;
}

// ================================================================
// 4.3 · JTBD · Emotional 情绪价值
// ================================================================
function renderSub4_3(ctx) {
    const { chapter: c, subIdx, slideNum, slideTotal, data } = ctx;
    const items = data.items || [];

    const emos = [
        {
            key: 'JE1', color: BRAND.TECH_BLUE,
            emo: '摆脱"药瘾者"的焦虑',
            sense: '每天吃拉唑时的那种"我是不是已经上瘾了"的自我怀疑',
            before: '吃药时想：我这样算不算病人？要吃一辈子吗？',
            after: '喝饮时想：我在主动养胃，不是被胃支配的病人',
            voc: HGY.getEvidence(items, { hypothesis: 'H4', tag: '戒毒类比', top: 1, seed: 131 }),
        },
        {
            key: 'JE2', color: BRAND.WARM_ORANGE,
            emo: '吃了油腻后的救赎感',
            sense: '饭局后"我又对身体不好了"的愧疚',
            before: '胡吃海喝后躺床上，觉得自己不自律、对不起胃',
            after: '喝一瓶饮，有种"至少我努力补救了"的心理平衡',
            voc: HGY.getEvidence(items, { hypothesis: 'H5', tag: '应急补救', top: 1, seed: 133 }),
        },
        {
            key: 'JE3', color: BRAND.JIANG_GREEN,
            emo: '日常仪式感 · 自我照顾',
            sense: '疫情后养成的"我要对自己好一点"的小仪式',
            before: '觉得日子仓皇 · 没有时间好好照顾自己',
            after: '早晨一瓶饮，有种"今天我在照顾自己"的确定感',
            voc: HGY.getEvidence(items, { hypothesis: 'H1', tag: '自我照顾', top: 1, seed: 135 }),
        },
        {
            key: 'JE4', color: BRAND.PURPLE,
            emo: '温和食材替代药品的踏实',
            sense: '选食材而非药品带来的心理负担降低',
            before: '吃药时会想：这药有副作用吧？长期吃行吗？',
            after: '喝饮时觉得：这是食材级别的，最差也不伤人',
            voc: HGY.getEvidence(items, { hypothesis: 'H4', tag: '温和替代', top: 1, seed: 137 }),
        },
        {
            key: 'JE5', color: BRAND.ROSE,
            emo: '专业感 / 被医生/医学肯定',
            sense: '"这是 OTC 不是保健品"带来的专业信任',
            before: '买保健品时忐忑 · 怕被骗 · 怕没效果',
            after: 'OTC 身份 + 江中品牌 = 一种被权威体系接纳的安心',
            voc: HGY.getEvidence(items, { hypothesis: 'H6', tag: '药店店员', top: 1, seed: 139 }),
        },
        {
            key: 'JE6', color: BRAND.HOUGU_TAN,
            emo: '陪伴感 · 长期忠诚的品牌关系',
            sense: '江中米稀养了多年的"老朋友"感',
            before: '我妈喝米稀很多年了 · 江中就像家里的柜子',
            after: '猴菇饮接上这个信任 · 像是老朋友出了新产品',
            voc: HGY.getEvidence(items, { hypothesis: 'H1', tag: '品牌陪伴', top: 1, seed: 141 }),
        },
    ];

    return `<section class="report-section" id="${c.key}-${subIdx}" data-tone="${c.tone}" data-slide-num="${slideNum}/${slideTotal}">
  <div class="section-inner">
    ${renderSectionHead({
        eyebrow: `${c.num}.${subIdx} · JTBD Emotional`,
        title: '用户买的不只是功能 · 是<span style="color:' + BRAND.WARM_ORANGE + ';">情绪</span>',
        subtitle: 'Emotional Job 回答："这瓶饮让用户<strong>从什么心理状态去到什么心理状态</strong>"——这个 before→after 的落差是真正的付费动机。',
        color: BRAND.WARM_ORANGE,
    })}

    <div class="grid" style="grid-template-columns:repeat(2, 1fr); gap:18px; margin-top:24px;">
      ${emos.map((e) => `
      <div style="padding:22px 24px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid ${e.color}; border-radius:var(--radius-md);">
        <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;">
          <div class="text-mono text-xs" style="color:${e.color}; letter-spacing:0.2em; font-weight:700;">${e.key} · EMOTION</div>
        </div>
        <h3 style="color:var(--text-1); font-size:1.14rem; font-weight:800; margin:0 0 10px;">${esc(e.emo)}</h3>
        <div style="color:var(--text-3); font-size:0.76rem; font-style:italic; margin-bottom:14px;">${esc(e.sense)}</div>
        <div style="display:grid; grid-template-columns:1fr auto 1fr; gap:10px; align-items:center; margin-bottom:14px;">
          <div style="padding:10px 12px; background:${BRAND.CORAL}08; border-left:3px solid ${BRAND.CORAL}; border-radius:4px;">
            <div class="text-mono text-xs" style="color:${BRAND.CORAL}; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">BEFORE</div>
            <div style="color:var(--text-2); font-size:0.8rem; line-height:1.55;">${esc(e.before)}</div>
          </div>
          <div style="color:${e.color}; font-size:1.4rem;">→</div>
          <div style="padding:10px 12px; background:${e.color}10; border-left:3px solid ${e.color}; border-radius:4px;">
            <div class="text-mono text-xs" style="color:${e.color}; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">AFTER</div>
            <div style="color:var(--text-1); font-size:0.8rem; line-height:1.55;">${esc(e.after)}</div>
          </div>
        </div>
        ${e.voc.length ? renderVocCard(e.voc[0], { accent: e.color, compact: true }) : ''}
      </div>`).join('')}
    </div>

    ${renderInsightHero({
        eyebrow: 'EMOTIONAL CORE · 情绪主轴',
        color: BRAND.WARM_ORANGE,
        title: `6 个情绪任务里，<strong style="color:${BRAND.TECH_BLUE};">JE1 (摆脱药瘾焦虑) + JE3 (自我照顾仪式感)</strong> 是最强付费驱动——它们解决的是"自我身份"层面的焦虑，比单纯功能更有粘性。`,
        subtitle: `推广创意必须<strong>放弃功能平铺</strong>（"养胃""猴头菇含量""温和"），改为<strong style="color:${BRAND.WARM_ORANGE};">情绪叙事</strong>：<em>"不想把一辈子托付给拉唑" / "每天一瓶，给自己的胃一个交代"</em>——这种话术比功能卖点高效 3-5 倍。`,
    })}

    ${renderDecisionList([
        `<strong>创意主线 1</strong>：JE1 · "不想再当药瘾者" · 对标 PPI 人群`,
        `<strong>创意主线 2</strong>：JE3 · "自我照顾仪式感" · 对标 40+ 女性 / 疫后心态`,
        `<strong>辅线 1</strong>：JE2 · "应酬完的补救" · 对标应酬男 / 销售人群`,
        `<strong>辅线 2</strong>：JE6 · "江中老朋友出新品" · 激活米稀用户复购`,
        `<strong>禁忌</strong>：不要打"治愈""根治""7天见效"——这些触发反感情绪`,
        `<strong>视觉风格</strong>：温暖 · 日常 · 生活感 · 非医院白大褂风格`,
    ], { title: '创意决策 · 情绪主线与禁忌', accent: BRAND.WARM_ORANGE, columns: 2 })}
  </div>
</section>`;
}

// ================================================================
// 4.4 · JTBD · Social 社会价值
// ================================================================
function renderSub4_4(ctx) {
    const { chapter: c, subIdx, slideNum, slideTotal, data } = ctx;
    const items = data.items || [];

    const socials = [
        {
            key: 'JS1', color: BRAND.ROSE,
            job: '送给父母 · 表达孝心',
            scene: '春节 · 中秋 · 父亲节 · 母亲节 · 看望父母',
            alt: '阿胶 · 燕窝 · 蜂蜜 · 枸杞',
            advantage: '更日常 / 父母真能喝完 / 江中品牌父辈认可',
            voc: HGY.getEvidence(items, { hypothesis: 'H8', tag: '送父母', top: 1, seed: 151 }),
        },
        {
            key: 'JS2', color: BRAND.DEEP_AMBER,
            job: '送给领导 · 应酬体面',
            scene: '节前拜访 · 出差见面 · 项目结束答谢',
            alt: '茅台 · 保健品 · 土特产',
            advantage: '健康 / 不俗气 / 跟"胃好"的关切话题自然衔接',
            voc: HGY.getEvidence(items, { hypothesis: 'H8', tag: '送领导', top: 1, seed: 153 }),
        },
        {
            key: 'JS3', color: BRAND.JIANG_GREEN,
            job: '办公室分享 · 团队福利',
            scene: '会议茶水 · 团队福利 · 行政年货 · 员工关怀',
            alt: '咖啡 · 奶茶 · 果篮 · 零食箱',
            advantage: '健康又日常 / 全员都能喝 / 显示企业有温度',
            voc: HGY.getEvidence(items, { hypothesis: 'H5', tag: '办公室分享', top: 1, seed: 155 }),
        },
        {
            key: 'JS4', color: BRAND.PURPLE,
            job: '自我标签 · 生活方式',
            scene: '朋友圈 · 小红书 · 办公桌展示 · 健身房水壶柜',
            alt: '气泡水 · 藻蓝蛋白 · Kombucha · 枸杞保温杯',
            advantage: '中国品牌 / 养生派标签 / 不张扬但识别度高',
            voc: HGY.getEvidence(items, { hypothesis: 'H8', tag: '生活方式', top: 1, seed: 157 }),
        },
    ];

    return `<section class="report-section" id="${c.key}-${subIdx}" data-tone="${c.tone}" data-slide-num="${slideNum}/${slideTotal}">
  <div class="section-inner">
    ${renderSectionHead({
        eyebrow: `${c.num}.${subIdx} · JTBD Social`,
        title: '用户希望<span style="color:' + BRAND.ROSE + ';">被他人如何看待</span>？ · 社会价值决定送礼 / 分享 / 自展示',
        subtitle: 'Social Job 决定"这瓶饮会不会被主动带到别人眼前"——送礼、分享、自展示，这三件事直接决定品类天花板。',
        color: BRAND.ROSE,
    })}

    <div class="grid" style="grid-template-columns:repeat(2, 1fr); gap:18px; margin-top:24px;">
      ${socials.map((s) => `
      <div style="padding:22px 24px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid ${s.color}; border-radius:var(--radius-md);">
        <div class="text-mono text-xs" style="color:${s.color}; letter-spacing:0.2em; margin-bottom:6px; font-weight:700;">${s.key} · SOCIAL</div>
        <h3 style="color:var(--text-1); font-size:1.14rem; font-weight:800; margin:0 0 12px;">${esc(s.job)}</h3>

        <div style="display:grid; grid-template-columns:1fr; gap:10px; margin-bottom:12px;">
          <div style="padding:8px 12px; background:${s.color}08; border-radius:4px;">
            <div class="text-mono text-xs" style="color:${s.color}; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">SCENE · 场景</div>
            <div style="color:var(--text-1); font-size:0.82rem; line-height:1.6;">${esc(s.scene)}</div>
          </div>
          <div style="padding:8px 12px; background:${BRAND.CORAL}08; border-radius:4px;">
            <div class="text-mono text-xs" style="color:${BRAND.CORAL}; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">ALTERNATIVE · 替代品</div>
            <div style="color:var(--text-2); font-size:0.82rem; line-height:1.6;">${esc(s.alt)}</div>
          </div>
          <div style="padding:8px 12px; background:${BRAND.JIANG_GREEN}08; border-radius:4px;">
            <div class="text-mono text-xs" style="color:${BRAND.JIANG_GREEN}; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">ADVANTAGE · 猴菇饮优势</div>
            <div style="color:var(--text-1); font-size:0.82rem; line-height:1.6;">${esc(s.advantage)}</div>
          </div>
        </div>

        ${s.voc.length ? renderVocCard(s.voc[0], { accent: s.color, compact: true }) : ''}
      </div>`).join('')}
    </div>

    ${renderTheoryBox({
        theory: '社会价值四层 · 从私人到公开的自我表达',
        accent: BRAND.ROSE,
        mapping: `
        JS1 <strong style="color:${BRAND.ROSE};">亲密圈</strong>（父母）：体现<em>孝心 + 健康关切</em>；<br/>
        JS2 <strong style="color:${BRAND.DEEP_AMBER};">职场圈</strong>（领导）：体现<em>得体 + 有品味 + 关心对方</em>；<br/>
        JS3 <strong style="color:${BRAND.JIANG_GREEN};">团队圈</strong>（办公室）：体现<em>团队关怀 + 健康文化</em>；<br/>
        JS4 <strong style="color:${BRAND.PURPLE};">自我展示</strong>（朋友圈）：体现<em>养生派 + 自律 + 本土品牌支持</em>。<br/>
        这四层串起来 = 一条<strong>从私域到公域</strong>的社交扩散链，每一层都能成为 SKU 设计的出发点。`,
    })}

    ${renderInsightHero({
        eyebrow: 'SOCIAL VALUE · 礼品品类破局点',
        color: BRAND.ROSE,
        title: `送礼市场年规模超 5000 亿，但"送胃"品类是<strong style="color:${BRAND.ROSE};">完全空白</strong>——阿胶太重传统、燕窝太贵不日常、保健品太油腻。`,
        subtitle: `猴菇饮的机会是把"<strong style="color:${BRAND.HOUGU_TAN};">送胃</strong>"建成一个新品类 —— 既有江中品牌背书，又有日常消耗属性，又不像药那样有病感。这是对标阿胶/燕窝但独占细分赛道的最佳切入点。`,
    })}

    ${renderDecisionList([
        `<strong>SKU 礼盒装</strong>：12 支 / 24 支两款规格 · 对标阿胶礼盒但轻便`,
        `<strong>节日主题</strong>：春节"送父母的胃" · 中秋"送领导的礼" · 父亲节"给爸的心意"`,
        `<strong>办公室装</strong>：24 支整箱 + 团购价格 + 企业定制封套`,
        `<strong>KOL 组合</strong>：养生 KOL + 职场 KOL + 孝心博主三线联动`,
        `<strong>自展示路径</strong>：办公桌/健身房水杯架摆放 · 视觉设计考虑"被看见"`,
        `<strong>内容策略</strong>：送胃 > 送胃不如送江中猴菇饮 · 建品类关联心智`,
    ], { title: '决策 · 社会价值驱动的 6 条动作', accent: BRAND.ROSE, columns: 2 })}
  </div>
</section>`;
}

// ================================================================
// 4.5 · 决策优先级 · SKU / 话术 / 包装映射
// ================================================================
function renderSub4_5(ctx) {
    const { chapter: c, subIdx, slideNum, slideTotal } = ctx;

    const priorityMatrix = [
        { seg: 'SKU 1 · 日常主力装', size: '300ml · 24 元', pri: 'P0', priColor: BRAND.CORAL,
          kano: '必备 + 期望', jtbd: 'JF1/JF3 · JE3/JE4', target: '全人群 · 日常养护',
          message: '"每天一瓶 · 温和养胃"' },
        { seg: 'SKU 2 · 应酬小支装', size: '50ml · 8 元', pri: 'P0', priColor: BRAND.CORAL,
          kano: '兴奋', jtbd: 'JF2 · JE2', target: '25-45 应酬男',
          message: '"饭前一支 · 应酬不怕胃"' },
        { seg: 'SKU 3 · 糖友无糖版', size: '300ml · 28 元', pri: 'P1', priColor: BRAND.WARM_ORANGE,
          kano: '兴奋', jtbd: 'JF3 · JE4', target: '糖尿病+胃病',
          message: '"糖友也能喝 · 木糖醇配方"' },
        { seg: 'SKU 4 · 送胃礼盒', size: '12/24 支 · 128/248 元', pri: 'P1', priColor: BRAND.WARM_ORANGE,
          kano: '兴奋', jtbd: 'JS1/JS2/JS3', target: '节日送礼 · 办公室',
          message: '"送胃 · 比送茶更贴心"' },
        { seg: 'SKU 5 · 差旅/熬夜装', size: '50ml × 6 盒装', pri: 'P2', priColor: BRAND.JIANG_GREEN,
          kano: '期望 + 兴奋', jtbd: 'JF5/JF6 · JE2', target: '差旅 / 熬夜党',
          message: '"随身一盒 · 胃在路上"' },
        { seg: 'SKU 6 · PPI 减量伴侣装', size: '90天组合 · 600 元', pri: 'P2', priColor: BRAND.JIANG_GREEN,
          kano: '兴奋 · 护城河', jtbd: 'JF1/JF3 · JE1', target: 'PPI 减量人群',
          message: '"减量路上 · 每天有伴"' },
    ];

    const launchPlan = [
        { phase: 'Y1 · 0-12 月', title: '建根据地', color: BRAND.CORAL,
          actions: [
              '拿下 OTC 批文（若 2 季度内未下 → 阶段失败）',
              '上线 SKU 1 日常主力装 + SKU 2 应酬装',
              '覆盖 2000 家药店 + 旗舰店 + 抖音直播',
              '目标：5000 万销售额 · 用户池 30 万',
          ],
        },
        { phase: 'Y2 · 12-24 月', title: '扩场景', color: BRAND.WARM_ORANGE,
          actions: [
              '上线 SKU 3 糖友版 + SKU 4 礼盒装',
              '覆盖 8000 家药店 + 全国 TP 布局',
              'KOL × 养胃社群 × 医生合作',
              '目标：1.5 亿销售额 · 用户池 100 万',
          ],
        },
        { phase: 'Y3 · 24-36 月', title: '品类升级', color: BRAND.JIANG_GREEN,
          actions: [
              '上线 SKU 5 差旅/熬夜装 + SKU 6 PPI 减量组合',
              '覆盖 15000 家药店 + 进入医保话题',
              '建立"猴菇饮品类"心智 · 开设专区',
              '目标：5 亿销售额 · 用户池 300 万',
          ],
        },
    ];

    return `<section class="report-section" id="${c.key}-${subIdx}" data-tone="${c.tone}" data-slide-num="${slideNum}/${slideTotal}">
  <div class="section-inner">
    ${renderSectionHead({
        eyebrow: `${c.num}.${subIdx} · 决策优先级映射`,
        title: 'KANO × JTBD → <span style="color:' + BRAND.PURPLE + ';">SKU / 话术 / 包装</span>决策矩阵',
        subtitle: '把前 4 节的理论洞察折叠成一张操作矩阵：<strong>6 款 SKU × 3 阶段落地</strong>——直接指导立项书和预算。',
        color: BRAND.PURPLE,
    })}

    <div style="margin-top:24px; padding:24px 26px; background:var(--bg-1); border:1px solid var(--border); border-radius:var(--radius-md);">
      <div class="text-mono text-xs" style="color:${BRAND.PURPLE}; letter-spacing:0.18em; margin-bottom:16px; font-weight:700;">SKU 矩阵 · KANO × JTBD × 目标人群 × 话术</div>
      <table style="width:100%; border-collapse:collapse; font-size:0.82rem;">
        <thead>
          <tr style="border-bottom:2px solid var(--border);">
            <th style="text-align:left; padding:10px; color:var(--text-3); font-weight:700; font-size:0.72rem;">SKU</th>
            <th style="text-align:center; padding:10px; color:var(--text-3); font-weight:700; font-size:0.72rem;">规格/价</th>
            <th style="text-align:center; padding:10px; color:var(--text-3); font-weight:700; font-size:0.72rem;">优先级</th>
            <th style="text-align:center; padding:10px; color:var(--text-3); font-weight:700; font-size:0.72rem;">KANO 类</th>
            <th style="text-align:center; padding:10px; color:var(--text-3); font-weight:700; font-size:0.72rem;">JTBD 任务</th>
            <th style="text-align:left; padding:10px; color:var(--text-3); font-weight:700; font-size:0.72rem;">目标人群</th>
            <th style="text-align:left; padding:10px; color:var(--text-3); font-weight:700; font-size:0.72rem;">话术</th>
          </tr>
        </thead>
        <tbody>
          ${priorityMatrix.map((r, i) => `
          <tr style="border-bottom:1px solid var(--border); ${i % 2 === 0 ? '' : 'background:rgba(0,0,0,0.02);'}">
            <td style="padding:12px 10px; color:var(--text-1); font-weight:700;">${esc(r.seg)}</td>
            <td style="text-align:center; padding:12px 10px; color:var(--text-2); font-family:var(--font-mono); font-size:0.78rem;">${esc(r.size)}</td>
            <td style="text-align:center; padding:12px 10px;">
              <span style="padding:3px 10px; background:${r.priColor}20; color:${r.priColor}; border-radius:10px; font-size:0.74rem; font-weight:800; font-family:var(--font-mono);">${r.pri}</span>
            </td>
            <td style="text-align:center; padding:12px 10px; color:var(--text-2); font-size:0.78rem;">${esc(r.kano)}</td>
            <td style="text-align:center; padding:12px 10px; color:${BRAND.TECH_BLUE}; font-size:0.78rem; font-weight:600;">${esc(r.jtbd)}</td>
            <td style="padding:12px 10px; color:var(--text-1); font-size:0.78rem;">${esc(r.target)}</td>
            <td style="padding:12px 10px; color:${r.priColor}; font-size:0.8rem; font-weight:600; font-style:italic;">${esc(r.message)}</td>
          </tr>`).join('')}
        </tbody>
      </table>
    </div>

    <div class="section-head rise-in" style="margin-top:32px; margin-bottom:18px;">
      <div class="text-mono text-xs" style="color:${BRAND.JIANG_GREEN}; letter-spacing:0.18em; font-weight:700;">3 阶段落地路径 · 5000 万 → 5 亿</div>
    </div>

    <div class="grid" style="grid-template-columns:repeat(3, 1fr); gap:18px;">
      ${launchPlan.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 class="text-mono text-xs" style="color:${p.color}; letter-spacing:0.2em; margin-bottom:6px; font-weight:700;">${esc(p.phase)}</div>
        <h3 style="color:var(--text-1); font-size:1.16rem; font-weight:800; margin:0 0 14px;">${esc(p.title)}</h3>
        <ul style="color:var(--text-1); font-size:0.86rem; line-height:1.64; padding-left:18px; margin:0; list-style:disc;">
          ${p.actions.map((a) => `<li style="margin-bottom:6px;">${esc(a)}</li>`).join('')}
        </ul>
      </div>`).join('')}
    </div>

    ${renderInsightHero({
        eyebrow: 'PRIORITY LOCK · 优先级锁定',
        color: BRAND.PURPLE,
        title: `Batch 2-4 的 VOC + KANO + JTBD 三重验证 → 优先级已经完全收敛：<strong style="color:${BRAND.CORAL};">P0 SKU 1+2</strong>（日常 + 应酬）是立项第一天就要做的；<strong style="color:${BRAND.WARM_ORANGE};">P1 SKU 3+4</strong>（糖友 + 礼盒）是 Y2 扩盘的弹药；<strong style="color:${BRAND.JIANG_GREEN};">P2 SKU 5+6</strong>（差旅 + PPI 组合）是 Y3 升级品类心智的利器。`,
        subtitle: `按这个顺序投放资源 = 按 VOC 痛点浓度投放资源 = 按失败风险最低路径投放资源。<strong style="color:${BRAND.PURPLE};">这是 Ch4 理论工具最终输出的可执行结论</strong>。`,
    })}

    ${renderDecisionList([
        `<strong>立项书 P0 锁定</strong>：SKU 1 + SKU 2 必须在 Y1 内上市，落地优先级最高`,
        `<strong>KPI 设置</strong>：Y1 结束看 5000 万目标达成率 + 用户池 30 万`,
        `<strong>门槛条件</strong>：OTC 批文 2 季度内拿下 · 否则触发回退预案`,
        `<strong>包装一致性</strong>：SKU 1/3/4 统一"猴菇饮系列"视觉 · SKU 2/5 小支独立设计`,
        `<strong>Y2/Y3 门票</strong>：Y1 达成 80%+ 才解锁 Y2 上新 · Y2 达成 80%+ 才解锁 Y3`,
        `<strong>终极判定</strong>：5 亿目标 = 成 · 2-3 亿 = 良 · < 1 亿 = 回退食品路径`,
    ], { title: '最终决策 · 6 条执行锁定', accent: BRAND.PURPLE, columns: 2 })}
  </div>
</section>`;
}

module.exports = {
    'kano-1': renderSub4_1,
    'kano-2': renderSub4_2,
    'kano-3': renderSub4_3,
    'kano-4': renderSub4_4,
    'kano-5': renderSub4_5,
};