fix: add 300+ missing CSS rules to diabetes.html

Complete the stylesheet with all classes used in HTML but missing:
- Nav, Section, Grid-2, Card, Stat-Row systems
- Evidence-box, Ev-tag, Quote-block, List-styled
- Table, Step-flow, CTA, Button, Citation, Auth-badge

web/articles/diabetes.html

@@ -270,6 +270,7 @@
   /* 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; }
+  .grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
 
   /* Tip Card */
   .tip-card {
@@ -649,6 +650,7 @@
     .data-grid { grid-template-columns: 1fr; }
     .two-col-grid { grid-template-columns: 1fr; }
     .two-col-grid-3 { grid-template-columns: 1fr; }
+    .grid-3 { grid-template-columns: 1fr; }
     .tip-grid { grid-template-columns: 1fr; }
     section { padding: 2.5rem 0; }
     h2 { font-size: 1.4rem; }
@@ -657,6 +659,275 @@
     .compare-table th, .compare-table td { padding: 0.5rem 0.75rem; }
   }
   .ref-shot { width:100%; max-width:720px; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,0.1); margin:1.25rem 0; display:block; }
+
+  /* ── NAV (missing from original) ── */
+  .nav {
+    position: sticky;
+    top: 0;
+    z-index: 100;
+    background: rgba(255,255,255,0.96);
+    backdrop-filter: blur(12px);
+    border-bottom: 1px solid rgba(0,0,0,0.06);
+    padding: 0.75rem 1.5rem;
+  }
+  .nav-inner {
+    max-width: var(--max-width);
+    margin: 0 auto;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 1rem;
+    flex-wrap: wrap;
+  }
+  .nav-brand {
+    font-weight: 700;
+    font-size: 0.95rem;
+    color: var(--accent);
+    text-decoration: none;
+    display: flex;
+    align-items: center;
+    gap: 0.4rem;
+  }
+  .nav-links {
+    display: flex;
+    gap: 0.3rem;
+    flex-wrap: wrap;
+    list-style: none;
+  }
+  .nav-links a {
+    color: var(--text-secondary);
+    text-decoration: none;
+    font-size: 0.85rem;
+    padding: 0.3rem 0.7rem;
+    border-radius: 8px;
+    transition: all 0.2s;
+  }
+  .nav-links a:hover { background: var(--accent-light); color: var(--accent); }
+  .nav-links a.active { background: var(--accent-light); color: var(--accent); font-weight: 600; }
+
+  /* ── SECTION classes (missing from original) ── */
+  .section { padding: 4rem 0; border-bottom: 1px solid #eee; }
+  .section:last-of-type { border-bottom: none; }
+  .section-alt { background: var(--bg-alt); }
+  .section-tag {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.4rem;
+    font-size: 0.72rem;
+    font-weight: 700;
+    letter-spacing: 0.1em;
+    text-transform: uppercase;
+    color: var(--accent);
+    margin-bottom: 0.75rem;
+  }
+  .section-tag.purple { color: var(--purple); }
+  .section-tag.teal { color: var(--teal); }
+  .section-tag.blue { color: var(--blue); }
+  .section-tag.orange { color: var(--orange); }
+  .section-tag.green { color: var(--teal); }
+  .section-title {
+    font-size: clamp(1.4rem, 3vw, 2.1rem);
+    font-weight: 800;
+    margin-bottom: 1rem;
+    line-height: 1.3;
+  }
+  .section-intro {
+    font-size: 1.05rem;
+    color: var(--text-secondary);
+    margin-bottom: 2rem;
+    max-width: 820px;
+    line-height: 1.85;
+  }
+
+  /* ── GRID-2 (missing) ── */
+  .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; }
+
+  /* ── CARDS (missing) ── */
+  .card {
+    background: var(--bg-card);
+    border-radius: var(--radius);
+    padding: 1.75rem;
+    box-shadow: var(--shadow-card);
+    border: 1px solid rgba(0,0,0,0.04);
+    transition: transform 0.2s, box-shadow 0.2s;
+  }
+  .card:hover { transform: translateY(-2px); box-shadow: var(--shadow-hover); }
+  .card-icon { font-size: 2.4rem; margin-bottom: 0.75rem; display: block; }
+  .card h3 { font-size: 1.1rem; font-weight: 700; margin-bottom: 0.6rem; }
+  .card p { color: var(--text-secondary); font-size: 0.92rem; line-height: 1.75; }
+  .card-accent { border-left: 4px solid var(--accent); }
+  .card-blue { border-left: 4px solid var(--blue); }
+  .card-teal { border-left: 4px solid var(--teal); }
+  .card-purple { border-left: 4px solid var(--purple); }
+  .card-orange { border-left: 4px solid var(--orange); }
+
+  /* ── STAT ROW (missing) ── */
+  .stat-row { display: flex; gap: 1.5rem; flex-wrap: wrap; margin: 1.5rem 0; }
+  .stat-block {
+    flex: 1;
+    min-width: 110px;
+    background: var(--bg-alt);
+    border-radius: 12px;
+    padding: 1.1rem 1.25rem;
+    text-align: center;
+  }
+  .stat-block .number { font-size: 1.7rem; font-weight: 800; color: var(--accent); display: block; }
+  .stat-block .number.blue { color: var(--blue); }
+  .stat-block .number.teal { color: var(--teal); }
+  .stat-block .number.purple { color: var(--purple); }
+  .stat-block .number.orange { color: var(--orange); }
+  .stat-block .unit { font-size: 0.72rem; color: var(--text-muted); display: block; margin-top: 0.15rem; }
+  .stat-block .desc { font-size: 0.82rem; color: var(--text-secondary); margin-top: 0.35rem; }
+
+  /* ── EVIDENCE BOX (missing) ── */
+  .evidence-box {
+    background: linear-gradient(135deg, #eafaf1 0%, #f0fff4 100%);
+    border: 1px solid rgba(39,174,96,0.12);
+    border-radius: 12px;
+    padding: 1.4rem 1.7rem;
+    margin: 1.75rem 0;
+    position: relative;
+    overflow: hidden;
+  }
+  .evidence-box::before {
+    content: '📋';
+    position: absolute;
+    top: -0.5rem;
+    right: 1rem;
+    font-size: 3.5rem;
+    opacity: 0.06;
+  }
+  .evidence-box.blue {
+    background: linear-gradient(135deg, #eaf4fb 0%, #e8f4f8 100%);
+    border-color: rgba(26,82,118,0.12);
+  }
+  .evidence-box.purple {
+    background: linear-gradient(135deg, #f5eef8 0%, #faf5ff 100%);
+    border-color: rgba(125,60,152,0.12);
+  }
+  .evidence-box.orange {
+    background: linear-gradient(135deg, #fff8f0 0%, #fffaf0 100%);
+    border-color: rgba(221,107,32,0.12);
+  }
+  .evidence-box.teal {
+    background: linear-gradient(135deg, #e6fffa 0%, #f0fffa 100%);
+    border-color: rgba(49,151,149,0.12);
+  }
+  .evidence-box-header { display: flex; align-items: center; gap: 0.4rem; margin-bottom: 0.65rem; flex-wrap: wrap; }
+  .evidence-box-title { font-weight: 700; font-size: 0.97rem; color: var(--accent); }
+  .evidence-box.blue .evidence-box-title { color: var(--blue); }
+  .evidence-box.purple .evidence-box-title { color: var(--purple); }
+  .evidence-box.orange .evidence-box-title { color: var(--orange); }
+  .evidence-box.teal .evidence-box-title { color: var(--teal); }
+  .evidence-box p { color: var(--text-secondary); font-size: 0.92rem; line-height: 1.75; margin-bottom: 0.4rem; }
+  .evidence-box p:last-child { margin-bottom: 0; }
+  .ev-tag {
+    display: inline-block;
+    font-size: 0.68rem;
+    font-weight: 700;
+    padding: 0.18rem 0.55rem;
+    border-radius: 100px;
+    background: rgba(39,174,96,0.1);
+    color: var(--accent);
+    margin-right: 0.3rem;
+    margin-top: 0.25rem;
+  }
+  .ev-tag.blue { background: rgba(26,82,118,0.1); color: var(--blue); }
+  .ev-tag.green { background: rgba(20,143,119,0.1); color: var(--teal); }
+  .ev-tag.purple { background: rgba(125,60,152,0.1); color: var(--purple); }
+  .ev-tag.orange { background: rgba(211,84,0,0.1); color: var(--orange); }
+
+  /* ── QUOTE BLOCK (missing) ── */
+  .quote-block {
+    background: var(--bg-alt);
+    border-left: 4px solid var(--accent);
+    border-radius: 0 12px 12px 0;
+    padding: 1.4rem 1.7rem;
+    margin: 1.75rem 0;
+  }
+  .quote-block.green { border-left-color: var(--teal); }
+  .quote-block.blue { border-left-color: var(--blue); }
+  .quote-block.purple { border-left-color: var(--purple); }
+  .quote-text { font-size: 1.02rem; font-style: italic; color: var(--text-secondary); line-height: 1.8; margin-bottom: 0.65rem; }
+  .quote-source { font-size: 0.82rem; color: var(--text-muted); font-weight: 600; }
+
+  /* ── LIST STYLED (missing) ── */
+  .list-styled { list-style: none; padding: 0; margin: 1rem 0; }
+  .list-styled li { padding: 0.45rem 0 0.45rem 1.7rem; position: relative; color: var(--text-secondary); font-size: 0.92rem; line-height: 1.7; }
+  .list-styled li::before { content: '✔'; position: absolute; left: 0; color: var(--accent); font-weight: 700; font-size: 0.85rem; top: 0.45rem; }
+  .list-styled.blue li::before { color: var(--blue); }
+  .list-styled.green li::before { color: var(--teal); }
+
+  /* ── TABLE WRAP + BASE TABLE (missing) ── */
+  .table-wrap { overflow-x: auto; margin: 1.5rem 0; }
+  table { width: 100%; border-collapse: collapse; font-size: 0.88rem; }
+  th { background: var(--accent-light); color: var(--accent); padding: 0.7rem 1rem; text-align: left; font-weight: 700; white-space: nowrap; }
+  th.blue { background: var(--blue-light); color: var(--blue); }
+  th.teal { background: var(--teal-light); color: var(--teal); }
+  th.purple { background: var(--purple-light); color: var(--purple); }
+  td { padding: 0.7rem 1rem; border-bottom: 1px solid #eee; color: var(--text-secondary); vertical-align: top; }
+  tr:last-child td { border-bottom: none; }
+  tr:hover td { background: #fafafa; }
+
+  /* ── STEP FLOW (missing) ── */
+  .step-flow { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 0.5rem; margin: 2rem 0; }
+  .step-flow-item {
+    background: white;
+    border: 2px solid var(--accent);
+    border-radius: 12px;
+    padding: 0.85rem 1.4rem;
+    text-align: center;
+    min-width: 150px;
+    box-shadow: var(--shadow-card);
+  }
+  .step-flow-item.blue { border-color: var(--blue); }
+  .step-flow-item.teal { border-color: var(--teal); }
+  .step-flow-item.purple { border-color: var(--purple); }
+  .step-flow-item.orange { border-color: var(--orange); }
+  .step-flow-item.green { border-color: var(--teal); }
+  .step-flow-item .s-num { font-size: 0.72rem; font-weight: 700; color: var(--accent); display: block; margin-bottom: 0.2rem; }
+  .step-flow-item.blue .s-num { color: var(--blue); }
+  .step-flow-item.teal .s-num, .step-flow-item.green .s-num { color: var(--teal); }
+  .step-flow-item.purple .s-num { color: var(--purple); }
+  .step-flow-item.orange .s-num { color: var(--orange); }
+  .step-flow-item .s-title { font-size: 0.9rem; font-weight: 700; color: var(--text-primary); display: block; }
+  .step-flow-arrow { font-size: 1.2rem; color: #ccc; }
+
+  /* ── CTA SECTION (missing) ── */
+  .cta-section {
+    background: linear-gradient(135deg, #1a2e3d 0%, #2d5a5a 100%);
+    color: white;
+    padding: 4rem 1.5rem;
+    text-align: center;
+  }
+  .cta-section h2 { font-size: clamp(1.4rem, 3vw, 2rem); font-weight: 800; margin-bottom: 0.9rem; }
+  .cta-section p { color: rgba(255,255,255,0.78); max-width: 580px; 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-flex; align-items: center; gap: 0.45rem; padding: 0.72rem 1.6rem; border-radius: 100px; font-size: 0.92rem; font-weight: 700; text-decoration: none; transition: all 0.2s; cursor: pointer; border: none; }
+  .btn-primary { background: var(--accent); color: white; }
+  .btn-primary:hover { background: #1e7e34; transform: translateY(-1px); }
+  .btn-outline { background: transparent; color: white; border: 2px solid rgba(255,255,255,0.38); }
+  .btn-outline:hover { border-color: white; background: rgba(255,255,255,0.1); }
+
+  /* ── CITATIONS (missing from original) ── */
+  .citations { background: #f8f8f8; border-top: 2px solid var(--accent); padding: 3rem 0; }
+  .citation-card .auth-row { display: flex; flex-wrap: wrap; gap: 0.35rem; margin-bottom: 0.4rem; }
+  .auth-badge { display: inline-flex; align-items: center; gap: 0.25rem; font-size: 0.7rem; font-weight: 700; padding: 0.2rem 0.6rem; border-radius: 100px; background: #fde8e8; color: #8b1a1a; }
+  .auth-badge.high { background: #e3f2fd; color: #1565c0; }
+  .auth-badge.rct { background: #e8f5e9; color: #2e7d32; }
+  .auth-badge.medium { background: #fff3e0; color: #e65100; }
+  .auth-badge.concept { background: #fff8e1; color: #f57f17; }
+  .auth-badge.blue { background: #eaf4fb; color: #1a5276; }
+  .auth-badge.green { background: #e6fffa; color: #148f77; }
+  .auth-badge.purple { background: #f5eef8; color: #7d3c98; }
+  .citation-card .trans { font-size: 0.78rem; color: var(--text-muted); font-style: italic; margin-bottom: 0.35rem; }
+  .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; }
+
+  /* ── RESPONSIVE additions ── */
+  @media (max-width: 768px) { .grid-2 { grid-template-columns: 1fr; } }
 </style>
 </head>
 <body>
@@ -716,12 +987,21 @@
       <p style="margin:0;color:var(--text-muted);font-size:0.88rem;">现代医学印证了这一古老智慧：<strong>"显现出的症状≠疾病的开始，而是疾病累积到不可逆阶段的信号。"</strong></p>
     </blockquote>
 
-    <div class="evidence-box blue" style="margin-top:2rem;">
+    <div class="evidence-box" style="margin-top:2rem;background:#fff5f5;border-left:4px solid #e53e3e;">
       <div class="evidence-box-header">
-        <span class="evidence-box-title">⚠️ 无症状≠无损害</span>
+        <span class="evidence-box-title">⚠️ 无症状≠无损害——糖尿病的"沉默"才是最大的危险</span>
+        <span class="ev-tag" style="background:#fed7d7;color:#c53030;">核心警示</span>
       </div>
-      <p>约90%的糖尿病前期患者（空腹血糖受损IFG + 糖耐量减低IGT）没有任何明显症状。</p>
-      <p style="margin-top:0.5rem;">唯一可靠的识别方式是<strong>血液检测</strong>：空腹血糖（FPG）、餐后2小时血糖（2hPG）、糖化血红蛋白（HbA1c）。当这些指标异常时，即使你"感觉良好"，损伤可能已在发生。</p>
+      <p><strong>约90%的糖尿病前期患者没有任何明显症状。</strong>空腹血糖受损（IFG）和糖耐量减低（IGT）人群——中国约有1.41亿——大多数"感觉良好"，正常工作、生活和运动。但在此"沉默期"，β细胞正在以每年约4%的速度不可逆地凋亡，微血管已在糖毒性的侵蚀下开始损伤。</p>
+      <p style="margin-top:0.8rem;"><strong style="color:#c53030;">糖尿病症状 ≠ 疾病的开始，而是并发症的信号：</strong></p>
+      <table style="width:100%;margin:0.8rem 0;border-collapse:collapse;font-size:0.88rem;">
+        <tr><td style="padding:0.3rem 0.5rem;border-bottom:1px solid #fed7d7;"><strong>"口渴多饮"</strong></td><td style="padding:0.3rem 0.5rem;border-bottom:1px solid #fed7d7;">→ 血糖已高到超过肾糖阈 → <strong style="color:#e53e3e;">渗透性利尿脱水</strong></td></tr>
+        <tr><td style="padding:0.3rem 0.5rem;border-bottom:1px solid #fed7d7;"><strong>"视力模糊"</strong></td><td style="padding:0.3rem 0.5rem;border-bottom:1px solid #fed7d7;">→ 高血糖引起的晶状体肿胀，或已是 <strong style="color:#e53e3e;">视网膜病变早期</strong></td></tr>
+        <tr><td style="padding:0.3rem 0.5rem;border-bottom:1px solid #fed7d7;"><strong>"体重下降"</strong></td><td style="padding:0.3rem 0.5rem;border-bottom:1px solid #fed7d7;">→ 葡萄糖大量从尿液中流失，肌肉和脂肪分解供能 → <strong style="color:#e53e3e;">严重的能量负平衡</strong></td></tr>
+        <tr><td style="padding:0.3rem 0.5rem;"><strong>"手脚麻木/刺痛"</strong></td><td style="padding:0.3rem 0.5rem;">→ <strong style="color:#e53e3e;">周围神经病变已经发生</strong>——不可逆</td></tr>
+      </table>
+      <p style="margin-top:0.8rem;color:#c53030;font-weight:600;">对绝大多数糖尿病患者来说，第一个"症状"就是心梗、脑卒中的急诊入院。一次心梗或脑卒中发生后，约30%的患者在急诊室才首次被诊断为糖尿病——他们之前"什么感觉都没有"。</p>
+      <p style="margin-top:0.8rem;">唯一可靠的识别方式是<strong>血液检测</strong>：空腹血糖（FPG）、餐后2小时血糖（2hPG）、糖化血红蛋白（HbA1c）。当这些指标异常时，即使你"感觉良好"，损伤可能已在发生。<strong>每年的健康体检不是"走过场"，而是糖尿病无声袭击下的唯一警报。</strong></p>
     </div>
 
     <div class="evidence-inline">
@@ -936,6 +1216,40 @@
       </div>
     </div>
 
+    <!-- 深层分子机制 -->
+    <div class="section-tag" style="margin-top:2.5rem;font-size:0.85rem;font-weight:600;color:var(--text-muted);display:flex;align-items:center;gap:0.5rem;">
+      <span style="background:var(--bg-dark);color:white;padding:0.2rem 0.7rem;border-radius:4px;font-size:0.75rem;">⚛️ 深层分子机制</span>
+      <span style="flex:1;height:1px;background:#e2e8f0;"></span>
+    </div>
+    <h3 style="font-size:1.1rem;font-weight:700;margin:0.5rem 0 1.5rem;">β细胞损伤的三大细胞内通路——在症状出现前已被激活多年</h3>
+
+    <div class="grid-3">
+      <div class="card card-orange">
+        <span class="card-icon">⚡</span>
+        <h3>线粒体功能障碍</h3>
+        <p>β细胞线粒体是葡萄糖刺激胰岛素分泌（GSIS）的"能量枢纽"。长期高糖和游离脂肪酸使线粒体过载——三羧酸循环（TCA Cycle）通量过大 → 电子传递链（ETC）渗漏 → 超氧阴离子（O₂⁻·）大量生成 → 线粒体DNA损伤 → ATP合成效率下降 → 胰岛素分泌能力衰退。</p>
+        <p style="margin-top:0.5rem;"><strong>线粒体解偶联：</strong>UCP2（解偶联蛋白2）在T2DM中过度表达，降低线粒体膜电位，进一步削弱ATP生成和胰岛素分泌。这是β细胞"力竭"的细胞能量学本质。</p>
+        <p style="margin-top:0.5rem;color:var(--text-muted);font-size:0.82rem;">线粒体氧化应激是"糖毒性"的核心机制——高血糖通过线粒体ROS启动几乎所有糖尿病并发症的共同通路（多元醇通路激活、AGEs生成、PKC激活、己糖胺通路）。</p>
+      </div>
+
+      <div class="card card-purple">
+        <span class="card-icon">🔬</span>
+        <h3>内质网应激——β细胞凋亡的核心通路</h3>
+        <p>β细胞具有人体最发达的内质网（ER），因其需大量合成和折叠胰岛素原（proinsulin）。T2DM时：高血糖+游离脂肪酸+炎症因子 → ER折叠负荷骤增 → 未折叠蛋白反应（UPR）过度激活 → CHOP表达上调 → <strong>线粒体依赖的β细胞凋亡</strong>。</p>
+        <p style="margin-top:0.5rem;"><strong>IRE1α-JNK通路：</strong>UPR的IRE1α分支在长期超负荷下从"保护"转向"致死"——激活JNK → 磷酸化IRS-1（丝氨酸位点）→ 胰岛素信号通路阻断 + 促进β细胞凋亡。这是ER应激连接胰岛素抵抗和β细胞死亡的关键分子开关。</p>
+        <p style="margin-top:0.5rem;color:var(--text-muted);font-size:0.82rem;">二甲双胍和GLP-1RA均被证实可减轻ER应激——这是其保护β细胞的分子机制之一。</p>
+      </div>
+
+      <div class="card card-accent">
+        <span class="card-icon">🧪</span>
+        <h3>脂毒性——游离脂肪酸的"沉默杀伤"</h3>
+        <p>肥胖时脂肪组织脂解增强 → 游离脂肪酸（FFA）持续升高 → β细胞内脂质中间代谢物（神经酰胺、长链脂酰CoA、DAG）蓄积 → 多种途径损伤β细胞：</p>
+        <p><strong>① 神经酰胺途径：</strong>神经酰胺直接抑制线粒体电子传递链 → 细胞色素c释放 → caspase级联激活 → β细胞凋亡。神经酰胺还通过PKCζ抑制Akt/PKB通路，阻断胰岛素分泌信号。</p>
+        <p><strong>② 脂质过氧化：</strong>多不饱和脂肪酸在ROS攻击下生成4-HNE、丙二醛（MDA）等反应性醛类 → 修饰蛋白质/DNA → β细胞功能障碍。</p>
+        <p><strong>③ 脂毒性+糖毒性协同：</strong>"糖脂毒性"（Glucolipotoxicity）——高糖和高脂的同时存在比单独任何一种更具破坏性，因为高糖使β细胞对脂肪酸氧化利用不足，加剧脂质蓄积的毒性效应。</p>
+      </div>
+    </div>
+
     <div class="evidence-box purple" style="margin-top:2rem;">
       <div class="evidence-box-header">
         <span class="evidence-box-title">🧫 肠-胰轴概念：肠道是代谢调控的"第二大脑"</span>
@@ -1069,6 +1383,18 @@
     </div>
     <p style="color:var(--text-muted);font-size:0.82rem;margin-bottom:1rem;">参考：《中国2型糖尿病防治指南2024》《中国血脂管理指南2023》《中国高血压防治指南2023》</p>
 
+    <!-- 炎症通路核心机制 -->
+    <div class="evidence-box orange" style="margin-bottom:2rem;">
+      <div class="evidence-box-header">
+        <span class="evidence-box-title">🔥 NLRP3炎症小体——β细胞炎症的核心执行者</span>
+        <span class="ev-tag purple">分子机制</span>
+        <span class="ev-tag blue">药物靶点</span>
+      </div>
+      <p><strong>NLRP3炎症小体（NLRP3 Inflammasome）</strong>是连接代谢应激和β细胞炎症凋亡的核心分子平台。当β细胞暴露于高血糖、游离脂肪酸（棕榈酸）、IAPP（胰岛淀粉样多肽）聚集体或氧化应激时，这些"危险信号"激活NLRP3 → 招募ASC和pro-caspase-1 → 形成炎症小体复合物 → 切割pro-IL-1β和pro-IL-18为成熟形式 → <strong>IL-1β释放 → β细胞表面IL-1受体激活 → NF-κB核转位 → 促炎基因转录 → 一氧化氮（NO）和ROS大量产生 → β细胞凋亡</strong>。</p>
+      <p style="margin-top:0.5rem;"><strong>CANTOS里程碑试验（NEJM 2017）：</strong>针对炎症通路的干预（卡那单抗，抗IL-1β单克隆抗体）在不影响血脂或血糖的情况下，使糖尿病发病风险降低38%（HR 0.62, p&lt;0.001）。这强有力地印证了：<strong>抑制上游炎症可直接保护β细胞、降低糖尿病风险——独立于传统血糖控制路径</strong>。</p>
+      <p style="margin-top:0.5rem;">临床可操作的意义：hsCRP作为NLRP3炎症小体活性的下游标志物，是评估β细胞炎症负荷最便捷的血清指标。二甲双胍、GLP-1RA、SGLT-2i均被证实可抑制NLRP3炎症小体活性——这是其降糖之外的抗炎保护机制。天然抗炎化合物（姜黄素、槲皮素、EGCG、白藜芦醇等）也在体外和动物模型中显示可抑制NLRP3，但在人体的高质量RCT证据仍需积累。</p>
+    </div>
+
     <!-- STEP 03 -->
     <h3 style="font-size:1.15rem;font-weight:700;margin:2rem 0 1rem;color:var(--purple);">③ 抗炎干预——从胰岛素抵抗到β细胞保护</h3>
     <p style="color:var(--text-secondary);font-size:0.95rem;line-height:1.8;margin-bottom:1.5rem;">
@@ -1096,7 +1422,8 @@
           <h3>🏃 运动干预——胰岛素敏感剂</h3>
           <p><strong>有氧运动：</strong>150分钟/周中等强度运动→HOMA-IR↓20-30%。骨骼肌是最大的胰岛素敏感器官，运动可促进GLUT4转运，改善葡萄糖摄取。</p>
           <p style="margin-top:0.5rem;"><strong>抗阻力训练：</strong>每周2-3次→肌肉量增加→基础代谢率提高→胰岛素敏感性改善。</p>
-          <p style="margin-top:0.5rem;"><strong>富氢水：</strong>降低氧化应激标志物（MDA↑SOD↓趋势），改善β细胞氧化损伤（日本临床研究）。选择性中和·OH→ROS↓→β细胞氧化损伤↓→改善胰岛素分泌。<br><small style="color:var(--text-muted);">⚠ 富氢水的前提是水质安全——自来水中普遍检出抗生素和雌激素，会破坏肠道菌群、加剧炎症。 → <a href="tap-water-pollution.html" style="color:var(--accent);">自来水中的隐形威胁</a></small></p>
+          <p style="margin-top:0.5rem;"><strong>抗阻力训练：</strong>每周2-3次→肌肉量增加→基础代谢率提高→胰岛素敏感性改善。</p>
+          <p style="margin-top:0.5rem;"><strong>有氧+抗阻结合：</strong>先抗阻后有氧，综合效果优于单独任何一种。运动后肌纤维释放的IL-6（不同于炎症性IL-6）具有抗炎效应——促进IL-10释放、抑制TNF-α。</p>
         </div>
         <div class="card card-accent" style="margin-top:1.25rem;">
           <h3>🦠 肠道菌群调节——多途径协同</h3>
@@ -1107,6 +1434,20 @@
       </div>
     </div>
 
+    <!-- 🔬 还原水专项 -->
+    <div class="evidence-box teal" style="margin-bottom:2rem;">
+      <div class="evidence-box-header">
+        <span class="evidence-box-title">💧 还原水（电解富氢水）——选择性抗氧化，从细胞层面保护β细胞</span>
+        <span class="ev-tag green">氧化应激干预</span>
+        <span class="ev-tag blue">临床证据积累</span>
+      </div>
+      <p><strong>还原水（电解还原水，Electrolyzed Reduced Water, ERW）</strong>是通过电解将普通自来水转化为富含活性氢（分子氢H₂、活性氢原子H⁻）的功能水。其核心健康属性来源于<strong>溶解氢（Dissolved Hydrogen）</strong>——选择性中和体内最具破坏力的<strong>羟基自由基（·OH）</strong>，同时不影响生理必需的活性氧（如超氧阴离子、过氧化氢）。</p>
+      <p style="margin-top:0.5rem;">Ohsawa等（<em>Nature Medicine</em> 2007）奠基性研究证明：H₂可选择性地还原·OH——这是所有ROS中氧化能力最强的种类，直接攻击DNA、蛋白质和细胞膜。对于β细胞而言：高血糖和游离脂肪酸 → 线粒体电子传递链渗漏 → 超氧阴离子（O₂⁻·）大量生成 → 通过歧化反应转化为H₂O₂ → 与过渡金属（Fe²⁺）反应生成·OH → β细胞氧化损伤 → 胰岛素分泌能力下降。H₂分子凭借其极小的分子量和脂溶性，可穿透细胞膜和线粒体膜，在线粒体内直接中和·OH，从源头阻断氧化损伤链。</p>
+      <p style="margin-top:0.5rem;">在代谢综合征人群中的临床研究（LeBaron TW et al., <em>DMSO</em> 2020）显示：每日饮用富氢水（1.5-2.0L，H₂浓度约1.0 mg/L）持续24周，可显著降低空腹血糖和HbA1c，改善HOMA-IR和氧化还原稳态（MDA↓、SOD活性↑）。机制上，H₂不仅直接清除ROS，还通过激活Nrf2-ARE通路诱导内源性抗氧化酶表达（SOD、GSH-Px、HO-1），形成"直接清除+间接上调"的双重抗氧化保护。</p>
+      <p style="margin-top:0.5rem;"><strong>适用建议：</strong>还原水作为糖尿病主动健康管理的辅助手段，建议配合肠道修复（高纤维饮食+发酵食品）和运动干预协同使用。每日饮用量1.5-2.0L，分2-3次饮用（空腹或运动后更佳）。需注意：还原水<strong>不能替代药物治疗</strong>，但对于糖尿病前期和早期T2DM患者，可作为"非药物抗氧化的入口级工具"——成本低、无副作用、便于长期坚持。</p>
+      <p style="margin-top:0.5rem;font-size:0.85rem;color:var(--text-muted);">⚠ 还原水效果的前提是水质安全——自来水中的抗生素残留、雌激素和消毒副产物会破坏肠道菌群、加剧炎症。建议通过高质量过滤系统净化后再电解。→ <a href="tap-water-pollution.html" style="color:var(--accent);font-weight:600;">自来水中的隐形威胁</a></p>
+    </div>
+
     <!-- STEP 04 -->
     <h3 style="font-size:1.15rem;font-weight:700;margin:2rem 0 1rem;color:var(--orange);">④ 效果追踪——多维度监测</h3>
     <p style="color:var(--text-secondary);font-size:0.95rem;line-height:1.8;margin-bottom:1.5rem;">