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

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

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

    // 证据取样：每个 KANO 类别取 1-2 条 VOC 证据
    const mustHave = LA.getEvidence(items, {
        keyword: '葵花护肝片', contentMatch: /副作用|拉肚|胃疼|天天吃|安全|长期|半年/,
        minChars: 20, top: 1, seed: 5,
    }); // 必备=安全
    const perform = LA.getEvidence(items, {
        keyword: 'dihydromyricetin', contentMatch: /works|effective|hangover|amazing|recommend/i,
        minChars: 40, top: 1, seed: 7,
    }); // 期望=真起效
    const excite = LA.getEvidence(items, {
        keyword: '送长辈保健品', contentMatch: /长辈|父母|爸妈|婆婆|孝心|礼物|准备/,
        minChars: 20, top: 1, seed: 11,
    }); // 兴奋=送长辈礼盒
    const reverse = LA.getEvidence(items, {
        keyword: '海王金樽', contentMatch: /广告|老哒|杠杠|硬广|洗脑/,
        minChars: 12, top: 1, seed: 13,
    }); // 反向=硬广

    const kanoRows = [
        {
            type: '必备需求', en: 'MUST-HAVE',
            color: BRAND.CORAL,
            desc: '"没有会不买"—基本门槛，不做用户不接受',
            items: ['安全无副作用（葵花"拉肚子"担忧 ♥15）', 'OTC 合规备案', '成分透明无添加'],
            voc: mustHave[0],
            action: '<strong>蓝帽子 OTC 双证背书</strong> · 成分表 100% 透明',
        },
        {
            type: '期望需求', en: 'PERFORMANCE',
            color: BRAND.LIVER_AMBER,
            desc: '"越好越好"—用户能感知的越强越值得付费',
            items: ['DMY 清解酒后头疼（体感可感知）', '转氨酶下降速度', '气色改善（"大半年气色由内而外" ♥13）'],
            voc: perform[0],
            action: '<strong>临床数据背书 + 短期体感锚点</strong> · 30 天效果前后对比',
        },
        {
            type: '兴奋需求', en: 'ATTRACTIVE',
            color: BRAND.JIANG_GREEN,
            desc: '"有了超惊喜"—没想到的附加价值，形成差异化',
            items: ['送长辈孝心礼盒（"8000 左右礼物" ♥21）', '张家界藤茶地理文化溢价', '礼品卡 + 溯源码 + 国货新中式'],
            voc: excite[0],
            action: '<strong>礼盒装 ¥298-898 · 千年食饮故事 · 商务送礼场景</strong>',
        },
        {
            type: '无差异需求', en: 'INDIFFERENT',
            color: BRAND.SAGE,
            desc: '"有没有无所谓"—成本高却用户不看重的功能',
            items: ['维生素复合包（用户已厌倦汤臣式复合）', '更多成分堆砌（silymarin "7500mg deceive" ♥16 警示）', '花哨包装 / 过度营销标签'],
            voc: null,
            action: '<strong>做减法：单一 DMY 差异化 > 成分杂交</strong>',
        },
        {
            type: '反向需求', en: 'REVERSE',
            color: BRAND.WINE_RED,
            desc: '"有了反而不买"—做了用户更排斥的动作',
            items: ['硬广洗脑（"老哒广告杠杠的" ♥40）', '药盒感 / 保守形象（片仔癀/葵花）', '虚假剂量（"7500 mg claim to deceive"）'],
            voc: reverse[0],
            action: '<strong>明令禁止：TVC 洗脑 / 剂量夸张 / 药盒感</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} · KANO 五类需求`,
        title: '<span style="color:' + BRAND.PURPLE + ';">KANO 五类</span>：肝纯片的需求层次地图',
        subtitle: '不把 KANO 当装饰模型——每一类需求都映射到<strong>具体 SKU / 话术 / 包装</strong>决策，用 VOC 证据验证。',
        color: BRAND.PURPLE,
    })}

    <div class="grid" style="grid-template-columns:1fr; gap:16px; margin-top:20px;">
      ${kanoRows.map((r) => `
      <div style="padding:18px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid ${r.color}; border-radius:var(--radius-md);">
        <div style="display:grid; grid-template-columns:160px 1.2fr ${r.voc ? '1.3fr' : ''} 1fr; gap:18px; align-items:start;">
          <div>
            <div class="text-mono text-xs" style="color:${r.color}; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">${r.en}</div>
            <div style="color:var(--text-1); font-weight:800; font-size:1.08rem; margin-bottom:6px;">${r.type}</div>
            <div style="color:var(--text-2); font-size:0.78rem; line-height:1.55;">${r.desc}</div>
          </div>
          <div>
            <div class="text-mono text-xs" style="color:${BRAND.PURPLE}; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">肝纯片对应需求</div>
            <ul style="margin:0; padding-left:18px; list-style:disc; color:var(--text-1); font-size:0.86rem; line-height:1.7;">
              ${r.items.map((it) => `<li style="margin-bottom:4px;">${it}</li>`).join('')}
            </ul>
          </div>
          ${r.voc ? `<div>
            ${C.renderVocCard(r.voc, { accent: r.color, compact: true, maxChars: 160 })}
          </div>` : ''}
          <div>
            <div class="text-mono text-xs" style="color:${BRAND.JIANG_GREEN}; letter-spacing:0.15em; margin-bottom:8px; font-weight:700;">决策映射</div>
            <div style="padding:10px 12px; background:${BRAND.JIANG_GREEN}08; border:1px solid ${BRAND.JIANG_GREEN}33; border-radius:4px; font-size:0.82rem; line-height:1.6; color:var(--text-1);">
              ${r.action}
            </div>
          </div>
        </div>
      </div>`).join('')}
    </div>

    <div class="fade-up" style="margin-top:24px;">
      ${C.renderInsightHero({
          eyebrow: 'KANO PRIORITY · 优先级',
          color: BRAND.PURPLE,
          title: `<strong style="color:${BRAND.CORAL};">必备 → 期望 → 兴奋</strong> 是投资顺序。先做到"<strong>安全无副作用 + OTC 合规</strong>"（必备 = 零容错），再把"<strong>DMY 真起效</strong>"（期望）讲清楚，最后用"<strong>送长辈礼盒</strong>"（兴奋）做溢价。`,
          subtitle: `<strong style="color:${BRAND.WINE_RED};">反向需求必须明令禁止</strong>——硬广、药盒感、虚假剂量是<strong>"做多不如不做"</strong>的死线。`,
      })}
    </div>

    ${C.renderDecisionList([
        `<strong>必备守门</strong>：蓝帽子 OTC 双证 + 成分 100% 透明 + 第三方检测报告公开`,
        `<strong>期望锚定</strong>：DMY"清酒后头疼"作快体感 + 30 天转氨酶变化作慢体感`,
        `<strong>兴奋溢价</strong>：礼盒装 ¥298-898 + 千年食饮故事 + 张家界原产地证`,
        `<strong>反向封堵</strong>：拒硬广 TVC / 拒药盒感 / 拒剂量夸张话术`,
    ], { title: '落地决策 · KANO 优先级映射', accent: BRAND.PURPLE, columns: 2 })}
  </div>
