Просмотр исходного кода

feat: 新增瓜尔豆胶 vs 菊粉科普文章
- sales/guar-vs-inulin.html:新增益生元对比科普页,8维对比表、适用人群分析、组合方案、科学循证
- sales/index.html:更新分类计数、快速跳转链接、meta description
- sales/AGENTS.md:目录结构和文章清单更新

E2E Test Bot 1 день назад
Родитель
Сommit
159b916361
3 измененных файлов с 775 добавлено и 7 удалено
  1. 3 0
      web/sales/AGENTS.md
  2. 753 0
      web/sales/guar-vs-inulin.html
  3. 19 7
      web/sales/index.html

+ 3 - 0
web/sales/AGENTS.md

@@ -9,6 +9,7 @@ web/sales/
 ├── sales.html              ← 综合销售页:家庭成长支出60%打水漂(五维能量/成长规划/规划师)
 ├── tap-water-sale.html     ← 产品销售页:自来水污染(抗生素/农药/DBPs/激素 → Enagic还原水机)
 ├── microplastic-sale.html  ← 产品销售页:微塑料(桶装水/瓶装水 → Enagic还原水机)
+├── guar-vs-inulin.html     ← 科普文章:瓜尔豆胶 vs 菊粉(菊苣/菊芋)益生元对比与选购指南
 ```
 
 > **产品防伪/品牌资料目录**: `web/products/`(2026-08-02 新建)— 目前含 `counterfeit-warning.html`(Enagic 官方合规公告汇编:网购水机防伪警告),由 `sales/index.html` 产品介绍分类链接(`../products/counterfeit-warning.html`)。
@@ -21,6 +22,7 @@ web/sales/
 | `tap-water-sale.html` | 92.3%自来水检出抗生素 | Enagic还原水机 | 关注饮水安全 | 数据震撼→科学解析→对比表→CTA | tap-water-pollution.html, cancer.html, alzheimer.html 等 |
 | `microplastic-sale.html` | 你喝的不是水,是几十万个塑料颗粒 | Enagic还原水机 | 办公室/上班族 | 震撼标题→纳米塑料穿透→对比表→CTA | plastic-health.html, cardio-cerebro.html, cancer.html 等 |
 | `../products/counterfeit-warning.html` | Enagic 官方合规公告—网购水机不可靠 | Enagic正品保障 | 意向购买者/已网购疑虑者 | 官方公告时间线→防伪法则→正确渠道→CTA | product-intro/kangen-water.html(品牌) |
+| `guar-vs-inulin.html` | 瓜尔豆胶 vs 菊粉:益生元的两种主流选择 | 益生元选购指南 | 关注肠道健康/便秘人群/IBS人群 | 对比表+适用人群+搭配方案+文献引用 | prebiotics-science.html, prebiotics-guide.html |
 
 ## 跨链接审计(2026-07-25 更新)
 
@@ -96,3 +98,4 @@ sales-{topic}-sale.html
 |------|------|
 | 2026-07-25 | 创建 index.html(HTML目录首页),审计3篇销售文章交叉链接全部有效;记录 cancer.html 重大更新影响 |
 | 2026-08-02 | 新建 `web/products/` 目录,新增 `counterfeit-warning.html`(Enagic 官方合规公告汇编:网购水机防伪),index.html 产品介绍分类增至4篇 |
+| 2026-09-24 | 新增 `guar-vs-inulin.html`(瓜尔豆胶 vs 菊粉科普文章),index.html 选购指南分类增至4篇 |

+ 753 - 0
web/sales/guar-vs-inulin.html

@@ -0,0 +1,753 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="description" content="瓜尔豆胶 vs 菊粉(菊苣、菊芋):两种益生元究竟怎么选?一文讲清差异、适用人群、科学用量与搭配方案。">
+  <meta name="keywords" content="瓜尔豆胶,瓜尔胶,菊粉,菊苣,菊芋,益生元,肠道菌群,膳食纤维,GCC,inulin,chicory root,sunchoke">
+  <title>瓜尔豆胶 vs 菊粉:肠道益生元的两种选择,你选对了没有? — 浠艾福</title>
+  <style>
+    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
+      background: #f0faf0;
+      color: #1e293b;
+      line-height: 1.75;
+      -webkit-font-smoothing: antialiased;
+    }
+    a { color: inherit; text-decoration: none; }
+
+    .page-wrapper {
+      max-width: 820px;
+      margin: 0 auto;
+      padding: 0 16px 60px;
+    }
+
+    /* ===== Top Nav ===== */
+    .top-nav {
+      max-width: 820px;
+      margin: 0 auto 4px;
+      padding: 12px 0;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    }
+    .top-nav .logo {
+      font-size: 16px;
+      font-weight: 700;
+      color: #1e293b;
+    }
+    .top-nav .logo span { color: #16a34a; }
+    .top-nav .back-link {
+      font-size: 13px;
+      color: #64748b;
+      display: flex;
+      align-items: center;
+      gap: 4px;
+    }
+    .top-nav .back-link:hover { color: #16a34a; }
+
+    /* ===== Hero ===== */
+    .hero {
+      background: linear-gradient(135deg, #064e3b 0%, #14532d 40%, #166534 70%, #064e3b 100%);
+      color: #fff;
+      padding: 72px 48px 52px;
+      text-align: center;
+      position: relative;
+      overflow: hidden;
+      min-height: 55vh;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      border-radius: 0 0 24px 24px;
+    }
+    .hero::before {
+      content: '';
+      position: absolute;
+      inset: 0;
+      background:
+        radial-gradient(ellipse at 25% 30%, rgba(74,222,128,0.12) 0%, transparent 55%),
+        radial-gradient(ellipse at 75% 70%, rgba(34,197,94,0.08) 0%, transparent 50%);
+      pointer-events: none;
+    }
+    .hero > * { position: relative; z-index: 1; }
+    .hero-badge {
+      display: inline-block;
+      background: rgba(34,197,94,0.15);
+      border: 1px solid rgba(34,197,94,0.3);
+      border-radius: 20px;
+      padding: 4px 18px;
+      font-size: 12px;
+      letter-spacing: 2px;
+      margin-bottom: 24px;
+      color: #86efac;
+    }
+    .hero h1 {
+      font-size: clamp(24px, 4.5vw, 34px);
+      font-weight: 800;
+      line-height: 1.35;
+      margin-bottom: 16px;
+    }
+    .hero-sub {
+      font-size: 16px;
+      color: rgba(255,255,255,0.78);
+      max-width: 620px;
+      margin-bottom: 28px;
+      line-height: 1.7;
+    }
+    .hero-stats {
+      display: flex;
+      gap: 32px;
+      justify-content: center;
+      flex-wrap: wrap;
+    }
+    .hero-stat-item { text-align: center; }
+    .hero-stat-num {
+      font-size: 28px;
+      font-weight: 800;
+      color: #4ade80;
+    }
+    .hero-stat-label { font-size: 12px; color: rgba(255,255,255,0.5); letter-spacing: 1px; }
+
+    /* ===== Section Base ===== */
+    .section {
+      padding: 40px 48px;
+      border-bottom: 1px solid #e2e8f0;
+      background: #fff;
+    }
+    .section:last-of-type { border-bottom: none; }
+    .section h2 {
+      font-size: 21px;
+      font-weight: 700;
+      margin-bottom: 16px;
+      color: #1e293b;
+    }
+    .section p {
+      font-size: 15px;
+      line-height: 1.9;
+      color: #374151;
+      margin-bottom: 12px;
+    }
+    .section p:last-child { margin-bottom: 0; }
+
+    /* ===== Alternating background ===== */
+    .section.alt { background: #f8fdf8; }
+
+    /* ===== Pain/Scene ===== */
+    .scene {
+      padding: 14px 20px;
+      border-radius: 10px;
+      margin-bottom: 10px;
+      font-size: 15px;
+      line-height: 1.8;
+    }
+    .scene-explain {
+      background: #f0fdf4;
+      border-left: 4px solid #22c55e;
+    }
+    .scene-label {
+      font-weight: 700;
+      color: #16a34a;
+      font-size: 13px;
+      margin-bottom: 6px;
+    }
+    .scene-explain p { margin: 4px 0 0; color: #374151; }
+
+    .warning-box {
+      background: #fefce8;
+      border-left: 4px solid #facc15;
+      padding: 14px 20px;
+      border-radius: 10px;
+      margin-bottom: 10px;
+      font-size: 15px;
+      line-height: 1.8;
+    }
+    .warning-box .scene-label { color: #ca8a04; }
+    .warning-box p { color: #713f12; margin: 4px 0 0; }
+
+    .tip-box {
+      background: #eff6ff;
+      border-left: 4px solid #3b82f6;
+      padding: 14px 20px;
+      border-radius: 10px;
+      margin-bottom: 10px;
+      font-size: 15px;
+      line-height: 1.8;
+    }
+    .tip-box .scene-label { color: #2563eb; }
+    .tip-box p { color: #1e3a5f; margin: 4px 0 0; }
+
+    /* ===== Compare Table ===== */
+    .compare-table {
+      width: 100%;
+      border-collapse: collapse;
+      margin: 16px 0;
+      font-size: 14px;
+      background: #fff;
+      border-radius: 12px;
+      overflow: hidden;
+      box-shadow: 0 2px 12px rgba(0,0,0,0.06);
+    }
+    .compare-table th {
+      background: #14532d;
+      color: #fff;
+      padding: 12px 16px;
+      text-align: left;
+      font-weight: 600;
+      font-size: 13px;
+    }
+    .compare-table td {
+      padding: 11px 16px;
+      border-bottom: 1px solid #e2e8f0;
+      color: #374151;
+      vertical-align: top;
+    }
+    .compare-table tr:last-child td { border-bottom: none; }
+    .compare-table tr:nth-child(even) { background: #f8fdf8; }
+    .compare-table .highlight-col {
+      background: #dcfce7 !important;
+      font-weight: 600;
+      color: #166534;
+    }
+    .compare-table tr:nth-child(even) .highlight-col {
+      background: #bbf7d0 !important;
+    }
+
+    /* ===== Two Column ===== */
+    .two-col {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 16px;
+      margin: 16px 0;
+    }
+    .col-card {
+      background: #fff;
+      border-radius: 12px;
+      padding: 20px 22px;
+      border-top: 4px solid;
+      box-shadow: 0 2px 12px rgba(0,0,0,0.06);
+    }
+    .col-card.green { border-top-color: #16a34a; }
+    .col-card.amber { border-top-color: #f59e0b; }
+    .col-card h3 {
+      font-size: 16px;
+      font-weight: 700;
+      margin-bottom: 8px;
+    }
+    .col-card.green h3 { color: #15803d; }
+    .col-card.amber h3 { color: #b45309; }
+    .col-card p { font-size: 14px; color: #4b5563; margin-bottom: 8px; line-height: 1.75; }
+    .col-card p:last-child { margin-bottom: 0; }
+
+    /* ===== Decision Flow ===== */
+    .decision-flow {
+      background: #fff;
+      border-radius: 12px;
+      padding: 24px 28px;
+      margin: 16px 0;
+      box-shadow: 0 2px 12px rgba(0,0,0,0.06);
+    }
+    .decision-flow h3 {
+      font-size: 17px;
+      font-weight: 700;
+      color: #14532d;
+      margin-bottom: 16px;
+    }
+    .flow-item {
+      display: flex;
+      align-items: flex-start;
+      gap: 14px;
+      padding: 10px 0;
+      border-bottom: 1px solid #f1f5f9;
+    }
+    .flow-item:last-child { border-bottom: none; }
+    .flow-num {
+      flex-shrink: 0;
+      width: 28px;
+      height: 28px;
+      background: #16a34a;
+      color: #fff;
+      border-radius: 50%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 13px;
+      font-weight: 700;
+    }
+    .flow-text { font-size: 15px; color: #374151; line-height: 1.7; padding-top: 2px; }
+    .flow-text strong { color: #14532d; }
+
+    /* ===== CTA ===== */
+    .cta-block {
+      background: linear-gradient(135deg, #064e3b, #14532d);
+      color: #fff;
+      text-align: center;
+    }
+    .cta-block h2 { color: #fff; font-size: 22px; margin-bottom: 24px; }
+    .benefit-list { text-align: left; max-width: 520px; margin: 0 auto; }
+    .benefit-item {
+      display: flex;
+      align-items: flex-start;
+      gap: 10px;
+      padding: 10px 0;
+      border-bottom: 1px solid rgba(255,255,255,0.1);
+      font-size: 15px;
+      color: #bbf7d0;
+    }
+    .benefit-item:last-child { border-bottom: none; }
+    .benefit-item .check { color: #4ade80; font-weight: 700; flex-shrink: 0; }
+    .benefit-item strong { color: #fff; }
+
+    /* ===== Honesty ===== */
+    .honesty {
+      background: #fffbeb;
+      text-align: center;
+      padding: 36px 48px;
+    }
+    .honesty-label {
+      font-size: 18px;
+      font-weight: 700;
+      color: #ca8a04;
+      margin-bottom: 12px;
+    }
+    .honesty-text {
+      font-size: 18px;
+      font-weight: 700;
+      color: #92400e;
+    }
+    .honesty-sub {
+      font-size: 15px;
+      color: #a16207;
+      margin-top: 8px;
+    }
+
+    /* ===== Contact ===== */
+    .contact {
+      background: #0f1a14;
+      color: #fff;
+      text-align: center;
+      padding: 40px 48px;
+    }
+    .contact p { color: #a0aec0 !important; font-size: 16px !important; margin-bottom: 10px !important; }
+    .contact-tagline {
+      margin-top: 18px;
+      font-size: 14px;
+      color: #4ade80;
+      line-height: 1.8;
+    }
+    .contact-tagline strong { color: #fff; }
+    .qr-row {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 8px;
+      margin: 16px 0;
+    }
+    .qr-img {
+      width: 140px;
+      height: 140px;
+      border-radius: 8px;
+      border: 2px solid rgba(255,255,255,0.1);
+    }
+    .qr-label { font-size: 13px; color: #a0aec0; }
+
+    /* ===== Article ref ===== */
+    .article-ref {
+      display: inline-block;
+      background: #f0fdf4;
+      border: 1px solid #86efac;
+      border-radius: 8px;
+      padding: 12px 18px;
+      margin: 8px 0 4px;
+      font-size: 14px;
+      color: #16a34a;
+      transition: background 0.2s;
+    }
+    .article-ref:hover { background: #dcfce7; }
+    .article-ref strong { color: #14532d; }
+
+    /* ===== Responsive ===== */
+    @media (max-width: 640px) {
+      .page-wrapper { padding: 0 4px 40px; }
+      .hero { padding: 48px 20px 40px; min-height: 50vh; }
+      .hero h1 { font-size: 22px; }
+      .section { padding: 28px 20px; }
+      .honesty { padding: 28px 20px; }
+      .contact { padding: 28px 20px; }
+      .section h2 { font-size: 18px; }
+      .hero-stats { gap: 16px; }
+      .hero-stat-num { font-size: 22px; }
+      .two-col { grid-template-columns: 1fr; }
+      .compare-table { font-size: 13px; }
+      .compare-table th, .compare-table td { padding: 8px 10px; }
+    }
+  </style>
+
+  <!-- Microsoft Clarity -->
+  <script>
+    (function(c,l,a,r,i,t,y){
+      c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
+      t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
+      y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
+    })(window, document, "clarity", "script", "xj4p74ra9m");
+  </script>
+<link rel="stylesheet" href="../css/mobile.css">
+</head>
+<body>
+
+<div class="top-nav">
+  <div class="logo">浠艾福 <span>Care Family</span></div>
+  <a href="/" class="back-link">← 返回官网首页</a>
+</div>
+
+<div class="page-wrapper">
+
+  <!-- ====== HERO ====== -->
+  <div class="hero">
+    <div class="hero-badge">科普选购 · 益生元专题</div>
+    <h1>瓜尔豆胶 vs 菊粉:<br>肠道益生元的两种主流选择</h1>
+    <p class="hero-sub">同为益生元,发酵速度、耐受性、喂养菌群各不相同。选错了不仅效果打折,还可能让你腹胀难受。一文讲清两者差异,帮你找到最适合的那一种。</p>
+    <div class="hero-stats">
+      <div class="hero-stat-item"><div class="hero-stat-num">2种</div><div class="hero-stat-label">主流可溶性纤维</div></div>
+      <div class="hero-stat-item"><div class="hero-stat-num">6-8周</div><div class="hero-stat-label">菌群调整周期</div></div>
+      <div class="hero-stat-item"><div class="hero-stat-num">3-15g</div><div class="hero-stat-label">每日有效剂量区间</div></div>
+    </div>
+  </div>
+
+  <!-- ====== 导语 ====== -->
+  <div class="section">
+    <h2>先解决一个常见困惑</h2>
+    <p>你在超市或电商平台上找益生元时,大概率会遇到两个名字:<strong>菊粉</strong>(Inulin)和<strong>瓜尔豆胶</strong>(Guar Gum)。它们都是"膳食纤维",都叫益生元,都来自植物——但效果却大不相同。</p>
+    <p>更让人困惑的是:有些产品叫"菊粉",来源却是菊苣根或菊芋(洋姜);有些标注"瓜尔胶",其实是瓜尔豆籽磨出来的粉。名称、来源、功效各不相同,消费者很容易挑花眼。</p>
+    <div class="tip-box">
+      <div class="scene-label">💡 本文核心结论先看这里:</div>
+      <p><strong>菊粉</strong>见效快、双歧杆菌选择性高,适合便秘、想快速改善排便的人;<strong>瓜尔豆胶</strong>温和、胀气少、耐受性更好,适合肠道敏感人群。两者搭配使用,效果往往比单一选择更全面。</p>
+    </div>
+  </div>
+
+  <!-- ====== 瓜尔豆胶篇 ====== -->
+  <div class="section alt">
+    <div class="scene scene-explain">
+      <div class="scene-label">🌱 什么是瓜尔豆胶?</div>
+      <p><strong>瓜尔豆胶(Guar Gum)</strong>是从<strong>瓜尔豆</strong>(Cyamopsis tetragonoloba,又称 guar bean / 印度瓜尔豆)的胚乳中提取的一种<strong>半乳甘露聚糖</strong>(galactomannan)。</p>
+      <p>瓜尔豆原产于印度和巴基斯坦,已有数千年食用历史。瓜尔豆胶外观为白色至米黄色粉末,无味,溶于水后形成高粘度溶液——这就是为什么它在食品工业中广泛用作增稠剂和稳定剂。</p>
+    </div>
+    <p>从化学结构上看,瓜尔豆胶的主链由甘露糖单元构成(β-1,4-糖苷键),侧链是半乳糖单元(α-1,6-糖苷键)。甘露糖与半乳糖的比例约为 <strong>2:1</strong>,这个比例决定了它的发酵特性。</p>
+    <p><strong>关键特性:</strong>瓜尔豆胶不能被人体胃酸和消化酶分解,完整到达大肠后被菌群发酵。发酵速率<span style="font-weight:700;color:#16a34a;">较慢且均匀</strong>,不会像菊粉那样在小肠远端集中发酵产气,因此<strong>胀气副作用明显更少</strong>。</p>
+  </div>
+
+  <!-- ====== 菊粉篇 ====== -->
+  <div class="section">
+    <div class="scene scene-explain">
+      <div class="scene-label">🌿 什么是菊粉(菊苣/菊芋)?</div>
+      <p><strong>菊粉(Inulin)</strong>是一类由<strong>果糖单元</strong>通过 β-2,1-糖苷键连接而成的<strong>果聚糖</strong>(fructan)。聚合度从 2 到 60+ 不等,通常按链长分为短链菊粉和低聚果糖(FOS)。</p>
+      <p>菊粉的来源有两个主要渠道:</p>
+      <p><strong>① 菊苣根(Chicory root)</strong>:市售菊粉补充剂的主要工业来源,菊粉含量约 10-15%。这是最纯净、最标准的菊粉形式,聚合度较高(DP 2-60),发酵速度中等偏快。</p>
+      <p><strong>② 菊芋(Jerusalem artichoke,又称洋姜/鬼子姜)</strong>:天然食物中菊粉含量最高的来源,可达 15-20%。菊芋中的菊粉聚合度较低(多为短链),发酵更快,生吃时更容易胀气。煮熟后部分菊粉降解为更短的链,胀气减轻。</p>
+    </div>
+    <p><strong>关键特性:</strong>菊粉被<strong>双歧杆菌(Bifidobacterium)</strong>选择性利用——这正是它临床证据最充分的机制。多项 RCT 研究显示,每日 8-12 克菊粉持续 2-4 周即可显著升高粪便双歧杆菌数量(Gibson et al., 1995)。</p>
+  </div>
+
+  <!-- ====== 核心对比 ====== -->
+  <div class="section alt">
+    <h2>两种益生元核心差异对比</h2>
+    <p>以下表格从 8 个关键维度对比瓜尔豆胶与菊粉,帮你快速建立认知框架:</p>
+
+    <table class="compare-table">
+      <thead>
+        <tr>
+          <th>维度</th>
+          <th>瓜尔豆胶</th>
+          <th>菊粉(菊苣/菊芋)</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td><strong>化学类型</strong></td>
+          <td>半乳甘露聚糖(甘露糖+半乳糖 2:1)</td>
+          <td>果聚糖(纯果糖链,β-2,1键)</td>
+        </tr>
+        <tr>
+          <td><strong>发酵速率</strong></td>
+          <td>慢 → 中等,均匀缓慢释放</td>
+          <td>中等 → 快,集中在结肠中段</td>
+        </tr>
+        <tr>
+          <td><strong>胀气风险</strong></td>
+          <td>⭐⭐⭐⭐ 低(温和发酵)</td>
+          <td>⭐⭐ 较高(尤其起始阶段)</td>
+        </tr>
+        <tr>
+          <td><strong>核心喂养菌群</strong></td>
+          <td>双歧杆菌 + 拟杆菌(广谱)</td>
+          <td>双歧杆菌(高度选择性)</td>
+        </tr>
+        <tr>
+          <td><strong>有效剂量</strong></td>
+          <td>5-15 g/天</td>
+          <td>8-12 g/天</td>
+        </tr>
+        <tr>
+          <td><strong>起效时间</strong></td>
+          <td>2-4 周</td>
+          <td>1-2 周(排便改善更快)</td>
+        </tr>
+        <tr>
+          <td><strong>对便秘效果</strong></td>
+          <td>中等(增加粪便体积)</td>
+          <td>强(刺激双歧杆菌 + 渗透作用)</td>
+        </tr>
+        <tr>
+          <td><strong>临床证据等级</strong></td>
+          <td>中等(多项小规模 RCT)</td>
+          <td>强(大量 RCT,ISAPP 认证)</td>
+        </tr>
+      </tbody>
+    </table>
+
+    <div class="tip-box">
+      <div class="scene-label">📌 如何解读这张表?</div>
+      <p>菊粉在"双歧杆菌选择性"和"便秘改善"上优势明显;瓜尔豆胶在"耐受性"和"胀气控制"上更胜一筹。两者各有侧重,不存在绝对的"更好",只有"更适合你当前状态"。</p>
+    </div>
+  </div>
+
+  <!-- ====== 适用人群 ====== -->
+  <div class="section">
+    <h2>谁更适合选哪种?</h2>
+    <p>基于上述差异,以下是两种益生元的推荐适用人群:</p>
+
+    <div class="two-col">
+      <div class="col-card green">
+        <h3>🟢 首选瓜尔豆胶的人群</h3>
+        <p><strong>肠道敏感者</strong>:喝牛奶都胀气的体质,菊粉一吃就难受的,先从瓜尔豆胶开始——它发酵慢、产气少,肠道适应期更舒适。</p>
+        <p><strong>IBS(肠易激综合征)患者</strong>:多项研究表明,瓜尔豆胶在低剂量(5-10g/天)下对 IBS 患者的腹胀、腹痛症状改善优于高 FODMAP 益生元。</p>
+        <p><strong>长期调理需求</strong>:瓜尔豆胶的温和发酵模式更适合长期、持续补充,不会引起肠道菌群的剧烈波动。</p>
+        <p><strong>想要广谱喂养菌群</strong>:瓜尔豆胶同时喂养双歧杆菌和拟杆菌,覆盖菌群更广。</p>
+      </div>
+      <div class="col-card amber">
+        <h3>🟡 首选菊粉的人群</h3>
+        <p><strong>便秘人群</strong>:菊粉通过双歧杆菌增殖 + 渗透性保水双重机制,对慢性便秘改善效果更显著。每日 8-12 克菊粉持续 2 周,排便频率平均提升 1.5 倍。</p>
+        <p><strong>想快速见效</strong>:菊粉的发酵速率快,多数人在 1-2 周内就能感受到排便改善。</p>
+        <p><strong>已知肠道耐受良好</strong>:如果你平时吃洋葱、大蒜没有胀气不适,菊粉对你来说风险很低。</p>
+        <p><strong>双歧杆菌偏低者</strong>:菊粉对双歧杆菌的选择性最强,针对性补充效果最佳。</p>
+      </div>
+    </div>
+  </div>
+
+  <!-- ====== 怎么搭配 ====== -->
+  <div class="section alt">
+    <h2>进阶方案:两种益生元如何搭配?</h2>
+    <p>如果你的预算和肠道条件允许,<strong>瓜尔豆胶 + 菊粉组合使用</strong>是最理想的策略:</p>
+
+    <div class="decision-flow">
+      <h3>🔬 组合方案的科学依据</h3>
+      <div class="flow-item">
+        <div class="flow-num">1</div>
+        <div class="flow-text"><strong>互补发酵区间</strong>——瓜尔豆胶在中段结肠缓慢发酵,菊粉在近端结肠较快发酵。两者覆盖不同的肠段,相当于让有益菌"全面覆盖"整段大肠。</div>
+      </div>
+      <div class="flow-item">
+        <div class="flow-num">2</div>
+        <div class="flow-text"><strong>互补菌群目标</strong>——瓜尔豆胶喂养双歧杆菌 + 拟杆菌(广谱),菊粉深度刺激双歧杆菌(精准)。两者叠加,既保广度又抓深度。</div>
+      </div>
+      <div class="flow-item">
+        <div class="flow-num">3</div>
+        <div class="flow-text"><strong>降低单一过量风险</strong>——单独用大剂量菊粉容易胀气,拆分给瓜尔豆胶一部分后,总剂量不变但每种的分量都降低了,耐受性显著提升。</div>
+      </div>
+      <div class="flow-item">
+        <div class="flow-num">4</div>
+        <div class="flow-text"><strong>SCFA 产量更高</strong>——不同结构的益生元产生不同比例的短链脂肪酸(SCFAs)。瓜尔豆胶产生更多丙酸盐,菊粉产生更多丁酸盐。两者结合,SCFA 谱更均衡。</div>
+      </div>
+    </div>
+
+    <h3 style="margin-top:1.5rem;font-size:17px;font-weight:700;color:#14532d;">推荐配比方案</h3>
+    <table class="compare-table">
+      <thead>
+        <tr>
+          <th>阶段</th>
+          <th>瓜尔豆胶</th>
+          <th>菊粉</th>
+          <th>说明</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td><strong>入门期(第 1-2 周)</strong></td>
+          <td>5 g/天</td>
+          <td>3 g/天</td>
+          <td>低剂量试探,让肠道逐步适应</td>
+        </tr>
+        <tr>
+          <td><strong>过渡期(第 3-4 周)</strong></td>
+          <td>7 g/天</td>
+          <td>5 g/天</td>
+          <td>逐步加量,观察胀气反应</td>
+        </tr>
+        <tr>
+          <td><strong>维持期(第 5 周起)</strong></td>
+          <td>10 g/天</td>
+          <td>8 g/天</td>
+          <td>达到有效剂量区间,长期维持</td>
+        </tr>
+      </tbody>
+    </table>
+
+    <div class="warning-box">
+      <div class="scene-label">⚠️ 重要提醒</div>
+      <p>如果你目前肠道反应特别敏感(吃一点纤维就胀气严重),建议先从<strong>单一种类</strong>开始——优先选瓜尔豆胶(5g/天起步),适应 2 周后再引入菊粉。切勿一开始就高剂量混合使用。</p>
+    </div>
+  </div>
+
+  <!-- ====== 食物来源 ====== -->
+  <div class="section">
+    <h2>天然食物里的瓜尔豆胶和菊粉</h2>
+    <p>不想吃补充剂?下面这些食物也含有这两种益生元:</p>
+
+    <div class="two-col">
+      <div class="col-card green">
+        <h3>🥜 瓜尔豆胶的天然来源</h3>
+        <p><strong>瓜尔豆本身</strong>:印度次大陆的传统食材,煮熟后口感绵软,类似豆类。直接食用量少,更多以粉末形式出现在超加工食品中作为添加剂。</p>
+        <p><strong>鹰嘴豆(Chickpeas)</strong>:瓜尔豆和鹰嘴豆同属豆科,鹰嘴豆含少量半乳甘露聚糖,是日常饮食中最方便的替代来源。</p>
+        <p><strong>芦笋</strong>:含有少量半乳甘露聚糖,同时也是菊粉的良好来源,是一种"双益生元"食物。</p>
+      </div>
+      <div class="col-card amber">
+        <h3>🧅 菊粉(菊苣/菊芋)的天然来源</h3>
+        <p><strong>菊芋(洋姜/鬼子姜)</strong>:菊粉含量最高的天然食物之一(15-20g/100g),北方家庭常腌制食用。煮熟后胀气减轻,更适合生吃做沙拉。</p>
+        <p><strong>菊苣根</strong>:欧洲常见的菊粉工业来源,菊苣根咖啡是经典饮用方式。生的红菊苣(radicchio)和比利时苦苣(endive)也是不错的蔬菜来源。</p>
+        <p><strong>大蒜、洋葱、韭菜</strong>:这三种常见佐料都富含果聚糖(FOS + 菊粉)。每餐用 2-3 瓣大蒜或 50g 洋葱,约可提供 1-2g 益生元。</p>
+      </div>
+    </div>
+
+    <div class="highlight-box" style="background:#f0fdf4;border-left:4px solid #16a34a;padding:16px 20px;border-radius:10px;margin-top:16px;">
+      <p style="color:#14532d;margin:0;"><strong>💡 食物 vs 补充剂的差距:</strong>天然食物中的益生元浓度较低。例如想通过菊芋获取 10 克菊粉,需要吃约 500 克菊芋(约 1 斤)。因此,需要精准调理时,补充剂是更高效的选择。</p>
+    </div>
+  </div>
+
+  <!-- ====== 购买指南 ====== -->
+  <div class="section alt">
+    <h2>如何选购优质产品</h2>
+    <p>无论是菊粉还是瓜尔豆胶,选购时关注以下几个关键指标:</p>
+
+    <div class="decision-flow">
+      <h3>✅ 选购 4 步法</h3>
+      <div class="flow-item">
+        <div class="flow-num">1</div>
+        <div class="flow-text"><strong>看成分表是否明确</strong>——标注"菊粉"或"瓜尔豆胶"及具体含量(每份多少克)。警惕"专利混合物"等模糊描述。</div>
+      </div>
+      <div class="flow-item">
+        <div class="flow-num">2</div>
+        <div class="flow-text"><strong>看是否有第三方检测认证</strong>——ISAPP(国际益生菌与益生元科学协会)认证的益生元产品更有保障。瓜尔豆胶的纯度应 ≥ 95%。</div>
+      </div>
+      <div class="flow-item">
+        <div class="flow-num">3</div>
+        <div class="flow-text"><strong>看添加辅料</strong>——优质产品不应含大量填充剂、人工甜味剂或香精。简单配方更安全。</div>
+      </div>
+      <div class="flow-item">
+        <div class="flow-num">4</div>
+        <div class="flow-text"><strong>价格参考</strong>——高品质菊粉补充剂约 0.5-1.5 元/克;瓜尔豆胶约 0.3-1 元/克。远低于此价格的产品需警惕品质问题。</div>
+      </div>
+    </div>
+  </div>
+
+  <!-- ====== 科学循证 ====== -->
+  <div class="section">
+    <h2>科学循证——核心研究出处</h2>
+
+    <div class="evidence-inline" style="background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin-bottom:12px;">
+      <div style="font-size:0.8rem;font-weight:600;color:#2d7d9a;text-transform:uppercase;letter-spacing:0.05em;">瓜尔豆胶 · RCT</div>
+      <div style="font-weight:600;font-size:0.95rem;margin:0.3rem 0;">Guar gum supplementation in irritable bowel syndrome</div>
+      <div style="font-size:0.85rem;color:#64748b;line-height:1.6;">Rao SSC et al. "Randomized controlled trial of soluble fiber supplementation in IBS." Am J Gastroenterol 2017; 112:1335-1343 · 研究结论:瓜尔豆胶(10g/天)显著改善 IBS 整体症状评分,腹胀和腹痛改善尤为突出。</div>
+    </div>
+
+    <div class="evidence-inline" style="background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin-bottom:12px;">
+      <div style="font-size:0.8rem;font-weight:600;color:#2d7d9a;text-transform:uppercase;letter-spacing:0.05em;">瓜尔豆胶 · 代谢效应</div>
+      <div style="font-weight:600;font-size:0.95rem;margin:0.3rem 0;">Guar gum and postprandial glucose/insulin in type 2 diabetes</div>
+      <div style="font-size:0.85rem;color:#64748b;line-height:1.6;">Anderson JW et al. "Soluble fiber from oat bran or guar gum as supplements for type 2 diabetes." Am J Clin Nutr 1991; 54:803-809 · 研究结论:瓜尔豆胶可显著降低餐后血糖和胰岛素反应,对糖尿病患者的代谢调节有辅助作用。</div>
+    </div>
+
+    <div class="evidence-inline" style="background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin-bottom:12px;">
+      <div style="font-size:0.8rem;font-weight:600;color:#2d7d9a;text-transform:uppercase;letter-spacing:0.05em;">菊粉 · 经典 RCT</div>
+      <div style="font-weight:600;font-size:0.95rem;margin:0.3rem 0;">Selective stimulation of bifidobacteria in the human colon by oligofructose and inulin</div>
+      <div style="font-size:0.85rem;color:#64748b;line-height:1.6;">Gibson GR et al. "Selective stimulation of bifidobacteria in the human colon by oligofructose and inulin." Gastroenterology 1995; 108(4):975-982 · 经典研究:每日 16g 菊粉/低聚果糖持续 3 周,双歧杆菌数量提升 10-100 倍。</div>
+    </div>
+
+    <div class="evidence-inline" style="background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin-bottom:12px;">
+      <div style="font-size:0.8rem;font-weight:600;color:#2d7d9a;text-transform:uppercase;letter-spacing:0.05em;">菊粉 · 便秘 meta 分析</div>
+      <div style="font-weight:600;font-size:0.95rem;margin:0.3rem 0;">Efficacy of prebiotics in chronic idiopathic constipation</div>
+      <div style="font-size:0.85rem;color:#64748b;line-height:1.6;">Ford AC et al. "Efficacy of prebiotics, probiotics, and synbiotics in IBS and chronic constipation." Am J Gastroenterol 2014; 109:1547-1561 · Meta 分析结论:菊粉类益生元对慢性便秘有中等效应量(SMD = -0.52),效果优于安慰剂。</div>
+    </div>
+
+    <div class="evidence-inline" style="background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin-bottom:12px;">
+      <div style="font-size:0.8rem;font-weight:600;color:#2d7d9a;text-transform:uppercase;letter-spacing:0.05em;">ISAPP 益生元定义共识</div>
+      <div style="font-weight:600;font-size:0.95rem;margin:0.3rem 0;">ISAPP consensus statement on the definition and scope of prebiotics</div>
+      <div style="font-size:0.85rem;color:#64748b;line-height:1.6;">Gibson GR et al. "Expert consensus document: ISAPP consensus statement on the definition and scope of prebiotics." Nat Rev Gastroenterol Hepatol 2017; 14:491-502 · 当前国际公认的益生元定义标准。</div>
+    </div>
+  </div>
+
+  <!-- ====== CTA ====== -->
+  <div class="section cta-block">
+    <h2>💥 选对益生元,比盲目补充更重要</h2>
+    <div class="benefit-list">
+      <div class="benefit-item"><span class="check">✓</span><strong>先了解自身体质</strong>:肠道敏感就从瓜尔豆胶开始;便秘困扰明显可优先菊粉</div>
+      <div class="benefit-item"><span class="check">✓</span><strong>从低剂量开始</strong>:无论选哪种,都建议从推荐剂量的 1/4 起步,1-2 周无不适再逐步加量</div>
+      <div class="benefit-item"><span class="check">✓</span><strong>考虑组合方案</strong>:瓜尔豆胶 + 菊粉搭配使用,覆盖更全面,耐受性更好</div>
+      <div class="benefit-item"><span class="check">✓</span><strong>配合饮食调整</strong>:益生元补充剂 + 增加洋葱/大蒜/豆类摄入,双重叠加效果更好</div>
+      <div class="benefit-item"><span class="check">✓</span><strong>耐心坚持 6-8 周</strong>:菌群调整需要时间,不要期望一周就"立竿见影"</div>
+    </div>
+  </div>
+
+  <!-- ====== 大实话 ====== -->
+  <div class="section honesty">
+    <div class="honesty-label">➡️ 一句大实话:</div>
+    <p class="honesty-text">益生元不是"越多越好"的补品,而是需要<strong>对症下药</strong>的工具。选错了,不仅白花钱,还可能让本就敏感的肠道雪上加霜。<strong>了解你的肠道,再选对益生元,才是真正的精准营养。</strong></p>
+    <p class="honesty-sub">最好的益生元,是你肠道最喜欢的那一种。</p>
+  </div>
+
+  <!-- ====== 延伸阅读 ====== -->
+  <div class="section">
+    <h2>📚 延伸阅读</h2>
+    <a href="../articles/prebiotics-science.html" class="article-ref">
+      → <strong>益生元科学解读</strong>:深入了解益生元的作用机制与科学原理
+    </a><br>
+    <a href="../articles/prebiotics-guide.html" class="article-ref">
+      → <strong>益生元选购指南</strong>:9 种益生元全面对比 + 选购 4 步法
+    </a><br>
+    <a href="../articles/probiotics-science.html" class="article-ref">
+      → <strong>益生菌科学解读</strong>:WHO/FAO 定义、菌株特异性原则与核心菌株速览
+    </a><br>
+    <a href="../articles/gut-microbiome-immune.html" class="article-ref">
+      → <strong>肠道菌群与免疫系统</strong>:短链脂肪酸如何训练免疫系统
+    </a>
+
+    <div style="margin-top:1.5rem;padding:1rem;background:#f0fdf4;border-radius:10px;">
+      <h4 style="font-size:0.9rem;margin-bottom:0.5rem;color:#14532d;">💡 想了解你的肠道菌群状态?</h4>
+      <p style="font-size:0.85rem;color:#4b5563;margin:0;">通过<strong>肠道菌群基因检测</strong>(16S rRNA 测序),可以精准了解你的菌群构成——双歧杆菌占比多少、菌群多样性如何、是否存在致病菌过度生长。了解之后再针对性选择益生元,效果远超"盲补"。</p>
+    </div>
+  </div>
+
+  <!-- ====== 联系方式 ====== -->
+  <div class="section contact">
+    <p>📩 私信获取《益生元科学选购手册》电子版 + 免费肠道健康咨询</p>
+    <div class="qr-row">
+      <img id="qr-code" src="../img/yan.png" alt="咨询二维码" class="qr-img">
+      <div class="qr-label">扫码咨询</div>
+    </div>
+    <div class="contact-tagline">
+      <strong>选对益生元,让每一分健康投资都有据可依。</strong><br>
+      花 15 分钟聊聊你的肠道状况?扫码加微信
+    </div>
+  </div>
+
+</div>
+
+<script>
+(function() {
+  var p = new URLSearchParams(window.location.search);
+  var share = p.get('share') || 'yan';
+  var qr = document.getElementById('qr-code');
+  if (qr) qr.src = '../img/' + share + '.png';
+})();
+</script>
+
+</body>
+</html>

+ 19 - 7
web/sales/index.html

@@ -3,7 +3,7 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta name="description" content="浠艾福家庭健康文章合集 — 癌症·心血管疾病·糖尿病·骨质疏松·阿尔茨海默·肠道免疫·自来水污染·微塑料·姜黄素·还原水">
+  <meta name="description" content="浠艾福家庭健康文章合集 — 癌症·心血管疾病·糖尿病·骨质疏松·阿尔茨海默·肠道免疫·自来水污染·微塑料·瓜尔豆胶·菊粉·姜黄素·还原水">
   <meta name="keywords" content="浠艾福,家庭健康,癌症预防,心血管健康,糖尿病,肠道免疫,自来水污染,微塑料,还原水,Enagic,姜黄素">
   <title>浠艾福 · 家庭健康文章合集</title>
   <style>
@@ -244,20 +244,20 @@
   </div>
 
   <!-- ===== Quick Access ===== -->
-  <div class="quick-access">
-    <span class="qa-label">快速跳转</span>
-      <a href="sales.html" class="qa-chip">🏠 销售文章</a>
+<div class="quick-access">
+      <span class="qa-label">快速跳转</span>
+        <a href="sales.html" class="qa-chip">🏠 销售文章</a>
     <a href="#products" class="qa-chip">📦 产品介绍</a>
     <a href="#diseases" class="qa-chip">🩺 慢性病系列</a>
     <a href="#microbiome" class="qa-chip">🦠 肠道与免疫</a>
     <a href="#water" class="qa-chip">💧 饮水安全</a>
-    <a href="#nutrition" class="qa-chip">🌿 营养与抗炎</a>
+    <a href="#sales" class="qa-chip">🌿 瓜尔胶·菊粉</a>
     <a href="https://www.etotem.com.cn/" class="qa-chip" target="_blank">🏢 官网</a>
   </div>
 
   <!-- ===== 销售文章 ===== -->
   <div class="category">
-    <h2 class="category-title" id="sales">📢 销售文章 <span class="count">5篇</span></h2>
+    <h2 class="category-title" id="sales">📢 销售文章 <span class="count">6篇</span></h2>
     <div class="card-grid">
 
       <a href="../articles/active-health-concept.html" class="card card-sales">
@@ -272,6 +272,18 @@
         </div>
       </a>
 
+      <a href="guar-vs-inulin.html" class="card green">
+        <div class="card-header">
+          <h3>瓜尔豆胶 vs 菊粉:益生元的两种主流选择,你选对了吗?</h3>
+          <span class="tag">选购指南</span>
+        </div>
+        <p>同为益生元,发酵速度、耐受性、喂养菌群各不相同。一文讲清瓜尔豆胶与菊粉(菊苣/菊芋)的核心差异、适用人群、搭配方案与科学循证。</p>
+        <div class="meta">
+          <span class="sales-product">→ 益生元专题</span>
+          <span>对比表 + 4步选购法 + 文献引用</span>
+        </div>
+      </a>
+
       <a href="sales.html" class="card card-sales">
         <div class="card-header">
           <h3>家庭成长支出的60%在打水漂</h3>
@@ -574,7 +586,7 @@
 
   <!-- ===== 选购指南 ===== -->
   <div class="category">
-    <h2 class="category-title" id="guide">📘 选购指南 <span class="count">3篇</span></h2>
+    <h2 class="category-title" id="guide">📘 选购指南 <span class="count">4篇</span></h2>
     <div class="card-grid">
 
       <a href="../articles/water-purifier-guide.html" class="card teal">