// ==============================================================================
// 江中乳酸菌素片儿童版 · Ch1 诘问起点（3 子章）
// ==============================================================================
//   1.1 现状困境·6000万规模 × 0 差异化
//   1.2 10亿目标·药品/食品/软糖三轴破局
//   1.3 VOC 反向验证·家长 × 儿童双视角起点
// ==============================================================================

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

// ==========================================================
// 1.1 · 现状困境·成人版爆款但儿童版零心智
// ==========================================================
function renderSub1_1(ctx) {
    const { chapter: c, subIdx, sub, slideNum, slideTotal, data } = ctx;
    const items = data.items || [];

    // 证据 A：乳酸菌素片（成人）已经有爆款 VOC "肠鸣就这样好了"
    const adultHit = LA.getEvidence(items, {
        keyword: '乳酸菌素片',
        contentMatch: /肠鸣|胃胀|神药|便秘|好了|有用|治好|咕噜/,
        minChars: 20, top: 4, seed: 7,
    });

    // 证据 B：乳酸菌素片儿童关键词数据稀薄 = 儿童版心智真空
    const childWeak = LA.getEvidence(items, {
        keyword: '乳酸菌素片儿童',
        minChars: 15, top: 3, seed: 11,
    });

    // 证据 C：家长在妈咪爱/合生元之间选，不会想起乳酸菌素片
    const momiParent = LA.getEvidence(items, {
        keyword: '妈咪爱',
        contentMatch: /宝宝|孩子|儿童|胀气|月子|月龄|岁/,
        minChars: 25, top: 3, seed: 13,
    });

    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.LACTIC_MINT + ';">"肠鸣神药" 爆款认知</span>，但儿童版<span style="color:' + BRAND.CORAL + ';">零心智</span>',
        subtitle: '乳酸菌素片<strong>成人版</strong>在小红书/抖音有<strong>万赞级爆款</strong>（"肠鸣就这样好了" ♥4848、"一根那啥通大脑" ♥62890），但<strong>儿童版关键词 ≤ ♥40</strong>—— 不是品类不火，是<strong>儿童专属心智没建立起来</strong>。',
        color: BRAND.CORAL,
    })}

    ${C.renderInsightHero({
        eyebrow: 'THE REAL GAP · 核心落差',
        color: BRAND.CORAL,
        title: `成人版"<strong>肠鸣神药</strong>"——抖音爆款 <strong style="color:${BRAND.LACTIC_MINT};">♥62,890</strong>；儿童版最高赞 <strong style="color:${BRAND.CORAL};">♥40</strong>。<br/>这不是品牌不行，是<strong style="color:${BRAND.CORAL};">儿童版根本没被作为独立产品运营过</strong>——只是给成人版加了个娃娃头。`,
        subtitle: `与此同时<strong style="color:${BRAND.TECH_BLUE};">妈咪爱</strong>单条抖音视频获 <strong style="color:${BRAND.TECH_BLUE};">♥33,099</strong>（"为了口吃的费尽了心思"）、<strong style="color:${BRAND.SUNNY_YELLOW};">合生元</strong>"亲测有效"抖音 <strong style="color:${BRAND.SUNNY_YELLOW};">♥10,191</strong>——竞品在儿童家长心里已经<strong>有名有姓有故事</strong>。`,
    })}

    ${C.renderStatStrip([
        { num: '6000万', label: '乳酸菌素片儿童线下', color: BRAND.CORAL },
        { num: '400-500万', label: '乳酸菌素片儿童线上', color: BRAND.CORAL },
        { num: '3.6亿', label: '妈咪爱线下（对标）', color: BRAND.TECH_BLUE },
        { num: '3848万', label: '妈咪爱线上（对标）', color: BRAND.TECH_BLUE },
        { num: '100亿+', label: '儿童营养软糖赛道', color: BRAND.SUNNY_YELLOW, delta: '可迁移' },
    ], { accent: BRAND.CORAL })}

    <div class="grid" style="grid-template-columns:1fr 1fr; gap:24px; margin-top:24px;">
      <div>
        <div class="text-mono text-xs" style="color:${BRAND.LACTIC_MINT}; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC · 成人版已经有的爆款心智</div>
        <div style="display:flex; flex-direction:column; gap:12px;">
          ${adultHit.slice(0, 3).map((it) => C.renderVocCard(it, { accent: BRAND.LACTIC_MINT, compact: true, maxChars: 180 })).join('')}
        </div>
      </div>
      <div>
        <div class="text-mono text-xs" style="color:${BRAND.CORAL}; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">VOC · 儿童版的真空状态</div>
        <div style="display:flex; flex-direction:column; gap:12px;">
          ${childWeak.slice(0, 3).map((it) => C.renderVocCard(it, { accent: BRAND.CORAL, compact: true, maxChars: 180 })).join('')}
        </div>
      </div>
    </div>

    <div class="fade-up" style="margin-top:28px;">
      ${C.renderCompareTable({
          title: 'GAP · 成人版真相 vs 儿童版幻觉',
          headers: ['对比维度', '成人版（已验证）', '儿童版（幻觉现状）'],
          rows: [
              ['爆款 VOC', { html: `<strong style="color:${BRAND.LACTIC_MINT};">♥62,890 / ♥4,848 / ♥16,144</strong>`, color: BRAND.LACTIC_MINT, bold: true }, { html: `<strong style="color:${BRAND.CORAL};">最高 ♥40 · 零爆款</strong>`, color: BRAND.CORAL, bold: true }],
              ['用户心智', { html: `"肠鸣神药"/"胃胀就吃这个"`, color: BRAND.LACTIC_MINT }, { html: `"不知道是给大人还是小孩的"`, color: BRAND.CORAL }],
              ['场景描述', { html: `自习室/办公室/外卖后`, color: BRAND.LACTIC_MINT }, { html: `——（几乎没有场景 VOC）`, color: BRAND.CORAL }],
              ['产品差异', { html: `乳酸菌素 0.4g / 片剂 0.8g`, color: BRAND.SAGE }, { html: `乳酸菌素 0.2g / 片剂 0.5g`, color: BRAND.SAGE }],
              ['包装差异', { html: `标准药盒 + 药品严肃感`, color: BRAND.SAGE }, { html: `<strong>仅加"娃娃头"</strong>`, color: BRAND.CORAL, bold: true }],
              ['说明书差异', { html: `成人用法 0.8g × 3次/日`, color: BRAND.SAGE }, { html: `<strong>与成人版一模一样</strong>`, color: BRAND.CORAL, bold: true }],
              ['家长选择路径', { html: '—（不是决策者）', color: 'var(--text-3)' }, { html: `<strong>妈咪爱 → 合生元 → （乳酸菌素片？）</strong>`, color: BRAND.CORAL, bold: true }],
              ['破局', { html: '不需要破局', color: BRAND.LACTIC_MINT, bold: true }, { html: '必须重新定位 × VOC 反向验证', color: BRAND.CORAL, bold: true }],
          ],
          accent: BRAND.CORAL,
      })}
    </div>

    ${C.renderDecisionList([
        `<strong>直面"娃娃头困境"</strong>：不再把儿童当"成人减量版"，必须独立品牌叙事`,
        `<strong>迁移成人爆款心智</strong>：把"肠鸣神药"翻译成儿童话术"肚子小魔法"`,
        `<strong>承认竞品领先</strong>：妈咪爱/合生元先发心智，乳酸菌素片必须从细分场景切入`,
        `<strong>反向定位先于产品升级</strong>：先用 VOC 找家长真实需求，再决定 SKU / 包装 / 话术`,
    ], { title: '落地决策 · 诘问起点 4 条铁律', accent: BRAND.CORAL, columns: 2 })}
  </div>