</section>`;
}

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

    // 功能价值评论：解酒/转氨酶/熬夜/清肝
    const fEvidence = LA.getEvidence(items, {
        contentMatch: /转氨酶|谷丙|肝功|指标|解酒|不上头|头疼|头晕|解酒神器|代谢|清肝|吃完/,
        minChars: 25, top: 6, seed: 5,
    });

    const funcJobs = [
        { icon: '🍶', title: '解酒·清酒后头疼',  color: BRAND.WINE_RED,    voc: fEvidence.find((it) => /解酒|头|醉|醒/.test(it.content || '')),
          job: '<strong>"饭局后清早不头疼"</strong>——DMY 加速乙醛脱氢酶活性，对标海王金樽失败剧本', metric: '喝酒后次日头疼评分下降 ≥40%' },
        { icon: '📉', title: '护肝·转氨酶下降',  color: BRAND.TECH_BLUE,   voc: fEvidence.find((it) => /转氨酶|谷丙|指标|肝功/.test(it.content || '')),
          job: '<strong>"体检查出来转氨酶偏高的救命稻草"</strong>——对标易善复的医嘱依赖', metric: '连服 30 天 ALT 下降 20-50%' },
        { icon: '🌙', title: '熬夜·体感自救',    color: BRAND.CORAL,       voc: fEvidence.find((it) => /熬夜|夜|18岁|吓/.test(it.content || '')),
          job: '<strong>"熬夜后吓得赶紧吃两粒"</strong>（♥4823）——抖音熬夜人群的心智入口', metric: '熬夜次日疲劳感评分下降 ≥30%' },
        { icon: '💧', title: '日常·肝功保养',     color: BRAND.SAGE,        voc: fEvidence.find((it) => /日常|坚持|气色|大半年|吃了/.test(it.content || '')),
          job: '<strong>"长期吃气色由内而外好"</strong>（♥13）——对标汤臣倍健但做真差异化', metric: '持续 90 天用户续购率 ≥45%' },
    ];

    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} · JTBD Functional`,
        title: '<span style="color:' + BRAND.TECH_BLUE + ';">Functional 功能价值</span>：4 个用户"雇佣"肝纯片干的真实活',
        subtitle: '不讲成分讲<strong>用户要完成的任务 (Jobs-to-be-Done)</strong>——每个 Job 都对应一段真实 VOC + 可验证的成功指标。',
        color: BRAND.TECH_BLUE,
    })}

    <div class="grid" style="grid-template-columns:1fr 1fr; gap:18px; margin-top:20px;">
      ${funcJobs.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 style="display:flex; align-items:center; gap:10px; margin-bottom:12px;">
          <div style="font-size:1.8rem;">${j.icon}</div>
          <div>
            <div style="color:var(--text-1); font-weight:800; font-size:1.1rem;">${esc(j.title)}</div>
            <div class="text-mono text-xs" style="color:${j.color}; letter-spacing:0.1em; margin-top:2px;">JOB-TO-BE-DONE</div>
          </div>
        </div>

        <div style="padding:12px 14px; background:${j.color}08; border-left:3px solid ${j.color}; border-radius:4px; margin-bottom:12px;">
          <div style="color:var(--text-1); font-size:0.9rem; line-height:1.7;">${j.job}</div>
        </div>

        ${j.voc ? C.renderVocCard(j.voc, { accent: j.color, compact: true, maxChars: 160 }) : `<div style="padding:12px; background:var(--bg-2); border-radius:4px; color:var(--text-3); font-size:0.8rem; text-align:center;">—— VOC 数据暂缺 ——</div>`}

        <div style="margin-top:12px; padding:10px 12px; background:${BRAND.JIANG_GREEN}08; border:1px solid ${BRAND.JIANG_GREEN}33; border-radius:4px;">
          <div class="text-mono text-xs" style="color:${BRAND.JIANG_GREEN}; letter-spacing:0.15em; margin-bottom:4px; font-weight:700;">成功指标</div>
          <div style="color:var(--text-1); font-size:0.84rem;">${esc(j.metric)}</div>
        </div>
      </div>`).join('')}
    </div>

    ${C.renderDecisionList([
        `<strong>Functional 卖点层级</strong>：短期（解酒头疼）→ 中期（转氨酶下降）→ 长期（气色/日常保养）`,
        `<strong>Job-to-be-Done 话术</strong>：不讲成分讲任务 —— "肝纯片是为了___的人准备的"`,
        `<strong>度量 KPI</strong>：30 天 ALT 降幅 / 次日头疼评分 / 续购率 / NPS`,
        `<strong>内容主题</strong>：XHS 聚焦"熬夜党自救" + 抖音聚焦"饭局后清早"`,
    ], { title: '落地决策 · Functional JTBD 落位', accent: BRAND.TECH_BLUE, columns: 2 })}
  </div>
</section>`;
}

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

    const anxietyVoc = LA.getEvidence(items, {
        contentMatch: /吓|体检|转氨酶|没几天|指标|担心|焦虑|怕|不敢|犹豫|犹疑/,
        minChars: 20, top: 3, seed: 7,
    });
    const reliefVoc = LA.getEvidence(items, {
        contentMatch: /终于|安心|放心|踏实|省心|不用|不担心|稳了|缓解/,
        minChars: 20, top: 2, seed: 11,
    });

    const emoJobs = [
        { title: '化解体检焦虑',  color: BRAND.CORAL,      before: '"刷抖音感觉自己没几天了" ♥732 · "吓得赶紧吃两粒" ♥4823',
          after: '"日常一粒，体检不慌"', voc: anxietyVoc[0] },
        { title: '解锁熬夜自由',  color: BRAND.LIVER_AMBER, before: '"18岁体检查出转氨酶偏高" ♥21328 · 年轻化健康焦虑',
          after: '"熬夜党的心理安全带"', voc: anxietyVoc[1] },
        { title: '重建饮酒掌控感', color: BRAND.WINE_RED,   before: '"昨晚谁都不是我的对手，今天网搜怎么缓解" ♥5729 · 失控后自救',
          after: '"应酬前一粒，次日还是我"', voc: reliefVoc[0] || anxietyVoc[2] },
        { title: '日常自我关怀',   color: BRAND.SAGE,       before: '"吃了大半年气色由内而外好" ♥13 · 长期坚持带来的安定',
          after: '"对自己好一点，从每天 1 粒开始"', voc: reliefVoc[1] },
    ];

    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} · JTBD Emotional`,
        title: '<span style="color:' + BRAND.CORAL + ';">Emotional 情绪价值</span>：从焦虑到掌控的 4 条情绪线',
        subtitle: '<strong>用户买的不只是药片，而是一种情绪状态</strong>——每个情绪 Job 都对应"<strong>Before 焦虑 → After 掌控</strong>"的转变。',
        color: BRAND.CORAL,
    })}

    <div class="grid" style="grid-template-columns:1fr 1fr; gap:18px; margin-top:20px;">
      ${emoJobs.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 style="color:var(--text-1); font-weight:800; font-size:1.12rem; margin-bottom:14px;">${esc(j.title)}</div>

        <div style="display:grid; grid-template-columns:1fr auto 1fr; gap:10px; align-items:center; margin-bottom:14px;">
          <div style="padding:12px 14px; background:${BRAND.CORAL}0A; border:1px solid ${BRAND.CORAL}33; border-radius:4px;">
            <div class="text-mono text-xs" style="color:${BRAND.CORAL}; margin-bottom:4px; font-weight:700;">BEFORE · 焦虑</div>
            <div style="color:var(--text-1); font-size:0.82rem; line-height:1.6;">${j.before}</div>
          </div>
          <div style="color:${j.color}; font-size:1.6rem;">→</div>
          <div style="padding:12px 14px; background:${j.color}0A; border:1px solid ${j.color}33; border-radius:4px;">
            <div class="text-mono text-xs" style="color:${j.color}; margin-bottom:4px; font-weight:700;">AFTER · 掌控</div>
            <div style="color:var(--text-1); font-size:0.86rem; line-height:1.6; font-weight:600;">${esc(j.after)}</div>
          </div>
        </div>

        ${j.voc ? C.renderVocCard(j.voc, { accent: j.color, compact: true, maxChars: 160 }) : ''}
      </div>`).join('')}
    </div>

    <div class="fade-up" style="margin-top:24px;">
      ${C.renderInsightHero({
          eyebrow: 'EMOTIONAL PROMISE · 情绪承诺',
          color: BRAND.CORAL,
          title: `<strong>"肝纯片不治病，但它把你的焦虑<span style='color:${BRAND.JIANG_GREEN};'>变成一粒可以吞下去的安心</span>"</strong>——这是所有情绪价值的共同母题。`,
          subtitle: `情绪价值不靠数据说服，靠<strong style="color:${BRAND.CORAL};">场景同理心</strong> + <strong style="color:${BRAND.JIANG_GREEN};">自我关怀仪式感</strong>。广告片不拍产品，拍<em>使用它的人内心的转变</em>。`,
      })}
    </div>

    ${C.renderDecisionList([
        `<strong>文案主轴</strong>：不讲"护肝"讲"不慌"——体检不慌、熬夜不慌、应酬不慌`,
        `<strong>视觉主轴</strong>：每支广告片都有"焦虑 → 平静"的转变瞬间`,
        `<strong>仪式感设计</strong>：瓶身设计 + 服用节奏 + App 打卡 = 每天一次"对自己好"的仪式`,
        `<strong>共情社群</strong>：XHS "熬夜党互助小组" · 抖音 "饭局自救打卡"`,
    ], { title: '落地决策 · 情绪价值落位', accent: BRAND.CORAL, columns: 2 })}
  </div>
