// 江中猴菇饮 · Ch7 新机会 × 新场景 × 新人群（3 子章）
//   7.1 新机会 · PPI 离断过渡饮
//   7.2 新场景 · "送胃"礼品赛道
//   7.3 新人群 · 糖友无糖版 + 夜宵族

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

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

// ================================================================
// 7.1 · 新机会 · PPI 离断过渡饮
// ================================================================
function renderSub7_1(ctx) {
    const { chapter: c, subIdx, slideNum, slideTotal, data } = ctx;
    const items = data.items || [];

    const real = items.filter((it) => it.source === 'real-collected');
    const ppiDep = HGY.getEvidence(real, { tag: 'PPI 依赖焦虑', top: 8, seed: 11 });
    const ppiAll = HGY.filterByHypothesis(real, 'H4').concat(HGY.filterByHypothesis(real, 'H3').filter((it) => /拉唑|ppi|奥美|雷贝|艾司/i.test(it.content || '')));
    const ppiHighLike = HGY.topByLikes(ppiAll, 4);
    const combinedVoc = [...ppiDep, ...ppiHighLike]
        .filter((it, i, arr) => arr.findIndex((x) => x.id === it.id) === i)
        .slice(0, 6);

    const personas = [
        { key: 'U1', color: BRAND.TECH_BLUE, name: '长期服用者 · 8-10 年', n: '2000万+',
            desc: '医生最初开的拉唑一吃就是8-10年 · 想停但每次停都反弹 · 对饼干/米稀不屑但愿意试"医生/营养师推荐"的饮',
            vocClue: '"反流性食管炎10多年了 奥美拉唑几乎没停过 人都搞抑郁了"' },
        { key: 'U2', color: BRAND.WARM_ORANGE, name: '焦虑服用者 · 1-3 年', n: '500万+',
            desc: '刚吃上 PPI 1-3 年 · 看科普越多越焦虑 · 想找食疗搭配 · 对江中品牌有基础信任',
            vocClue: '"医生告诉我如果已经依赖拉唑 就得配合养胃的慢调 比如食疗"' },
        { key: 'U3', color: BRAND.PURPLE, name: '已停药复发者', n: '300万+',
            desc: '曾经停过 · 停后胃酸反跳性爆发 · 怕再吃但症状受不了 · 最愿意试过渡方案',
            vocClue: '"停药综合征太难受了 比原来的胃病还折磨"' },
        { key: 'U4', color: BRAND.JIANG_GREEN, name: '家属代购者', n: '~1000万',
            desc: '子女/配偶看父母/伴侣长期吃 PPI 着急 · 主动寻找替代 · 愿意为"温和日常"付溢价',
            vocClue: '"我爸吃拉唑快 10 年了 我一直想给他找个食疗代替 但怕乱推荐反而不好"' },
    ];

    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} · 新机会 #1`,
        title: '<span style="color:' + BRAND.TECH_BLUE + ';">PPI 离断过渡饮</span> · 接住胃药焦虑的巨大溢出',
        subtitle: '2727 条真实 VOC 里，H3+H4 合计 <strong>超过 1000 条</strong>评论在讲"想停 PPI 但不敢" · 这是猴菇饮最大、最明确、最急迫的长尾赛道。',
        color: BRAND.TECH_BLUE,
    })}

    ${renderStatStrip([
        { num: '4000万+', label: 'PPI 活跃用户总盘', color: BRAND.TECH_BLUE },
        { num: '35-45%', label: '明确想减量/替代', color: BRAND.WARM_ORANGE },
        { num: '1500万', label: '强需求人群（保守）', color: BRAND.CORAL },
        { num: `${ppiAll.length}`, label: 'PPI 相关真实 VOC', color: BRAND.JIANG_GREEN },
        { num: '20-40亿', label: '保守年规模预估', color: BRAND.DEEP_AMBER },
    ], { accent: BRAND.TECH_BLUE })}

    <div class="grid" style="grid-template-columns:1.3fr 1fr; gap:24px; margin-top:28px;">
      <div>
        <div class="text-mono text-xs" style="color:${BRAND.TECH_BLUE}; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC 真实证据 · PPI 依赖痛点</div>
        <div style="display:flex; flex-direction:column; gap:12px;">
          ${combinedVoc.slice(0, 4).map((it) => renderVocCard(it, { accent: BRAND.TECH_BLUE, compact: true })).join('')}
        </div>
      </div>
      <div>
        <div class="text-mono text-xs" style="color:${BRAND.TECH_BLUE}; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">4 类子人群 · 接住策略</div>
        <div style="display:flex; flex-direction:column; gap:12px;">
          ${personas.map((p) => `
          <div style="padding:14px 16px; background:var(--bg-1); border:1px solid var(--border); border-left:3px solid ${p.color}; border-radius:6px;">
            <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:4px;">
              <div class="text-mono text-xs" style="color:${p.color}; font-weight:700; letter-spacing:0.1em;">${p.key} · ${esc(p.name)}</div>
              <div style="color:${p.color}; font-family:var(--font-mono); font-size:0.8rem; font-weight:700;">${esc(p.n)}</div>
            </div>
            <div style="color:var(--text-2); font-size:0.78rem; line-height:1.55; margin-bottom:6px;">${esc(p.desc)}</div>
            <div style="padding:6px 10px; background:${p.color}08; border-radius:4px; color:var(--text-1); font-size:0.72rem; font-style:italic; line-height:1.5;">${esc(p.vocClue)}</div>
          </div>`).join('')}
        </div>
      </div>
    </div>

    ${renderTheoryBox({
        theory: 'JTBD × 医学逻辑 · 不替代 PPI · 做"减量路上的伴侣"',
        accent: BRAND.PURPLE,
        mapping: `
        <strong style="color:${BRAND.TECH_BLUE};">定位公式</strong> = "<em>PPI 减量期间温和日常维持饮</em>" —— 不宣称替代 PPI 疗效（规避医疗宣称风险），但主打"<strong>帮用户建立可持续的温和管胃习惯</strong>"；<br/>
        <strong style="color:${BRAND.WARM_ORANGE};">JTBD Functional</strong>：每天一瓶 · 胃部感受的主观改善；<br/>
        <strong style="color:${BRAND.JIANG_GREEN};">JTBD Emotional</strong>：摆脱"药瘾者"心理身份 · 重获对自己的胃的掌控感；<br/>
        <strong style="color:${BRAND.ROSE};">JTBD Social</strong>：告诉家人/同事"我在主动养胃 不是被动吃药"。`,
    })}

    ${renderDecisionList([
        `<strong>产品形态</strong>：300ml 日常装 + 90 天组合装（PPI 减量 12 周疗程关联）`,
        `<strong>定价策略</strong>：12-15 元/日 · 与 PPI 日费用持平 · 建立"等价替代"心理锚点`,
        `<strong>渠道重点</strong>：消化科医院周边药店 / 胃病管理 APP / 私域社群`,
        `<strong>教育内容</strong>：《PPI 减量日记》社群 + 与医生合作科普 + 真实用户故事`,
        `<strong>合规边界</strong>：不说"替代拉唑" / 不说"治疗胃病" · 只说"温和日常维持"`,
        `<strong>KPI · 18 月</strong>：PPI 焦虑人群的自报复购占比 >40%`,
    ], { title: '决策 · PPI 过渡饮 6 条落地', accent: BRAND.TECH_BLUE, columns: 2 })}
  </div>