</section>`;
}

// ==========================================================
// 1.2 · 10亿目标·药品/食品/软糖三轴破局
// ==========================================================
function renderSub1_2(ctx) {
    const { chapter: c, subIdx, sub, slideNum, slideTotal, data } = ctx;
    const items = data.items || [];

    // H1 药品益生菌痛点代表 VOC
    const drugPain = LA.getEvidence(items, {
        hypothesis: 'H1',
        contentMatch: /冷藏|冷链|处方|医生开|停药|反弹|依赖|贵/,
        minChars: 25, top: 2, seed: 5,
    });
    // H2 食品益生菌矛盾代表 VOC
    const foodDoubt = LA.getEvidence(items, {
        hypothesis: 'H2',
        contentMatch: /没效果|智商税|食品级|八十|不确定/,
        minChars: 25, top: 2, seed: 7,
    });
    // 瓶瓶罐罐焦虑（H7，如果有）
    const tooManyBottles = LA.getEvidence(items, {
        contentMatch: /瓶瓶罐罐|各种营养|追着喂|一堆|十几种|补不了/,
        minChars: 20, top: 2, seed: 11,
    });

    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 亿目标路径`,
        title: '三轴破局 · <span style="color:' + BRAND.TECH_BLUE + ';">药品益生菌</span> ↔ <span style="color:' + BRAND.SUNNY_YELLOW + ';">食品益生菌</span> ↔ <span style="color:' + BRAND.BERRY_PINK + ';">营养软糖</span>',
        subtitle: '乳酸菌素片儿童版<strong>不是单一赛道的挑战者</strong>，而是<strong>跨 3 条赛道的新品类</strong>——OTC 合规的安全壁垒 × 日常长期服用的便利 × 内源调理的吸收升级。',
        color: BRAND.JIANG_GREEN,
    })}

    <div class="grid" style="grid-template-columns:1fr 1fr 1fr; gap:18px; margin-top:24px;">
      <!-- 药品益生菌赛道 -->
      <div style="padding:20px 22px; background:${BRAND.TECH_BLUE}08; border:1px solid ${BRAND.TECH_BLUE}33; border-radius:var(--radius-md); border-top:4px solid ${BRAND.TECH_BLUE};">
        <div class="text-mono text-xs" style="color:${BRAND.TECH_BLUE}; letter-spacing:0.15em; font-weight:700; margin-bottom:6px;">AXIS 1 · 药品益生菌</div>
        <div style="color:var(--text-1); font-weight:800; font-size:1.1rem; margin-bottom:10px;">6 亿市场</div>
        <div style="color:var(--text-2); font-size:0.82rem; line-height:1.6; margin-bottom:12px;">
          妈咪爱 3.6亿线下 + 3848万线上 · 亿活 / 金双岐 / 宝乐安<br/>
          <strong>痛点</strong>：活菌冷链麻烦 / 必须处方 / 停药反弹焦虑
        </div>
        ${drugPain[0] ? C.renderVocCard(drugPain[0], { accent: BRAND.TECH_BLUE, compact: true, maxChars: 140 }) : ''}
        <div style="margin-top:12px; padding:10px 12px; background:${BRAND.LACTIC_MINT}0A; border:1px solid ${BRAND.LACTIC_MINT}33; border-radius:4px;">
          <div class="text-mono text-xs" style="color:${BRAND.LACTIC_MINT}; font-weight:700; margin-bottom:4px;">切入点</div>
          <div style="color:var(--text-1); font-size:0.84rem;"><strong>非活菌常温稳定 × OTC 蓝帽子 × 可日常长期</strong></div>
        </div>
      </div>

      <!-- 食品益生菌赛道 -->
      <div style="padding:20px 22px; background:${BRAND.SUNNY_YELLOW}08; border:1px solid ${BRAND.SUNNY_YELLOW}33; border-radius:var(--radius-md); border-top:4px solid ${BRAND.SUNNY_YELLOW};">
        <div class="text-mono text-xs" style="color:${BRAND.SUNNY_YELLOW}; letter-spacing:0.15em; font-weight:700; margin-bottom:6px;">AXIS 2 · 食品益生菌</div>
        <div style="color:var(--text-1); font-weight:800; font-size:1.1rem; margin-bottom:10px;">20 亿市场</div>
        <div style="color:var(--text-2); font-size:0.82rem; line-height:1.6; margin-bottom:12px;">
          合生元 / 万益蓝 / 拜奥 / inne / 小胖瓶 / 康萃乐 / lifespace<br/>
          <strong>痛点</strong>：无药品背书 / 菌株混乱 / "听八十个人说八十样"
        </div>
        ${foodDoubt[0] ? C.renderVocCard(foodDoubt[0], { accent: BRAND.SUNNY_YELLOW, compact: true, maxChars: 140 }) : ''}
        <div style="margin-top:12px; padding:10px 12px; background:${BRAND.LACTIC_MINT}0A; border:1px solid ${BRAND.LACTIC_MINT}33; border-radius:4px;">
          <div class="text-mono text-xs" style="color:${BRAND.LACTIC_MINT}; font-weight:700; margin-bottom:4px;">切入点</div>
          <div style="color:var(--text-1); font-size:0.84rem;"><strong>OTC 药品级背书 × 非活菌稳定 × 菌株明确</strong></div>
        </div>
      </div>

      <!-- 营养软糖赛道 -->
      <div style="padding:20px 22px; background:${BRAND.BERRY_PINK}08; border:1px solid ${BRAND.BERRY_PINK}33; border-radius:var(--radius-md); border-top:4px solid ${BRAND.BERRY_PINK};">
        <div class="text-mono text-xs" style="color:${BRAND.BERRY_PINK}; letter-spacing:0.15em; font-weight:700; margin-bottom:6px;">AXIS 3 · 儿童营养软糖</div>
        <div style="color:var(--text-1); font-weight:800; font-size:1.1rem; margin-bottom:10px;">100 亿+ 市场</div>
        <div style="color:var(--text-2); font-size:0.82rem; line-height:1.6; margin-bottom:12px;">
          复合维生素软糖 + 钙软糖 + DHA 软糖 + 叶黄素软糖<br/>
          <strong>痛点</strong>：瓶瓶罐罐追着喂 / 糖分焦虑 / 补了还是不吸收
        </div>
        ${tooManyBottles[0] ? C.renderVocCard(tooManyBottles[0], { accent: BRAND.BERRY_PINK, compact: true, maxChars: 140 }) : `<div style="padding:12px; background:var(--bg-2); border-radius:4px; color:var(--text-3); font-size:0.8rem; text-align:center;">⌛ Batch 3 补充场景 VOC</div>`}
        <div style="margin-top:12px; padding:10px 12px; background:${BRAND.LACTIC_MINT}0A; border:1px solid ${BRAND.LACTIC_MINT}33; border-radius:4px;">
          <div class="text-mono text-xs" style="color:${BRAND.LACTIC_MINT}; font-weight:700; margin-bottom:4px;">切入点</div>
          <div style="color:var(--text-1); font-size:0.84rem;"><strong>内源调理肠道吸收 × 告别瓶瓶罐罐 × 1 片替代</strong></div>
        </div>
      </div>
    </div>

    <div class="fade-up" style="margin-top:28px;">
      ${C.renderInsightHero({
          eyebrow: 'REGIME CHANGE · 三轴交汇',
          color: BRAND.JIANG_GREEN,
          title: `单一赛道对标：<strong style="color:${BRAND.TECH_BLUE};">药品益生菌</strong> 就 3-5 亿，<strong style="color:${BRAND.SUNNY_YELLOW};">食品益生菌</strong> 做到头部也很难做 5 亿。<br/><strong style="color:${BRAND.JIANG_GREEN};">10 亿目标 = 3 轴叠加</strong>：基础盘（肠道调理）3-5 亿 + 增量盘（内源吸收）3-5 亿 + 溢价盘（分龄礼盒）1-2 亿。`,
          subtitle: `只在一个赛道里卷赢是死局——<strong>乳酸菌素片儿童版必须是"跨轴的新物种"</strong>。`,
      })}
    </div>

    ${C.renderDecisionList([
        `<strong>赛道一：肠道调理基础盘</strong> 3-5 亿 · 对标妈咪爱 × 非活菌差异化`,
        `<strong>赛道二：内源吸收增量盘</strong> 3-5 亿 · 告别瓶瓶罐罐 × 切入营养软糖市场`,
        `<strong>赛道三：分龄礼盒溢价盘</strong> 1-2 亿 · 送给婴幼儿 / 学龄前 / 学龄期 3 SKU`,
        `<strong>不单一赛道对标</strong>：必须同时踩稳 3 个脚 — "像药一样安全 × 像食品一样温和 × 像软糖一样爱吃"`,
    ], { title: '落地决策 · 三轴协同战术', accent: BRAND.JIANG_GREEN, columns: 2 })}
  </div>