</section>`;
}

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

    const gift = LA.getEvidence(items, {
        keyword: '送长辈保健品',
        contentMatch: /长辈|父母|爸妈|孝心|礼物|上门|见家长|准备|见父母|8000|十八样/,
        minChars: 15, top: 3, seed: 5,
    });
    const drinkSocial = LA.getEvidence(items, {
        keyword: '酒局必备',
        contentMatch: /酒局|应酬|商务|饭局|喝|酒量|维b|翻倍|半小时/,
        minChars: 20, top: 2, seed: 9,
    });

    const socialRoles = [
        {
            role: '饭局社交货币',
            color: BRAND.WINE_RED,
            scenario: '酒局前从口袋掏出一板肝纯片——"老板喝酒备着这个，给您也来一粒"',
            hook: '"就在酒企，维b和维c一次三片，酒量翻一倍" ♥4412 · 用户已经自行尝试"喝酒前的物件"，肝纯片就是那个"物件"的升级版',
            voc: drinkSocial[0],
            value: '商务场合的<strong>"懂行 + 体面"</strong>标签',
        },
        {
            role: '孝心表达器',
            color: BRAND.GOLD,
            scenario: '过节回家 / 上门见家长 → "给爸爸买的护肝片，他熬夜多"',
            hook: '"一共准备了十八样礼品...对长辈的尊重" ♥178 · 送礼场景里护肝品类几乎空白，有机会',
            voc: gift[0],
            value: '代际之间的<strong>"关心的仪式"</strong>符号',
        },
        {
            role: '养生时尚圈层',
            color: BRAND.TENGCHA_GREEN,
            scenario: '小红书晒图 / 抖音 vlog —— "我的护肝功课：藤茶 DMY + 早睡"',
            hook: '藤茶故事 × 东方草本 × 千年食饮 = 比 Swisse 更有故事的社交货币',
            voc: null,
            value: '"养生时尚圈层"的<strong>"我选的是东方"</strong>身份标签',
        },
        {
            role: '家庭守护者',
            color: BRAND.JIANG_GREEN,
            scenario: '配偶 / 父母 / 子女间相互购买 —— "给我老公买的，他应酬多"',
            hook: '汤臣倍健用户"气色由内而外好 ♥13"的长期陪伴感，肝纯片可以接这个盘',
            voc: gift[1] || gift[2],
            value: '家庭关系中的<strong>"我在乎你"</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} · JTBD Social`,
        title: '<span style="color:' + BRAND.GOLD + ';">Social 社会价值</span>：肝纯片是什么样的"社交符号"',
        subtitle: '产品不是孤立的——它是用户社交场里的<strong>符号道具</strong>。每个符号都对应一个关系、一个场景、一种身份表达。',
        color: BRAND.GOLD,
    })}

    <div class="grid" style="grid-template-columns:1fr 1fr; gap:18px; margin-top:20px;">
      ${socialRoles.map((r) => `
      <div style="padding:20px 22px; background:var(--bg-1); border:1px solid var(--border); border-left:4px solid ${r.color}; border-radius:var(--radius-md);">
        <div class="text-mono text-xs" style="color:${r.color}; letter-spacing:0.15em; margin-bottom:6px; font-weight:700;">SOCIAL ROLE</div>
        <div style="color:var(--text-1); font-weight:800; font-size:1.12rem; margin-bottom:12px;">${esc(r.role)}</div>

        <div style="padding:12px 14px; background:${r.color}08; border-left:3px solid ${r.color}; border-radius:4px; margin-bottom:12px;">
          <div class="text-mono text-xs" style="color:${r.color}; margin-bottom:4px; font-weight:700;">场景剧本</div>
          <div style="color:var(--text-1); font-size:0.86rem; line-height:1.6;">${r.scenario}</div>
        </div>

        <div style="margin-bottom:12px; padding:10px 12px; background:${BRAND.PURPLE}0A; border-radius:4px;">
          <div class="text-mono text-xs" style="color:${BRAND.PURPLE}; margin-bottom:4px; font-weight:700;">VOC HOOK</div>
          <div style="color:var(--text-1); font-size:0.82rem; line-height:1.55;">${r.hook}</div>
        </div>

        ${r.voc ? C.renderVocCard(r.voc, { accent: r.color, compact: true, maxChars: 150 }) : ''}

        <div style="margin-top:12px; padding:10px 12px; background:${BRAND.JIANG_GREEN}08; border:1px solid ${BRAND.JIANG_GREEN}33; border-radius:4px;">
          <div class="text-mono text-xs" style="color:${BRAND.JIANG_GREEN}; margin-bottom:4px; font-weight:700;">身份标签</div>
          <div style="color:var(--text-1); font-size:0.86rem;">${r.value}</div>
        </div>
      </div>`).join('')}
    </div>

    ${C.renderDecisionList([
        `<strong>饭局社交货币</strong>：商务铁盒装 24 粒 · ¥298 · 一物一码 + 送礼卡`,
        `<strong>孝心表达器</strong>：节日礼盒 2 瓶装 · ¥498-898 · 中式礼袋 + 溯源二维码`,
        `<strong>养生时尚圈层</strong>：XHS KOL 内容 + 东方草本视觉 + 藤茶溯源纪录片`,
        `<strong>家庭守护者</strong>：家庭装 60 粒 · ¥198 · 配带提醒服用 App`,
    ], { title: '落地决策 · 4 种社交符号产品化', accent: BRAND.GOLD, columns: 2 })}
  </div>
