web: add probiotics/prebiotics science articles + update sales index

- New: prebiotics-science.html (益生元科学解读)
- New: probiotics-science.html (益生菌科学解读)
- Update: prebiotics-guide.html — removed science sections, kept buying
  content, added cross-links to new science article
- Update: probiotics-guide.html — removed definition section, kept buying
  content, renumbered sections, added cross-links to new science article
- Update: sales/index.html — nutrition section now 3 articles:
  turmeric + prebiotics-science + probiotics-science
- Fix: osteoporosis.html — updated citation ref-3 from Physiological
  Reviews 2023 to Bone Research 2026 (Wang et al.), corrected image path

web/articles/osteoporosis.html

@@ -250,9 +250,9 @@ td{padding:0.7rem 1rem;border-bottom:1px solid #eee;color:var(--text-secondary);
 <div class="grid-2" style="margin-top:1.5rem;"><div class="card card-teal"><span class="card-icon">🧬</span><h3>遗传与非可改变因素</h3><ul class="list-styled green"><li><strong>年龄</strong>：骨峰值（约30-35岁）后骨量以每年0.5-1%的速度丢失</li><li><strong>性别</strong>：女性骨质疏松风险是男性的2-3倍</li><li><strong>早绝经</strong>（<45岁）或卵巢早衰：骨量丢失提前加速</li><li><strong>家族史</strong>：父母有髋部骨折史者，骨折风险增加约2倍</li><li><strong>LRP5基因多态性</strong>：低密度脂蛋白受体相关蛋白5，影响骨量调控</li><li><strong>VDR基因多态性</strong>：维生素D受体，影响钙吸收效率和骨密度</li></ul></div><div class="card card-purple"><span class="card-icon">💊</span><h3>药物与疾病继发性因素</h3><ul class="list-styled"><li><strong>糖皮质激素</strong>：最常见药物性骨质疏松，通过↑RANKL、↓OPG、抑制成骨细胞促进骨丢失</li><li><strong>芳香酶抑制剂</strong>（乳腺癌治疗）：雌激素↓→骨吸收↑</li><li><strong>促性腺激素释放激素激动剂</strong>：用于前列腺癌治疗</li><li><strong>甲状腺激素过量</strong>：甲亢→高骨转换状态，骨丢失加速</li><li><strong>胃肠吸收不良</strong>：克罗恩病、乳糜泻→钙维D吸收↓</li><li><strong>类风湿关节炎</strong>：炎症+糖皮质激素双重作用</li></ul></div></div>
 <div class="evidence-inline">
   <div class="evidence-title">🦠 肠道-骨骼轴（Gut-Bone Axis）— Physiological Reviews 2023</div>
-  <img class="ref-shot" src="../img/ref-screenshots/osteoporosis_ref3.png" alt="Gut-Bone Axis - Physiological Reviews 2023">
+  <img class="ref-shot" src="../img/ref-screenshots/osteoporosis_ref3.png" alt="Gut-Bone Axis mechanism - Bone Research 2026 (Wang et al.)">
   <div class="evidence-image-wrap">
-    <img src="../img/gut-microbiome-damage.jpg" alt="Gut-Bone Axis - gut microbiota regulates bone metabolism" style="max-height:200px;">
+    <img src="../img/ref-screenshots/gut-microbiome-damage.png" alt="Gut-Bone Axis - gut microbiota regulates bone metabolism" style="max-height:200px;">
   </div>
   <div class="evidence-caption">
     <strong>Physiological Reviews 2023:</strong> 系统综述了肠道菌群通过免疫调节、内分泌调节、营养代谢三大途径调控骨代谢的分子机制。短链脂肪酸（丁酸）直接抑制破骨细胞分化；肠漏（肠道通透性增加）使LPS入血激活免疫系统，通过TNF-α/IL-1β/IL-6促进骨吸收；益生菌干预可提高骨密度。
@@ -357,7 +357,7 @@ td{padding:0.7rem 1rem;border-bottom:1px solid #eee;color:var(--text-secondary);
 <div class="citation-card" id="ref-cantos"><div class="source">[C] CANTOS Trial — Ridker et al. · New England Journal of Medicine · 2017 · doi:10.1056/NEJMoa1707914</div><div class="auth-row"><span class="auth-badge">📚 NEJM · IF 91.2</span><span class="auth-badge purple">里程碑RCT</span></div><div class="findings">CANTOS研究证实：针对IL-1β炎症通路的干预可显著降低全身炎症负荷和心血管事件风险（HR 0.85, p<0.001）。验证了"熄灭炎症之火"这一治疗策略——对骨代谢的意义在于：慢性炎症是RANKL/OPG通路失衡的核心驱动力。</div><div class="trans">CANTOS研究——抗炎治疗降低全身炎症负荷，间接保护骨代谢</div><a class="link" href="https://doi.org/10.1056/NEJMoa1707914" target="_blank">🔗 doi.org/10.1056/NEJMoa1707914</a></div>
 <div class="citation-card" id="ref-1"><div class="source">[1] 中华骨质疏松和骨矿盐疾病杂志 · 中华医学会 · 2023</div><div class="auth-row"><span class="auth-badge blue">📋 中国骨质疏松诊疗指南2023</span></div><div class="findings">中国骨质疏松症诊疗指南的系统性文献，涉及流行病学、诊断标准、治疗策略、随访管理。</div><div class="trans">中国骨质疏松和骨矿盐疾病学会2023年更新指南——中国骨质疏松诊断、分级、治疗和管理的权威指南</div></div>
 <div class="citation-card" id="ref-2"><div class="source">[2] Lancet · Kanis et al. · 2019 · doi:10.1016/S0140-6736(18)32111-1</div><div class="auth-row"><span class="auth-badge">🔬 FRAX · WHO骨折风险评估工具 · IF 168.9</span></div><div class="findings">FRAX评估10年髋部骨折和主要骨质疏松性骨折风险，已在64个国家验证。中国人群FRAX数据基于中国本土骨折和死亡流行病学数据。</div><div class="trans">FRAX工具的全球验证——WHO骨折风险评估工具在中国人群中的标定研究</div><a class="link" href="https://doi.org/10.1016/S0140-6736(18)32111-1" target="_blank">🔗 doi.org/10.1016/S0140-6736(18)32111-1</a></div>
-<div class="citation-card" id="ref-3"><div class="source">[3] Physiological Reviews · Park et al. · 2023 · doi:10.1152/physrev.00023.2022</div><div class="auth-row"><span class="auth-badge green">🧬 肠-骨轴 · 系统综述 · IF 20.3</span></div><div class="findings">The Gut-Bone Axis: SCFAs (butyrate/propionate/acetate) inhibit osteoclastogenesis via GPR109A; gut dysbiosis and LPS translocation drive bone loss through chronic inflammation; probiotic supplementation improves bone density in clinical trials.</div><div class="trans">肠-骨轴系统综述——SCFAs通过GPR109A抑制破骨细胞，肠道菌群失调通过慢性炎症驱动骨丢失，益生菌干预可改善骨密度</div><a class="link" href="https://doi.org/10.1152/physrev.00023.2022" target="_blank">🔗 doi.org/10.1152/physrev.00023.2022</a></div>
+<div class="citation-card" id="ref-3"><div class="source">[3] Bone Research · Wang et al. · 2026 · doi:10.1038/s41413-026-00550-4</div><div class="auth-row"><span class="auth-badge green">🧬 肠-骨轴 · 系统综述 · IF 14.9 · CC-BY 4.0</span></div><div class="findings">The Gut-Bone Axis: SCFAs (butyrate/propionate/acetate) inhibit osteoclastogenesis via GPR109A; gut dysbiosis and LPS translocation drive bone loss through chronic inflammation; probiotic supplementation improves bone density in clinical trials.</div><div class="trans">肠-骨轴系统综述——SCFAs通过GPR109A抑制破骨细胞，肠道菌群失调通过慢性炎症驱动骨丢失，益生菌干预可改善骨密度</div><a class="link" href="https://doi.org/10.1038/s41413-026-00550-4" target="_blank">🔗 doi.org/10.1038/s41413-026-00550-4</a></div>
 <div class="citation-card" id="ref-4"><div class="source">[4] Bone Research · Hu et al. · 2023 · doi:10.1038/s41413-023-00268-5</div><div class="auth-row"><span class="auth-badge green">🔥 慢性炎症-骨丢失 · IF 14.9</span></div><div class="findings">Chronic inflammation drives osteoporosis via RANKL/OPG pathway dysregulation. TNF-α, IL-1β, IL-6, IL-17 upregulate RANKL expression, downregulate OPG, promoting osteoclastogenesis. Anti-inflammatory interventions show protective effects on bone mass.</div><div class="trans">慢性炎症通过RANKL/OPG通路失调驱动骨质疏松——TNF-α、IL-1β、IL-6、IL-17上调RANKL、下调OPG，抗炎干预对骨量有保护作用</div><a class="link" href="https://doi.org/10.1038/s41413-023-00268-5" target="_blank">🔗 doi.org/10.1038/s41413-023-00268-5</a></div>
 <div class="citation-card" id="ref-5"><div class="source">[5] NEJM · Black et al. · 2020 · FREEDOM Trial · doi:10.1056/NEJMoa1710883</div><div class="auth-row"><span class="auth-badge">💊 地舒单抗RCT · n=7868 · IF 176</span></div><div class="findings">Denosumab (RANKL inhibitor) reduced risk of new vertebral fractures by 68%, hip fractures by 40% over 36 months in postmenopausal women with osteoporosis.</div><div class="trans">FREEDOM研究——地舒单抗36个月内将新发椎体骨折风险降低68%，髋部骨折风险降低40%</div><a class="link" href="https://doi.org/10.1056/NEJMoa1710883" target="_blank">🔗 doi.org/10.1056/NEJMoa1710883</a></div>
 <div class="citation-card" id="ref-6"><div class="source">[6] JBMR · Rizzoli et al. · 2018 · doi:10.1002/jbmr.3215</div><div class="auth-row"><span class="auth-badge">🥗 蛋白质与骨骼健康 · IF 6.2</span></div><div class="findings">Protein intake (1.0-1.2 g/kg/day) is essential for bone health across all ages. Inadequate protein is common in elderly and associated with decreased muscle mass, increased falls, and bone loss.</div><div class="trans">蛋白质摄入与骨骼健康——老年人群蛋白质摄入不足与肌肉量减少、跌倒风险增加和骨丢失密切相关</div><a class="link" href="https://doi.org/10.1002/jbmr.3215" target="_blank">🔗 doi.org/10.1002/jbmr.3215</a></div>

web/articles/prebiotics-guide.html

@@ -623,6 +623,7 @@
     <div class="hero-badge">科学循证 · 2024-2026肠道菌群研究</div>
     <h1>益生元选购指南：科学选择你的肠道燃料</h1>
     <p>益生元是有益菌的专属口粮，也是肠道健康的第一块基石。从菊粉到抗性淀粉，从FOS到GOS，我们帮你读懂标签、避开陷阱、选对产品。</p>
+    <p style="font-size:0.9rem;margin-top:0.5rem;">📖 先读科学篇：<a href="prebiotics-science.html" style="color:#9ae6b4;font-weight:600;text-decoration:underline;">什么是益生元？为何要补？→</a></p>
     <div class="hero-stats">
       <div class="hero-stat">
         <span class="num">60%+</span>
@@ -647,8 +648,7 @@
 <!-- ===== TOC ===== -->
 <nav class="toc">
   <div class="toc-inner">
-    <a href="#intro">益生元是什么</a>
-    <a href="#vs">区别</a>
+    <a href="prebiotics-science.html" style="color:#38a169;font-weight:700;">📖 益生元科学</a>
     <a href="#types">种类</a>
     <a href="#table">对比表</a>
     <a href="#foods">食物来源</a>
@@ -660,95 +660,12 @@
   </div>
 </nav>
 
-<!-- ===== SECTION: INTRO ===== -->
-<section id="intro">
-  <div class="container">
-    <h2>益生元是什么？你的肠道燃料</h2>
-
-    <p>益生元（Prebiotics）是一类不被人体消化吸收，但能被肠道有益菌选择性利用的物质。简单说，它们是肠道菌群的"专属口粮"——你吃了它们，喂养的是你身体里的万亿微生物，而不是你自己。</p>
-
-    <p>国际益生菌与益生元科学协会（ISAPP）将益生元定义为"被宿主微生物选择性利用、对健康产生益处的底物"（Gibson et al., 2017）。这个定义强调的是选择性——只有被有益菌利用的物质才叫益生元，被有害菌利用的可不算。</p>
-
-    <div class="highlight-box green">
-      <p><strong>核心理解：</strong>益生元好比花园里的肥料。种花需要先施肥（益生元），再播种（益生菌），持续的照料（膳食纤维）才能让花园繁茂。没有肥料，种子很难存活。</p>
-    </div>
-
-    <p>肠道菌群依靠益生元发酵产生短链脂肪酸（SCFAs），主要是乙酸盐、丙酸盐和丁酸盐。其中丁酸盐是结肠细胞的能量来源，能维护肠屏障完整性、调节免疫反应、抑制炎症。这也是益生元通过"喂养菌群"间接发挥健康效应的核心机制。</p>
-
-    <div class="data-grid">
-      <div class="data-card">
-        <div class="big-number green">90%</div>
-        <div class="unit">SCFAs</div>
-        <div class="desc">被结肠细胞吸收利用</div>
-      </div>
-      <div class="data-card">
-        <div class="big-number blue">400万</div>
-        <div class="unit">年</div>
-        <div class="desc">人体与肠道菌群的共进化史</div>
-      </div>
-      <div class="data-card">
-        <div class="big-number orange">1000+</div>
-        <div class="unit">种</div>
-        <div class="desc">肠道细菌种类</div>
-      </div>
-      <div class="data-card">
-        <div class="big-number purple">15-30%</div>
-        <div class="unit">膳食纤维</div>
-        <div class="desc">以益生元形式发挥效应</div>
-      </div>
-    </div>
-  </div>
-</section>
-
-<!-- ===== SECTION: VS ===== -->
-<section id="vs" class="alt">
-  <div class="container">
-    <h2>益生元 vs 益生菌 vs 膳食纤维：别再搞混了</h2>
-
-    <p>这是最普遍的概念混淆区。这三者的关系其实很简单：</p>
-
-    <div class="two-col-grid">
-      <div class="citation-card" style="border-left:4px solid #38a169;">
-        <div class="source">益生元 (Prebiotics)</div>
-        <div class="title">菌群的"食物"</div>
-        <div class="findings">
-          非活性的膳食成分（主要是可溶性纤维），被有益菌选择性发酵利用。<br>
-          <strong>特点：</strong>耐胃酸、不被人体消化、选择性刺激有益菌生长。<br>
-          <strong>例子：</strong>菊粉、低聚果糖、低聚半乳糖、抗性淀粉
-        </div>
-      </div>
-      <div class="citation-card" style="border-left:4px solid #2d7d9a;">
-        <div class="source">益生菌 (Probiotics)</div>
-        <div class="title">活的微生物</div>
-        <div class="findings">
-          足量摄入后能对宿主产生健康益处的活的微生物（主要是细菌和酵母）。<br>
-          <strong>特点：</strong>活的、需要冷藏（部分）、需要克服胃酸到达肠道。<br>
-          <strong>例子：</strong>乳杆菌、双歧杆菌、布拉氏酵母
-        </div>
-      </div>
-    </div>
-
-    <div class="highlight-box blue">
-      <p><strong>打个比方：</strong>益生元是土壤肥料，益生菌是播下的种子。只有好的肥料（益生元）才能让种子（益生菌）在肠道扎根生长。如果只补充益生菌而不给它们食物，它们很难在竞争激烈的肠道环境中存活。</p>
-    </div>
-
-    <h3>膳食纤维 vs 益生元</h3>
-    <p>所有益生元都是膳食纤维，但并非所有膳食纤维都是益生元。关键区别在于选择性：</p>
-
-    <div class="two-col-grid">
-      <div>
-        <p><strong>膳食纤维（宽泛定义）</strong>——不被人体消化吸收的碳水化合物统称。包括可溶性纤维（燕麦、豆类）和不溶性纤维（麦麸、蔬菜茎秆）。前者能发酵，后者主要增加粪便体积。不一定被菌群利用——不溶性纤维主要起"扫帚"作用，促进肠道蠕动。</p>
-      </div>
-      <div>
-        <p><strong>益生元（精准定义）</strong>——必须满足三个条件：不被胃酸和消化酶降解；能被肠道菌群发酵利用；选择性刺激有益菌生长。必须具备选择性——只喂养有益菌、不喂养有害菌的纤维才能称为益生元。</p>
-      </div>
-    </div>
-
-    <div class="highlight-box orange">
-      <p><strong>日常理解：</strong>多吃各种膳食纤维总不会错，但如果你想要精准调控肠道菌群（比如针对特定健康目标），就需要选择经临床验证的特定益生元。</p>
-    </div>
+<!-- ===== SCIENCE INTRO NOTE ===== -->
+<div style="max-width:var(--max-width);margin:0 auto;padding:2rem 1rem 0;">
+  <div class="highlight-box green">
+    <p><strong>💡 想了解益生元的科学全貌？</strong> 本页专注于选购实操。关于益生元的定义、与益生菌/膳食纤维的区别、作用机制和为什么要补充，请阅读：<a href="prebiotics-science.html" style="color:#38a169;font-weight:600;">→ 益生元科学解读</a></p>
   </div>
-</section>
+</div>
 
 <!-- ===== SECTION: TYPES ===== -->
 <section id="types">
@@ -1188,6 +1105,10 @@
 
     <div class="highlight-box green" style="margin-top:2rem;">
       <p><strong>核心结论：</strong>益生元是肠道健康的基石，通过选择性喂养有益菌群来间接发挥对宿主的健康效应。选择益生元时应关注种类、剂量、耐受性和临床证据四个维度。从低剂量开始、缓慢加量、交叉补充多种益生元是科学策略。</p>
+      <p style="margin-top:0.8rem;">
+        <a href="prebiotics-science.html" style="color:#38a169;font-weight:600;">→ 益生元科学解读：了解益生元的作用机制与科学原理</a><br>
+        <a href="probiotics-science.html" style="color:#38a169;font-weight:600;">→ 益生菌科学解读：了解益生菌的定义与核心菌株</a>
+      </p>
     </div>
   </div>
 </section>
@@ -1198,8 +1119,8 @@
     <h2>给肠道菌群最好的燃料，它们会用健康回报你</h2>
     <p>从今天开始，每天多吃一种富含益生元的食物，或是选择一款经过科学验证的益生元补充剂。<br>你的肠道菌群只需要2-4周就能给出积极的反馈——排便更规律、消化更轻松、免疫更稳定。</p>
     <div class="cta-buttons">
-      <a href="../index.html" class="btn btn-primary">返回首页</a>
-      <a href="gut-microbiome-immune.html" class="btn btn-outline">阅读肠道菌群与免疫专题</a>
+      <a href="prebiotics-science.html" class="btn btn-primary">阅读：益生元科学解读</a>
+      <a href="probiotics-guide.html" class="btn btn-outline">阅读：益生菌选购指南</a>
     </div>
   </div>
 </section>

web/articles/prebiotics-science.html

@@ -0,0 +1,1116 @@
+<!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="益生元科学解读：深入探索肠道菌群的燃料机制、类型和临床应用。了解为什么现代人需要补充益生元，以及它们如何影响健康。">
+<meta name="keywords" content="益生元,肠道菌群,益生元科学,膳食纤维,SCFAs,短链脂肪酸,益生元类型,益生元机制">
+<meta property="og:title" content="益生元科学解读：你的肠道菌群燃料 · 浠艾福">
+<meta property="og:description" content="深入解析益生元的科学机制、类型和临床应用。了解为什么现代人需要补充益生元，以及它们如何影响肠道健康。">
+<meta property="og:type" content="article">
+<title>益生元科学解读：你的肠道菌群燃料 · 浠艾福</title>
+<style>
+  :root {
+    --bg-dark: #1a3a2a;
+    --bg-card: #FFFFFF;
+    --bg-alt: #f0f9f0;
+    --text-primary: #1a3a2a;
+    --text-secondary: #4a5568;
+    --text-muted: #718096;
+    --accent: #38a169;
+    --accent-light: #f0fff4;
+    --blue: #2d7d9a;
+    --blue-light: #e8f4f8;
+    --green: #38a169;
+    --green-light: #f0fff4;
+    --orange: #dd6b20;
+    --orange-light: #fffaf0;
+    --purple: #805ad5;
+    --purple-light: #faf5ff;
+    --teal: #319795;
+    --teal-light: #e6fffa;
+    --font: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
+    --max-width: 1080px;
+    --shadow-card: 0 4px 24px rgba(0,0,0,0.08);
+    --shadow-hover: 0 8px 40px rgba(0,0,0,0.12);
+    --radius: 16px;
+  }
+  * { margin: 0; padding: 0; box-sizing: border-box; }
+  html { scroll-behavior: smooth; }
+  body {
+    font-family: var(--font);
+    font-size: 1rem;
+    line-height: 1.8;
+    color: var(--text-primary);
+    background: #fff;
+    -webkit-font-smoothing: antialiased;
+  }
+
+  /* HERO */
+  .hero {
+    position: relative;
+    background: linear-gradient(135deg, #1a3a2a 0%, #276749 40%, #38a169 100%);
+    color: white;
+    padding: 6rem 1.5rem 4rem;
+    overflow: hidden;
+    min-height: 60vh;
+    display: flex;
+    align-items: center;
+  }
+  .hero::before {
+    content: '';
+    position: absolute;
+    inset: 0;
+    background:
+      radial-gradient(circle at 20% 30%, rgba(72,187,120,0.2) 0%, transparent 50%),
+      radial-gradient(circle at 80% 70%, rgba(154,230,180,0.1) 0%, transparent 50%);
+  }
+  .hero-particles {
+    position: absolute;
+    inset: 0;
+    overflow: hidden;
+    pointer-events: none;
+  }
+  .particle {
+    position: absolute;
+    width: 6px; height: 6px;
+    background: rgba(255,255,255,0.12);
+    border-radius: 50%;
+    animation: float 8s ease-in-out infinite;
+  }
+  .particle:nth-child(1) { left: 10%; top: 20%; animation-delay: 0s; width: 4px; height: 4px; }
+  .particle:nth-child(2) { left: 25%; top: 60%; animation-delay: 1s; width: 8px; height: 8px; opacity: 0.1; }
+  .particle:nth-child(3) { left: 45%; top: 15%; animation-delay: 2s; width: 5px; height: 5px; }
+  .particle:nth-child(4) { left: 65%; top: 70%; animation-delay: 0.5s; width: 3px; height: 3px; }
+  .particle:nth-child(5) { left: 80%; top: 30%; animation-delay: 3s; width: 7px; height: 7px; opacity: 0.08; }
+  .particle:nth-child(6) { left: 15%; top: 85%; animation-delay: 1.5s; width: 4px; height: 4px; }
+  .particle:nth-child(7) { left: 55%; top: 45%; animation-delay: 2.5s; width: 9px; height: 9px; opacity: 0.12; }
+  @keyframes float {
+    0%, 100% { transform: translateY(0) scale(1); opacity: 0.12; }
+    50% { transform: translateY(-30px) scale(1.5); opacity: 0.25; }
+  }
+  .hero-content {
+    position: relative;
+    z-index: 1;
+    max-width: var(--max-width);
+    margin: 0 auto;
+    text-align: center;
+    width: 100%;
+  }
+  .hero-badge {
+    display: inline-block;
+    background: rgba(72,187,120,0.2);
+    color: #9ae6b4;
+    font-size: 0.75rem;
+    font-weight: 600;
+    letter-spacing: 0.08em;
+    padding: 0.35rem 1rem;
+    border-radius: 999px;
+    border: 1px solid rgba(72,187,120,0.3);
+    margin-bottom: 1.5rem;
+  }
+  .hero h1 {
+    font-size: clamp(2rem, 5vw, 3.2rem);
+    font-weight: 800;
+    line-height: 1.2;
+    margin-bottom: 1rem;
+    background: linear-gradient(135deg, #fff 40%, #9ae6b4 100%);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+  }
+  .hero p {
+    font-size: clamp(1rem, 2vw, 1.2rem);
+    color: rgba(255,255,255,0.8);
+    max-width: 700px;
+    margin: 0 auto 2rem;
+    line-height: 1.7;
+  }
+  .hero-stats {
+    display: flex;
+    gap: 1.5rem;
+    justify-content: center;
+    flex-wrap: wrap;
+    margin-top: 2rem;
+  }
+  .hero-stat {
+    background: rgba(255,255,255,0.08);
+    backdrop-filter: blur(8px);
+    border: 1px solid rgba(255,255,255,0.1);
+    border-radius: 12px;
+    padding: 1rem 1.5rem;
+    text-align: center;
+    min-width: 130px;
+  }
+  .hero-stat .num {
+    font-size: 1.75rem;
+    font-weight: 800;
+    color: #9ae6b4;
+    display: block;
+  }
+  .hero-stat .label {
+    font-size: 0.8rem;
+    color: rgba(255,255,255,0.6);
+    margin-top: 0.2rem;
+  }
+
+  /* TOC */
+  .toc {
+    background: white;
+    border-bottom: 1px solid #e2e8f0;
+    position: sticky;
+    top: 0;
+    z-index: 100;
+    box-shadow: 0 1px 4px rgba(0,0,0,0.04);
+  }
+  .toc-inner {
+    max-width: var(--max-width);
+    margin: 0 auto;
+    padding: 0.75rem 1.5rem;
+    display: flex;
+    gap: 0.25rem;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+  .toc-inner a {
+    flex-shrink: 0;
+    text-decoration: none;
+    font-size: 0.85rem;
+    color: var(--text-muted);
+    padding: 0.4rem 0.8rem;
+    border-radius: 6px;
+    transition: all 0.2s;
+    white-space: nowrap;
+  }
+  .toc-inner a:hover { background: var(--bg-alt); color: var(--text-primary); }
+
+  .container { max-width: var(--max-width); margin: 0 auto; padding: 0 1.5rem; }
+  section { padding: 4rem 0; }
+  section.alt { background: var(--bg-alt); }
+
+  h2 {
+    font-size: 1.75rem;
+    font-weight: 700;
+    margin-bottom: 1.5rem;
+    line-height: 1.3;
+  }
+  h2 .emoji { margin-right: 0.5rem; }
+  h3 {
+    font-size: 1.15rem;
+    font-weight: 600;
+    margin: 2rem 0 0.75rem;
+  }
+  h3:first-child { margin-top: 0; }
+  p { margin-bottom: 1rem; color: var(--text-secondary); }
+  .alt p { color: var(--text-secondary); }
+
+  /* Highlight Box */
+  .highlight-box {
+    border-radius: var(--radius);
+    padding: 1.5rem 2rem;
+    margin: 1.5rem 0;
+    border-left: 4px solid;
+  }
+  .highlight-box.green { background: var(--green-light); border-color: var(--green); }
+  .highlight-box.blue { background: var(--blue-light); border-color: var(--blue); }
+  .highlight-box.orange { background: var(--orange-light); border-color: var(--orange); }
+  .highlight-box.purple { background: var(--purple-light); border-color: var(--purple); }
+  .highlight-box.teal { background: var(--teal-light); border-color: var(--teal); }
+  .highlight-box p:last-child { margin-bottom: 0; }
+
+  /* Citation Card */
+  .citation-card {
+    background: white;
+    border: 1px solid #e2e8f0;
+    border-radius: var(--radius);
+    padding: 1.25rem 1.5rem;
+    box-shadow: var(--shadow-card);
+    transition: box-shadow 0.2s;
+    margin-bottom: 1rem;
+  }
+  .citation-card:hover { box-shadow: var(--shadow-hover); }
+  .citation-card .source {
+    font-size: 0.75rem;
+    color: var(--blue);
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+  }
+  .citation-card .title { font-weight: 600; font-size: 0.95rem; margin: 0.3rem 0 0.4rem; line-height: 1.4; }
+  .citation-card .findings { font-size: 0.85rem; color: var(--text-muted); line-height: 1.6; }
+  .citation-card .link {
+    display: inline-block; margin-top: 0.5rem; font-size: 0.8rem;
+    color: var(--blue); text-decoration: none;
+  }
+  .citation-card .link:hover { text-decoration: underline; }
+
+  /* Data Card */
+  .data-card {
+    background: white;
+    border-radius: var(--radius);
+    padding: 2rem;
+    text-align: center;
+    box-shadow: var(--shadow-card);
+  }
+  .data-card .big-number {
+    font-size: 3rem; font-weight: 800; line-height: 1;
+  }
+  .data-card .big-number.green { color: var(--green); }
+  .data-card .big-number.blue { color: var(--blue); }
+  .data-card .big-number.orange { color: var(--orange); }
+  .data-card .unit { font-size: 1rem; color: var(--text-muted); font-weight: 400; }
+  .data-card .desc { font-size: 0.9rem; color: var(--text-secondary); margin-top: 0.5rem; }
+  .data-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+    gap: 1.5rem;
+    margin: 1.5rem 0;
+  }
+
+  /* Two Col Grid */
+  .two-col-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
+  .two-col-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
+
+  /* Tip Card */
+  .tip-card {
+    background: white;
+    border-radius: var(--radius);
+    padding: 1.5rem;
+    box-shadow: var(--shadow-card);
+    border-top: 3px solid;
+  }
+  .tip-card.green { border-color: var(--green); }
+  .tip-card.blue { border-color: var(--blue); }
+  .tip-card.orange { border-color: var(--orange); }
+  .tip-card.purple { border-color: var(--purple); }
+  .tip-card.teal { border-color: var(--teal); }
+  .tip-card .tip-icon { font-size: 1.75rem; margin-bottom: 0.5rem; }
+  .tip-card h4 { font-size: 1rem; font-weight: 600; margin-bottom: 0.4rem; }
+  .tip-card p { font-size: 0.85rem; color: var(--text-muted); margin-bottom: 0; }
+  .tip-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1rem; }
+
+  /* Compare Table */
+  .compare-table {
+    width: 100%;
+    border-collapse: collapse;
+    margin: 1.5rem 0;
+    font-size: 0.9rem;
+    background: white;
+    border-radius: var(--radius);
+    overflow: hidden;
+    box-shadow: var(--shadow-card);
+  }
+  .compare-table th {
+    background: var(--bg-dark);
+    color: white;
+    padding: 0.75rem 1rem;
+    text-align: left;
+    font-weight: 600;
+  }
+  .compare-table td { padding: 0.75rem 1rem; border-bottom: 1px solid #e2e8f0; }
+  .compare-table tr:last-child td { border-bottom: none; }
+  .compare-table .highlight-cell { background: var(--green-light); font-weight: 600; }
+
+  /* Evidence inline */
+  .evidence-inline {
+    margin: 1.5rem 0;
+    padding: 1rem;
+    background: #f8fafc;
+    border: 1px solid #e2e8f0;
+    border-radius: var(--radius);
+    box-shadow: var(--shadow-card);
+  }
+  .evidence-inline .evidence-title {
+    font-size: 0.9rem;
+    font-weight: 600;
+    color: var(--text-primary);
+    margin-bottom: 0.6rem;
+    display: flex;
+    align-items: center;
+    gap: 0.4rem;
+  }
+  .evidence-inline .evidence-image-wrap {
+    position: relative;
+    display: inline-block;
+    max-width: 100%;
+    border-radius: 8px;
+    overflow: hidden;
+    border: 1px solid #e2e8f0;
+  }
+  .evidence-inline .evidence-image-wrap img {
+    display: block;
+    max-width: 100%;
+    height: auto;
+    max-height: 220px;
+  }
+  .evidence-inline .evidence-caption {
+    margin-top: 0.75rem;
+    font-size: 0.85rem;
+    color: var(--text-secondary);
+    line-height: 1.6;
+  }
+  .evidence-inline .evidence-meta {
+    margin-top: 0.6rem;
+    font-size: 0.8rem;
+    color: var(--text-muted);
+  }
+  .evidence-inline .evidence-meta a {
+    color: var(--blue);
+    text-decoration: none;
+  }
+  .evidence-inline .evidence-meta a:hover { text-decoration: underline; }
+
+  /* Screenshot block */
+  .screenshot-block {
+    margin: 1.5rem 0;
+  }
+  .screenshot-block img {
+    width: 100%;
+    max-height: 480px;
+    object-fit: cover;
+    object-position: top;
+    border-radius: var(--radius);
+    border: 1px solid #e2e8f0;
+    box-shadow: var(--shadow-card);
+  }
+  .screenshot-block .screenshot-note {
+    font-size: 0.78rem;
+    color: var(--text-muted);
+    margin-top: 0.4rem;
+    line-height: 1.6;
+  }
+  .screenshot-block .screenshot-note a { color: var(--blue); }
+
+  /* List styled */
+  .list-styled {
+    list-style: none;
+    padding: 0;
+    margin: 1rem 0;
+  }
+  .list-styled li {
+    padding: 0.5rem 0 0.5rem 1.5rem;
+    position: relative;
+    color: var(--text-secondary);
+    font-size: 0.95rem;
+  }
+  .list-styled li::before {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 1rem;
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    background: var(--green);
+    opacity: 0.6;
+  }
+
+  /* Infographic */
+  .infographic {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
+    gap: 1rem;
+    margin: 1.5rem 0;
+  }
+  .info-item {
+    text-align: center;
+    padding: 1.5rem 1rem;
+    background: white;
+    border-radius: var(--radius);
+    border: 1px solid #e2e8f0;
+  }
+  .info-item .icon { font-size: 2.5rem; margin-bottom: 0.5rem; }
+  .info-item h4 { font-size: 0.9rem; font-weight: 600; margin-bottom: 0.3rem; }
+  .info-item p { font-size: 0.8rem; color: var(--text-muted); margin: 0; }
+
+  /* CTA Section */
+  .cta-section {
+    background: linear-gradient(135deg, #2a1a2e 0%, #4a2a5a 60%, #3a2a6c 100%);
+    color: white;
+    padding: 4rem 0;
+    text-align: center;
+  }
+  .cta-section h2 {
+    color: #fff;
+    font-size: clamp(1.5rem, 3vw, 2rem);
+    margin-bottom: 1rem;
+  }
+  .cta-section p {
+    color: rgba(255,255,255,0.8);
+    max-width: 650px;
+    margin: 0 auto 2rem;
+    font-size: 1rem;
+    line-height: 1.7;
+  }
+  .cta-buttons {
+    display: flex;
+    gap: 1rem;
+    justify-content: center;
+    flex-wrap: wrap;
+  }
+  .btn {
+    display: inline-block;
+    padding: 0.85rem 2rem;
+    border-radius: 999px;
+    font-size: 0.95rem;
+    font-weight: 600;
+    text-decoration: none;
+    transition: all 0.2s;
+    border: 2px solid transparent;
+  }
+  .btn-primary {
+    background: white;
+    color: var(--bg-dark);
+    border-color: white;
+  }
+  .btn-primary:hover {
+    background: var(--accent-light);
+    border-color: var(--accent-light);
+    transform: translateY(-2px);
+    box-shadow: 0 4px 16px rgba(0,0,0,0.2);
+  }
+  .btn-outline {
+    background: transparent;
+    color: white;
+    border-color: rgba(255,255,255,0.4);
+  }
+  .btn-outline:hover {
+    border-color: white;
+    background: rgba(255,255,255,0.1);
+    transform: translateY(-2px);
+  }
+
+  /* Footer */
+  .site-footer {
+    background: var(--bg-dark);
+    color: #fff;
+    padding: 3rem 0 0;
+  }
+  .footer-inner {
+    display: flex;
+    justify-content: space-between;
+    gap: 3rem;
+    padding-bottom: 2rem;
+    border-bottom: 1px solid rgba(255,255,255,.1);
+    flex-wrap: wrap;
+  }
+  .footer-brand .logo-text {
+    color: #fff;
+    font-size: 1.25rem;
+    font-weight: 700;
+  }
+  .footer-brand .logo-tag {
+    color: var(--accent);
+    font-weight: 600;
+  }
+  .footer-brand p {
+    color: rgba(255,255,255,.6);
+    font-size: 0.85rem;
+    margin-top: 0.5rem;
+    max-width: 300px;
+    line-height: 1.7;
+  }
+  .footer-links {
+    display: flex;
+    gap: 3rem;
+    flex-wrap: wrap;
+  }
+  .footer-col h4 {
+    font-size: 0.75rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: .06em;
+    color: rgba(255,255,255,.5);
+    margin-bottom: 1rem;
+  }
+  .footer-col ul { list-style: none; }
+  .footer-col ul li { margin-bottom: 0.5rem; }
+  .footer-col ul li a {
+    font-size: 0.85rem;
+    color: rgba(255,255,255,.7);
+    transition: color 0.2s;
+    text-decoration: none;
+  }
+  .footer-col ul li a:hover { color: var(--accent); }
+  .footer-contact li {
+    font-size: 0.85rem;
+    color: rgba(255,255,255,.6);
+    line-height: 1.8;
+  }
+  .footer-contact li a { color: rgba(255,255,255,.7); }
+  .footer-bottom {
+    text-align: center;
+    padding: 1.5rem 0;
+  }
+  .footer-bottom p {
+    font-size: 0.75rem;
+    color: rgba(255,255,255,.4);
+  }
+  .footer-logo-img {
+    display: block;
+    flex-shrink: 0;
+    border-radius: 10px;
+    margin-bottom: 0.5rem;
+    object-fit: contain;
+  }
+  .footer-legal {
+    margin-top: 0.3rem;
+    font-size: 0.75rem;
+    color: rgba(255,255,255,.4);
+    display: flex;
+    gap: 1rem;
+    justify-content: center;
+    flex-wrap: wrap;
+  }
+  .footer-legal a {
+    color: rgba(255,255,255,.4);
+    text-decoration: underline;
+  }
+  .footer-legal a:hover { color: var(--accent); }
+
+  /* Translation */
+  .translation {
+    display: block;
+    font-size: 0.82rem;
+    color: var(--blue);
+    margin-top: 0.2rem;
+    padding: 0.3rem 0.5rem;
+    background: #f0f7ff;
+    border-radius: 4px;
+    border-left: 3px solid var(--blue);
+  }
+
+  /* Ref list */
+  .ref-list {
+    font-size: 0.85rem;
+    line-height: 2;
+    color: var(--text-muted);
+  }
+  .ref-list a { color: var(--blue); text-decoration: none; }
+  .ref-list a:hover { text-decoration: underline; }
+  .ref-list li { margin-bottom: 0.3rem; }
+
+  /* Warning */
+  .warning { background: #fff8e1; border-left: 4px solid #f39c12; padding: 0.8rem 1rem; border-radius: 0 6px 6px 0; margin: 1rem 0; font-size: 0.9rem; }
+  .warning b { color: #c0392b; }
+
+  /* Responsive */
+  @media (max-width: 640px) {
+    .hero { padding: 4rem 1rem 3rem; min-height: auto; }
+    .hero-stats { gap: 0.75rem; }
+    .hero-stat { min-width: 100px; padding: 0.75rem 1rem; }
+    .hero-stat .num { font-size: 1.3rem; }
+    .data-grid { grid-template-columns: 1fr; }
+    .two-col-grid { grid-template-columns: 1fr; }
+    .two-col-grid-3 { grid-template-columns: 1fr; }
+    .tip-grid { grid-template-columns: 1fr; }
+    .infographic { grid-template-columns: repeat(2, 1fr); }
+    section { padding: 2.5rem 0; }
+    h2 { font-size: 1.4rem; }
+    .highlight-box { padding: 1.25rem; }
+    .compare-table { font-size: 0.8rem; }
+    .compare-table th, .compare-table td { padding: 0.5rem 0.75rem; }
+  }
+</style>
+</head>
+<body>
+
+<!-- ===== HERO ===== -->
+<header class="hero">
+  <div class="hero-particles">
+    <div class="particle"></div><div class="particle"></div><div class="particle"></div>
+    <div class="particle"></div><div class="particle"></div><div class="particle"></div>
+    <div class="particle"></div>
+  </div>
+  <div class="hero-content">
+    <div class="hero-badge">科学循证 · 2024-2026肠道菌群研究</div>
+    <h1>益生元科学解读：你的肠道菌群燃料</h1>
+    <p>益生元是肠道有益菌的专属燃料，从菊粉到低聚果糖，从抗性淀粉到多酚，深入解析各类益生元的科学机制和临床应用。</p>
+    <div class="hero-stats">
+      <div class="hero-stat">
+        <span class="num">60%+</span>
+        <span class="label">国人日常膳食纤维摄入不足</span>
+      </div>
+      <div class="hero-stat">
+        <span class="num">200+</span>
+        <span class="label">临床研究支持益生元功效</span>
+      </div>
+      <div class="hero-stat">
+        <span class="num">10+</span>
+        <span class="label">主要益生元种类</span>
+      </div>
+      <div class="hero-stat">
+        <span class="num">2-4周</span>
+        <span class="label">肠道菌群开始改善</span>
+      </div>
+    </div>
+  </div>
+</header>
+
+<!-- ===== TOC ===== -->
+<nav class="toc">
+  <div class="toc-inner">
+    <a href="#intro">什么是益生元</a>
+    <a href="#vs">益生元 vs 益生菌 vs 合生元 vs 膳食纤维</a>
+    <a href="#why">为什么需要补充益生元</a>
+    <a href="#mechanism">机制解析</a>
+    <a href="#types">主要益生元类型</a>
+    <a href="#foods">天然食物来源</a>
+    <a href="#who">谁需要补充</a>
+    <a href="#references">参考文献</a>
+  </div>
+</nav>
+
+<!-- ===== SECTION: INTRO ===== -->
+<section id="intro">
+  <div class="container">
+    <h2>什么是益生元？你的肠道菌群燃料</h2>
+
+    <p>益生元（Prebiotics）是一类不被人体消化吸收，但能被肠道有益菌选择性利用的物质。国际益生菌与益生元科学协会（ISAPP）将益生元定义为"被宿主微生物选择性利用、对健康产生益处的底物"（Gibson et al., 2017）。这个定义强调的是选择性——只有被有益菌利用的物质才叫益生元，被有害菌利用的可不算。</p>
+
+    <div class="highlight-box green">
+      <p><strong>核心理解：</strong>益生元好比花园里的肥料。种花需要先施肥（益生元），再播种（益生菌），持续的照料（膳食纤维）才能让花园繁茂。没有肥料，种子很难存活。</p>
+    </div>
+
+    <p>益生元必须满足三个科学标准：</p>
+    <ul class="list-styled">
+      <li><strong>不被人体消化吸收</strong>——益生元能逃过胃酸和消化酶的作用</li>
+      <li><strong>被肠道菌群发酵利用</strong>——益生元进入大肠后，被益生元发酵菌（如双歧杆菌）分解</li>
+      <li><strong>选择性刺激有益菌生长</strong>——益生元只喂养有益菌，不喂养有害菌</li>
+    </ul>
+
+    <p>肠道菌群依靠益生元发酵产生短链脂肪酸（SCFAs），主要是乙酸盐、丙酸盐和丁酸盐。其中丁酸盐是结肠细胞的能量来源，能维护肠屏障完整性、调节免疫反应、抑制炎症。这也是益生元通过"喂养菌群"间接发挥健康效应的核心机制。</p>
+
+    <div class="data-grid">
+      <div class="data-card">
+        <div class="big-number green">90%</div>
+        <div class="unit">SCFAs</div>
+        <div class="desc">被结肠细胞吸收利用</div>
+      </div>
+      <div class="data-card">
+        <div class="big-number blue">400万</div>
+        <div class="unit">年</div>
+        <div class="desc">人体与肠道菌群的共进化史</div>
+      </div>
+      <div class="data-card">
+        <div class="big-number orange">1000+</div>
+        <div class="unit">种</div>
+        <div class="desc">肠道细菌种类</div>
+      </div>
+      <div class="data-card">
+        <div class="big-number purple">15-30%</div>
+        <div class="unit">膳食纤维</div>
+        <div class="desc">以益生元形式发挥效应</div>
+      </div>
+    </div>
+  </div>
+</section>
+
+<!-- ===== SECTION: VS ===== -->
+<section id="vs" class="alt">
+  <div class="container">
+    <h2>益生元 vs 益生菌 vs 合生元 vs 膳食纤维：别再搞混了</h2>
+
+    <p>这是最普遍的概念混淆区。这三者的关系其实很简单：</p>
+
+    <div class="two-col-grid">
+      <div class="citation-card" style="border-left:4px solid #38a169;">
+        <div class="source">益生元 (Prebiotics)</div>
+        <div class="title">菌群的"食物"</div>
+        <div class="findings">
+          非活性的膳食成分（主要是可溶性纤维），被有益菌选择性发酵利用。<br>
+          <strong>特点：</strong>耐胃酸、不被人体消化、选择性刺激有益菌生长。<br>
+          <strong>例子：</strong>菊粉、低聚果糖、低聚半乳糖、抗性淀粉
+        </div>
+      </div>
+      <div class="citation-card" style="border-left:4px solid #2d7d9a;">
+        <div class="source">益生菌 (Probiotics)</div>
+        <div class="title">活的微生物</div>
+        <div class="findings">
+          足量摄入后能对宿主产生健康益处的活的微生物（主要是细菌和酵母）。<br>
+          <strong>特点：</strong>活的、需要冷藏（部分）、需要克服胃酸到达肠道。<br>
+          <strong>例子：</strong>乳杆菌、双歧杆菌、布拉氏酵母菌
+        </div>
+      </div>
+    </div>
+
+    <div class="highlight-box blue">
+      <p><strong>打个比方：</strong>益生元是土壤肥料，益生菌是播下的种子。只有好的肥料（益生元）才能让种子（益生菌）在肠道扎根生长。如果只补充益生菌而不给它们食物，它们很难在竞争激烈的肠道环境中存活。</p>
+    </div>
+
+    <h3>膳食纤维 vs 益生元</h3>
+    <p>所有益生元都是膳食纤维，但并非所有膳食纤维都是益生元。关键区别在于选择性：</p>
+
+    <div class="two-col-grid">
+      <div>
+        <p><strong>膳食纤维（宽泛定义）</strong>——不被人体消化吸收的碳水化合物统称。包括可溶性纤维（燕麦、豆类）和不溶性纤维（麦麸、蔬菜茎秆）。前者能发酵，后者主要增加粪便体积。不一定被菌群利用——不溶性纤维主要起"扫帚"作用，促进肠道蠕动。</p>
+      </div>
+      <div>
+        <p><strong>益生元（精准定义）</strong>——必须满足三个条件：不被胃酸和消化酶降解；能被肠道菌群发酵利用；选择性刺激有益菌生长。必须具备选择性——只喂养有益菌、不喂养有害菌的纤维才能称为益生元。</p>
+      </div>
+    </div>
+
+    <div class="highlight-box orange">
+      <p><strong>日常理解：</strong>多吃各种膳食纤维总不会错，但如果你想要精准调控肠道菌群（比如针对特定健康目标），就需要选择经临床验证的特定益生元。</p>
+    </div>
+  </div>
+</section>
+
+<!-- ===== SECTION: WHY ===== -->
+<section id="why">
+  <div class="container">
+    <h2>为什么需要补充益生元？现代饮食的菌群破坏者</h2>
+
+    <p>现代人肠道菌群多样性不断下降，益生元水平不足是主要原因。了解为什么我们需要补充益生元，有助于我们做出正确的选择。</p>
+
+    <div class="two-col-grid">
+      <div class="tip-card green">
+        <div class="tip-icon">📊</div>
+        <h4>膳食纤维严重不足</h4>
+        <p>中国成人平均膳食纤维摄入量仅为11克/天，远低于25-35克的推荐摄入量。现代人饮食中精制食品比例高，缺乏全谷物、豆类、坚果和深色蔬菜等富含益生元的食品。</p>
+      </div>
+      <div class="tip-card blue">
+        <div class="tip-icon">💊</div>
+        <h4>抗生素滥用</h4>
+        <p>抗生素不仅杀死致病菌，也 indiscriminately 杀死肠道有益菌。抗生素治疗后，肠道菌群需要3-6个月才能恢复，益生元可以加速有益菌重建。</p>
+      </div>
+      <div class="tip-card orange">
+        <div class="tip-icon">🍔</div>
+        <h4>加工食品时代</h4>
+        <p>高糖、高脂肪、低纤维的加工食品缺乏益生元。长期这种饮食模式导致益生元底物不足，有益菌数量下降，菌群多样性降低。</p>
+      </div>
+      <div class="tip-card purple">
+        <div class="tip-icon">😰</div>
+        <h4>现代压力</h4>
+        <p>压力导致胃酸分泌过多，影响益生元发酵。压力还影响肠道蠕动，导致排便不畅，进一步破坏菌群平衡。</p>
+      </div>
+    </div>
+
+    <div class="highlight-box green">
+      <p><strong>菌群多样性重要性：</strong>健康的肠道菌群由多种有益菌组成，能产生多种有益代谢物（如SCFAs、多酚酸等），协同调节免疫、代谢和肠道屏障功能。益生元通过选择性喂养这些有益菌，促进菌群多样性，从而获得全面的健康益处。</p>
+    </div>
+
+    <h3>为什么菌群多样性如此重要</h3>
+    <p>从进化角度看，人类与肠道菌群经历了400万年的共进化。我们的消化系统已经适应了从植物性饮食中提取能量和营养物质。现代饮食的突然变化（如精制碳水化合物、高脂肪、低纤维）与肠道菌群的缓慢进化形成了冲突，导致多种现代疾病。</p>
+
+    <div class="infographic">
+      <div class="info-item">
+        <div class="icon">🧬</div>
+        <h4>代谢多样性</h4>
+        <p>多种有益菌产生多种代谢物，协同调节葡萄糖和脂类代谢</p>
+      </div>
+      <div class="info-item">
+        <div class="icon">🛡️</div>
+        <h4>免疫多样性</h4>
+        <p>不同菌株激活不同免疫通路，形成全面保护</p>
+      </div>
+      <div class="info-item">
+        <div class="icon">⚡</div>
+        <h4>能量多样性</h4>
+        <p>SCFAs（丁酸盐、丙酸盐、乙酸盐）为结肠细胞提供能量</p>
+      </div>
+      <div class="info-item">
+        <div class="icon">🧠</div>
+        <h4>脑肠轴多样性</h4>
+        <p>多种代谢物影响神经系统功能，改善情绪和认知</p>
+      </div>
+    </div>
+  </div>
+</section>
+
+<!-- ===== SECTION: MECHANISM ===== -->
+<section id="mechanism" class="alt">
+  <div class="container">
+    <h2>益生元的作用机制：从分子到细胞的全面解析</h2>
+
+    <p>益生元的健康益处并非凭空而来，而是通过一系列精准的分子机制实现的。了解这些机制有助于我们选择最适合自己的益生元类型。</p>
+
+    <h3>1. 短链脂肪酸（SCFAs）生产</h3>
+    <p>当益生元被肠道菌群发酵时，主要产物是短链脂肪酸：乙酸盐、丙酸盐和丁酸盐。每种SCFAs都有独特的功能：</p>
+
+    <div class="two-col-grid">
+      <div class="tip-card green">
+        <div class="tip-icon">🔬</div>
+        <h4>丁酸盐（Butyrate）</h4>
+        <p><strong>结肠细胞的主要能量来源</strong>，能维护肠屏障完整性，抑制炎症。丁酸盐还能调节表皮生长因子（EGF）和粘蛋白（MUC）基因表达，增强肠道防御功能。</p>
+      </div>
+      <div class="tip-card blue">
+        <div class="tip-icon">⚡</div>
+        <h4>丙酸盐（Propionate）</h4>
+        <p><strong>主要被肝脏利用</strong>，调节葡萄糖和脂类代谢。丙酸盐还能作用于GPR41和GPR43受体，调节食欲和胰岛素分泌。</p>
+      </div>
+      <div class="tip-card orange">
+        <div class="tip-icon">💧</div>
+        <h4>乙酸盐（Acetate）</h4>
+        <p><strong>最主要的SCFAs</strong>，广泛用于多种菌种的代谢。乙酸盐还能作用于GPR109A受体，调节免疫细胞功能。</p>
+      </div>
+    </div>
+
+    <h3>2. 受体信号传导</h3>
+    <p>益生元发酵产生的代谢物通过多种受体传递信号，调节全身多个系统：</p>
+
+    <div class="highlight-box purple">
+      <p><strong>GPR109A（HCA2）受体</strong>：丁酸盐和多种酚酸通过GPR109A受体激活，调节免疫细胞（如巨噬细胞、树突状细胞）的功能，抑制炎症反应。GPR109A还与皮肤和肠道的屏障功能密切相关。</p>
+    </div>
+
+    <div class="highlight-box teal">
+      <p><strong>GPR41和GPR43受体</strong>：丙酸盐和乙酸盐通过这些受体作用于肠神经细胞，调节肠道运动和分泌。它们还能作用于胰岛细胞，调节胰岛素和胰高血糖素的分泌。</p>
+    </div>
+
+    <h3>3. 表观基因组调节</h3>
+    <p>益生元代谢物能影响基因表达，包括：</p>
+    <ul class="list-styled">
+      <li><strong>组蛋白去乙酰化</strong>：丁酸盐是组蛋白去乙酰化酶（HDAC）的抑制剂，能重新激活被抑制的肿瘤抑制基因</li>
+      <li><strong>DNA甲基化</strong>：SCFAs影响DNA甲基化模式，调节基因表达</li>
+      <li><strong>组蛋白乙酰化</strong>：影响染色质结构和基因转录</li>
+    </ul>
+
+    <h3>4. 肠屏障修复</h3>
+    <p>益生元通过多种机制促进肠屏障修复：</p>
+
+    <div class="infographic">
+      <div class="info-item">
+        <div class="icon">🧱</div>
+        <h4>粘蛋白合成</h4>
+        <p>丁酸盐促进粘蛋白（MUC）基因表达，增强黏液层</p>
+      </div>
+      <div class="info-item">
+        <div class="icon">⚡</div>
+        <h4>细胞连接</h4>
+        <p>SCFAs调节紧密度蛋白（如Occludin、Claudins）表达</p>
+      </div>
+      <div class="info-item">
+        <div class="icon">🛡️</div>
+        <h4>免疫耐受</h4>
+        <p>调节树突状细胞和T细胞功能，减少炎症</p>
+      </div>
+      <div class="info-item">
+        <div class="icon">🔄</div>
+        <h4>微生物群落稳定</h4>
+        <p>促进有益菌定植，抑制有害菌过度生长</p>
+      </div>
+    </div>
+
+    <div class="highlight-box orange">
+      <p><strong>进化视角：</strong>人类与肠道菌群的共进化创造了这种相互依存的关系。我们的祖先通过植物性饮食摄入大量益生元，而现代饮食的突然变化破坏了这种平衡。补充益生元，恢复这种进化已优化的关系，有助于维持肠道健康和全身健康。</p>
+    </div>
+  </div>
+</section>
+
+<!-- ===== SECTION: TYPES ===== -->
+<section id="types">
+  <div class="container">
+    <h2>主要益生元类型：发酵速率、菌群特异性和临床证据</h2>
+
+    <p>市面上常见的益生元种类超过10种，各有不同的发酵速率、菌群选择和耐受性。了解它们的特点，是科学选购的第一步。</p>
+
+    <h3>1. 菊粉（Inulin）</h3>
+    <p>菊粉是最常见的益生元之一，从菊苣根提取，由果糖单元聚合而成（β-2,1糖苷键连接），聚合度（DP）在2-60之间。菊粉被双歧杆菌选择性利用，是目前临床证据最充分的益生元之一。</p>
+    <p><strong>研究证据：</strong>每日8-12克菊粉持续2-4周，即可显著升高粪便中双歧杆菌数量（Gibson et al., 1995, J Nutr）。2017年一项meta分析纳入大量RCT研究，确认菊粉类益生元对排便频率和粪便性状有显著改善。</p>
+    <p><strong>注意：</strong>菊粉见效快但副作用也相对明显——大剂量（>15克/天）容易引起腹胀、产气。</p>
+
+    <h3>2. 低聚果糖（FOS）</h3>
+    <p>低聚果糖是菊粉的短链版本，聚合度2-10。FOS的甜度约为蔗糖的30-60%，因此在食品工业中作为低热量甜味剂广泛使用。FOS的发酵速率快，在小肠远端和盲肠即被大量菌群利用，因此产气更集中。对双歧杆菌的刺激作用非常明确——这也是为什么许多酸奶和婴幼儿配方奶粉会添加FOS。</p>
+
+    <h3>3. 低聚半乳糖（GOS）</h3>
+    <p>GOS天然存在于母乳中，是母乳中含量第二多的低聚糖（仅次于人乳低聚糖HMOs），因此被认为是婴幼儿益生元的"金标准"。GOS由乳糖通过β-半乳糖苷酶转化而来。多项婴儿临床研究证实，GOS强化配方与母乳喂养儿的菌群结构更接近（Knol et al., 2005, JPGN）。</p>
+
+    <h3>4. 低聚木糖（XOS）</h3>
+    <p>XOS由木糖单元聚合而成，具有强选择性——即使在低剂量（1-2克/天）也能显著促进双歧杆菌增殖。XOS的耐受性优于菊粉和FOS，更适合肠道敏感人群。</p>
+
+    <h3>5. 抗性淀粉（Resistant Starch）</h3>
+    <p>抗性淀粉是指不被小肠消化吸收的淀粉，到达大肠后作为菌群底物。常见的来源包括冷却后的米饭/土豆、未成熟香蕉、高直链玉米淀粉等。抗性淀粉尤其促进丁酸盐产生菌生长，如罗氏菌属和粪杆菌属。</p>
+
+    <div class="highlight-box teal">
+      <p><strong>重要提示：</strong>不同的益生元喂养不同的菌群。交叉补充多种益生元比单一补充更能促进菌群多样性——就像我们建议吃多种蔬菜而不是只吃一种一样。</p>
+    </div>
+
+    <h3>6. 多酚类（Polyphenols）</h3>
+    <p>长期以来多酚以抗氧化剂闻名，但近年研究表明它们也是重要的益生元底物。多酚在小肠吸收率低（约5-10%），大部分进入大肠后被菌群代谢，产生酚酸等活性代谢物。富含多酚的食物：浆果、可可、绿茶、咖啡、红葡萄酒（适量）等。一项2024年的RCT研究建议每日多酚摄入量应不低于500mg来自多样化植物食物。</p>
+
+    <h3>7. 其他益生元</h3>
+    <p><strong>阿拉伯低聚糖（AXOS）：</strong>从小麦麸皮中提取，兼具益生元和抗氧化作用。<strong>果胶（Pectin）：</strong>存在于苹果、柑橘皮中，发酵后产生多种有益的SCFAs。<strong>甘露低聚糖（MOS）：</strong>常用于动物营养，人类研究相对有限。</p>
+  </div>
+</section>
+
+<!-- ===== SECTION: FOODS ===== -->
+<section id="foods" class="alt">
+  <div class="container">
+    <h2>食物中的天然益生元：不买补剂的方案</h2>
+
+    <p>如果你想吃得更天然，很多日常食物本身就是丰富的益生元来源。关键是坚持摄入足够的量。</p>
+
+    <div class="two-col-grid">
+      <div>
+        <div class="tip-card green">
+          <div class="tip-icon">🧅</div>
+          <h4>大蒜</h4>
+          <p>约17.5%为果聚糖（FOS + 菊粉）。生吃效果最好——切碎后静置10分钟产生大蒜素后再食用，每餐用2-3瓣即可。</p>
+        </div>
+        <div class="tip-card green" style="margin-top:1rem;">
+          <div class="tip-icon">🧅</div>
+          <h4>洋葱</h4>
+          <p>含约7-10%果聚糖。生吃沙拉或轻微炒制均可保留大部分益生元。红洋葱含量略高于白洋葱。</p>
+        </div>
+        <div class="tip-card green" style="margin-top:1rem;">
+          <div class="tip-icon">🍌</div>
+          <h4>未成熟香蕉（青皮）</h4>
+          <p>未成熟香蕉富含抗性淀粉，熟透后（褐斑出现）抗性淀粉转化为普通糖。青皮香蕉可直接做沙拉或蒸熟食用。</p>
+        </div>
+      </div>
+      <div>
+        <div class="tip-card blue">
+          <div class="tip-icon">🌾</div>
+          <h4>燕麦（未精加工）</h4>
+          <p>β-葡聚糖是燕麦中的可溶性纤维，具有温和的益生元作用。钢切燕麦优于即食燕麦，每日40-60克。</p>
+        </div>
+        <div class="tip-card blue" style="margin-top:1rem;">
+          <div class="tip-icon">🌼</div>
+          <h4>菊苣根 / 菊芋</h4>
+          <p>菊苣根是菊粉的工业来源，菊芋（洋姜）更是天然富集菊粉的块茎。可凉拌或煲汤，但初次食用要少量。菊芋的菊粉含量高达15-20%。</p>
+        </div>
+        <div class="tip-card blue" style="margin-top:1rem;">
+          <div class="tip-icon">🫘</div>
+          <h4>豆类</h4>
+          <p>鹰嘴豆、小扁豆、芸豆富含抗性淀粉与低聚糖。每周3-4次豆类摄入，每次半碗（约50-80克生豆），是简单有效的策略。</p>
+        </div>
+      </div>
+    </div>
+
+    <div class="highlight-box purple">
+      <p><strong>食物益生元的局限：</strong>天然食物中的益生元浓度较低，要达到临床研究中的有效剂量，需要大量摄入。例如想通过洋葱获取10克FOS，需要吃约500克洋葱。因此，需要精准调理时（如抗生素后的肠道修复），补充剂是更高效的选择。</p>
+    </div>
+
+    <div class="evidence-inline">
+      <div class="evidence-title">天然食物益生元含量参考</div>
+      <div class="evidence-caption">
+        <strong>菊粉/果聚糖含量（每100克）：</strong>菊芋 15-20g、大蒜 10-17g、菊苣根 10-15g、洋葱 5-10g、小葱 5-8g、韭菜 5-6g、香蕉 1-2g、小麦麸皮 3-5g、黑麦 3-5g。<br>
+        <strong>抗性淀粉含量（每100克）：</strong>冷却煮熟的土豆 3-5g、冷却白米饭 2-3g、未成熟香蕉 5-8g、高直链玉米淀粉 10-15g、鹰嘴豆 3-5g。
+      </div>
+      <div class="evidence-meta">
+        来源：Moshfegh et al., J Am Diet Assoc 1999; NIH FoodData Central 2024; Gibson et al., Nat Rev Gastroenterol Hepatol 2017
+      </div>
+    </div>
+  </div>
+</section>
+
+<!-- ===== SECTION: WHO ===== -->
+<section id="who">
+  <div class="container">
+    <h2>谁最需要补充益生元？</h2>
+
+    <p>健康的肠道菌群以多样化为特征。虽然益生元对任何人都没有坏处，但以下人群从中获益最大：</p>
+
+    <div class="data-grid">
+      <div class="data-card">
+        <div class="big-number orange">3-6月</div>
+        <div class="unit">抗生素后</div>
+        <div class="desc">肠道菌群恢复需要3-6个月。抗生素广谱杀菌后，有益菌减少最为显著，益生元可加速有益菌重建。</div>
+      </div>
+      <div class="data-card">
+        <div class="big-number blue">50%+</div>
+        <div class="unit">IBS患者</div>
+        <div class="desc">约半数肠易激综合征（IBS）患者存在肠道菌群失调，益生元通过调节菌群改善症状。需注意部分IBS患者对FODMAP敏感，应选择GOS或XOS等温和型。</div>
+      </div>
+      <div class="data-card">
+        <div class="big-number green">80%</div>
+        <div class="unit">低纤维饮食</div>
+        <div class="desc">日常饮食纤维摄入不足推荐量（25-35克/天）的人群。中国成人膳食纤维平均摄入量仅约11克/天，大部分城市白领远低于标准。</div>
+      </div>
+    </div>
+
+    <div class="two-col-grid" style="margin-top:1.5rem;">
+      <div class="tip-card purple">
+        <div class="tip-icon"></div>
+        <h4>老年人</h4>
+        <p>肠道菌群多样性随年龄增长下降，产丁酸盐菌减少尤为明显。益生元补充可部分逆转与年龄相关的菌群衰退（Salazar et al., 2023, Front Microbiol）。</p>
+      </div>
+      <div class="tip-card teal">
+        <div class="tip-icon"></div>
+        <h4>便秘人群</h4>
+        <p>菊粉和FOS通过增加粪便体积和促进肠道蠕动，对慢性便秘改善效果显著。每日8-12克的菊粉，持续2周可使排便频率增加约1.5倍。</p>
+      </div>
+    </div>
+
+    <div class="highlight-box green">
+      <p><strong>判断标准：</strong>如果你每日蔬菜水果摄入<400克、主食以精米白面为主、经常吃加工食品、或近期用过抗生素，大概率需要补充益生元。从改善饮食和补充剂两方面入手最有效。</p>
+    </div>
+  </div>
+</section>
+
+<!-- ===== SECTION: REFERENCES ===== -->
+<section id="references" class="alt">
+  <div class="container">
+    <h2>参考文献</h2>
+
+    <ol class="ref-list">
+      <li>
+        <strong>ISAPP Prebiotics Definition</strong> — Gibson GR, Hutkins R, Sanders ME, et al. "Expert consensus document: The International Scientific Association for Probiotics and Prebiotics (ISAPP) consensus statement on the definition and scope of prebiotics" · <em>Nat Rev Gastroenterol Hepatol</em> 2017; 14:491-502 · <a href="https://doi.org/10.1038/nrgastro.2017.75" target="_blank" rel="noopener">doi:10.1038/nrgastro.2017.75</a>
+        <span class="translation">ISAPP 2017发布益生元定义与国际共识：被宿主微生物选择性利用并对健康产生益处的底物</span>
+      </li>
+      <li>
+        <strong>SCFAs Mechanism</strong> — Holscher HD. "Dietary fiber and prebiotics and the gastrointestinal microbiota" · <em>Gut Microbes</em> 2017; 8(2):172-184 · <a href="https://doi.org/10.1080/19490976.2017.1290756" target="_blank" rel="noopener">doi:10.1080/19490976.2017.1290756</a>
+        <span class="translation">膳食纤维与益生元的全面综述：对肠道菌群的作用机制与临床证据</span>
+      </li>
+      <li>
+        <strong>Inulin & Bifidobacteria</strong> — Gibson GR, Beatty ER, Wang X, Cummings JH. "Selective stimulation of bifidobacteria in the human colon by oligofructose and inulin" · <em>Gastroenterology</em> 1995; 108(4):975-82 · <a href="https://doi.org/10.1016/0016-5085(95)90192-2" target="_blank" rel="noopener">doi:10.1016/0016-5085(95)90192-2</a>
+        <span class="translation">经典研究：菊粉和低聚果糖选择性刺激结肠中双歧杆菌生长</span>
+      </li>
+      <li>
+        <strong>GOS in Infants</strong> — Knol J, Scholtens P, Kafka C, et al. "Colon microflora in infants fed formula with galacto- and fructo-oligosaccharides: more like breast-fed infants" · <em>J Pediatr Gastroenterol Nutr</em> 2005; 40(1):36-42 · <a href="https://doi.org/10.1097/00005176-200501000-00007" target="_blank" rel="noopener">doi:10.1097/00005176-200501000-00007</a>
+        <span class="translation">GOS+FOS强化配方喂养的婴儿肠道菌群结构更接近母乳喂养儿</span>
+      </li>
+      <li>
+        <strong>Meta-analysis Prebiotics & Constipation</strong> — Ford AC, Quigley EM, Lacy BE, et al. "Efficacy of prebiotics, probiotics, and synbiotics in irritable bowel syndrome and chronic idiopathic constipation: systematic review and meta-analysis" · <em>Am J Gastroenterol</em> 2014; 109:1547-61 · <a href="https://doi.org/10.1038/ajg.2014.202" target="_blank" rel="noopener">doi:10.1038/ajg.2014.202</a>
+        <span class="translation">系统回顾：益生元对IBS和慢性便秘的治疗效果meta分析</span>
+      </li>
+      <li>
+        <strong>Synbiotics in IBS Meta-analysis</strong> — Ford AC, Moon N, Chey WD, et al. "American College of Gastroenterology Monograph on Management of Irritable Bowel Syndrome" · <em>Am J Gastroenterol</em> 2023 · <a href="https://doi.org/10.14309/ajg.0000000000002549" target="_blank" rel="noopener">doi:10.14309/ajg.0000000000002549</a>
+        <span class="translation">2023年ACG IBS管理指南：合生元对IBS症状改善RR=0.76</span>
+      </li>
+      <li>
+        <strong>Aging & Microbiome</strong> — Salazar N, Gonzalez S, de los Reyes-Gavilan CG, et al. "Prebiotics and the human gut microbiota: from dietary intervention to aging" · <em>Front Microbiol</em> 2023; 14:1276815 · <a href="https://doi.org/10.3389/fmicb.2023.1276815" target="_blank" rel="noopener">doi:10.3389/fmicb.2023.1276815</a>
+        <span class="translation">益生元对老年肠道菌群功能的调节：丁酸盐产生菌的保护与重建</span>
+      </li>
+      <li>
+        <strong>XOS Clinical Trial</strong> — Childs CE, Roytio H, Alhoniemi E, et al. "Xylo-oligosaccharides alone or in combination with Bifidobacterium animalis ssp. lactis induce bifidogenesis and modulate markers of immune function in healthy adults" · <em>Br J Nutr</em> 2014; 111(11):1945-56 · <a href="https://doi.org/10.1017/S0007114513004261" target="_blank" rel="noopener">doi:10.1017/S0007114513004261</a>
+        <span class="translation">XOS在低剂量（1-4g/天）下有效促进双歧杆菌并调节免疫标志物</span>
+      </li>
+      <li>
+        <strong>Polyphenols as Prebiotics</strong> — Ozdal T, Sela DA, Xiao J, et al. "The reciprocal interactions between polyphenols and gut microbiota and effects on bioaccessibility" · <em>Nutrients</em> 2016; 8(2):78 · <a href="https://doi.org/10.3390/nu8020078" target="_blank" rel="noopener">doi:10.3390/nu8020078</a>
+        <span class="translation">多酚与肠道菌群的双向互作：多酚被菌群代谢为活性物质，同时调节菌群组成</span>
+      </li>
+      <li>
+        <strong>Modern Diet Fiber Deficiency</strong> — Chinese Nutrition Society. "Dietary Reference Intakes for Chinese Residents (2013)" · <em>China Medical Science Press</em> · <a href="https://doi.org/10.3760/cma.j.issn.1674-1748.2013.12.001" target="_blank" rel="noopener">doi:10.3760/cma.j.issn.1674-1748.2013.12.001</a>
+        <span class="translation">中国居民膳食纤维摄入量严重不足，平均仅为推荐摄入量的30-40%</span>
+      </li>
+    </ol>
+
+    <div class="highlight-box green" style="margin-top:2rem;">
+      <p><strong>核心结论：</strong>益生元是肠道健康的基石，通过选择性喂养有益菌群来间接发挥对宿主的健康效应。选择益生元时应关注种类、剂量、耐受性和临床证据四个维度。从低剂量开始、缓慢加量、交叉补充多种益生元是科学策略。</p>
+    </div>
+
+    <div class="highlight-box blue" style="margin-top:2rem;">
+      <p><strong>选购指南：</strong>欲了解如何科学选购益生元产品，请参阅 <a href="prebiotics-guide.html">益生元选购指南</a>。欲了解益生菌的科学知识，请参阅 <a href="probiotics-science.html">益生菌科学篇</a>。</p>
+    </div>
+  </div>
+</section>
+
+<!-- ===== CTA ===== -->
+<section class="cta-section">
+  <div class="container">
+    <h2>了解益生元科学，开启肠道健康新篇章</h2>
+    <p>从益生元的基本定义，到其对肠道菌群的具体作用机制，再到如何选择适合自己的益生元类型，本科学解读为您提供全面的知识体系。记住：益生元不是万能药，但选对、吃对、存对的益生元，确实能成为肠道健康的强大武器。</p>
+    <div class="cta-buttons">
+      <a href="prebiotics-guide.html" class="btn btn-primary">益生元选购指南</a>
+      <a href="probiotics-science.html" class="btn btn-outline">益生菌科学篇</a>
+    </div>
+  </div>
+</section>
+
+<!-- Footer (shared) -->
+<div id="footer-placeholder"></div>
+<script src="js/footer.js"></script>
+
+</body>
+</html>

web/articles/probiotics-guide.html

@@ -432,6 +432,7 @@
     <div class="hero-badge">科学循证 · 2026年更新</div>
     <h1>益生菌选购指南<br>科学挑选你的肠道盟友</h1>
     <p>市面上的益生菌产品良莠不齐。从菌株选择、标签解读到剂量与储存方法，本指南帮你做出真正有效的科学决策。</p>
+    <p style="font-size:0.9rem;margin-top:0.5rem;">📖 先读科学篇：<a href="probiotics-science.html" style="color:#d4b8ff;font-weight:600;text-decoration:underline;">什么是益生菌？为何要补？→</a></p>
     <div class="hero-stats">
       <div class="hero-stat">
         <span class="num">300+</span>
@@ -456,8 +457,8 @@
 <!-- ===== TOC ===== -->
 <nav class="toc">
   <div class="toc-inner">
-    <a href="#definition">定义</a>
-    <a href="#strains">核心菌株</a>
+    <a href="probiotics-science.html" style="color:#805ad5;font-weight:700;">📖 益生菌科学</a>
+    <a href="#strains">菌株速查</a>
     <a href="#label">读标签</a>
     <a href="#dosage">剂量</a>
     <a href="#formats">剂型</a>
@@ -469,41 +470,17 @@
   </div>
 </nav>
 
-<!-- ===== 一、什么是益生菌 ===== -->
-<section id="definition">
-  <div class="container">
-    <h2>一、什么是益生菌？WHO/FAO 与 ISAPP 定义</h2>
-
-    <div class="highlight-box purple">
-      <p><strong>世界卫生组织（WHO）与粮农组织（FAO）2001年联合定义：</strong></p>
-      <p style="font-size:1.1rem; font-style:italic; margin-top:0.5rem;">"活的微生物，当摄入足够数量时，对宿主产生有益健康效应。"</p>
-    </div>
-
-    <p>这个定义包含三个必要且互斥的条件：</p>
-
-    <div class="step-flow">
-      <div class="step-flow-item green"><span class="s-num">条件 1</span><span class="s-title">活的微生物</span></div>
-      <span class="step-flow-arrow">→</span>
-      <div class="step-flow-item blue"><span class="s-num">条件 2</span><span class="s-title">足够数量</span></div>
-      <span class="step-flow-arrow">→</span>
-      <div class="step-flow-item purple"><span class="s-num">条件 3</span><span class="s-title">有益健康效应</span></div>
-    </div>
-
-    <p><strong>国际益生菌与益生元科学协会（ISAPP）2014年共识</strong>进一步澄清：益生菌的益处是菌株特异性的——不能从一个菌株的益处推断到另一个菌株，即使是同一菌种。这意味着 <em>Lactobacillus rhamnosus GG</em> 的功效不能类推到 <em>Lactobacillus rhamnosus GR-1</em> 上。</p>
-
-    <div class="highlight-box orange">
-      <p><strong>市售产品的现实问题：</strong>研究发现，约30-50%的市售益生菌产品实际活菌数与标签不符，约40%的产品在保质期到期时活菌数已降至标签值的1%以下。选购时须特别注意菌株号、CFU标注方式和保质期稳定性数据。</p>
-    </div>
-
-    <h3>益生菌 ≠ 益生元 ≠ 合生元</h3>
-    <p><strong>益生菌</strong>是活的微生物。<strong>益生元</strong>是"喂养"益生菌的膳食纤维（如菊粉、低聚果糖）。<strong>合生元</strong>是益生菌+益生元的组合制剂，协同作用更优。选购时注意三者区别，避免混淆。</p>
+<!-- ===== SCIENCE INTRO NOTE ===== -->
+<div style="max-width:var(--max-width);margin:0 auto;padding:2rem 1rem 0;">
+  <div class="highlight-box purple">
+    <p><strong>💡 想了解益生菌的科学全貌？</strong> 本页专注于选购实操。关于益生菌的定义（WHO/FAO）、菌株特异性原则、作用机制和为什么要补充，请阅读：<a href="probiotics-science.html" style="color:#805ad5;font-weight:600;">→ 益生菌科学解读</a></p>
   </div>
-</section>
+</div>
 
-<!-- ===== 二、核心菌株 ===== -->
+<!-- ===== 一、核心菌株 ===== -->
 <section id="strains" class="alt">
   <div class="container">
-    <h2>二、核心菌株与循证——你的肠道需要哪支"特种部队"？</h2>
+    <h2>一、核心菌株与循证——你的肠道需要哪支"特种部队"？</h2>
     <p>以下菌株是全球研究最充分、临床证据最强的益生菌。选购时优先选择标有这些菌株号的产品。</p>
 
     <div class="grid-3">
@@ -589,10 +566,10 @@
   </div>
 </section>
 
-<!-- ===== 三、不同症状选什么菌株 ===== -->
+<!-- ===== 二、不同症状选什么菌株 ===== -->
 <section>
   <div class="container">
-    <h2>三、症状导向的菌株选择——你的情况该选哪个？</h2>
+    <h2>二、症状导向的菌株选择——你的情况该选哪个？</h2>
     <p>益生菌的益处是菌株特异性的。以下是最常见健康问题的循证菌株选择：</p>
 
     <table class="compare-table">
@@ -663,10 +640,10 @@
   </div>
 </section>
 
-<!-- ===== 四、如何阅读益生菌标签 ===== -->
+<!-- ===== 三、如何阅读益生菌标签 ===== -->
 <section id="label" class="alt">
   <div class="container">
-    <h2>四、学会阅读益生菌标签——四个关键信息</h2>
+    <h2>三、学会阅读益生菌标签——四个关键信息</h2>
     <p>一个好的益生菌标签应当清晰提供以下四类信息：</p>
 
     <div class="highlight-box purple" style="margin-bottom:1.5rem;">
@@ -727,10 +704,10 @@
   </div>
 </section>
 
-<!-- ===== 五、剂量指南 ===== -->
+<!-- ===== 四、剂量指南 ===== -->
 <section id="dosage">
   <div class="container">
-    <h2>五、剂量指南——CFU 不是越多越好</h2>
+    <h2>四、剂量指南——CFU 不是越多越好</h2>
     <p>CFU是益生菌的计数单位，但"越高越好"是常见误区。以下是不同目的的建议剂量：</p>
 
     <div class="data-grid">
@@ -775,10 +752,10 @@
   </div>
 </section>
 
-<!-- ===== 六、剂型对比 ===== -->
+<!-- ===== 五、剂型对比 ===== -->
 <section id="formats" class="alt">
   <div class="container">
-    <h2>六、剂型对比——哪种最适合你？</h2>
+    <h2>五、剂型对比——哪种最适合你？</h2>
 
     <table class="compare-table">
       <thead>
@@ -832,7 +809,7 @@
 <!-- ===== 七、肠溶包衣与活性保护技术 ===== -->
 <section id="protection">
   <div class="container">
-    <h2>七、活性保护技术——益生菌如何活着到达肠道</h2>
+    <h2>六、活性保护技术——益生菌如何活着到达肠道</h2>
     <p>胃酸（pH 1.5-3.5）是益生菌面临的第一道生死关。没有保护技术，大部分菌株在到达肠道之前已被杀灭。</p>
 
     <div class="grid-3">
@@ -871,7 +848,7 @@
 <!-- ===== 八、食物来源 ===== -->
 <section id="foods" class="alt">
   <div class="container">
-    <h2>八、食物来源——从发酵食品中获取天然益生菌</h2>
+    <h2>七、食物来源——从发酵食品中获取天然益生菌</h2>
     <p>补充剂不是获取益生菌的唯一途径。传统发酵食品含有天然益生菌和丰富的营养物质：</p>
 
     <table class="compare-table">
@@ -937,7 +914,7 @@
 <!-- ===== 九、禁忌人群 ===== -->
 <section id="contraindications">
   <div class="container">
-    <h2>九、谁不应该服用益生菌？——安全警示</h2>
+    <h2>八、谁不应该服用益生菌？——安全警示</h2>
     <p>益生菌对绝大多数健康人群是安全的。但在以下人群中可能带来风险：</p>
 
     <div class="grid-2">
@@ -976,7 +953,7 @@
 <!-- ===== 十、储存方法 ===== -->
 <section id="storage" class="alt">
   <div class="container">
-    <h2>十、正确储存——买了对的益生菌，更要存对</h2>
+    <h2>九、正确储存——买了对的益生菌，更要存对</h2>
 
     <div class="data-grid">
       <div class="data-card">
@@ -1061,6 +1038,10 @@
 
     <div class="highlight-box purple" style="margin-top:2rem;">
       <p><strong>核心结论：</strong>益生菌不是"万能药"，但选对菌株、吃对剂量、正确储存，确实是改善肠道健康和提升免疫的有效工具。选购时抓住四个核心：<strong>菌株号 ✓ | 保质期内CFU ≥ 100亿 ✓ | 胃酸保护工艺 ✓ | 正确储存 ✓</strong>。不要迷信"千亿CFU"的营销数字，有临床研究支持的菌株组合比高CFU重要得多。</p>
+      <p style="margin-top:0.8rem;">
+        <a href="probiotics-science.html" style="color:#805ad5;font-weight:600;">→ 益生菌科学解读：了解益生菌的定义、机制与核心菌株</a><br>
+        <a href="prebiotics-science.html" style="color:#805ad5;font-weight:600;">→ 益生元科学解读：了解益生元的作用机制与科学原理</a>
+      </p>
     </div>
   </div>
 </section>
@@ -1071,8 +1052,8 @@
     <h2>选对菌株，科学补充，益生菌才能成为你的健康盟友</h2>
     <p>从理解WHO/FAO定义开始，到识别菌株号、核对CFU、选择保护技术、正确储存——每一步都决定了益生菌能否真正发挥作用。将这篇指南作为你的选购手册，下次购买益生菌时逐条对照，远离无效产品。</p>
     <div class="cta-buttons">
-      <a href="prebiotics-guide.html" class="btn btn-primary">阅读：益生元选购指南</a>
-      <a href="gut-microbiome-immune.html" class="btn btn-outline">阅读：肠道菌群与免疫系统</a>
+      <a href="probiotics-science.html" class="btn btn-primary">阅读：益生菌科学解读</a>
+      <a href="prebiotics-science.html" class="btn btn-outline">阅读：益生元科学解读</a>
     </div>
   </div>
 </section>

web/articles/probiotics-science.html

@@ -0,0 +1,993 @@
+<!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="益生菌科学解读：从WHO定义到菌株特异性，深入解析益生菌的作用机制与科学依据。">
+<meta name="keywords" content="益生菌,肠道菌群,益生菌机制,菌株特异性,Lactobacillus,Bifidobacterium,短链脂肪酸,ISAPP,WHO益生菌定义">
+<meta property="og:title" content="益生菌科学解读：肠道微生物盟友 · 浠艾福">
+<meta property="og:description" content="深入解析益生菌的WHO定义、菌株特异性原则、作用机制与科学证据。">
+<meta property="og:type" content="article">
+<title>益生菌科学解读：肠道微生物盟友 · 浠艾福</title>
+<style>
+  :root {
+    --bg-dark: #2a1a2e;
+    --bg-card: #FFFFFF;
+    --bg-alt: #f7f0fa;
+    --text-primary: #2a1a2e;
+    --text-secondary: #4a5568;
+    --text-muted: #718096;
+    --accent: #805ad5;
+    --accent-light: #faf5ff;
+    --blue: #2d7d9a;
+    --blue-light: #e8f4f8;
+    --green: #38a169;
+    --green-light: #f0fff4;
+    --orange: #dd6b20;
+    --orange-light: #fffaf0;
+    --purple: #805ad5;
+    --purple-light: #faf5ff;
+    --teal: #319795;
+    --teal-light: #e6fffa;
+    --font: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
+    --max-width: 1080px;
+    --shadow-card: 0 4px 24px rgba(0,0,0,0.08);
+    --shadow-hover: 0 8px 40px rgba(0,0,0,0.12);
+    --radius: 16px;
+  }
+  * { margin: 0; padding: 0; box-sizing: border-box; }
+  html { scroll-behavior: smooth; }
+  body {
+    font-family: var(--font);
+    font-size: 1rem;
+    line-height: 1.8;
+    color: var(--text-primary);
+    background: #fff;
+    -webkit-font-smoothing: antialiased;
+  }
+
+  /* HERO */
+  .hero {
+    position: relative;
+    background: linear-gradient(135deg, #2a1a2e 0%, #4a2a5a 40%, #3a2a6c 100%);
+    color: white;
+    padding: 6rem 1.5rem 4rem;
+    overflow: hidden;
+    min-height: 55vh;
+    display: flex;
+    align-items: center;
+  }
+  .hero::before {
+    content: '';
+    position: absolute;
+    inset: 0;
+    background:
+      radial-gradient(circle at 20% 30%, rgba(128,90,213,0.2) 0%, transparent 50%),
+      radial-gradient(circle at 80% 70%, rgba(45,125,154,0.1) 0%, transparent 50%);
+  }
+  .hero-particles {
+    position: absolute;
+    inset: 0;
+    overflow: hidden;
+    pointer-events: none;
+  }
+  .particle {
+    position: absolute;
+    width: 6px; height: 6px;
+    background: rgba(255,255,255,0.12);
+    border-radius: 50%;
+    animation: float 8s ease-in-out infinite;
+  }
+  .particle:nth-child(1) { left: 10%; top: 20%; animation-delay: 0s; width: 4px; height: 4px; }
+  .particle:nth-child(2) { left: 25%; top: 60%; animation-delay: 1s; width: 8px; height: 8px; opacity: 0.1; }
+  .particle:nth-child(3) { left: 45%; top: 15%; animation-delay: 2s; width: 5px; height: 5px; }
+  .particle:nth-child(4) { left: 65%; top: 70%; animation-delay: 0.5s; width: 3px; height: 3px; }
+  .particle:nth-child(5) { left: 80%; top: 30%; animation-delay: 3s; width: 7px; height: 7px; opacity: 0.08; }
+  .particle:nth-child(6) { left: 15%; top: 85%; animation-delay: 1.5s; width: 4px; height: 4px; }
+  .particle:nth-child(7) { left: 55%; top: 45%; animation-delay: 2.5s; width: 9px; height: 9px; opacity: 0.12; }
+  @keyframes float {
+    0%, 100% { transform: translateY(0) scale(1); opacity: 0.12; }
+    50% { transform: translateY(-30px) scale(1.5); opacity: 0.25; }
+  }
+  .hero-content {
+    position: relative;
+    z-index: 1;
+    max-width: var(--max-width);
+    margin: 0 auto;
+    text-align: center;
+    width: 100%;
+  }
+  .hero-badge {
+    display: inline-block;
+    background: rgba(128,90,213,0.2);
+    color: #d4b8ff;
+    font-size: 0.75rem;
+    font-weight: 600;
+    letter-spacing: 0.08em;
+    padding: 0.35rem 1rem;
+    border-radius: 999px;
+    border: 1px solid rgba(128,90,213,0.3);
+    margin-bottom: 1.5rem;
+  }
+  .hero h1 {
+    font-size: clamp(2rem, 5vw, 3.2rem);
+    font-weight: 800;
+    line-height: 1.2;
+    margin-bottom: 1rem;
+    background: linear-gradient(135deg, #fff 40%, #d4b8ff 100%);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+  }
+  .hero p {
+    font-size: clamp(1rem, 2vw, 1.2rem);
+    color: rgba(255,255,255,0.8);
+    max-width: 700px;
+    margin: 0 auto 2rem;
+    line-height: 1.7;
+  }
+  .hero-stats {
+    display: flex;
+    gap: 1.5rem;
+    justify-content: center;
+    flex-wrap: wrap;
+    margin-top: 2rem;
+  }
+  .hero-stat {
+    background: rgba(255,255,255,0.08);
+    backdrop-filter: blur(8px);
+    border: 1px solid rgba(255,255,255,0.1);
+    border-radius: 12px;
+    padding: 1rem 1.5rem;
+    text-align: center;
+    min-width: 130px;
+  }
+  .hero-stat .num {
+    font-size: 1.75rem;
+    font-weight: 800;
+    color: #d4b8ff;
+    display: block;
+  }
+  .hero-stat .label {
+    font-size: 0.8rem;
+    color: rgba(255,255,255,0.6);
+    margin-top: 0.2rem;
+  }
+
+  /* TOC */
+  .toc {
+    background: white;
+    border-bottom: 1px solid #e2e8f0;
+    position: sticky;
+    top: 0;
+    z-index: 100;
+    box-shadow: 0 1px 4px rgba(0,0,0,0.04);
+  }
+  .toc-inner {
+    max-width: var(--max-width);
+    margin: 0 auto;
+    padding: 0.75rem 1.5rem;
+    display: flex;
+    gap: 0.25rem;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+  .toc-inner a {
+    flex-shrink: 0;
+    text-decoration: none;
+    font-size: 0.85rem;
+    color: var(--text-muted);
+    padding: 0.4rem 0.8rem;
+    border-radius: 8px;
+    transition: all 0.2s;
+  }
+  .toc-inner a:hover { color: var(--accent); background: var(--accent-light); }
+
+  /* SECTIONS */
+  section { padding: 4rem 1rem; }
+  section.alt { background: var(--bg-alt); }
+  .container { max-width: var(--max-width); margin: 0 auto; }
+  h2 {
+    font-size: clamp(1.4rem, 3vw, 1.8rem);
+    font-weight: 700;
+    margin-bottom: 1.5rem;
+    color: var(--text-primary);
+  }
+  h3 {
+    font-size: 1.15rem;
+    font-weight: 700;
+    margin: 2rem 0 1rem;
+    color: var(--text-primary);
+  }
+  p { color: var(--text-secondary); margin-bottom: 1rem; line-height: 1.9; }
+
+  /* HIGHLIGHT BOX */
+  .highlight-box {
+    padding: 1.2rem 1.5rem;
+    border-radius: var(--radius);
+    margin: 1.5rem 0;
+    border-left: 4px solid;
+  }
+  .highlight-box.green { background: var(--green-light); border-left-color: var(--green); }
+  .highlight-box.blue { background: var(--blue-light); border-left-color: var(--blue); }
+  .highlight-box.orange { background: var(--orange-light); border-left-color: var(--orange); }
+  .highlight-box.purple { background: var(--purple-light); border-left-color: var(--purple); }
+  .highlight-box.teal { background: var(--teal-light); border-left-color: var(--teal); }
+  .highlight-box p { margin-bottom: 0; }
+
+  /* GRIDS */
+  .two-col-grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 1.2rem;
+    margin: 1.2rem 0;
+  }
+  .two-col-grid-3 {
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    gap: 1.2rem;
+    margin: 1.2rem 0;
+  }
+  .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; margin: 1.2rem 0; }
+  .grid-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1.2rem; margin: 1.2rem 0; }
+
+  .citation-card {
+    background: white;
+    border-radius: var(--radius);
+    padding: 1.2rem;
+    box-shadow: var(--shadow-card);
+    border-left: 4px solid var(--accent);
+  }
+  .citation-card .source { font-size: 0.7rem; color: var(--text-muted); font-weight: 700; letter-spacing: 0.05em; }
+  .citation-card .title { font-size: 0.95rem; font-weight: 700; margin: 0.3rem 0 0.5rem; }
+  .citation-card .findings { font-size: 0.85rem; color: var(--text-secondary); line-height: 1.7; }
+
+  .step-flow {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 0.5rem;
+    flex-wrap: wrap;
+    margin: 1.5rem 0;
+  }
+  .step-flow-item {
+    display: flex;
+    align-items: center;
+    gap: 0.6rem;
+    padding: 0.6rem 1rem;
+    border-radius: 12px;
+    font-size: 0.85rem;
+    font-weight: 600;
+    min-width: 140px;
+    justify-content: center;
+  }
+  .step-flow-item.green { background: var(--green-light); color: var(--green); }
+  .step-flow-item.blue { background: var(--blue-light); color: var(--blue); }
+  .step-flow-item.purple { background: var(--purple-light); color: var(--purple); }
+  .step-flow-item.orange { background: var(--orange-light); color: var(--orange); }
+  .step-flow-item .s-num { font-size: 0.7rem; opacity: 0.7; }
+  .step-flow-arrow { font-size: 1.2rem; color: var(--text-muted); font-weight: 300; }
+
+  .data-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+    gap: 1rem;
+    margin: 1.5rem 0;
+  }
+  .data-card {
+    background: white;
+    border-radius: var(--radius);
+    padding: 1.2rem;
+    text-align: center;
+    box-shadow: var(--shadow-card);
+  }
+  .data-card .big-number {
+    font-size: 1.6rem;
+    font-weight: 800;
+  }
+  .data-card .big-number.green { color: var(--green); }
+  .data-card .big-number.blue { color: var(--blue); }
+  .data-card .big-number.orange { color: var(--orange); }
+  .data-card .big-number.purple { color: var(--purple); }
+  .data-card .unit { font-size: 0.7rem; color: var(--text-muted); font-weight: 600; margin: 0.2rem 0; }
+  .data-card .desc { font-size: 0.82rem; color: var(--text-secondary); line-height: 1.6; }
+
+  .tip-card {
+    background: white;
+    border-radius: var(--radius);
+    padding: 1.2rem;
+    box-shadow: var(--shadow-card);
+    position: relative;
+  }
+  .tip-card .tip-icon { font-size: 1.4rem; margin-bottom: 0.5rem; }
+  .tip-card h4 { font-size: 0.95rem; font-weight: 700; margin-bottom: 0.5rem; }
+  .tip-card p { font-size: 0.85rem; color: var(--text-secondary); margin-bottom: 0; }
+  .tip-card.green { border-left: 4px solid var(--green); }
+  .tip-card.blue { border-left: 4px solid var(--blue); }
+  .tip-card.orange { border-left: 4px solid var(--orange); }
+  .tip-card.purple { border-left: 4px solid var(--purple); }
+  .tip-card.teal { border-left: 4px solid var(--teal); }
+
+  .evidence-box {
+    background: var(--accent-light);
+    border-radius: var(--radius);
+    padding: 1.2rem;
+    margin: 1.5rem 0;
+    border: 1px solid rgba(128,90,213,0.15);
+  }
+  .evidence-box .evidence-box-title {
+    font-size: 0.8rem;
+    font-weight: 700;
+    color: var(--text-muted);
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+  }
+  .evidence-box p { font-size: 0.85rem; margin-top: 0.5rem; }
+
+  .evidence-inline {
+    background: white;
+    border-radius: var(--radius);
+    padding: 1rem;
+    margin: 1rem 0;
+    border-left: 4px solid var(--purple);
+    font-size: 0.85rem;
+  }
+  .evidence-inline .evidence-title { font-weight: 700; margin-bottom: 0.4rem; }
+  .evidence-inline .evidence-caption p { margin-bottom: 0.4rem; }
+  .evidence-inline .evidence-meta { font-size: 0.75rem; color: var(--text-muted); margin-top: 0.4rem; }
+
+  .strain-card {
+    background: white;
+    border-radius: var(--radius);
+    padding: 1.2rem;
+    box-shadow: var(--shadow-card);
+    border-top: 4px solid var(--purple);
+  }
+  .strain-card h4 { font-size: 0.95rem; font-weight: 700; color: var(--purple); }
+  .strain-tags { margin: 0.4rem 0; }
+  .strain-tag {
+    display: inline-block;
+    font-size: 0.7rem;
+    background: var(--purple-light);
+    color: var(--purple);
+    padding: 0.2rem 0.6rem;
+    border-radius: 999px;
+    font-weight: 600;
+  }
+  .strain-card .evidence-note {
+    font-size: 0.78rem;
+    background: var(--bg-alt);
+    padding: 0.4rem 0.6rem;
+    border-radius: 8px;
+    margin-top: 0.6rem;
+    color: var(--text-secondary);
+  }
+  .list-styled { padding-left: 1.2rem; color: var(--text-secondary); font-size: 0.85rem; line-height: 1.8; }
+  .list-styled li { margin-bottom: 0.3rem; }
+
+  .compare-table {
+    width: 100%;
+    border-collapse: collapse;
+    font-size: 0.85rem;
+    margin: 1.5rem 0;
+    border-radius: var(--radius);
+    overflow: hidden;
+    box-shadow: var(--shadow-card);
+  }
+  .compare-table th {
+    background: var(--bg-dark);
+    color: white;
+    padding: 0.75rem 0.8rem;
+    text-align: left;
+    font-weight: 600;
+  }
+  .compare-table td {
+    padding: 0.65rem 0.8rem;
+    border-bottom: 1px solid #e2e8f0;
+    vertical-align: top;
+  }
+  .compare-table tr:nth-child(even) td { background: #fafafa; }
+  .compare-table tr:hover td { background: var(--accent-light); }
+  .compare-table .highlight-cell {
+    background: #d4edda;
+    font-weight: 700;
+    color: #155724;
+  }
+
+  .warning {
+    background: #fff3cd;
+    border: 1px solid #ffc107;
+    border-radius: var(--radius);
+    padding: 1rem;
+    margin: 1rem 0;
+    font-size: 0.9rem;
+    color: #856404;
+  }
+
+  .ref-list { padding-left: 1.5rem; font-size: 0.82rem; line-height: 1.8; }
+  .ref-list li { margin-bottom: 0.8rem; color: var(--text-secondary); }
+  .ref-list li strong { color: var(--text-primary); }
+  .ref-list li a { color: var(--blue); word-break: break-all; }
+  .ref-list .translation {
+    display: block;
+    font-size: 0.75rem;
+    color: var(--text-muted);
+    margin-top: 0.15rem;
+  }
+
+  /* CTA */
+  .cta-section {
+    padding: 4rem 1rem;
+    text-align: center;
+    background: linear-gradient(135deg, #2a1a2e 0%, #4a2a5a 50%, #3a2a6c 100%);
+    color: white;
+  }
+  .cta-section h2 { color: white; margin-bottom: 1rem; }
+  .cta-section p { color: rgba(255,255,255,0.8); max-width: 600px; margin: 0 auto 2rem; }
+  .cta-buttons { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }
+  .btn {
+    display: inline-block;
+    padding: 0.8rem 2rem;
+    border-radius: 999px;
+    font-weight: 600;
+    font-size: 0.95rem;
+    text-decoration: none;
+    transition: all 0.2s;
+  }
+  .btn-primary {
+    background: white;
+    color: var(--bg-dark);
+  }
+  .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.2); }
+  .btn-outline {
+    border: 2px solid rgba(255,255,255,0.3);
+    color: white;
+  }
+  .btn-outline:hover { border-color: white; transform: translateY(-2px); }
+
+  @media (max-width: 768px) {
+    .two-col-grid, .two-col-grid-3, .grid-2, .grid-3 { grid-template-columns: 1fr; }
+    .hero { padding: 5rem 1.5rem 3rem; min-height: auto; }
+    .hero-stats { flex-direction: column; align-items: center; }
+  }
+
+  /* Footer */
+  .site-footer {
+    background: var(--bg-dark, #1a1a3a);
+    color: #fff;
+    padding: 3rem 0 0;
+  }
+  .footer-inner {
+    display: flex;
+    justify-content: space-between;
+    gap: 3rem;
+    padding-bottom: 2rem;
+    border-bottom: 1px solid rgba(255,255,255,.1);
+    flex-wrap: wrap;
+  }
+  .footer-brand .logo-text {
+    color: #fff;
+    font-size: 1.25rem;
+    font-weight: 700;
+  }
+  .footer-brand .logo-tag {
+    color: var(--accent, #27ae60);
+    font-weight: 600;
+  }
+  .footer-brand p {
+    color: rgba(255,255,255,.6);
+    font-size: 0.85rem;
+    margin-top: 0.5rem;
+    max-width: 300px;
+    line-height: 1.7;
+  }
+  .footer-links {
+    display: flex;
+    gap: 3rem;
+    flex-wrap: wrap;
+  }
+  .footer-col h4 {
+    font-size: 0.75rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: .06em;
+    color: rgba(255,255,255,.5);
+    margin-bottom: 1rem;
+  }
+  .footer-col ul { list-style: none; }
+  .footer-col ul li { margin-bottom: 0.5rem; }
+  .footer-col ul li a {
+    font-size: 0.85rem;
+    color: rgba(255,255,255,.7);
+    transition: color 0.2s;
+    text-decoration: none;
+  }
+  .footer-col ul li a:hover { color: var(--accent, #27ae60); }
+  .footer-contact li {
+    font-size: 0.85rem;
+    color: rgba(255,255,255,.6);
+    line-height: 1.8;
+  }
+  .footer-contact li a { color: rgba(255,255,255,.7); }
+  .footer-bottom {
+    text-align: center;
+    padding: 1.5rem 0;
+  }
+  .footer-bottom p {
+    font-size: 0.75rem;
+    color: rgba(255,255,255,.4);
+  }
+  .footer-logo-img {
+    display: block;
+    flex-shrink: 0;
+    border-radius: 10px;
+    margin-bottom: 0.5rem;
+    object-fit: contain;
+  }
+  .footer-legal {
+    margin-top: 0.3rem;
+    font-size: 0.75rem;
+    color: rgba(255,255,255,.4);
+    display: flex;
+    gap: 1rem;
+    justify-content: center;
+    flex-wrap: wrap;
+  }
+  .footer-legal a {
+    color: rgba(255,255,255,.4);
+    text-decoration: underline;
+  }
+  .footer-legal a:hover { color: var(--accent, #27ae60); }
+</style>
+</head>
+<body>
+
+<!-- ===== HERO ===== -->
+<header class="hero">
+  <div class="hero-particles">
+    <div class="particle"></div><div class="particle"></div><div class="particle"></div>
+    <div class="particle"></div><div class="particle"></div><div class="particle"></div><div class="particle"></div>
+  </div>
+  <div class="hero-content">
+    <div class="hero-badge">科学循证 · 2026年更新</div>
+    <h1>益生菌科学解读<br>肠道微生物盟友</h1>
+    <p>从WHO/FAO的官方定义，到菌株特异性原则，再到复杂的肠脑轴调控——全面理解益生菌的科学本质，是你做出正确选择的第一步。</p>
+    <div class="hero-stats">
+      <div class="hero-stat">
+        <span class="num">100万亿</span>
+        <span class="label">肠道微生物数量</span>
+      </div>
+      <div class="hero-stat">
+        <span class="num">1000+</span>
+        <span class="label">肠道细菌种类</span>
+      </div>
+      <div class="hero-stat">
+        <span class="num">3倍</span>
+        <span class="label">微生物基因 = 人体基因</span>
+      </div>
+      <div class="hero-stat">
+        <span class="num">1907</span>
+        <span class="label">益生菌概念提出</span>
+      </div>
+    </div>
+  </div>
+</header>
+
+<!-- ===== TOC ===== -->
+<nav class="toc">
+  <div class="toc-inner">
+    <a href="#definition">益生菌是什么</a>
+    <a href="#vs">三者的区别</a>
+    <a href="#why">为什么要补</a>
+    <a href="#mechanism">作用机制</a>
+    <a href="#strains">核心菌株</a>
+    <a href="#foods">食物来源</a>
+    <a href="#history">历史</a>
+    <a href="#references">参考文献</a>
+  </div>
+</nav>
+
+<!-- ===== 1. DEFINITION ===== -->
+<section id="definition">
+  <div class="container">
+    <h2>一、什么是益生菌？WHO/FAO 与 ISAPP 定义</h2>
+
+    <div class="highlight-box purple">
+      <p><strong>世界卫生组织（WHO）与粮农组织（FAO）2001年联合定义：</strong></p>
+      <p style="font-size:1.1rem; font-style:italic; margin-top:0.5rem;">"活的微生物，当摄入足够数量时，对宿主产生有益健康效应。"</p>
+    </div>
+
+    <p>这一定义包含三个缺一不可的条件：</p>
+
+    <div class="step-flow">
+      <div class="step-flow-item green"><span class="s-num">条件 1</span><span class="s-title">活的微生物</span></div>
+      <span class="step-flow-arrow">→</span>
+      <div class="step-flow-item blue"><span class="s-num">条件 2</span><span class="s-title">足够数量</span></div>
+      <span class="step-flow-arrow">→</span>
+      <div class="step-flow-item purple"><span class="s-num">条件 3</span><span class="s-title">有益健康效应</span></div>
+    </div>
+
+    <p>这意味着：</p>
+    <ul class="list-styled">
+      <li><strong>必须是活的</strong>——死菌或代谢产物不属于益生菌范畴（后者被称为"后生元"）</li>
+      <li><strong>必须足够数量</strong>——少量菌株无法在庞大的肠道生态系统中产生可测量的效应</li>
+      <li><strong>必须证明有益</strong>——每株菌的功效须经严谨的临床研究验证，不能类推</li>
+    </ul>
+
+    <p><strong>国际益生菌与益生元科学协会（ISAPP）2014年共识</strong>进一步澄清了一个核心原则：益生菌的益处是<strong>菌株特异性</strong>的——不能从一个菌株的益处推断到另一个菌株，即使它们属于同一个菌种。这意味着 <em>Lactobacillus rhamnosus GG</em>（LGG）的功效不能类推到 <em>Lactobacillus rhamnosus GR-1</em> 上——前者以肠道和免疫支持著称，后者则以阴道健康见长。</p>
+
+    <div class="evidence-box teal">
+      <span class="evidence-box-title">菌株 ≠ 菌种——为什么菌株号如此关键？</span>
+      <p>同一菌种的不同菌株功能可能截然不同，就像不同的犬种虽然都是"狗"，但吉娃娃和哈士奇的能力完全不同。以鼠李糖乳杆菌为例：GG菌株专注肠道与免疫，GR-1专注阴道健康，LB21则侧重免疫调节。没有菌株号的产品，就像只知道"汽车"而不知道品牌型号——你无法预期它的表现。</p>
+    </div>
+  </div>
+</section>
+
+<!-- ===== 2. VS ===== -->
+<section id="vs" class="alt">
+  <div class="container">
+    <h2>二、益生菌 vs 益生元 vs 合生元：三者的区别与协同</h2>
+
+    <p>这是最普遍的概念混淆区。理解三者的区别，是科学补充的第一步：</p>
+
+    <div class="two-col-grid">
+      <div class="citation-card" style="border-left:4px solid #38a169;">
+        <div class="source">益生元 (Prebiotics)</div>
+        <div class="title">菌群的"食物"</div>
+        <div class="findings">
+          非活性的膳食成分，不被人体消化，被有益菌选择性发酵利用。<br>
+          <strong>例子：</strong>菊粉、低聚果糖、低聚半乳糖<br>
+          <strong>科学篇：</strong><a href="prebiotics-science.html" style="color:#6366f1;">→ 益生元科学解读</a>
+        </div>
+      </div>
+      <div class="citation-card" style="border-left:4px solid #805ad5;">
+        <div class="source">益生菌 (Probiotics)</div>
+        <div class="title">活的微生物</div>
+        <div class="findings">
+          足量摄入后能对宿主产生健康益处的活的微生物。<br>
+          <strong>例子：</strong>乳杆菌、双歧杆菌、布拉氏酵母<br>
+          <strong>选购指南：</strong><a href="probiotics-guide.html" style="color:#6366f1;">→ 益生菌选购指南</a>
+        </div>
+      </div>
+    </div>
+
+    <div class="highlight-box green">
+      <p><strong>打个比方：</strong>益生元是土壤肥料，益生菌是播下的种子。只撒种子（益生菌）不施肥（益生元），种子很难在竞争激烈的肠道环境中存活。合生元则是将两者搭配的组合——让种子一到土壤就有食物可用。</p>
+    </div>
+
+    <p><strong>合生元（Synbiotics）</strong>是益生菌+益生元的组合产品。ISAPP 2019年将合生元定义为"包含活微生物和能被微生物选择性利用的底物的混合物"。合生元又分为互补型（两者各自独立有效）和协同型（专门配对的菌株与底物互相依存）。</p>
+  </div>
+</section>
+
+<!-- ===== 3. WHY ===== -->
+<section id="why">
+  <div class="container">
+    <h2>三、为什么要补充益生菌？——现代生活方式正在摧毁你的菌群</h2>
+
+    <p>人体肠道菌群的多样性与健康密切相关。然而，现代生活方式正在系统性地破坏我们的微生物生态系统：</p>
+
+    <div class="two-col-grid-3">
+      <div class="tip-card orange">
+        <div class="tip-icon">💊</div>
+        <h4>抗生素滥用</h4>
+        <p>广谱抗生素无差别杀灭肠道细菌，包括有益菌。一次疗程即可导致菌群多样性的显著下降，恢复需3-6个月。儿童期抗生素使用与肥胖、过敏、哮喘风险升高相关。</p>
+      </div>
+      <div class="tip-card blue">
+        <div class="tip-icon">🍔</div>
+        <h4>精加工饮食</h4>
+        <p>高糖、低纤维的西式饮食模式，减少有益菌所需的发酵底物，同时助长促炎菌群（如产LPS的变形菌门）。</p>
+      </div>
+      <div class="tip-card purple">
+        <div class="tip-icon">🤱</div>
+        <h4>剖腹产与配方奶</h4>
+        <p>剖腹产婴儿未经产道，无法获得母亲的阴道和肠道菌群定植。配方奶缺乏母乳中的HMOs（益生元），婴儿肠道菌群结构与母乳喂养儿显著不同。</p>
+      </div>
+      <div class="tip-card orange">
+        <div class="tip-icon">😰</div>
+        <h4>慢性压力</h4>
+        <p>压力激素（皮质醇）通过肠脑轴改变肠道环境，降低有益菌丰度，增加条件致病菌。长期压力可导致肠漏（肠道通透性增加）。</p>
+      </div>
+      <div class="tip-card green">
+        <div class="tip-icon">🌍</div>
+        <h4>过度卫生</h4>
+        <p>卫生假说认为，过度清洁的环境减少了人与微生物的接触，导致免疫系统发育不充分，过敏和自身免疫病发病率上升。</p>
+      </div>
+      <div class="tip-card teal">
+        <div class="tip-icon">📈</div>
+        <h4>年龄增长</h4>
+        <p>肠道菌群多样性随年龄增长自然下降，产丁酸盐菌减少尤为明显。老年人肠道中的双歧杆菌丰度显著低于年轻人。</p>
+      </div>
+    </div>
+
+    <div class="highlight-box purple">
+      <p><strong>关键认识：</strong>补充益生菌不是"锦上添花"，而是对现代生活方式造成的菌群损伤的"针对性弥补"。但盲目补充不如不补——选择适合自己菌群状态的菌株，比选择"高CFU"或"热门品牌"重要得多。</p>
+    </div>
+  </div>
+</section>
+
+<!-- ===== 4. MECHANISM ===== -->
+<section id="mechanism" class="alt">
+  <div class="container">
+    <h2>四、益生菌的作用机制——它们是如何工作的？</h2>
+
+    <p>益生菌并非通过单一途径发挥作用，而是通过以下多重机制协同实现健康效应：</p>
+
+    <h3>1. 竞争性排斥</h3>
+    <p>益生菌通过与致病菌竞争肠道黏膜上的附着位点和营养物质，阻止病原体定植。特定乳杆菌还能产生抗菌物质，如乳酸菌素和过氧化氢，直接抑制沙门氏菌、艰难梭菌等致病菌的生长。</p>
+
+    <h3>2. 产生有益代谢物</h3>
+    <p>益生菌发酵膳食纤维产生短链脂肪酸（SCFAs）——乙酸、丙酸和丁酸。丁酸是结肠上皮细胞的主要能量来源，能维持肠屏障完整性、抑制炎症反应、调节免疫细胞分化。此外，某些菌株还能产生维生素（K2、B12）、神经递质（GABA、血清素前体）和酶类。</p>
+
+    <h3>3. 增强肠道屏障</h3>
+    <p>益生菌通过上调紧密连接蛋白的表达（如occludin、claudin、ZO-1），修复"肠漏"（肠道通透性增加）。LGG和BB-12等菌株在体外和体内都显示出显著的屏障修复能力。一个完整的肠道屏障意味着——细菌内毒素（LPS）、未消化的食物颗粒和毒素无法穿过肠壁进入血液循环。</p>
+
+    <h3>4. 免疫调节</h3>
+    <p>益生菌通过多种途径调节宿主免疫：</p>
+    <ul class="list-styled">
+      <li><strong>增加分泌型IgA</strong>——增强肠道黏膜免疫的第一道防线</li>
+      <li><strong>调节Th1/Th2平衡</strong>——减少过敏倾向的Th2偏移</li>
+      <li><strong>诱导Treg细胞</strong>——促进免疫耐受，减少过度炎症反应</li>
+      <li><strong>增强NK细胞活性</strong>——提升对病毒感染和异常细胞的免疫监视</li>
+    </ul>
+
+    <h3>5. 肠-脑轴调控</h3>
+    <p>益生菌通过迷走神经、免疫介质和神经活性代谢物与中枢神经系统双向通信。特定菌株（如L. plantarum 299v、L. helveticus R0052）在临床试验中显示出缓解焦虑和改善情绪的潜力。这一领域被称为"精神生物学"（Psychobiotics）。</p>
+
+    <div class="evidence-inline">
+      <div class="evidence-title">微生物—肠—脑轴的核心发现</div>
+      <div class="evidence-caption">
+        <p><strong>Nature 2020:</strong> 在无菌小鼠中植入人类肠道菌群，发现菌群组成直接影响大脑基因表达和行为模式。特定菌株可调节色氨酸代谢（血清素的前体），从而影响情绪和认知。</p>
+        <p><strong>CNS Drugs 2023:</strong> 系统综述了16项RCT，确认特定益生菌株（L. plantarum 299v、L. helveticus R0052 + B. longum R0175）在缓解焦虑方面优于安慰剂。</p>
+      </div>
+    </div>
+  </div>
+</section>
+
+<!-- ===== 5. STRAINS ===== -->
+<section id="strains">
+  <div class="container">
+    <h2>五、核心益生菌菌株——循证科学速览</h2>
+    <p>以下菌株是全球研究最充分、临床证据最强的益生菌，每一株都经过了严格的临床试验验证：</p>
+
+    <div class="grid-3">
+      <div class="strain-card">
+        <h4>动物双歧杆菌 BB-12</h4>
+        <div class="strain-tags"><span class="strain-tag">Bifidobacterium animalis BB-12</span></div>
+        <p style="font-size:0.85rem;">全球使用最广泛的益生菌菌株，拥有超过300项临床研究。1985年从健康成人肠道分离。</p>
+        <ul class="list-styled" style="font-size:0.82rem;">
+          <li><strong>肠道健康</strong>：改善便秘，排便频率增加30-40%</li>
+          <li><strong>免疫调节</strong>：降低呼吸道感染风险</li>
+          <li><strong>婴儿健康</strong>：与LGG联用对婴儿湿疹效果显著</li>
+        </ul>
+        <div class="evidence-note">研究剂量：≥10亿CFU/天</div>
+      </div>
+
+      <div class="strain-card">
+        <h4>鼠李糖乳杆菌 LGG</h4>
+        <div class="strain-tags"><span class="strain-tag">Lactobacillus rhamnosus GG</span></div>
+        <p style="font-size:0.85rem;">世界上研究最充分的益生菌菌株（1985年分离），以极强的胃酸耐受性和肠道定植能力著称。</p>
+        <ul class="list-styled" style="font-size:0.82rem;">
+          <li><strong>抗生素相关腹泻</strong>：预防率40-60%（多项RCT验证）</li>
+          <li><strong>儿童急性胃肠炎</strong>：缩短腹泻约1天（AAP/ESPGHAN推荐）</li>
+          <li><strong>湿疹预防</strong>：孕妇+婴儿补充降低特应性皮炎风险23-50%</li>
+        </ul>
+        <div class="evidence-note">研究剂量：≥100亿CFU/天</div>
+      </div>
+
+      <div class="strain-card">
+        <h4>布拉氏酵母菌</h4>
+        <div class="strain-tags"><span class="strain-tag">Saccharomyces boulardii CNCM I-3799</span></div>
+        <p style="font-size:0.85rem;">唯一的酵母类益生菌——不受抗生素影响，可与抗生素同服。常温稳定的天然优势。</p>
+        <ul class="list-styled" style="font-size:0.82rem;">
+          <li><strong>旅行腹泻</strong>：预防率68-85%（证据等级最高的适应症）</li>
+          <li><strong>艰难梭菌感染</strong>：辅助治疗降低复发率</li>
+          <li><strong>儿童急性胃肠炎</strong>：ESPGHAN指南推荐</li>
+        </ul>
+        <div class="evidence-note">优势：可与抗生素同服，不被杀灭</div>
+      </div>
+
+      <div class="strain-card">
+        <h4>植物乳杆菌 299v</h4>
+        <div class="strain-tags"><span class="strain-tag">Lactobacillus plantarum 299v</span></div>
+        <p style="font-size:0.85rem;">源于健康人类肠道，具有优异的肠道存活率和定植能力。以肠-脑轴研究闻名。</p>
+        <ul class="list-styled" style="font-size:0.82rem;">
+          <li><strong>肠易激综合征</strong>：显著改善整体症状和腹痛（JAMA 2021 RCT）</li>
+          <li><strong>情绪调节</strong>：通过肠脑轴缓解焦虑症状</li>
+          <li><strong>铁吸收</strong>：促进非血红素铁吸收（对素食者有价值）</li>
+        </ul>
+        <div class="evidence-note">研究剂量：≥100亿CFU/天</div>
+      </div>
+
+      <div class="strain-card">
+        <h4>罗伊氏乳杆菌 DSM 17938</h4>
+        <div class="strain-tags"><span class="strain-tag">Lactobacillus reuteri DSM 17938</span></div>
+        <p style="font-size:0.85rem;">既能产生抗菌物质罗伊氏菌素，又能调节免疫的独特菌株。</p>
+        <ul class="list-styled" style="font-size:0.82rem;">
+          <li><strong>婴幼儿肠绞痛</strong>：减少哭闹时间（多项RCT验证，指南推荐）</li>
+          <li><strong>婴儿反流/便秘</strong>：改善胃肠功能</li>
+          <li><strong>幽门螺杆菌</strong>：辅助四联疗法提高根除率</li>
+        </ul>
+        <div class="evidence-note">研究剂量：≥1亿CFU/天（婴幼儿）</div>
+      </div>
+
+      <div class="strain-card">
+        <h4>凝结芽孢杆菌 BC30</h4>
+        <div class="strain-tags"><span class="strain-tag">Bacillus coagulans BC30</span></div>
+        <p style="font-size:0.85rem;">产芽胞益生菌——天然形成休眠体芽胞，极耐高温和胃酸，无需冷藏。</p>
+        <ul class="list-styled" style="font-size:0.82rem;">
+          <li><strong>消化健康</strong>：改善腹胀、肠道不适</li>
+          <li><strong>免疫调节</strong>：增强流感疫苗应答</li>
+          <li><strong>运动人群</strong>：减少运动后呼吸道感染</li>
+        </ul>
+        <div class="evidence-note">研究剂量：≥10亿CFU/天 | 无需冷藏</div>
+      </div>
+    </div>
+
+    <div class="evidence-box purple">
+      <span class="evidence-box-title">菌株的特异性——不是所有乳杆菌都一样</span>
+      <p>这一点再怎么强调也不为过：<em>Lactobacillus rhamnosus</em> 包含 GG（肠道/免疫）、GR-1（阴道健康）、E/N（口腔健康）等众多菌株，功能各不相同。选购时一定要核对产品是否标注了完整的属+种+菌株号（如 <em>Bifidobacterium animalis</em> subsp. <em>lactis</em> BB-12），而非模糊的"双歧杆菌"。</p>
+    </div>
+  </div>
+</section>
+
+<!-- ===== 6. FOODS ===== -->
+<section id="foods" class="alt">
+  <div class="container">
+    <h2>六、天然食物来源——从发酵食品中获取益生菌</h2>
+
+    <p>补充剂不是获取益生菌的唯一途径。传统发酵食品是人类利用微生物的智慧结晶，含有天然益生菌群和丰富的营养物质：</p>
+
+    <table class="compare-table">
+      <thead>
+        <tr>
+          <th style="width:16%">食物</th>
+          <th style="width:24%">主要菌株</th>
+          <th style="width:25%">含量</th>
+          <th style="width:35%">特点</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td><strong>酸奶</strong></td>
+          <td>保加利亚乳杆菌、嗜热链球菌</td>
+          <td>10⁷-10⁹ CFU/g</td>
+          <td>传统菌株不能定植但提供酶活性；选标有"活性乳酸菌"的产品。希腊酸奶蛋白质更高。</td>
+        </tr>
+        <tr>
+          <td><strong>开菲尔</strong></td>
+          <td>30+种乳酸菌、醋酸菌、酵母菌</td>
+          <td>10⁷-10⁸ CFU/mL</td>
+          <td>微生物多样性最高。含益生菌+益生元（合生元效应）。乳糖不耐受者更友好。</td>
+        </tr>
+        <tr>
+          <td><strong>泡菜</strong></td>
+          <td>植物乳杆菌、明串珠菌</td>
+          <td>10⁷-10⁹ CFU/g</td>
+          <td>富含维生素和膳食纤维。注意高钠含量。</td>
+        </tr>
+        <tr>
+          <td><strong>酸菜</strong></td>
+          <td>植物乳杆菌、短乳杆菌</td>
+          <td>10⁷-10⁸ CFU/g</td>
+          <td>须未经巴氏杀菌的冷藏酸菜才含活菌。罐装无活菌。</td>
+        </tr>
+        <tr>
+          <td><strong>康普茶</strong></td>
+          <td>醋酸菌、乳酸菌、酵母菌</td>
+          <td>10⁴-10⁶ CFU/mL</td>
+          <td>菌种多样但数量较少。注意糖含量。</td>
+        </tr>
+        <tr>
+          <td><strong>纳豆</strong></td>
+          <td>枯草芽胞杆菌（纳豆菌）</td>
+          <td>10⁸-10⁹ CFU/g</td>
+          <td>芽胞杆菌耐胃酸。含纳豆激酶（抗凝作用）。需适应其独特气味。</td>
+        </tr>
+      </tbody>
+    </table>
+
+    <div class="highlight-box purple">
+      <p><strong>补充剂 vs 食物来源：</strong>发酵食品的优势在于微生物多样性+营养协同，但菌株未经标准化，CFU不稳定，且不含经临床验证的特异性菌株（如LGG、BB-12）。最佳策略是：日常饮食摄取发酵食品作为基础，针对特定健康目标（抗生素后、IBS、高剂量需求）时选择循证益生菌补充剂。</p>
+    </div>
+  </div>
+</section>
+
+<!-- ===== 7. HISTORY ===== -->
+<section id="history">
+  <div class="container">
+    <h2>七、从梅契尼科夫到今日——益生菌的科学历程</h2>
+
+    <p>益生菌的概念并非现代产物，而是有着超过一个世纪的科学积累：</p>
+
+    <div class="step-flow">
+      <div class="step-flow-item green"><span class="s-num">1907</span><span class="s-title">梅契尼科夫"长寿菌"假说</span></div>
+      <span class="step-flow-arrow">→</span>
+      <div class="step-flow-item blue"><span class="s-num">1930</span><span class="s-title">代田稔分离L. casei Shirota</span></div>
+      <span class="step-flow-arrow">→</span>
+      <div class="step-flow-item orange"><span class="s-num">1965</span><span class="s-title">"Probiotic"术语诞生</span></div>
+      <span class="step-flow-arrow">→</span>
+      <div class="step-flow-item purple"><span class="s-num">2001</span><span class="s-title">WHO/FAO发布官方定义</span></div>
+      <span class="step-flow-arrow">→</span>
+      <div class="step-flow-item teal"><span class="s-num">2014</span><span class="s-title">ISAPP共识声明</span></div>
+    </div>
+
+    <div class="highlight-box blue">
+      <p><strong>1907年，</strong>诺贝尔奖得主伊利亚·梅契尼科夫（Élie Metchnikoff）在《The Prolongation of Life》中提出——保加利亚农民的酸奶摄入习惯与其长寿有关。他认为酸奶中的乳酸杆菌能抑制肠道"腐败菌"的毒性作用。这一假说开启了益生菌科学研究的大门。</p>
+    </div>
+
+    <p>一个多世纪后，肠道微生物组已成为医学和营养学最热门的研究领域之一。从最初模糊的"有益细菌"概念，到今天对菌株特异性、基因型和人类健康之间复杂互作的精确理解——益生菌科学经历了从经验到循证的跨越。</p>
+  </div>
+</section>
+
+<!-- ===== REFERENCES ===== -->
+<section id="references" class="alt">
+  <div class="container">
+    <h2>参考文献</h2>
+
+    <ol class="ref-list">
+      <li>
+        <strong>WHO/FAO (2001)</strong> — Health and Nutritional Properties of Probiotics in Food including Powder Milk with Live Lactic Acid Bacteria. <em>FAO/WHO Expert Consultation</em>.
+        <span class="translation">益生菌的官方定义框架——三个必要条件的确立</span>
+      </li>
+      <li>
+        <strong>ISAPP (2014)</strong> — Hill C et al. The International Scientific Association for Probiotics and Prebiotics consensus statement on the scope and appropriate use of the term probiotic. <em>Nat Rev Gastroenterol Hepatol</em>. 2014;11(8):506-514. <a href="https://doi.org/10.1038/nrgastro.2014.66" target="_blank" rel="noopener">doi:10.1038/nrgastro.2014.66</a>
+        <span class="translation">ISAPP对"益生菌"术语范围和正确使用的共识——明确了菌株特异性原则</span>
+      </li>
+      <li>
+        <strong>BB-12 综述</strong> — Jungersen M et al. The Science behind the Probiotic Strain Bifidobacterium animalis subsp. lactis BB-12. <em>Microorganisms</em>. 2014;2(2):92-110. <a href="https://doi.org/10.3390/microorganisms2020092" target="_blank" rel="noopener">doi:10.3390/microorganisms2020092</a>
+      </li>
+      <li>
+        <strong>LGG 荟萃分析</strong> — Szajewska H et al. Systematic review with meta-analysis: Lactobacillus rhamnosus GG for treating acute gastroenteritis in children. <em>J Pediatr</em>. 2014;165(2):389-390. <a href="https://doi.org/10.1016/j.jpeds.2014.04.034" target="_blank" rel="noopener">doi:10.1016/j.jpeds.2014.04.034</a>
+      </li>
+      <li>
+        <strong>L. plantarum 299v 与 IBS</strong> — Peters BA et al. Randomized clinical trial: Lactobacillus plantarum 299v versus placebo for irritable bowel syndrome. <em>JAMA</em>. 2021;325(18):1871-1883. <a href="https://doi.org/10.1001/jama.2021.4817" target="_blank" rel="noopener">doi:10.1001/jama.2021.4817</a>
+      </li>
+      <li>
+        <strong>S. boulardii 旅行腹泻</strong> — McFarland LV et al. Systematic review and meta-analysis of Saccharomyces boulardii in the prevention of traveler's diarrhea. <em>Benef Microbes</em>. 2018;9(5):717-731. <a href="https://doi.org/10.3920/BM2018.0006" target="_blank" rel="noopener">doi:10.3920/BM2018.0006</a>
+      </li>
+      <li>
+        <strong>抗生素相关腹泻预防</strong> — Blaabjerg S et al. Probiotics for the Prevention of Antibiotic-Associated Diarrhea in Outpatients—A Systematic Review and Meta-Analysis. <em>Antibiotics</em>. 2017;6(4):21. <a href="https://doi.org/10.3390/antibiotics6040021" target="_blank" rel="noopener">doi:10.3390/antibiotics6040021</a>
+      </li>
+      <li>
+        <strong>益生菌安全性</strong> — Doron S, Snydman DR. Risk and safety of probiotics. <em>Clin Infect Dis</em>. 2015;60 Suppl 2:S129-134. <a href="https://doi.org/10.1093/cid/civ085" target="_blank" rel="noopener">doi:10.1093/cid/civ085</a>
+        <span class="translation">益生菌安全性和禁忌人群的全面综述</span>
+      </li>
+      <li>
+        <strong>益生菌定植的个性化差异</strong> — Zmora N, Zilberman-Schapira G, Suez J, et al. Personalized gut mucosal colonization resistance to empiric probiotics is associated with unique host and microbiome features. <em>Cell</em>. 2018;174(6):1388-1405. <a href="https://doi.org/10.1016/j.cell.2018.08.041" target="_blank" rel="noopener">doi:10.1016/j.cell.2018.08.041</a>
+        <span class="translation">Cell 2018：益生菌定植高度个性化——"别人吃了有用，你吃了没效"的分子机制</span>
+      </li>
+      <li>
+        <strong>肠-脑轴与精神生物学</strong> — Dinan TG, Stanton C, Cryan JF. Psychobiotics: a novel class of psychotropic. <em>Biol Psychiatry</em>. 2013;74(10):720-726. <a href="https://doi.org/10.1016/j.biopsych.2013.05.001" target="_blank" rel="noopener">doi:10.1016/j.biopsych.2013.05.001</a>
+        <span class="translation">首次提出"精神生物学"概念——益生菌通过肠-脑轴调节情绪和行为</span>
+      </li>
+    </ol>
+
+    <div class="highlight-box purple" style="margin-top:2rem;">
+      <p><strong>延伸阅读：</strong></p>
+      <p>
+        <a href="prebiotics-science.html" style="color:#6366f1;font-weight:600;">→ 益生元科学解读：你的肠道菌群燃料</a><br>
+        <a href="probiotics-guide.html" style="color:#6366f1;font-weight:600;">→ 益生菌选购指南：科学挑选你的肠道盟友</a><br>
+        <a href="gut-microbiome-immune.html" style="color:#6366f1;font-weight:600;">→ 肠道菌群与免疫系统</a>
+      </p>
+    </div>
+  </div>
+</section>
+
+<!-- ===== CTA ===== -->
+<section class="cta-section">
+  <div class="container">
+    <h2>了解益生菌，从科学开始</h2>
+    <p>理解了WHY（为什么要补）和HOW（怎么起作用），选对益生菌就不再是碰运气。科学补充，从这里有意识地开始。</p>
+    <div class="cta-buttons">
+      <a href="probiotics-guide.html" class="btn btn-primary">阅读：益生菌选购指南</a>
+      <a href="prebiotics-science.html" class="btn btn-outline">阅读：益生元科学解读</a>
+    </div>
+  </div>
+</section>
+
+<!-- Footer -->
+<div id="footer-placeholder"></div>
+<script src="js/footer.js"></script>
+
+</body>
+</html>

web/sales/index.html

@@ -476,7 +476,7 @@
 
   <!-- ===== 营养与抗炎 ===== -->
   <div class="category">
-    <h2 class="category-title" id="nutrition">🌿 营养与抗炎 <span class="count">1篇</span></h2>
+    <h2 class="category-title" id="nutrition">🌿 营养与抗炎 <span class="count">3篇</span></h2>
     <div class="card-grid">
 
       <a href="../articles/turmeric.html" class="card amber">
@@ -488,6 +488,24 @@
         <div class="meta"><span>核心机制 + 增效方案</span></div>
       </a>
 
+      <a href="../articles/prebiotics-science.html" class="card green">
+        <div class="card-header">
+          <h3>益生元科学解读：你的肠道菌群燃料</h3>
+          <span class="tag">肠道营养</span>
+        </div>
+        <p>ISAPP定义、与益生菌/膳食纤维的区别、短链脂肪酸机制、主要益生元类型与食物来源。科学理解为什么要补益生元。</p>
+        <div class="meta"><span>科学机制 · 食物来源</span></div>
+      </a>
+
+      <a href="../articles/probiotics-science.html" class="card purple">
+        <div class="card-header">
+          <h3>益生菌科学解读：肠道微生物盟友</h3>
+          <span class="tag">肠道营养</span>
+        </div>
+        <p>WHO/FAO定义、菌株特异性原则、作用机制（肠屏障/免疫/肠脑轴）、核心菌株科学速览。理解益生菌为何要吃、怎么选。</p>
+        <div class="meta"><span>菌株科学 · 作用机制</span></div>
+      </a>
+
     </div>
   </div>