</section>`;
}

// ==========================================================
// 1.3 · VOC 反向验证·家长 × 儿童双视角起点
// ==========================================================
function renderSub1_3(ctx) {
    const { chapter: c, subIdx, sub, slideNum, slideTotal, data, meta } = ctx;

    const H = LA.HYPOTHESES;
    const counts = meta?.hypotheses || {};

    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.LACTIC_MINT + ';">VOC 反向验证</span> × 家长 + 儿童 <span style="color:' + BRAND.BERRY_PINK + ';">双视角</span>',
        subtitle: '不做"创始人拍脑袋"的定位。从<strong>真实家长评论 + 儿童被观察反应</strong>反向倒推产品机会——这是本报告唯一的方法论起点。',
        color: BRAND.LACTIC_MINT,
    })}

    <div class="grid" style="grid-template-columns:1.2fr 1fr; gap:28px; margin-top:24px;">
      <div>
        <div class="text-mono text-xs" style="color:${BRAND.LACTIC_MINT}; letter-spacing:0.18em; margin-bottom:14px; font-weight:700;">8 大核心假设 H1-H8</div>
        <div style="display:flex; flex-direction:column; gap:10px;">
          ${Object.entries(H).map(([k, v]) => {
              const n = counts[k] || 0;
              const color = n > 300 ? BRAND.JIANG_GREEN : n > 50 ? BRAND.LACTIC_MINT : n > 0 ? BRAND.WARM_ORANGE : BRAND.CORAL;
              return `
              <div style="padding:12px 16px; background:var(--bg-1); border:1px solid var(--border); border-left:3px solid ${color}; border-radius:4px; display:grid; grid-template-columns:60px 1fr 80px; gap:12px; align-items:center;">
                <div style="color:${color}; font-family:var(--font-mono); font-weight:700; font-size:0.92rem;">${k}</div>
                <div>
                  <div style="color:var(--text-1); font-weight:700; font-size:0.9rem;">${esc(v.title)}</div>
                  <div style="color:var(--text-3); font-size:0.78rem; margin-top:2px;">${esc(v.desc)}</div>
                </div>
                <div style="text-align:right;">
                  <div style="color:${color}; font-family:var(--font-mono); font-weight:700; font-size:1.05rem;">${n}</div>
                  <div style="color:var(--text-3); font-size:0.68rem;">条 VOC</div>
                </div>
              </div>`;
          }).join('')}
        </div>
      </div>

      <div>
        ${C.renderTheoryBox({
            theory: '双视角 JTBD 框架',
            accent: BRAND.PURPLE,
            mapping: `
              <div style="display:flex; flex-direction:column; gap:12px; font-size:0.88rem;">
                <div style="padding:12px 14px; background:${BRAND.BERRY_PINK}0C; border-left:3px solid ${BRAND.BERRY_PINK}; border-radius:4px;">
                  <div style="color:${BRAND.BERRY_PINK}; font-weight:700; margin-bottom:4px;">👩 家长 Job</div>
                  <div style="color:var(--text-2); font-size:0.82rem; line-height:1.55;">决策买什么 · 心疼 · 怕出事 · 要专业感 · 能长期</div>
                </div>
                <div style="padding:12px 14px; background:${BRAND.SUNNY_YELLOW}0C; border-left:3px solid ${BRAND.SUNNY_YELLOW}; border-radius:4px;">
                  <div style="color:${BRAND.SUNNY_YELLOW}; font-weight:700; margin-bottom:4px;">👶 儿童 Job</div>
                  <div style="color:var(--text-2); font-size:0.82rem; line-height:1.55;">愿不愿意吃 · 好吃 · 不怕 · 有趣 · 被羡慕</div>
                </div>
                <div style="padding:12px 14px; background:${BRAND.JIANG_GREEN}0C; border-left:3px solid ${BRAND.JIANG_GREEN}; border-radius:4px;">
                  <div style="color:${BRAND.JIANG_GREEN}; font-weight:700; margin-bottom:4px;">🎯 交汇点</div>
                  <div style="color:var(--text-1); font-size:0.86rem; line-height:1.55; font-weight:600;">家长愿意买 × 孩子愿意吃 = 产品成立的<strong>唯一条件</strong></div>
                </div>
              </div>
            `,
        })}

        <div style="margin-top:18px;">
          ${C.renderFindingCard({
              icon: '🎯',
              title: 'VOC 数据透明度原则',
              accent: BRAND.LACTIC_MINT,
              body: `每条证据卡都带 <strong style="color:${BRAND.JIANG_GREEN};">✓ 真实采集</strong> 标识（来自 TikHub/VOC API 的真实小红书/抖音评论），附昵称 + IP + 点赞数 + 假设归类。<br/><br/>
              <strong>读者可以一眼验证</strong>：这是家长真说过的话，不是创始人想当然的"用户画像"。`,
          })}
        </div>
      </div>
    </div>

    ${C.renderDecisionList([
        `<strong>假设驱动而非灵感驱动</strong>：所有章节内容 = H1-H8 × 真实 VOC 交叉`,
        `<strong>家长决策链 + 儿童依从链 双重验证</strong>：缺一不可`,
        `<strong>反面教材优先</strong>：先看竞品差评（妈咪爱/合生元差评里找机会），再看本品好评`,
        `<strong>数据公开可复核</strong>：每条 VOC 带 nickname/IP/likes，杜绝"创始人说好"的空话`,
    ], { title: '落地决策 · 方法论自律', accent: BRAND.LACTIC_MINT, columns: 2 })}
  </div>
</section>`;
}

module.exports = {
    'challenge-1': renderSub1_1,
    'challenge-2': renderSub1_2,
    'challenge-3': renderSub1_3,
};