</section>`;
}

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

    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} · 决策优先级`,
        title: '<span style="color:' + BRAND.SAGE + ';">KANO × JTBD</span> → <span style="color:' + BRAND.JIANG_GREEN + ';">SKU / 话术 / 包装 / 价格</span> 映射',
        subtitle: '把 KANO 5 类 × JTBD 3 维 折叠为<strong>12 项落地决策</strong>——每一项都是下游 SKU / 话术 / 包装 / 价格的直接输入。',
        color: BRAND.SAGE,
    })}

    <div style="margin-top:20px;">
      ${C.renderCompareTable({
          title: 'DECISION MATRIX · 12 项落地决策',
          headers: ['维度', 'Functional 功能', 'Emotional 情绪', 'Social 社会'],
          rows: [
              [
                  { html: '<strong>必备</strong>', color: BRAND.CORAL, bold: true },
                  { html: 'OTC 合规 × 成分表公开', color: 'var(--text-1)' },
                  { html: '吃得安心 · 不怕长期', color: 'var(--text-1)' },
                  { html: '可以光明正大送人的正品', color: 'var(--text-1)' },
              ],
              [
                  { html: '<strong>期望</strong>', color: BRAND.LIVER_AMBER, bold: true },
                  { html: 'DMY 清解酒后头疼 × ALT 下降', color: 'var(--text-1)' },
                  { html: '体检不慌 · 熬夜心理安全带', color: 'var(--text-1)' },
                  { html: '"懂行"的行家标签', color: 'var(--text-1)' },
              ],
              [
                  { html: '<strong>兴奋</strong>', color: BRAND.JIANG_GREEN, bold: true },
                  { html: '30 天ALT 前后对比卡 · 溯源码', color: 'var(--text-1)' },
                  { html: '千年食饮故事 + 自我关怀仪式', color: 'var(--text-1)' },
                  { html: '中式新礼盒 × 张家界原产地背书', color: 'var(--text-1)' },
              ],
              [
                  { html: '<strong>无差异</strong>', color: BRAND.SAGE, bold: true },
                  { html: '避免多成分堆砌', color: BRAND.SAGE },
                  { html: '避免过度情绪营销', color: BRAND.SAGE },
                  { html: '避免不痛不痒的一般性标语', color: BRAND.SAGE },
              ],
              [
                  { html: '<strong>反向</strong>', color: BRAND.WINE_RED, bold: true },
                  { html: '✗ 剂量夸张（如"7500 mg"话术）', color: BRAND.WINE_RED },
                  { html: '✗ 恐惧营销 / 肝病吓人片', color: BRAND.WINE_RED },
                  { html: '✗ 硬广"老哒"式 TVC 洗脑', color: BRAND.WINE_RED },
              ],
          ],
          accent: BRAND.SAGE,
      })}
    </div>

    <div class="grid" style="grid-template-columns:1fr 1fr 1fr 1fr; gap:16px; margin-top:24px;">
      <div style="padding:18px; background:${BRAND.CORAL}08; border:1px solid ${BRAND.CORAL}33; border-radius:var(--radius-md);">
        <div class="text-mono text-xs" style="color:${BRAND.CORAL}; margin-bottom:8px; font-weight:700;">SKU 映射</div>
        <div style="color:var(--text-1); font-size:0.86rem; line-height:1.7;">
          · 日常瓶 60 粒 ¥128<br/>
          · 随身板 12 粒 ¥39<br/>
          · 商务铁盒 24 粒 ¥198<br/>
          · 礼盒 2 瓶 ¥498<br/>
          · 家庭装 120 粒 ¥198<br/>
          · 国礼级双瓶 ¥898
        </div>
      </div>
      <div style="padding:18px; background:${BRAND.LIVER_AMBER}08; border:1px solid ${BRAND.LIVER_AMBER}33; border-radius:var(--radius-md);">
        <div class="text-mono text-xs" style="color:${BRAND.LIVER_AMBER}; margin-bottom:8px; font-weight:700;">话术映射</div>
        <div style="color:var(--text-1); font-size:0.86rem; line-height:1.7;">
          · 藤茶 DMY · 千年食饮<br/>
          · 体检不慌 · 熬夜自救<br/>
          · 饭局清早不头疼<br/>
          · 江中 OTC 品质背书<br/>
          · 对爸妈最具心意的礼<br/>
          · 养生时尚 · 东方选择
        </div>
      </div>
      <div style="padding:18px; background:${BRAND.TENGCHA_GREEN}08; border:1px solid ${BRAND.TENGCHA_GREEN}33; border-radius:var(--radius-md);">
        <div class="text-mono text-xs" style="color:${BRAND.TENGCHA_GREEN}; margin-bottom:8px; font-weight:700;">包装映射</div>
        <div style="color:var(--text-1); font-size:0.86rem; line-height:1.7;">
          · 东方草本视觉语言<br/>
          · 藤叶纹样 + 金线<br/>
          · 荷叶绿 + 米白主色<br/>
          · 去药盒化 → 轻养生<br/>
          · 中式新礼袋<br/>
          · 一物一码 + 溯源
        </div>
      </div>
      <div style="padding:18px; background:${BRAND.JIANG_GREEN}08; border:1px solid ${BRAND.JIANG_GREEN}33; border-radius:var(--radius-md);">
        <div class="text-mono text-xs" style="color:${BRAND.JIANG_GREEN}; margin-bottom:8px; font-weight:700;">价格映射</div>
        <div style="color:var(--text-1); font-size:0.86rem; line-height:1.7;">
          · 入门带：¥39-128<br/>
          · 主销带：¥198-298<br/>
          · 礼品带：¥498-898<br/>
          · vs Swisse：便宜 20-30%<br/>
          · vs 片仔癀：便宜 40-50%<br/>
          · vs 易善复：贵 10-20%（免处方）
        </div>
      </div>
    </div>

    ${C.renderDecisionList([
        `<strong>P0 优先级</strong>：必备 × Functional（OTC 合规 + 成分透明）— 上市前必做`,
        `<strong>P1 优先级</strong>：期望 × Functional + Emotional（DMY 效果 + 情绪锚点）— 前 6 个月重点`,
        `<strong>P2 优先级</strong>：兴奋 × Social（礼盒 + 社交货币）— 前 12 个月内完成`,
        `<strong>明令禁止</strong>：反向列表（硬广/剂量夸张/恐惧营销）— 全生命周期`,
    ], { title: '落地决策 · 优先级排序', accent: BRAND.SAGE, 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,
};