</section>`;
}

// ================================================================
// 7.2 · 新场景 · "送胃"礼品赛道
// ================================================================
function renderSub7_2(ctx) {
    const { chapter: c, subIdx, slideNum, slideTotal, data } = ctx;
    const items = data.items || [];

    const real = items.filter((it) => it.source === 'real-collected');
    const giftVoc = HGY.getEvidence(real, { tag: '送礼', top: 5, seed: 13 });
    const giftAll = HGY.filterByHypothesis(real, 'H8');
    const giftFallback = HGY.topByLikes(giftAll, 4);
    const voc = [...giftVoc, ...giftFallback].filter((it, i, arr) => arr.findIndex((x) => x.id === it.id) === i).slice(0, 5);

    const scenes = [
        { key: 'S1', color: BRAND.ROSE, scene: '春节回家', time: '腊月-正月', target: '父母',
            alt: '阿胶 / 蜂蜜 / 黄芪精', advantage: '日常饮 · 父母真能喝完 · 比阿胶轻便' },
        { key: 'S2', color: BRAND.DEEP_AMBER, scene: '中秋/端午', time: '8-9月', target: '父母/长辈',
            alt: '月饼 / 茶叶礼盒', advantage: '节日健康替代 · 告别糖分月饼 · 贴合养生话题' },
        { key: 'S3', color: BRAND.WARM_ORANGE, scene: '节前拜访客户', time: '年底 / 季度末', target: '客户 / 领导',
            alt: '白酒 / 保健品 / 土特产', advantage: '体面 · 不落俗套 · 健康话题破冰' },
        { key: 'S4', color: BRAND.JIANG_GREEN, scene: '员工关怀 / 团队福利', time: '节日 / 年末', target: '团队',
            alt: '茶叶 / 零食礼盒 / 咖啡', advantage: '全员适用 · 健康形象 · 企业定制化' },
    ];

    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} · 新机会 #2`,
        title: '<span style="color:' + BRAND.ROSE + ';">"送胃"礼品</span>赛道 · 对标阿胶的细分空白',
        subtitle: '中国送礼市场年规模 <strong style="color:' + BRAND.ROSE + ';">5000 亿</strong> · "送胃"品类几乎空白 · 猴菇饮是第一个有机会建立品类认知的产品。',
        color: BRAND.ROSE,
    })}

    ${renderStatStrip([
        { num: '5000亿+', label: '送礼市场年规模', color: BRAND.ROSE },
        { num: '8%', label: '健康礼品占比', color: BRAND.DEEP_AMBER },
        { num: '0', label: '"送胃"明确品类', color: BRAND.JIANG_GREEN },
        { num: `${giftAll.length}`, label: '送礼相关 VOC', color: BRAND.HOUGU_TAN },
        { num: '30-50亿', label: '3 年潜在规模', color: BRAND.WARM_ORANGE },
    ], { accent: BRAND.ROSE })}

    <div class="grid" style="grid-template-columns:repeat(4, 1fr); gap:14px; margin-top:24px;">
      ${scenes.map((s) => `
      <div style="padding:18px 20px; background:var(--bg-1); border:1px solid var(--border); border-top: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} · 场景</div>
        <h3 style="color:var(--text-1); font-size:1.04rem; font-weight:800; margin:0 0 4px;">${esc(s.scene)}</h3>
        <div style="color:var(--text-3); font-size:0.72rem; margin-bottom:10px;">${esc(s.time)} · 送 ${esc(s.target)}</div>
        <div style="padding:8px 10px; background:${BRAND.CORAL}08; border-radius:4px; margin-bottom:8px;">
          <div class="text-mono text-xs" style="color:${BRAND.CORAL}; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">替代品</div>
          <div style="color:var(--text-2); font-size:0.76rem;">${esc(s.alt)}</div>
        </div>
        <div style="padding:8px 10px; background:${s.color}0E; border-radius:4px;">
          <div class="text-mono text-xs" style="color:${s.color}; font-weight:700; letter-spacing:0.1em; margin-bottom:4px;">猴菇饮优势</div>
          <div style="color:var(--text-1); font-size:0.78rem; line-height:1.5;">${esc(s.advantage)}</div>
        </div>
      </div>`).join('')}
    </div>

    <div class="grid" style="grid-template-columns:1.1fr 1fr; gap:24px; margin-top:28px;">
      <div>
        <div class="text-mono text-xs" style="color:${BRAND.ROSE}; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC 证据 · 送礼原声</div>
        <div style="display:flex; flex-direction:column; gap:12px;">
          ${voc.slice(0, 4).map((it) => renderVocCard(it, { accent: BRAND.ROSE, compact: true })).join('')}
        </div>
      </div>

      <div>
        <div style="padding:22px 26px; background:${BRAND.JIANG_GREEN}0A; border:1px solid ${BRAND.JIANG_GREEN}33; border-radius:var(--radius-md);">
          <div class="text-mono text-xs" style="color:${BRAND.JIANG_GREEN}; letter-spacing:0.2em; margin-bottom:14px; font-weight:700;">对标阿胶 · 品类类比</div>
          <table style="width:100%; border-collapse:collapse; font-size:0.84rem;">
            <thead>
              <tr style="border-bottom:2px solid var(--border);">
                <th style="text-align:left; padding:8px 0; color:var(--text-3); font-size:0.72rem; font-weight:600;">维度</th>
                <th style="text-align:center; padding:8px 0; color:${BRAND.DEEP_AMBER}; font-size:0.72rem; font-weight:700;">东阿阿胶</th>
                <th style="text-align:center; padding:8px 0; color:${BRAND.JIANG_GREEN}; font-size:0.72rem; font-weight:700;">猴菇饮礼盒</th>
              </tr>
            </thead>
            <tbody>
              <tr style="border-bottom:1px solid var(--border);"><td style="padding:10px 0;">品类身份</td><td style="text-align:center; padding:10px 0;">中药 / 滋补</td><td style="text-align:center; padding:10px 0; color:${BRAND.JIANG_GREEN};">OTC / 食疗</td></tr>
              <tr style="border-bottom:1px solid var(--border);"><td style="padding:10px 0;">单次消耗</td><td style="text-align:center; padding:10px 0;">几个月</td><td style="text-align:center; padding:10px 0; color:${BRAND.JIANG_GREEN};">1-2 月</td></tr>
              <tr style="border-bottom:1px solid var(--border);"><td style="padding:10px 0;">礼盒价位</td><td style="text-align:center; padding:10px 0;">300-1000 元</td><td style="text-align:center; padding:10px 0; color:${BRAND.JIANG_GREEN};">128-248 元</td></tr>
              <tr style="border-bottom:1px solid var(--border);"><td style="padding:10px 0;">门槛感</td><td style="text-align:center; padding:10px 0;">高贵 · 隆重</td><td style="text-align:center; padding:10px 0; color:${BRAND.JIANG_GREEN};">日常 · 实用</td></tr>
              <tr><td style="padding:10px 0;">目标人群</td><td style="text-align:center; padding:10px 0;">老人 / 女性</td><td style="text-align:center; padding:10px 0; color:${BRAND.JIANG_GREEN};">全龄 · 全性别</td></tr>
            </tbody>
          </table>
          <div style="margin-top:14px; padding:12px 14px; background:${BRAND.JIANG_GREEN}15; border-radius:4px;">
            <div style="color:${BRAND.JIANG_GREEN}; font-size:0.82rem; line-height:1.6;"><strong>"送胃"定位 = 平民化阿胶</strong> · 同样是健康礼 · 但更日常、更年轻、更普适。</div>
          </div>
        </div>
      </div>
    </div>

    ${renderDecisionList([
        `<strong>礼盒 SKU</strong>：12 支装 128 元 + 24 支装 248 元 + 48 支长期装 498 元`,
        `<strong>节日化营销</strong>：春节"送父母的胃" · 中秋"给爸的心意" · 父亲节定制`,
        `<strong>办公室团购</strong>：B2B 企业定制 · 500 强 HR 对接 · 团队福利产品`,
        `<strong>KOL 组合</strong>：孝心 / 职场 / 养生 3 条线同时启动`,
        `<strong>包装设计</strong>：礼盒规格独立开模 · 比单瓶装高阶一档 · 支持定制封套`,
        `<strong>品类教育</strong>：3 年内把"送胃就送猴菇饮"建成类似"送礼就送脑白金"的心智`,
    ], { title: '决策 · 送胃礼品赛道 6 条落地', accent: BRAND.ROSE, columns: 2 })}
  </div>
</section>`;
}

// ================================================================
// 7.3 · 新人群 · 糖友无糖版 + 夜宵族
// ================================================================
function renderSub7_3(ctx) {
    const { chapter: c, subIdx, slideNum, slideTotal, data } = ctx;
    const items = data.items || [];

    const real = items.filter((it) => it.source === 'real-collected');
    const diabetesVoc = HGY.getEvidence(real, { tag: '糖尿病', top: 4, seed: 17 });
    const lateVoc = HGY.getEvidence(real, { tag: '熬夜场景', top: 4, seed: 19 });

    const groups = [
        {
            key: 'G1', color: BRAND.PURPLE,
            name: '糖友无糖版',
            pop: '1.4 亿糖尿病人 × 40% 合并胃病',
            core: '5600 万人 · 血糖管理 + 胃养护双重需求',
            pain: '"米稀甜 · 奶粉咖啡都怕 · 想养胃又要控糖"',
            solution: 'SKU · 木糖醇配方 · 低 GI · 胰岛素友好 · 独立包装不与主力版混放',
            vocCount: HGY.filterByHypothesis(real, 'H7').length,
            voc: diabetesVoc,
        },
        {
            key: 'G2', color: BRAND.TECH_BLUE,
            name: '夜宵族/熬夜党',
            pop: '3 亿经常熬夜 · 20-45 岁',
            core: '外卖+咖啡+饮料 高胃负担人群 · 高粘性 · 高复购',
            pain: '"熬夜胃空又不想吃夜宵 · 咖啡 + 奶茶喝出胃酸"',
            solution: 'SKU · 熬夜装 6 支组合 · 工位 / 直播间 / 深夜便利店渠道 · 夜宵替代语境',
            vocCount: HGY.filterByHypothesis(real, 'H5').length,
            voc: lateVoc,
        },
    ];

    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} · 新机会 #3`,
        title: '<span style="color:' + BRAND.PURPLE + ';">糖友无糖版</span> + <span style="color:' + BRAND.TECH_BLUE + ';">夜宵族</span> · 两个错位细分人群',
        subtitle: '这两个人群在主流养胃品类中<strong>被明显忽略</strong> · 但真实 VOC 信号强 · 各自都有千万级规模 · 值得独立 SKU 切入。',
        color: BRAND.PURPLE,
    })}

    ${renderStatStrip([
        { num: '1.4亿', label: '糖尿病人总盘', color: BRAND.PURPLE },
        { num: '5600万', label: '糖+胃双病', color: BRAND.PURPLE },
        { num: '3亿', label: '熬夜人群', color: BRAND.TECH_BLUE },
        { num: `${HGY.filterByHypothesis(real, 'H7').length}`, label: '糖友 VOC', color: BRAND.PURPLE },
        { num: `${HGY.filterByHypothesis(real, 'H5').length}`, label: '场景 VOC', color: BRAND.TECH_BLUE },
    ], { accent: BRAND.PURPLE })}

    <div class="grid" style="grid-template-columns:1fr 1fr; gap:24px; margin-top:28px;">
      ${groups.map((g) => `
      <div style="padding:24px 28px; background:var(--bg-1); border:1px solid var(--border); border-top:4px solid ${g.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:${g.color}; letter-spacing:0.2em; font-weight:700;">${g.key} · 新人群</div>
          <div style="color:${g.color}; font-family:var(--font-mono); font-size:0.78rem; font-weight:700;">VOC ${g.vocCount}</div>
        </div>
        <h3 style="color:var(--text-1); font-size:1.22rem; font-weight:800; margin:0 0 6px;">${esc(g.name)}</h3>
        <div style="color:var(--text-3); font-size:0.84rem; margin-bottom:14px;">${esc(g.pop)}</div>

        <div style="padding:12px 14px; background:${g.color}08; border-left:3px solid ${g.color}; border-radius:4px; margin-bottom:12px;">
          <div class="text-mono text-xs" style="color:${g.color}; letter-spacing:0.1em; font-weight:700; margin-bottom:4px;">CORE · 核心重合</div>
          <div style="color:var(--text-1); font-size:0.84rem; line-height:1.6;">${esc(g.core)}</div>
        </div>

        <div style="padding:12px 14px; background:${BRAND.CORAL}08; border-left:3px solid ${BRAND.CORAL}; border-radius:4px; margin-bottom:12px;">
          <div class="text-mono text-xs" style="color:${BRAND.CORAL}; letter-spacing:0.1em; font-weight:700; margin-bottom:4px;">PAIN · 痛点</div>
          <div style="color:var(--text-1); font-size:0.82rem; line-height:1.6; font-style:italic;">${esc(g.pain)}</div>
        </div>

        <div style="padding:12px 14px; background:${BRAND.JIANG_GREEN}08; border-left:3px solid ${BRAND.JIANG_GREEN}; border-radius:4px; margin-bottom:14px;">
          <div class="text-mono text-xs" style="color:${BRAND.JIANG_GREEN}; letter-spacing:0.1em; font-weight:700; margin-bottom:4px;">SOLUTION · 猴菇饮方案</div>
          <div style="color:var(--text-1); font-size:0.82rem; line-height:1.6;">${esc(g.solution)}</div>
        </div>

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

    ${renderInsightHero({
        eyebrow: '新机会总览 · 三条长尾赛道',
        color: BRAND.JIANG_GREEN,
        title: `Ch7 三子章 = <strong style="color:${BRAND.TECH_BLUE};">PPI 过渡饮（20-40 亿）</strong> + <strong style="color:${BRAND.ROSE};">送胃礼品（30-50 亿）</strong> + <strong style="color:${BRAND.PURPLE};">糖友+夜宵（20-30 亿）</strong> = 保守估算<strong style="color:${BRAND.JIANG_GREEN};">70-120 亿潜在总盘</strong>。`,
        subtitle: `每条赛道都有：① 真实 VOC 信号（非臆测）② 明确细分人群规模 ③ 独特 SKU 形态 ④ 差异化话术。<strong>不需要选一个</strong>——3 条可以并行推进，每条独立立项、独立 KPI、独立包装。这是<strong style="color:${BRAND.HOUGU_TAN};">从 5000 万到 5 亿</strong>最清晰的路线图。`,
    })}

    ${renderDecisionList([
        `<strong>三赛道并行</strong>：PPI 过渡 + 送胃礼品 + 糖友/夜宵 · 独立立项独立 KPI`,
        `<strong>主力装兼容</strong>：SKU 1 日常装作为基础盘 · 三赛道通过包装/话术/渠道差异化`,
        `<strong>投放分配</strong>：Y1 PPI 过渡 60% + 送胃 25% + 糖友/夜宵 15%`,
        `<strong>Y1 门票</strong>：PPI 过渡赛道必须先达到 3000 万销售 · 锁定其他赛道解锁`,
        `<strong>验证节奏</strong>：每季度复盘一次 · 赛道达不到 50% 预期 · 调整 SKU/话术`,
        `<strong>Y3 目标</strong>：3 赛道合计 5 亿 · 其中 PPI 过渡 2.5 亿占头肩`,
    ], { title: '决策 · 三赛道组合 6 条落地', accent: BRAND.JIANG_GREEN, columns: 2 })}
  </div>
</section>`;
}

module.exports = {
    'opportunity-1': renderSub7_1,
    'opportunity-2': renderSub7_2,
    'opportunity-3': renderSub7_3,
};