Merge remote-tracking branch 'origin/cfclub' into cfclub

cfc-web/.last_build_commit

@@ -1 +1 @@
-2c9795d5032cf58297cb8522a90023b5f7dd1522
+01f6509a790e4f10c5209957668a464c75c9af8e

cfc-web/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "cfc-web",
-  "version": "1.0.490",
+  "version": "1.0.491",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "cfc-web",
-      "version": "1.0.490",
+      "version": "1.0.491",
       "dependencies": {
         "@wangeditor/editor": "^5.1.23",
         "@wangeditor/editor-for-vue": "^1.0.2",

cfc-web/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cfc-web",
-  "version": "1.0.490",
+  "version": "1.0.491",
   "private": true,
   "scripts": {
     "dev": "vue-cli-service serve",

cfc-web/public/CHANGELOG-v1.0.md

@@ -4,6 +4,16 @@
 
 ---
 
+## v1.0.491 (2026-07-22)
+
+### 文档
+- PROJECT-OVERVIEW v1.2 状态审计校正（辈分重构→后端完成、推广体系→前端基础就绪、电商扩展→暂停、新增DAN双角色模型记录）
+
+### 其他
+- Co-authored-by: Sisyphus <clio-agent@sisyphuslabs.ai>
+- 
+
+
 ## v1.0.490 (2026-07-22)
 
 ### 文档

cfc-web/public/CHANGELOG.md

@@ -1,6 +1,6 @@
 # 更新日志
 
-> 当前版本: v1.0.490
+> 当前版本: v1.0.491
 
 ## 历史版本
 
@@ -8,6 +8,16 @@
 
 ---
 
+## v1.0.491 (2026-07-22)
+
+### 文档
+- PROJECT-OVERVIEW v1.2 状态审计校正（辈分重构→后端完成、推广体系→前端基础就绪、电商扩展→暂停、新增DAN双角色模型记录）
+
+### 其他
+- Co-authored-by: Sisyphus <clio-agent@sisyphuslabs.ai>
+- 
+
+
 ## v1.0.490 (2026-07-22)
 
 ### 文档

web/alzheimer.html → web/articles/alzheimer.html

@@ -774,7 +774,7 @@
     
     <div class="highlight-box orange">
       <p><strong>Aβ诱导线粒体ROS↑→氧化应激→tau磷酸化↑→神经细胞死亡。</strong>大脑是体内耗氧量最高的器官（约占全身20%），抗氧化能力相对较弱。</p>
-      <p><strong>富氢水：</strong>选择性清除·OH→氧化应激↓→可能减缓AD进程（目前主要是动物证据，人类研究有限但前景可期）</p>
+      <p><strong>富氢水：</strong>选择性清除·OH→氧化应激↓→可能减缓AD进程（目前主要是动物证据，人类研究有限但前景可期）<br><small style="color:var(--text-muted);">⚠ 富氢水的前提是水质安全——自来水中普遍检出抗生素和激素，需先净化后再电解。 → <a href="tap-water-pollution.html" style="color:var(--accent);">自来水中的隐形威胁</a></small></p>
     </div>
     
     <div class="warning">
@@ -786,13 +786,13 @@
 <!-- ===== SECTION: STEP 01 ===== -->
 <section id="step1" class="alt">
   <div class="container">
-    <h2>🎯 STEP 01 提前识别 → 在认知症状出现前20年发现</h2>
+    <h2>🎯 STEP 01 炎症评估 → 在神经炎症扩散前发现风险</h2>
     
     <div class="data-grid">
       <div class="data-card">
         <div class="big-number blue">60</div>
         <div class="unit">岁及以上</div>
-        <div class="desc">每年进行MoCA评估</div>
+        <div class="desc">每年进行MoCA评估并检测hsCRP</div>
       </div>
       <div class="data-card">
         <div class="big-number green">15年</div>
@@ -840,10 +840,10 @@
 <!-- ===== SECTION: STEP 02 ===== -->
 <section id="step2">
   <div class="container">
-    <h2>🎯 STEP 02 风险管控 → 从"补脑"到"抗神经炎症"</h2>
+    <h2>🎯 STEP 02 阻断源头 → 修复肠漏，熄灭神经炎症</h2>
     
     <div class="highlight-box purple">
-      <p><strong>核心策略转变：</strong>目标不是改善已丢失的认知功能，而是阻止/减缓病理进展。生活方式干预（抗炎）是唯一有证据支持延缓病程的手段。</p>
+      <p><strong>核心策略转变：</strong>神经炎症的根源在肠道——肠漏→LPS入血→激活TLR4→小胶质细胞活化→神经炎症。修复肠屏障、调节肠道菌群是熄灭神经炎症的一线策略。目标是阻止/减缓病理进展。</p>
     </div>
     
     <h3>2.1 药物（对症）</h3>
@@ -878,7 +878,7 @@
 <!-- ===== SECTION: STEP 03 ===== -->
 <section id="step3" class="alt">
   <div class="container">
-    <h2>🎯 STEP 03 主动干预 → 抗炎 + 保护小胶质细胞 + 改善肠脑轴</h2>
+    <h2>🎯 STEP 03 抗炎干预 → 保护小胶质细胞 + 改善肠脑轴</h2>
     
     <h3>3.1 运动（最强抗炎干预）</h3>
     <p>有氧运动→BDNF（脑源性神经营养因子）↑→海马神经元新生；每周150分钟中等强度运动→认知功能改善证据充分。</p>
@@ -940,7 +940,7 @@
 <!-- ===== SECTION: STEP 04 ===== -->
 <section id="step4">
   <div class="container">
-    <h2>🎯 STEP 04 效果评估</h2>
+    <h2>🎯 STEP 04 效果追踪</h2>
     
     <div class="two-col-grid">
       <div class="data-card">
@@ -1043,6 +1043,10 @@
     <h2>📚 参考文献</h2>
     
     <ol class="ref-list">
+      <li>
+        <strong>CANTOS Trial</strong> — Ridker et al. · NEJM · 2017 · doi:10.1056/NEJMoa1707914
+        <span class="translation">CANTOS里程碑RCT：靶向IL-1β的抗炎治疗使肺癌风险降低67%，验证了"熄灭炎症之火"的神经保护潜力——神经炎症同样是AD的核心机制</span>
+      </li>
       <li>
         <strong>Lancet 2020 dementia commission</strong> doi:10.1016/S0140-6736(20)30367-6
         <span class="translation">《柳叶刀》2020年痴呆病理生理学委员会报告</span>
@@ -1091,6 +1095,18 @@
   </div>
 </section>
 
+<!-- ===== CTA ===== -->
+<section class="cta-section" style="background:linear-gradient(135deg,#1a0a2e 0%,#3d1e5c 100%);">
+  <div class="container">
+    <h2>熄灭大脑里的神经炎症之火，从修复肠道开始</h2>
+    <p>阿尔茨海默病不是衰老的必然结局——而是慢性神经炎症在大脑里静默燃烧了20年。<br>而神经炎症的最大来源是失衡的肠道菌群。评估炎症负荷 → 修复肠漏（肠脑轴） → 抗炎干预。在神经元不可逆损伤之前，你有足够的时间改写命运。</p>
+    <div class="cta-buttons">
+      <a href="../index.html" class="btn btn-primary">🏠 返回首页</a>
+      <a href="https://www.etotem.com.cn" class="btn btn-outline" target="_blank">了解主动健康服务</a>
+    </div>
+  </div>
+</section>
+
 <!-- ===== FOOTER ===== -->
 <footer>
   <div class="container">

web/cancer.html → web/articles/cancer.html

@@ -6,7 +6,7 @@
 <meta name="description" content="癌症科学循证科普——症状识别、疾病定义、发病原因与主动健康五步干预。含癌症分子标志物、国际癌症研究机构(IARC)致癌物分类、中国癌症流行病学数据。">
 <meta name="keywords" content="癌症,肿瘤,恶性肿瘤,肺癌,结直肠癌,胃癌,肝癌,乳腺癌,HPV,主动健康,癌症预防,癌症筛查">
 <meta property="og:title" content="癌症的症状、病因与主动健康干预 — 科学循证">
-<meta property="og:description" content="中国年新增癌症患者457万。症状识别→疾病机制→危险因素→主动健康五步：提前识别、风险管控、主动干预、效果评估、持续优化。">
+<meta property="og:description" content="中国年新增癌症患者457万。症状识别→疾病机制→危险因素→主动健康五步：炎症评估、阻断源头、抗炎干预、筛查追踪、持续优化。">
 <meta property="og:type" content="article">
 <title>癌症 · 症-病-因与主动健康干预 · 浠艾福</title>
 <style>
@@ -492,7 +492,7 @@
 <!-- NAV -->
 <nav class="nav">
   <div class="nav-inner">
-    <a href="index.html" class="nav-brand">🧬 浠艾福 · 主动健康学院</a>
+    <a href="../index.html" class="nav-brand">🧬 浠艾福 · 主动健康学院</a>
     <ul class="nav-links">
       <li><a href="#symptoms">症</a></li>
       <li><a href="#disease">病</a></li>
@@ -863,27 +863,27 @@
 <section class="section section-alt" id="proactive">
   <div class="container">
     <div class="section-tag green">🌿 主动健康五步</div>
-    <h2 class="section-title">从识别到优化：癌症预防的主动健康干预闭环</h2>
+    <h2 class="section-title">抗炎闭环：从肠漏修复到癌症预防</h2>
     <p class="section-intro">
-      对抗癌症，主动健康的核心理念是：在癌症启动之前阻断它；在早期发现它；在确诊后主动参与康复。不是等确诊再恐慌，而是在癌症形成的"漫长潜伏期"中——从第一个DNA损伤到临床可检测的肿瘤灶往往需要5-20年——采取主动干预。
+      理解癌症的炎症本质后，主动预防的路径变得清晰：<strong>评估炎症负荷 → 阻断炎症源头（肠漏） → 实施抗炎干预 → 追踪筛查指标 → 持续优化</strong>。这五步形成闭环——在癌细胞的第一个DNA损伤积累成临床肿瘤之前，将其熄灭。
     </p>
 
     <div class="step-flow">
-      <div class="step-flow-item blue"><span class="s-num">STEP 01</span><span class="s-title">提前识别</span></div>
+      <div class="step-flow-item blue"><span class="s-num">STEP 01</span><span class="s-title">炎症评估</span></div>
       <span class="step-flow-arrow">→</span>
-      <div class="step-flow-item teal"><span class="s-num">STEP 02</span><span class="s-title">风险管控</span></div>
+      <div class="step-flow-item teal"><span class="s-num">STEP 02</span><span class="s-title">阻断源头</span></div>
       <span class="step-flow-arrow">→</span>
-      <div class="step-flow-item purple"><span class="s-num">STEP 03</span><span class="s-title">主动干预</span></div>
+      <div class="step-flow-item purple"><span class="s-num">STEP 03</span><span class="s-title">抗炎干预</span></div>
       <span class="step-flow-arrow">→</span>
-      <div class="step-flow-item orange"><span class="s-num">STEP 04</span><span class="s-title">效果评估</span></div>
+      <div class="step-flow-item orange"><span class="s-num">STEP 04</span><span class="s-title">筛查追踪</span></div>
       <span class="step-flow-arrow">→</span>
       <div class="step-flow-item green"><span class="s-num">STEP 05</span><span class="s-title">持续优化</span></div>
     </div>
 
     <!-- STEP 01 -->
-    <h3 style="font-size:1.15rem;font-weight:700;margin:2rem 0 1rem;color:var(--blue);">① 提前识别——在"无声期"发现癌症</h3>
+    <h3 style="font-size:1.15rem;font-weight:700;margin:2rem 0 1rem;color:var(--blue);">① 炎症评估——超越传统筛查的早期预警</h3>
     <p style="color:var(--text-secondary);font-size:0.95rem;line-height:1.8;margin-bottom:1.5rem;">
-      癌症筛查的生物学基础是：从第一个癌细胞到临床可检测的肿瘤，通常需要数年甚至十几年的时间。在这个"潜伏期"中，通过有效的筛查手段发现癌前病变或早期癌症，是降低死亡率最有效的方式——这正是主动健康的"第一道防线"。
+      癌症筛查已经深入人心，但传统影像/肿瘤标志物只能发现已成型的肿瘤。炎症评估（尤其是肠漏相关标志物）能让我们在DNA损伤积累、癌细胞萌芽之前就发现异常——这是预防癌症最关键的时间窗口。
     </p>
 
     <div class="table-wrap" style="margin-bottom:1.5rem;">
@@ -935,9 +935,9 @@
     </div>
 
     <!-- STEP 02 -->
-    <h3 style="font-size:1.15rem;font-weight:700;margin:2rem 0 1rem;color:var(--teal);">② 风险管控——分层管理，精准预防</h3>
+    <h3 style="font-size:1.15rem;font-weight:700;margin:2rem 0 1rem;color:var(--teal);">② 阻断源头——修复肠漏，熄灭癌症的"燃料"</h3>
     <p style="color:var(--text-secondary);font-size:0.95rem;line-height:1.8;margin-bottom:1.5rem;">
-      癌症风险管控的核心是根据个人的遗传背景、生活方式暴露和环境因素进行风险分层，然后针对不同风险级别采取差异化的策略——更高的风险需要更早、更频繁的筛查和更积极的行为干预。
+      前文已阐明：肠漏（LPS入血）是全身慢性炎症的主要来源，而慢性炎症是癌症的"燃料"。<strong>阻断源头 = 修复肠漏</strong>，这是所有抗炎干预的基础。不修复肠漏，任何抗炎手段都是治标不治本。
     </p>
 
     <div class="grid-2" style="margin-bottom:1.5rem;">
@@ -968,10 +968,10 @@
       </div>
     </div>
 
-    <!-- STEP 03 -->
-    <h3 style="font-size:1.15rem;font-weight:700;margin:2rem 0 1rem;color:var(--purple);">③ 主动干预——可执行的六维抗癌策略</h3>
+<!-- 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;">
-      主动干预不是"绝对不生病"的承诺，而是在理解科学证据的基础上，做出对降低癌症风险最有力的选择。没有一种单一食物或补充剂可以"抗癌"，但多种健康行为的同时叠加，可以产生显著的保护效应。
+      已有的炎症和氧化应激需要主动清除，方法是"修复肠道屏障+增强抗炎能力"双管齐下。真正的抗炎方案是"阻断炎症信号+增强抗炎能力"三位一体。
     </p>
 
     <div class="grid-2" style="margin-bottom:1.5rem;">
@@ -1032,10 +1032,10 @@
       <span>img/ref-screenshots/cancer_ref4.png</span>
     </div>
 
-    <!-- STEP 04 -->
-    <h3 style="font-size:1.15rem;font-weight:700;margin:2rem 0 1rem;color:var(--orange);">④ 效果评估——用数据说证，验证防癌措施</h3>
+<!-- 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;">
-      主动防癌不是"做了就好"——需要验证措施是否达到预期效果。筛查依从性是否达标？生活方式改善是否反映在生物学指标上？这些评估数据是持续优化的依据。
+      主动健康的癌症预防不是"做了就好"，而是要量化效果、动态调整。建立基于炎症指标和筛查结果的追踪体系，比单纯依赖影像检查更有前瞻性价值。
     </p>
 
     <div class="grid-2" style="margin-bottom:1.5rem;">
@@ -1079,10 +1079,10 @@
       <p><strong>LDCT筛查：</strong>NSLT研究（53,000人）显示，肺癌死亡风险降低约24%（LDCT vs 胸片）。<strong>结肠镜筛查/腺瘤切除：</strong>结肠镜发现并切除腺瘤可降低后续结直肠癌发病率约76-90%。<strong>HPV筛查：</strong>HPV核酸检测比巴氏涂片更敏感（约95% vs 65%），筛查间隔可延长至5年。<strong>胃镜筛查：</strong>日本和韩国的经验表明，胃镜筛查可使胃癌死亡率降低约40-60%。</p>
     </div>
 
-    <!-- STEP 05 -->
-    <h3 style="font-size:1.15rem;font-weight:700;margin:2rem 0 1rem;color:var(--teal);">⑤ 持续优化——癌症后的主动健康管理与长期生存</h3>
+<!-- STEP 05 -->
+    <h3 style="font-size:1.15rem;font-weight:700;margin:2rem 0 1rem;color:var(--teal);">⑤ 持续优化——炎症管理是终身课题</h3>
     <p style="color:var(--text-secondary);font-size:0.95rem;line-height:1.8;margin-bottom:1.5rem;">
-      随着癌症早诊和治疗手段的进步，中国癌症患者的五年生存率已从10年前的约30%提高至约40.5%。越来越多的患者从"癌症患者"转变为"癌症幸存者"。主动健康在癌症确诊后同样重要——甚至更重要。持续优化是贯穿终身的动态过程。
+      炎症和肠漏不是"治愈了就一劳永逸"的事。肠道菌群受饮食、药物、压力、环境等因素持续影响——<strong>炎症管理是终身课题</strong>。持续优化的核心是：定期评估、动态调整、长期坚持。
     </p>
 
     <div class="grid-3">
@@ -1128,10 +1128,10 @@
 <!-- CTA -->
 <section class="cta-section">
   <div class="container">
-    <h2>主动健康，从今天开始</h2>
-    <p>癌症可预防、可早诊、可管理、可共存。让科学的知识代替恐惧，让主动的行动代替等待。<br>在基因给定的底牌上，通过科学的生活方式，你完全有能力改写自己的健康命运。</p>
+    <h2>熄灭癌症的火种，从修复肠道开始</h2>
+    <p>CANTOS研究证明了癌症预防的新方向——抗炎就是抗癌。而关闭全身炎症的最大源头——肠漏——是每个人都能做到的主动预防。<br>评估你的炎症负荷 → 修复肠道屏障 → 持续抗炎干预。在第一个癌细胞萌芽之前，你有足够的时间改变方向。</p>
     <div class="cta-buttons">
-      <a href="index.html" class="btn btn-primary">🏠 返回首页</a>
+      <a href="../index.html" class="btn btn-primary">🏠 返回首页</a>
       <a href="https://www.etotem.com.cn" class="btn btn-outline" target="_blank">了解主动健康服务</a>
     </div>
   </div>
@@ -1267,6 +1267,14 @@
       <div class="trans">中国癌症五年生存率40.5%，但筛查覆盖率仍然很低，提高筛查依从性是降低死亡率的关键策略。</div>
     </div>
 
+    <div class="citation-card" id="ref-16">
+      <div class="source">[16] Ridker PM, MacFadyen JG, Thuren T, et al. Effect of interleukin-1β inhibition with canakinumab on incident lung cancer in patients with atherosclerosis: exploratory results from the CANTOS trial. Lancet. 2017;390(10105):1833-1842.</div>
+      <div class="auth-row"><span class="auth-badge">🔬 CANTOS研究 · IL-1β靶点 · Lancet IF 168</span><span class="auth-badge green">抗炎防癌里程碑</span></div>
+      <div class="findings">In 10,061 participants with prior MI and hsCRP≥2mg/L, canakinumab (IL-1β antibody) 150mg reduced lung cancer incidence by 67% (HR 0.33, 95%CI 0.18-0.59, p=0.0001) and total cancer mortality by 51% (HR 0.49, 95%CI 0.31-0.75). First direct clinical evidence that targeting inflammation reduces cancer risk.</div>
+      <div class="trans">CANTOS里程碑研究——抗IL-1β治疗使肺癌发病率降低67%、癌症总死亡率降低51%，首次在人类RCT中证明抗炎可直接降低癌症风险</div>
+      <a class="link" href="https://doi.org/10.1016/S0140-6736(17)32247-X" target="_blank">🔗 doi.org/10.1016/S0140-6736(17)32247-X</a>
+    </div>
+
   </div>
 </section>
 

web/articles/cardio-cerebro.html

@@ -0,0 +1,1104 @@
+<!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="心脑血管疾病,动脉粥样硬化,慢性炎症,肠漏,肠道菌群,富氢水,血管内皮,TMAO,主动健康,心血管预防">
+<meta property="og:title" content="心脑血管疾病 · 慢性炎症是血管的沉默之火 · 浠艾福">
+<meta property="og:description" content="血管毒素（炎症）刺激血管产生破损→免疫系统修补结痂→血脂糊上→粥样硬化。切断炎症来源（肠漏）是主动健康的核心。">
+<meta property="og:type" content="article">
+<title>心脑血管疾病 · 慢性炎症与血管健康 · 浠艾福</title>
+<style>
+  :root {
+    --bg-card: #FFFFFF;
+    --bg-alt: #f8f5ff;
+    --text-primary: #1a1a2e;
+    --text-secondary: #4a5568;
+    --text-muted: #718096;
+    --accent: #c0392b;
+    --accent-light: #fdf2f2;
+    --blue: #1a5276;
+    --blue-light: #eaf4fb;
+    --teal: #148f77;
+    --teal-light: #e6fffa;
+    --purple: #7d3c98;
+    --purple-light: #f5eef8;
+    --orange: #d35400;
+    --orange-light: #fff4e6;
+    --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, #2d1b3d 0%, #4a1942 40%, #6b2d5b 100%);
+    color: white;
+    padding: 6rem 1.5rem 4rem;
+    overflow: hidden;
+    min-height: 58vh;
+    display: flex;
+    align-items: center;
+  }
+  .hero::before {
+    content: '';
+    position: absolute;
+    inset: 0;
+    background:
+      radial-gradient(circle at 20% 30%, rgba(192,57,43,0.15) 0%, transparent 50%),
+      radial-gradient(circle at 80% 70%, rgba(20,143,119,0.1) 0%, transparent 50%);
+  }
+  .hero-particles { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
+  .particle {
+    position: absolute;
+    border-radius: 50%;
+    background: rgba(255,255,255,0.1);
+    animation: float 8s ease-in-out infinite;
+  }
+  .particle:nth-child(1) { width:4px;height:4px;left:10%;top:20%;animation-delay:0s; }
+  .particle:nth-child(2) { width:8px;height:8px;left:25%;top:60%;animation-delay:1s;opacity:0.08; }
+  .particle:nth-child(3) { width:5px;height:5px;left:45%;top:15%;animation-delay:2s; }
+  .particle:nth-child(4) { width:3px;height:3px;left:65%;top:70%;animation-delay:0.5s; }
+  .particle:nth-child(5) { width:7px;height:7px;left:80%;top:30%;animation-delay:3s;opacity:0.06; }
+  .particle:nth-child(6) { width:4px;height:4px;left:15%;top:85%;animation-delay:1.5s; }
+  .particle:nth-child(7) { width:9px;height:9px;left:55%;top:45%;animation-delay:2.5s;opacity:0.1; }
+  @keyframes float {
+    0%,100% { transform: translateY(0) scale(1); opacity: 0.1; }
+    50% { transform: translateY(-30px) scale(1.5); opacity: 0.22; }
+  }
+  .hero-content {
+    position: relative;
+    z-index: 1;
+    max-width: var(--max-width);
+    margin: 0 auto;
+    text-align: center;
+    width: 100%;
+  }
+  .hero-badge {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5rem;
+    background: rgba(255,255,255,0.1);
+    border: 1px solid rgba(255,255,255,0.2);
+    backdrop-filter: blur(8px);
+    padding: 0.4rem 1rem;
+    border-radius: 100px;
+    font-size: 0.85rem;
+    margin-bottom: 1.5rem;
+  }
+  .hero h1 {
+    font-size: clamp(1.8rem, 5vw, 3rem);
+    font-weight: 800;
+    margin-bottom: 1rem;
+    letter-spacing: -0.02em;
+    line-height: 1.25;
+  }
+  .hero h1 .accent { color: #e74c3c; }
+  .hero-sub {
+    font-size: clamp(1rem, 2vw, 1.15rem);
+    color: rgba(255,255,255,0.8);
+    max-width: 680px;
+    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: 120px;
+  }
+  .hero-stat .num { font-size: 1.9rem; font-weight: 800; color: #e74c3c; display: block; }
+  .hero-stat .label { font-size: 0.82rem; color: rgba(255,255,255,0.7); margin-top: 0.2rem; }
+  .scroll-hint {
+    position: absolute;
+    bottom: 2rem;
+    left: 50%;
+    transform: translateX(-50%);
+    color: rgba(255,255,255,0.45);
+    font-size: 0.78rem;
+    text-align: center;
+    animation: bounce 2s ease-in-out infinite;
+    cursor: pointer;
+    text-decoration: none;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 0.3rem;
+  }
+  @keyframes bounce {
+    0%,100% { transform: translateX(-50%) translateY(0); }
+    50% { transform: translateX(-50%) translateY(8px); }
+  }
+  .scroll-arrow {
+    width: 16px; height: 16px;
+    border-right: 2px solid rgba(255,255,255,0.4);
+    border-bottom: 2px solid rgba(255,255,255,0.4);
+    transform: rotate(45deg);
+  }
+
+  /* NAV */
+  .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; }
+
+  /* LAYOUT */
+  .container { max-width: var(--max-width); margin: 0 auto; padding: 0 1.5rem; }
+  .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 */
+  .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; }
+  .grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
+  @media (max-width: 768px) { .grid-2, .grid-3 { grid-template-columns: 1fr; } }
+
+  /* CARDS */
+  .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 */
+  .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 */
+  .evidence-box {
+    background: linear-gradient(135deg, #fdf2f2 0%, #fff9f0 100%);
+    border: 1px solid rgba(192,57,43,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.green {
+    background: linear-gradient(135deg, #e6fffa 0%, #f0fff4 100%);
+    border-color: rgba(20,143,119,0.12);
+  }
+  .evidence-box.purple {
+    background: linear-gradient(135deg, #f5eef8 0%, #faf5ff 100%);
+    border-color: rgba(125,60,152,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.green .evidence-box-title { color: var(--teal); }
+  .evidence-box.purple .evidence-box-title { color: var(--purple); }
+  .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(192,57,43,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); }
+
+  /* PROCESS STEPS */
+  .process-steps { display: flex; flex-direction: column; gap: 1rem; margin: 1.5rem 0; }
+  .process-step { display: flex; gap: 1.25rem; align-items: flex-start; }
+  .step-num {
+    flex-shrink: 0;
+    width: 2rem; height: 2rem;
+    background: var(--accent-light);
+    color: var(--accent);
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-weight: 800;
+    font-size: 0.88rem;
+  }
+  .step-num.blue { background: var(--blue-light); color: var(--blue); }
+  .step-num.teal { background: var(--teal-light); color: var(--teal); }
+  .step-num.purple { background: var(--purple-light); color: var(--purple); }
+  .step-num.orange { background: var(--orange-light); color: var(--orange); }
+  .step-num.green { background: var(--teal-light); color: var(--teal); }
+  .step-content h4 { font-size: 0.98rem; font-weight: 700; margin-bottom: 0.28rem; color: var(--text-primary); }
+  .step-content p { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.7; }
+
+  /* QUOTE */
+  .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.blue { border-left-color: var(--blue); }
+  .quote-block.green { border-left-color: var(--teal); }
+  .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 */
+  .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 */
+  .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 */
+  .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 */
+  .cta-section {
+    background: linear-gradient(135deg, #2d1b3d 0%, #4a1942 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: #a93226; 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); }
+
+  /* Footer styles replaced by shared js/footer.js */
+
+  /* CITATIONS */
+  .citations { background: #f8f8f8; border-top: 2px solid var(--accent); padding: 3rem 0; }
+  .citation-card { background: white; border: 1px solid #eee; border-radius: 12px; padding: 1.2rem 1.5rem; margin-bottom: 0.9rem; }
+  .citation-card .source { font-size: 0.83rem; font-weight: 700; color: var(--text-primary); margin-bottom: 0.35rem; }
+  .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: #c0392b; }
+  .auth-badge.blue { background: #eaf4fb; color: #1a5276; }
+  .auth-badge.green { background: #e6fffa; color: #148f77; }
+  .auth-badge.purple { background: #f5eef8; color: #7d3c98; }
+  .citation-card .findings { font-size: 0.85rem; color: var(--text-secondary); line-height: 1.65; margin-bottom: 0.35rem; }
+  .citation-card .trans { font-size: 0.78rem; color: var(--text-muted); font-style: italic; margin-bottom: 0.35rem; }
+  .citation-card .link { font-size: 0.78rem; color: var(--blue); text-decoration: none; }
+  .citation-card .link:hover { text-decoration: underline; }
+
+  .anchor { scroll-margin-top: 72px; }
+
+  .shot-placeholder {
+    background: linear-gradient(135deg,#f0f0f0,#e5e5e5);
+    border-radius: 12px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    min-height: 180px;
+    color: #aaa;
+    font-size: 0.85rem;
+    gap: 0.4rem;
+    margin: 1.25rem 0;
+  }
+  .shot-placeholder .shot-icon { font-size: 2.2rem; opacity: 0.35; }
+</style>
+</head>
+<body>
+
+<!-- HERO -->
+<section 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">❤️ 科学循证 · 主动健康</div>
+    <h1>心脑血管疾病<br><span class="accent">慢性炎症是血管的沉默之火</span></h1>
+    <p class="hero-sub">中国心血管现患3.45亿，高血压2.45亿。<br><br>血管毒素（炎症）刺激血管产生破损 → 免疫系统修补结痂 → 血脂糊上 → 粥样硬化。<br>切断炎症来源——肠漏修复——才是主动健康的根源。</p>
+    <div class="hero-stats">
+      <div class="hero-stat"><span class="num">3.45亿</span><span class="label">心血管现患人数</span></div>
+      <div class="hero-stat"><span class="num">2.45亿</span><span class="label">高血压患者</span></div>
+      <div class="hero-stat"><span class="num">458万</span><span class="label">年心血管病死亡</span></div>
+      <div class="hero-stat"><span class="num">40%</span><span class="label">死亡归因占比</span></div>
+    </div>
+  </div>
+  <a href="#symptoms" class="scroll-hint">
+    <span>开始阅读</span>
+    <div class="scroll-arrow"></div>
+  </a>
+</section>
+
+<!-- NAV -->
+<nav class="nav">
+  <div class="nav-inner">
+    <a href="../index.html" class="nav-brand">❤️ 浠艾福 · 主动健康学院</a>
+    <ul class="nav-links">
+      <li><a href="#symptoms">症</a></li>
+      <li><a href="#disease">病</a></li>
+      <li><a href="#causes">因</a></li>
+      <li><a href="#proactive">主动健康五步</a></li>
+      <li><a href="#citations">参考文献</a></li>
+    </ul>
+  </div>
+</nav>
+
+<!-- ══════════════════════════════════════════
+     症 · 症状识别（压缩——有症状已有病）
+═══════════════════════════════════════════ -->
+<section class="section" id="symptoms">
+  <div class="container">
+    <div class="section-tag">🔍 症 · 症状识别</div>
+    <h2 class="section-title">有症状，说明已经"有病"了</h2>
+    <p class="section-intro">
+      心脑血管疾病常被称为"沉默的杀手"——高血压可以多年无症状，但血管壁的炎症早已悄悄进展；动脉粥样硬化从十几岁就开始启动，但心绞痛、脑卒中往往是数十年后才会出现。当症状出现时，血管的损害已经不可逆。
+    </p>
+
+    <div class="evidence-box purple" style="margin-top:1rem;">
+      <div class="evidence-box-header">
+        <span class="evidence-box-title">⚠️ 症压缩 · 主动健康的核心认知</span>
+        <span class="ev-tag">关键转变</span>
+      </div>
+      <p><strong>症状 ≠ 疾病的开始，而是疾病的结果。</strong></p>
+      <p>心绞痛意味着冠状动脉已经堵塞>70%；脑卒中意味着脑组织已经开始死亡；心衰意味着心脏泵血功能已经严重受损。到了这个阶段，医学能做的是"补救"而非"逆转"。</p>
+      <p style="margin-top:0.8rem;"><strong>主动健康的逻辑：</strong>不等症状出现，在炎症阶段就识别和干预。症状出现前10-20年——血管内皮已经在慢性炎症的侵蚀下悄然受损——那才是真正的干预窗口。</p>
+    </div>
+
+    <div style="background:#fff;border:1px solid #eee;border-radius:12px;padding:1.2rem 1.5rem;margin-top:1rem;">
+      <p style="color:var(--text-muted);font-size:0.88rem;margin:0;">
+        <strong>📌 如果出现以下情况，请立即就医（不属于主动健康范畴）：</strong>
+        突发持续胸痛>15分钟、口角歪斜、一侧肢体无力、言语不清、剧烈头痛——这些是急性心梗/脑卒中的信号，需要紧急医疗干预。
+      </p>
+    </div>
+
+  </div>
+</section>
+
+<!-- ══════════════════════════════════════════
+     病 · 炎症驱动的血管损伤——动脉粥样硬化的真正"病因"
+═══════════════════════════════════════════ -->
+<section class="section section-alt" id="disease">
+  <div class="container">
+    <div class="section-tag purple">📖 病 · 炎症驱动的血管损伤</div>
+    <h2 class="section-title">动脉粥样硬化的本质：血管的慢性炎症</h2>
+    <p class="section-intro">
+      心脑血管疾病——冠心病、脑卒中、高血压——它们的共同病理基础是<strong>动脉粥样硬化</strong>。而动脉粥样硬化的本质，不是"血脂太高"，而是<strong>血管壁的慢性炎症</strong>。用一句话说清整个过程：
+    </p>
+
+    <!-- 核心比喻：你的血管发生了什么？ -->
+    <div class="evidence-box" style="margin:1.5rem 0;background:linear-gradient(135deg,#fef2f2,#fff5f5);border-color:rgba(192,57,43,0.2);">
+      <div class="evidence-box-header">
+        <span class="evidence-box-title">🔥 一条清晰的损伤链：炎症 → 血管破损 → 斑块</span>
+      </div>
+      <p style="font-size:1rem;line-height:1.9;"><strong>第一步：</strong>血液中出现了"血管毒素"——这些毒素的本质是<strong>炎症因子</strong>（TNF-α、IL-1β、IL-6等）。它们来自于哪里？最主要的来源之一是<strong>肠漏</strong>——肠道屏障受损后，细菌内毒素（LPS）进入血液，激活全身免疫系统，释放大量炎症因子。<br><br>
+      <strong>第二步：</strong>炎症因子持续刺激血管内皮，血管内壁出现微小破损。就像皮肤破损后会发炎、红肿一样，血管内壁的破损也会引发<strong>免疫系统的修补反应</strong>。<br><br>
+      <strong>第三步：</strong>免疫系统派遣巨噬细胞"修补"破损处，同时血液中的LDL-C（低密度脂蛋白胆固醇）渗入破损部位，被氧化为ox-LDL。巨噬细胞吞噬ox-LDL后变成<strong>泡沫细胞</strong>——相当于血管壁上的"结痂"。<br><br>
+      <strong>第四步：</strong>更多的血脂、钙盐、纤维蛋白在这个"结痂"上堆积，形成<strong>动脉粥样硬化斑块</strong>。斑块不断增大，管腔越来越窄。当斑块不稳定并破裂，血栓形成，就发生了心肌梗死或脑卒中。</p>
+    </div>
+
+    <div class="stat-row">
+      <div class="stat-block">
+        <span class="number">3.45亿</span>
+        <span class="unit">人</span>
+        <span class="desc">中国心血管现患人数</span>
+      </div>
+      <div class="stat-block">
+        <span class="number blue">2.45亿</span>
+        <span class="unit">人</span>
+        <span class="desc">高血压患者</span>
+      </div>
+      <div class="stat-block">
+        <span class="number teal">1300万</span>
+        <span class="unit">人/年</span>
+        <span class="desc">新增脑卒中患者</span>
+      </div>
+      <div class="stat-block">
+        <span class="number orange">458万</span>
+        <span class="unit">人/年</span>
+        <span class="desc">心血管病死亡人数</span>
+      </div>
+    </div>
+    <p style="color:var(--text-muted);font-size:0.82rem;margin-bottom:1.5rem;">
+      数据来源：《中国心血管健康与疾病报告2024》｜城乡居民死亡原因首位
+    </p>
+
+    <h3 style="font-size:1.1rem;font-weight:700;margin:1.5rem 0 1rem;">📌 炎症是核心，而非胆固醇</h3>
+    <div class="grid-2">
+      <div class="card card-accent">
+        <span class="card-icon">🔬</span>
+        <h3>CANTOS研究：划时代的证据</h3>
+        <p>2017年发表于《新英格兰医学杂志》的CANTOS研究（Ridker et al., NEJM 2017）纳入了10061名既往心梗患者，他们的LDL-C已控制达标，但hsCRP（炎症标志物）仍然偏高。研究使用靶向IL-1β的抗炎药物Canakinumab，结果：<strong>心血管事件风险降低15%</strong>——而LDL-C水平完全没有变化。</p>
+        <p style="margin-top:0.5rem;color:var(--text-muted);font-size:0.85rem;">📍 这意味着："降脂 ≠ 充分保护。炎症不除，血管依然在受损。"</p>
+      </div>
+      <div class="card card-blue">
+        <span class="card-icon">🧫</span>
+        <h3>肠漏→炎症→心脑血管：被证实的链条</h3>
+        <p>2024年发表于《Frontiers in Nutrition》的系统综述和Meta分析（纳入13项研究、1321例受试者）明确验证：<strong>心血管疾病患者的肠道屏障功能严重受损</strong>。患者的肠漏标志物（zonulin、LPS、LBP、D-乳酸）水平显著高于健康对照组（SMD=1.50, p<0.00001）。其中zonulin——肠漏的核心标志物——升高最显著（SMD=1.74）。</p>
+        <p style="margin-top:0.5rem;"><strong>🔗 Zonulin与心血管死亡率：</strong>2025年《Atherosclerosis》期刊研究显示，zonulin水平可预测冠心病患者的10年死亡风险（p<0.001），证明肠漏是心脑血管疾病的独立风险因素。</p>
+      </div>
+    </div>
+
+    <div class="evidence-box purple" style="margin-top:1.5rem;">
+      <div class="evidence-box-header">
+        <span class="evidence-box-title">📊 炎症标志物——比胆固醇更早的预警信号</span>
+        <span class="ev-tag">临床指标</span>
+      </div>
+      <p><strong>hsCRP</strong>（超敏C反应蛋白）：全身低度炎症的标志物，预测心血管事件风险强于LDL-C。<1mg/L（低风险），1-3mg/L（中风险），>3mg/L（高风险）。<strong>关键认知：</strong>hsCRP升高反映的是全身炎症负荷——而肠漏是全身炎症的主要驱动因素之一。控制炎症 = 控制心脑血管病风险。<br>
+      <strong>关键分子：</strong>ox-LDL（氧化低密度脂蛋白）是炎症驱动动脉粥样硬化的核心效应分子；LPS（脂多糖，肠道细菌内毒素）是激活全身炎症的扳机；Zonulin是肠漏的直接标志物。</p>
+    </div>
+
+    <div class="quote-block green" style="margin-top:1.5rem;">
+      <p class="quote-text">"动脉粥样硬化不是胆固醇太多——而是血管一直在发炎。胆固醇只是恰好糊在了发炎的伤口上。"</p>
+      <span class="quote-source">— CANTOS研究启示 · N Engl J Med 2017 · doi:10.1056/NEJMoa1707914</span>
+    </div>
+
+  </div>
+</section>
+
+<!-- ══════════════════════════════════════════
+     因 · 统一病因：慢性炎症 + 肠漏
+═══════════════════════════════════════════ -->
+<section class="section" id="causes">
+  <div class="container">
+    <div class="section-tag orange">⚡ 因 · 统一病因</div>
+    <h2 class="section-title">所有致病因素，最终都指向同一个方向——炎症</h2>
+    <p class="section-intro">
+      高血脂、高血压、高血糖、吸烟、肥胖、压力……这些看起来五花八门的"危险因素"，在分子层面有一个<strong>共同的最终通路：它们都激活了身体的炎症反应</strong>。而炎症的最大来源——被大多数人忽视的——是肠道。
+    </p>
+
+    <!-- 核心机制：肠漏是炎症的总开关 -->
+    <div class="evidence-box purple" style="margin-bottom:2rem;">
+      <div class="evidence-box-header">
+        <span class="evidence-box-title">🔥 核心机制：肠漏——全身炎症的总开关</span>
+        <span class="ev-tag purple">Frontiers in Nutrition 2024 · Meta分析</span>
+      </div>
+      <p><strong>第一步：肠道屏障受损（肠漏）</strong><br>
+      肠道是人体最大的免疫器官——约70%的免疫细胞分布在肠道黏膜。正常状态下，肠道屏障只允许消化后的营养物质进入血液。但当饮食不当（高脂高糖低纤维）、抗生素滥用、压力过大时，肠道上皮细胞之间的紧密连接被破坏——肠道变成"漏的筛子"。</p>
+      <p style="margin-top:0.8rem;"><strong>第二步：LPS入血——点燃全身炎症</strong><br>
+      肠漏的直接后果是：细菌的细胞壁成分——脂多糖（LPS）——大量进入血液循环。LPS是已知最强的天然免疫激活剂之一，它被免疫系统识别后，立即触发TNF-α、IL-1β、IL-6等炎症因子的瀑布式释放。这就是<strong>"代谢性内毒素血症"</strong>——一种低度但持续存在的全身性炎症状态。</p>
+      <p style="margin-top:0.8rem;"><strong>第三步：炎症因子持续攻击血管内皮</strong><br>
+      TNF-α和IL-1β直接损伤血管内皮细胞，使其从光滑的"不粘涂层"变成粗糙的"粘性表面"——开始捕获血液中的LDL-C和免疫细胞。这正是动脉粥样硬化的起点。</p>
+      <p style="margin-top:0.8rem;"><strong>关键证据：</strong>2024年发表的系统综述和Meta分析（Frontiers in Nutrition, 13项研究, 1321例受试者）确认：心血管疾病患者的肠漏标志物（zonulin、LPS、LBP、D-乳酸）水平显著高于健康对照。其中zonulin（肠道紧密连接蛋白）差异最显著——肠漏越严重，心血管风险越高。</p>
+    </div>
+
+    <!-- 炎症从哪里来 -->
+    <h3 style="font-size:1.1rem;font-weight:700;margin:1.5rem 0 1rem;">📌 炎症从哪里来？</h3>
+    <div class="grid-2" style="margin-bottom:1.5rem;">
+      <div class="card card-accent">
+        <span class="card-icon">🥩</span>
+        <h3>饮食 → 直接驱动炎症</h3>
+        <p><strong>高脂高糖：</strong>西方饮食模式直接损伤肠道屏障——高脂饮食后4小时，肠漏标志物即显著升高。动物性饱和脂肪促进产LPS的革兰阴性菌过度生长。<br>
+        <strong>缺乏膳食纤维：</strong>膳食纤维是肠道益生菌的"食物"。纤维摄入不足→产丁酸菌饿死→肠道屏障修复能力下降→肠漏加重。<br>
+        <strong>TMAO通路：</strong>红肉中的肉碱和蛋黄中的胆碱→肠道菌群转化为TMA→肝脏氧化为TMAO→TMAO直接促进动脉粥样硬化和血小板活化。高TMAO人群心血管事件风险↑60%。</p>
+      </div>
+      <div class="card card-blue">
+        <span class="card-icon">🔄</span>
+        <h3>生活方式 → 慢性低度炎症</h3>
+        <p><strong>吸烟：</strong>尼古丁和一氧化碳直接损伤血管内皮，同时破坏肠道菌群平衡，加重肠漏。<br>
+        <strong>过量饮酒：</strong>乙醇直接破坏肠道上皮细胞间的紧密连接，是肠漏的强力诱导剂。<br>
+        <strong>缺乏运动：</strong>久坐导致肠道蠕动减慢、菌群多样性下降、肠屏障功能减弱。<br>
+        <strong>慢性压力：</strong>压力激素皮质醇升高→抑制免疫调节、破坏肠道屏障、促进炎症。<br>
+        <strong>睡眠不足：</strong>睡眠<6小时/天→炎症标志物（CRP、IL-6）显著升高。</p>
+      </div>
+    </div>
+    <div class="grid-2">
+      <div class="card card-teal">
+        <span class="card-icon">📦</span>
+        <h3>腹型肥胖 = 炎症器官</h3>
+        <p>内脏脂肪组织不是被动的能量储存库，而是一个<strong>活跃的内分泌器官</strong>——它持续分泌IL-6、TNF-α等促炎因子，同时释放游离脂肪酸，直接诱导胰岛素抵抗和全身炎症。腰围越大 = 炎症负荷越高 = 血管损伤越重。BMI正常但腰围超标（男性≥90cm，女性≥85cm）的人同样存在高炎症水平。</p>
+      </div>
+      <div class="card card-purple">
+        <span class="card-icon">🦠</span>
+        <h3>肠道菌群失调 = 炎症放大器</h3>
+        <p>健康的肠道菌群以产丁酸菌（Faecalibacterium、Roseburia）为优势菌群——丁酸修复肠屏障、抑制炎症。失衡的菌群以产LPS菌（Enterobacteriaceae）为优势——肠漏加重、炎症持续。<br>
+        <strong>检测意义：</strong>通过肠道菌群检测可以评估产丁酸菌丰度、条件致病菌比例、肠漏风险指数——这是心血管风险的核心指标，比血脂异常出现得更早。菌群多样性（Shannon指数等）是衡量肠道健康的核心指标，多样性越低，全身炎症水平越高。不同年龄段的菌群多样性变化规律及精准干预策略，详见本系列专文《肠道菌群——隐藏在免疫系统中的指挥官》。</p>
+      </div>
+    </div>
+
+    <div class="evidence-box orange" style="margin-top:2rem;">
+      <div class="evidence-box-header">
+        <span class="evidence-box-title">💡 理解病因的核心转变</span>
+        <span class="ev-tag orange">主动健康视角</span>
+      </div>
+      <p><strong>不是"血脂太高了"，而是"血管一直在发炎"。</strong>血脂LDL-C之所以能进入血管壁，是因为炎症已经破坏了内皮的屏障。没有炎症，LDL-C再多也不会形成斑块——这是CANTOS研究带来的革命性认知（详见下一节）。</p>
+      <p style="margin-top:0.5rem;"><strong>因此，心脑血管疾病主动健康的"靶点"不是血脂，而是炎症。</strong>而切断炎症的最根本手段，是修复肠漏、恢复肠道菌群平衡。</p>
+    </div>
+
+  </div>
+</section>
+
+<!-- ══════════════════════════════════════════
+     主动健康五步
+═══════════════════════════════════════════ -->
+<section class="section section-alt" id="proactive">
+  <div class="container">
+    <div class="section-tag green">🌿 主动健康五步</div>
+    <h2 class="section-title">抗炎闭环：从肠漏修复到血管保护</h2>
+    <p class="section-intro">
+      理解心脑血管疾病的炎症本质后，主动健康的路径变得清晰：<strong>评估炎症负荷 → 阻断炎症源头（肠漏）→ 实施抗炎干预 → 追踪炎症指标 → 持续优化</strong>。这五步形成闭环——不是等斑块形成了再治，而是在炎症点燃血管之前就将其熄灭。
+    </p>
+
+    <div class="step-flow">
+      <div class="step-flow-item blue"><span class="s-num">STEP 01</span><span class="s-title">炎症评估</span></div>
+      <span class="step-flow-arrow">→</span>
+      <div class="step-flow-item teal"><span class="s-num">STEP 02</span><span class="s-title">阻断源头</span></div>
+      <span class="step-flow-arrow">→</span>
+      <div class="step-flow-item purple"><span class="s-num">STEP 03</span><span class="s-title">抗炎干预</span></div>
+      <span class="step-flow-arrow">→</span>
+      <div class="step-flow-item orange"><span class="s-num">STEP 04</span><span class="s-title">效果追踪</span></div>
+      <span class="step-flow-arrow">→</span>
+      <div class="step-flow-item green"><span class="s-num">STEP 05</span><span class="s-title">持续优化</span></div>
+    </div>
+
+    <!-- STEP 01 -->
+    <h3 style="font-size:1.15rem;font-weight:700;margin:2rem 0 1rem;color:var(--blue);">① 炎症评估——超越血脂，衡量炎症负荷</h3>
+    <p style="color:var(--text-secondary);font-size:0.95rem;line-height:1.8;margin-bottom:1.5rem;">
+      心脑血管疾病在早期（内皮功能障碍、动脉粥样硬化启动阶段）毫无症状。传统的风险评估（血压、血脂、血糖）发现的是"已经存在的危险因素"——但那时炎症可能已经持续多年。<strong>评估炎症负荷，尤其是肠漏相关的指标，能在风险因素出现之前就发现异常。</strong>
+    </p>
+
+    <div class="grid-2" style="margin-bottom:1.5rem;">
+      <div>
+        <div class="card card-blue">
+          <h3>🔥 炎症核心指标</h3>
+          <p><strong>hsCRP（超敏C反应蛋白）：</strong>全身低度炎症的最可靠指标。<strong>hsCRP >2mg/L的人群心血管事件风险是<1mg/L人群的约2倍</strong>——其预测能力独立于LDL-C水平。建议每6-12个月检测一次。</p>
+          <p style="margin-top:0.5rem;"><strong>关键认知：</strong>如果hsCRP升高但LDL-C正常，仍属于高风险——炎症才是真正的驱动因素。如果hsCRP正常但LDL-C升高，传统降脂治疗仍有效，但应同时关注炎症来源（肠漏）。</p>
+          <p style="margin-top:0.5rem;"><strong>hsCRP分级：</strong><1 mg/L（低炎症风险）｜1-3 mg/L（中炎症风险）｜>3 mg/L（高炎症风险）。</p>
+        </div>
+        <div class="card" style="margin-top:1.25rem;border-left:4px solid var(--blue);">
+          <h3>🧪 肠漏相关标志物（新兴）</h3>
+          <table>
+            <tr><th>标志物</th><th>意义</th><th>说明</th></tr>
+            <tr><td>Zonulin</td><td>肠漏直接标志物</td><td>肠道紧密连接调节蛋白，水平越高=肠漏越严重</td></tr>
+            <tr><td>LPS/内毒素</td><td>细菌入血量</td><td>肠道细菌进入血液的直接证据</td></tr>
+            <tr><td>LBP</td><td>LPS结合蛋白</td><td>反映LPS暴露的间接标志物</td></tr>
+            <tr><td>D-乳酸</td><td>肠道通透性</td><td>细菌代谢产物，肠漏时进入血液</td></tr>
+          </table>
+          <p style="margin-top:0.4rem;color:var(--text-muted);font-size:0.82rem;">上述新兴标志物已在研究中使用，部分已进入临床检验。</p>
+        </div>
+      </div>
+      <div>
+        <div class="card card-teal">
+          <h3>📋 年度体检必查项目（炎症视角）</h3>
+          <table>
+            <tr><th>项目</th><th>频率</th><th>炎症相关性</th></tr>
+            <tr><td>hsCRP</td><td>每6-12个月</td><td>全身炎症负荷</td></tr>
+            <tr><td>血压</td><td>家庭自测每周</td><td>炎症致内皮功能异常</td></tr>
+            <tr><td>血脂四项</td><td>每年</td><td>ox-LDL受炎症驱动</td></tr>
+            <tr><td>空腹血糖+HbA1c</td><td>每年</td><td>高血糖加重炎症</td></tr>
+            <tr><td>BMI+腰围</td><td>每年</td><td>内脏脂肪=炎症器官</td></tr>
+            <tr><td>颈动脉超声</td><td>高危人群每年</td><td>斑块=炎症的结果</td></tr>
+            <tr><td>肠道菌群检测</td><td>每1-2年</td><td>评估产丁酸菌/肠漏风险</td></tr>
+          </table>
+        </div>
+        <div class="card card-purple" style="margin-top:1.25rem;">
+          <h3>⚠️ 重点信号：炎症高风险人群</h3>
+          <p>以下人群的炎症负荷显著更高，建议优先检测hsCRP和肠漏标志物：</p>
+          <ul class="list-styled green">
+            <li><strong>腹型肥胖</strong>（腰围男≥90cm / 女≥85cm）——内脏脂肪分泌大量促炎因子</li>
+            <li><strong>长期高脂高糖饮食</strong>——直接损伤肠道屏障</li>
+            <li><strong>慢性压力/睡眠不足</strong>——皮质醇升高破坏肠道紧密连接</li>
+            <li><strong>反复抗生素使用史</strong>——肠道菌群多样性严重下降</li>
+            <li><strong>一级亲属早发心血管病</strong>（男<55岁/女<65岁）——遗传+可能的共同生活方式</li>
+          </ul>
+        </div>
+      </div>
+    </div>
+
+    <!-- STEP 02 -->
+    <h3 style="font-size:1.15rem;font-weight:700;margin:2rem 0 1rem;color:var(--teal);">② 阻断源头——修复肠漏，熄灭炎症的火种</h3>
+    <p style="color:var(--text-secondary);font-size:0.95rem;line-height:1.8;margin-bottom:1.5rem;">
+      前文已阐明：心脑血管疾病的"因"是慢性炎症，而炎症的主要源头是肠漏（肠道屏障受损）。<strong>阻断源头 = 修复肠漏，这是所有抗炎干预的基础。</strong>不修复肠漏，任何生活方式干预都是治标不治本——因为炎症被持续点燃。
+    </p>
+
+    <div class="grid-2" style="margin-bottom:1.5rem;">
+      <div class="card card-teal">
+        <span class="card-icon">🥦</span>
+        <h3>饮食修复肠漏——最直接的策略</h3>
+        <p><strong>① 膳食纤维（25-35g/天）：</strong>纤维是肠道益生菌的食物来源。益生菌发酵纤维产生丁酸——而丁酸是肠道上皮细胞的主要能量来源，直接修复紧密连接。富含纤维的食物：燕麦、藜麦、杂豆、西兰花、芦笋、奇亚籽、亚麻籽。</p>
+        <p style="margin-top:0.5rem;"><strong>② 发酵食品：</strong>无糖酸奶、开菲尔、泡菜、纳豆、康普茶——提供天然益生菌，抑制致病菌过度生长，降低产LPS菌群比例。</p>
+        <p style="margin-top:0.5rem;"><strong>③ 胶原蛋白/甘氨酸：</strong>肠道上皮细胞之间的紧密连接由连接蛋白（Claudin、Occludin）构成——甘氨酸和脯氨酸是合成这些蛋白的重要原料。骨头汤、鱼皮、明胶都是优质来源。</p>
+        <p style="margin-top:0.5rem;"><strong>④ 麸质/乳糖注意：</strong>部分人群对麸质（小麦制品）或乳糖敏感，可加重肠漏。如怀疑，试用4周排除饮食法观察症状和炎症指标变化。</p>
+      </div>
+      <div>
+        <div class="card card-purple" style="margin-bottom:1.25rem;">
+          <span class="card-icon">🚫</span>
+          <h3>去除肠漏破坏因素</h3>
+          <p><strong>限酒：</strong>乙醇是肠道紧密连接的强力破坏剂。酒精摄入后数小时即可检测到LPS入血升高。<strong>理想：</strong>戒酒或每周≤2次，每次≤1标准杯。</p>
+          <p style="margin-top:0.5rem;"><strong>避免高脂高糖加工食品：</strong>西方饮食模式（高饱和脂肪+精制糖+低纤维）在进食后4小时内即可升高肠漏标志物。</p>
+          <p style="margin-top:0.5rem;"><strong>谨慎使用抗生素：</strong>抗生素无差别杀死肠道菌群（包括保护屏障的产丁酸菌）。必须使用时应同步补充益生菌和膳食纤维。</p>
+          <p style="margin-top:0.5rem;"><strong>避免非甾体抗炎药（NSAIDs）滥用：</strong>如布洛芬、阿司匹林等可直接损伤肠道黏膜，加重肠漏。</p>
+        </div>
+        <div class="card card-accent" style="margin-top:1.25rem;">
+          <span class="card-icon">🧘</span>
+          <h3>压力与睡眠——肠道的"调节器"</h3>
+          <p>慢性压力→皮质醇持续升高→抑制肠道免疫、破坏紧密连接→肠漏加重。正念冥想（每日10-20分钟）研究显示可降低皮质醇水平和炎症标志物。</p>
+          <p style="margin-top:0.5rem;"><strong>睡眠与肠漏：</strong>睡眠不足（<6小时/天）导致肠道菌群多样性下降、肠屏障功能减弱。目标7-9小时/天，规律作息。</p>
+        </div>
+      </div>
+    </div>
+
+    <div class="evidence-box green" style="margin-bottom:1.5rem;">
+      <div class="evidence-box-header">
+        <span class="evidence-box-title">📊 肠漏修复效果预期（临床研究数据）</span>
+        <span class="ev-tag green">循证依据</span>
+      </div>
+      <p><strong>膳食纤维增至25g+/天：</strong>4周内产丁酸菌丰度↑约30-50%，粪便丁酸浓度↑2-3倍｜<strong>排除敏感食物（麸质/乳糖）：</strong>4-8周zonulin水平显著下降｜<strong>益生菌补充：</strong>特定菌株（如Lactobacillus rhamnosus GG、Bifidobacterium lactis BB-12）可降低LPS入血水平约30%｜<strong>限酒+戒烟：</strong>8周内肠漏标志物改善；戒烟1年心血管风险↓50%。</p>
+    </div>
+
+    <div class="evidence-box orange" style="margin-bottom:1.5rem;">
+      <div class="evidence-box-header">
+        <span class="evidence-box-title">🔄 修复肠漏 vs 药物降脂——两个层面的策略</span>
+        <span class="ev-tag orange">关键区分</span>
+      </div>
+      <p><strong>药物降脂（他汀）：</strong>靶点是LDL-C本身——减少血液中LDL-C的数量。这是"控制症状"层面的策略。对已确诊的心血管病患者（高危/极高危）非常重要，不可或缺。</p>
+      <p style="margin-top:0.5rem;"><strong>修复肠漏：</strong>靶点是炎症源头——减少LPS入血、降低全身炎症负荷。这是"对因治疗"层面的策略。对尚未形成斑块但hsCRP升高的人群，是阻止疾病发展的核心手段。</p>
+      <p style="margin-top:0.5rem;"><strong>两者不冲突，而是互补。</strong>已服用他汀的患者，修复肠漏可以叠加抗炎获益；未达到用药标准但有炎症的人群，修复肠漏是首选策略。</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;">
+      肠漏修复（第二步）是基础，但还不够——已经存在的炎症和氧化应激需要主动清除。真正的抗炎方案是"修复源头+阻断炎症信号+增强抗炎能力"三位一体。
+    </p>
+
+    <div class="grid-2" style="margin-bottom:1.5rem;">
+      <div>
+        <div class="card card-purple" style="margin-bottom:1.25rem;">
+          <span class="card-icon">🥗</span>
+          <h3>抗炎饮食——地中海饮食的炎症视角</h3>
+          <p>PREDIMED研究（7447人，随访5年）表面看是"地中海饮食降低心血管事件26-30%"，本质上：<strong>地中海饮食是最强有力的抗炎饮食模式</strong>——橄榄油（多酚类抗炎）、坚果（ω-3+维生素E）、鱼类（EPA/DHA）、大量蔬菜纤维（促丁酸生成）共同作用，降低全身炎症水平。</p>
+          <p style="margin-top:0.5rem;"><strong>实操要点：</strong>每日盐摄入<5g；每日红肉<100g（减少TMAO产生）；每日膳食纤维>25g（修复肠漏的核心）；每周吃鱼≥2次（EPA/DHA直接抗炎）；用橄榄油/菜籽油替代动物油；避免反式脂肪（直接促炎）。</p>
+          <p style="margin-top:0.5rem;"><strong>DASH饮食：</strong>高蔬果+低脂乳制品+限盐，收缩压↓约11mmHg——其降压作用部分源于抗炎（减少氧化应激、改善内皮功能）。</p>
+        </div>
+
+        <div class="card card-orange" style="margin-bottom:1.25rem;">
+          <span class="card-icon">🏃</span>
+          <h3>运动——天然抗炎药</h3>
+          <p>规律运动时肌肉收缩释放IL-6（抗炎亚型IL-6Rα），上调IL-10和IL-1Ra等抗炎因子，抑制TNF-α信号通路——这是运动抗炎的核心机制。EPI NCS研究：每周150分钟中等强度有氧运动降低心血管死亡风险约20%。</p>
+          <p style="margin-top:0.5rem;"><strong>运动处方：</strong>有氧：每周≥150分钟中等强度或75分钟高强度；抗阻运动（增加肌肉量=增加抗炎能力）：每周2-3次；<strong>每坐1小时起身活动5分钟</strong>——久坐本身是一种促炎状态。</p>
+        </div>
+
+        <div class="card card-blue">
+          <span class="card-icon">💧</span>
+          <h3>富氢水——选择性清除氧化应激</h3>
+          <p>心脑血管疾病的炎症链条中，氧化应激是关键环节——炎症因子激活免疫细胞释放大量ROS（活性氧），ROS进一步损伤内皮，形成恶性循环。<strong>富氢水（Electrolyzed Hydrogen Water）中的分子氢（H₂）能选择性中和·OH（羟基自由基）和ONOO⁻（过氧亚硝酸根）</strong>——这两种是最强氧化性的ROS，而对其他功能性的ROS（如超氧阴离子）影响甚微，因此不干扰正常免疫功能。</p>
+          <p style="margin-top:0.5rem;"><strong>核心证据：</strong>IJMS 2024系统综述（doi:10.3390/ijms25020973，12项临床研究，纳入389例受试者）：富氢水显著改善血流介导的血管舒张功能（FMD）（标准化均值差SMD=0.62，95%CI 0.42-0.82）。高血压模型动物饮用4周：收缩压↓约15mmHg，ox-LDL↓，SOD↑，MDA↓，eNOS磷酸化↑（NO合成恢复）。</p>
+          <p style="margin-top:0.5rem;"><strong>重要临床数据：</strong>多项RCT进一步证实富氢水对代谢和血管的直接改善——LeBaron 2020年24周RCT（60例代谢综合征）显示：总胆固醇↓8%、LDL-C↓11%、甘油三酯↓20%，HDL-C↑8%（doi:10.2147/DMSO.S240122，PubMed收录）。2026年最新Meta分析（Ye et al.，11项RCT，494例）汇总显示：富氢水显著降低总胆固醇（SMD=-0.36, 95%CI -0.62~-0.10）和LDL-C（SMD=-0.46, 95%CI -0.80~-0.12）（PMCID: PMC13202890）。长期饮用（8-24周）对血脂谱、血管硬度（PWV）和内皮功能均表现出一致的保护效果，且无安全性问题报告。</p>
+          <p style="margin-top:0.5rem;"><strong>抗炎机制：</strong>H₂通过以下通路干预炎症-氧化恶性循环：① 直接中和·OH和ONOO⁻；② 激活Nrf2抗氧化通路（↑SOD、GPx、CAT等内源性抗氧化酶）；③ 抑制NLRP3炎症小体活化（减少IL-1β释放）。<br>
+          <strong>实操：</strong>每日饮用1.5-2L（电解时间>30分钟的仪器产水效果更稳定），持续8周以上可见hsCRP和FMD的改善。<br><small style="color:var(--text-muted);">⚠ 富氢水效果的前提是水质本身安全——自来水中普遍存在抗生素、激素等污染物，需经有效净化后电解。 → <a href="tap-water-pollution.html" style="color:var(--accent);">了解自来水中的隐形威胁</a></small></p>
+        </div>
+      </div>
+
+      <div>
+        <div class="card card-accent" style="margin-bottom:1.25rem;">
+          <span class="card-icon">🚭</span>
+          <h3>戒烟——消除外源性炎症刺激</h3>
+          <p>烟草中的数千种化学物质直接激活NF-κB通路，诱导TNF-α、IL-1β、IL-6等促炎因子释放——<strong>吸烟本身就是一种持续的全身性炎症刺激</strong>。戒烟后1年心血管风险降低约50%，5-15年接近从不吸烟者——炎症水平也随之显著下降。</p>
+          <p style="margin-top:0.5rem;"><strong>方法：</strong>心理支持+药物辅助（尼古丁替代疗法、安非他酮、伐尼克兰）是最有效方案。<strong>电子烟含尼古丁</strong>，同样诱导氧化应激和炎症，不推荐。</p>
+        </div>
+
+        <div class="card card-teal" style="margin-bottom:1.25rem;">
+          <span class="card-icon">🧘</span>
+          <h3>压力管理——降低皮质醇驱动的炎症</h3>
+          <p>慢性压力→下丘脑-垂体-肾上腺轴持续激活→皮质醇升高→抑制肠道免疫屏障（加重肠漏）+直接激活免疫细胞释放促炎因子。正念冥想（每日10-20分钟）研究显示可降低hsCRP和IL-6水平；规律运动同样通过降低交感张力实现抗炎效应。</p>
+          <p style="margin-top:0.5rem;"><strong>睡眠抗炎：</strong>睡眠不足（<6小时/天）是独立促炎因素。目标7-9小时/天，保持规律作息；睡眠呼吸暂停须及时筛查和治疗（OSAS患者hsCRP水平显著升高）。</p>
+        </div>
+
+        <div class="card card-purple">
+          <span class="card-icon">🦠</span>
+          <h3>精准营养素——靶向抗炎补充</h3>
+          <p><strong>ω-3脂肪酸（EPA/DHA）：</strong>每天1-2g。EPA/DHA直接竞争花生四烯酸代谢途径，减少促炎性前列腺素和白三烯的生成；同时通过GPR120受体激活抗炎信号。值得关注的是人均摄入量的巨大差距：中国居民人均EPA摄入仅约38mg/d（<em>中国健康与营养调查CHNS</em>），而日本居民凭借高鱼类消费达到900mg/d（JPHC队列，Atherosclerosis 2018），这一差距是两国心血管疾病发病率差异的重要解释之一。鱼类补充优于鱼油胶囊。</p>
+          <p style="margin-top:0.5rem;"><strong>姜黄素（Curcumin）：</strong>抑制NF-κB和COX-2双重抗炎通路，但生物利用度低，需配合黑胡椒素（Piperine）。注意：姜黄有过度稀释血液的倾向，正在服用抗凝药者慎用。</p>
+          <p style="margin-top:0.5rem;"><strong>维生素D3：</strong>维生素D缺乏与hsCRP升高显著相关。维持血清25(OH)D >50 nmol/L。日晒不足者补充1000-2000 IU/天。</p>
+          <p style="margin-top:0.5rem;"><strong>益生菌：</strong>特定菌株（LGG、BB-12）可降低LPS水平、修复屏障，建议选含多个菌株的制剂。</p>
+        </div>
+      </div>
+    </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;">
+      主动健康不是"做了就好"，而是要看干预是否真的降低了炎症水平。建立基于炎症指标的追踪体系，比单纯追踪血脂更有意义——因为它是"因"的指标（炎症）而不是"果"的指标（动脉硬化）。
+    </p>
+
+    <div class="grid-2" style="margin-bottom:1.5rem;">
+      <div class="card card-orange">
+        <h3>📊 核心追踪指标（按优先级）</h3>
+        <table>
+          <tr><th>指标</th><th>目标值</th><th>测量频率</th><th>反映什么</th></tr>
+          <tr><td>hsCRP</td><td><1 mg/L（理想）</td><td>每3-6个月</td><td>全身炎症负荷</td></tr>
+          <tr><td>血压</td><td><130/80 mmHg</td><td>家庭自测每周</td><td>内皮功能+血管状态</td></tr>
+          <tr><td>腰围</td><td>男<90cm，女<85cm</td><td>每月</td><td>内脏脂肪=炎症负荷</td></tr>
+          <tr><td>LDL-C+ox-LDL</td><td>根据风险级别</td><td>每6个月</td><td>LDL氧化水平（ox-LDL更直接）</td></tr>
+          <tr><td>空腹血糖/HbA1c</td><td><5.6 mmol/L / <5.7%</td><td>每6个月</td><td>糖代谢→炎症</td></tr>
+          <tr><td>肠道菌群检测</td><td>产丁酸菌>20%</td><td>每1-2年</td><td>肠漏风险评估</td></tr>
+          <tr><td>Zonulin/LPS</td><td>正常范围</td><td>按需</td><td>肠漏直接标志物</td></tr>
+        </table>
+      </div>
+      <div class="card card-teal">
+        <h3>🩺 专科检查（结构验证）</h3>
+        <ul class="list-styled green">
+          <li><strong>颈动脉超声</strong>（每年）：评估IMT和斑块变化——如果炎症得到控制，斑块进展会减慢或稳定</li>
+          <li><strong>冠脉钙化积分</strong>（每3-5年）：高危无症状人群的结构性评估</li>
+          <li><strong>踝臂指数ABI</strong>（每年）：50岁以上或吸烟者的外周动脉评估</li>
+          <li><strong>眼底检查</strong>（每年）：高血压/糖尿病患者微血管损伤评估</li>
+        </ul>
+        <p style="margin-top:0.75rem;font-size:0.85rem;color:var(--text-muted);"><strong>关键指标：</strong>hsCRP的下降趋势是干预有效的核心证据。如果连续两次检测hsCRP较基线下降>30%，说明抗炎策略方向正确。如hsCRP持续不降，应重新评估肠漏是否已有效修复。</p>
+      </div>
+    </div>
+
+    <div class="evidence-box green" style="margin-bottom:1.5rem;">
+      <div class="evidence-box-header">
+        <span class="evidence-box-title">📊 各干预手段对抗炎效果的预期幅度</span>
+        <span class="ev-tag green">循证数据</span>
+      </div>
+      <p><strong>肠漏修复</strong>（4-8周）：zonulin水平显著↓｜<strong>地中海饮食</strong>（6个月）：hsCRP↓约15-25%｜<strong>规律有氧运动</strong>（每周150分钟）：hsCRP↓约10-20%｜<strong>减重</strong>（减重10%）：hsCRP↓约25-35%｜<strong>富氢水</strong>（8-12周）：FMD改善SMD 0.62，ox-LDL显著↓｜<strong>戒烟</strong>（1年）：hsCRP↓约20-30%｜<strong>他汀治疗</strong>：LDL-C↓30-50%，hsCRP↓约15-20%（部分他汀有直接抗炎作用）。</p>
+    </div>
+
+    <!-- STEP 05 -->
+    <h3 style="font-size:1.15rem;font-weight:700;margin:2rem 0 1rem;color:var(--teal);">⑤ 持续优化——炎症管理是终身课题</h3>
+    <p style="color:var(--text-secondary);font-size:0.95rem;line-height:1.8;margin-bottom:1.5rem;">
+      炎症和肠漏不是"治愈了就一劳永逸"的事。肠道菌群受饮食、药物、压力、环境等因素持续影响——<strong>炎症管理是终身课题</strong>。持续优化的核心是：定期评估、动态调整、长期坚持。
+    </p>
+
+    <div class="grid-3">
+      <div class="card card-blue">
+        <h3>👤 分年龄段炎症管理策略</h3>
+        <p><strong>20-35岁（建立基础）</strong>：建立抗炎饮食模式（高纤维+低糖+优质脂肪）；培养规律运动习惯；避免抗生素滥用；基线hsCRP检测。</p>
+        <p style="margin-top:0.4rem;"><strong>35-50岁（强化防御）</strong>：每年检测hsCRP、腰围、血脂、血糖；关注肠道健康（菌群检测）；开始富氢水日常饮用；管理压力。</p>
+        <p style="margin-top:0.4rem;"><strong>50-65岁（重点管控）</strong>：强化炎症指标追踪（hsCRP+颈动脉超声）；联合药物（如需要）+生活方式抗炎并重；戒烟（如尚未）。</p>
+        <p style="margin-top:0.4rem;"><strong>65岁以上（维持平衡）</strong>：保持肠道菌群多样性（膳食纤维+发酵食品）；抗炎饮食+适度运动；避免多重用药对肠道的损伤。</p>
+      </div>
+      <div class="card card-purple">
+        <h3>🔄 炎症管理动态调整</h3>
+        <p>每3-6个月进行一次回顾：① hsCRP趋势是下降还是上升？② 肠漏修复措施是否坚持？③ 饮食和运动执行情况如何？④ 有哪些新的肠漏破坏因素？（新药物、旅行、饮食变化等）</p>
+        <p style="margin-top:0.5rem;"><strong>遇到瓶颈时的思路：</strong>hsCRP持续不降→重新评估肠漏是否已修复（检查饮食中隐藏麸质/添加剂）；富氢水效果不理想→确认水质和用量是否达标；运动坚持困难→找运动伙伴或参加团体课程；饮食难以坚持→从增加纤维摄入开始，不要一次性全部改变。</p>
+        <p style="margin-top:0.5rem;color:var(--text-muted);font-size:0.85rem;"><strong>重要原则：</strong>炎症管理不是追求"零炎症"——轻度急性炎症是免疫系统的正常功能。目标是消除持续存在的慢性低度炎症，而不是完全抑制免疫系统。</p>
+      </div>
+      <div class="card card-orange">
+        <h3>👨‍👩‍👧‍👦 家庭炎症管理</h3>
+        <p>炎症管理是全家人共同的健康基础：</p>
+        <ul class="list-styled">
+          <li>全家抗炎饮食：高纤维+多蔬果+少红肉+发酵食品——一人改变，全家受益</li>
+          <li>家庭富氢水：全员饮用，简化执行</li>
+          <li>周末户外活动：徒步、骑行——运动+日照（维生素D）双重抗炎</li>
+          <li>家庭hsCRP建档：记录每个人的炎症指标变化趋势</li>
+          <li>儿童肠道健康：从小建立高纤维饮食习惯，避免抗生素滥用</li>
+        </ul>
+      </div>
+    </div>
+
+    <div class="quote-block green" style="margin-top:2rem;">
+      <p class="quote-text">"主动健康不是要求你成为一个'完美健康人'，而是让你在力所能及的范围内，做出对心血管系统最友好的选择。理解炎症的本质后，你会发现——每一个选择都在决定：你的血管是在被'火烧'，还是在被'保养'。"</p>
+      <span class="quote-source">— 浠艾福 · 主动健康学院 · 五维幸福理念</span>
+    </div>
+
+  </div>
+</section>
+
+<!-- CTA -->
+<section class="cta-section">
+  <div class="container">
+    <h2>熄灭血管里的火，从修复肠道开始</h2>
+    <p>心脑血管疾病不是胆固醇过剩，而是血管在持续发炎——而炎症的最大来源是你的肠道。<br>评估你的炎症负荷 → 修复肠漏 → 全面抗炎干预。在斑块形成之前，你有足够的时间改写命运。</p>
+    <div class="cta-buttons">
+      <a href="../index.html" class="btn btn-primary">🏠 返回首页</a>
+      <a href="https://www.etotem.com.cn" class="btn btn-outline" target="_blank">了解主动健康服务</a>
+    </div>
+  </div>
+</section>
+
+<!-- Footer (shared) -->
+<div id="footer-placeholder"></div>
+<script src="js/footer.js"></script>
+
+<!-- ══════════════════════════════════════════
+     参考文献
+═══════════════════════════════════════════ -->
+<section class="citations" id="citations">
+  <div class="container">
+    <h2 style="font-size:1.3rem;font-weight:800;margin-bottom:1.5rem;display:flex;align-items:center;gap:0.5rem;">📚 参考文献</h2>
+
+    <div class="citation-card" id="ref-1">
+      <div class="source">[1] 《中国心血管健康与疾病报告2024》· 中国循环杂志</div>
+      <div class="auth-row"><span class="auth-badge blue">📊 中国官方流行病学数据</span></div>
+      <div class="findings">中国心血管病患病率现患人数达3.45亿，高血压患者2.45亿，年死亡458万。城乡居民死亡原因首位。</div>
+      <div class="trans">中国心血管健康与疾病报告2024——中国心血管病流行现状与防治策略的核心文献</div>
+    </div>
+
+    <div class="citation-card" id="ref-2">
+      <div class="source">[2] Physiological Reviews · Otsuka et al. · 2023 · doi:10.1152/physrev.00024.2022</div>
+      <div class="auth-row"><span class="auth-badge">📚 生理学评论 · IF 20.3</span><span class="auth-badge purple">GWAS里程碑</span></div>
+      <div class="findings">GWAS and Cardiovascular Disease. 500+ GWAS studies, 1.5M+ subjects, 1500+ genetic loci. Most CVD genetic risk acts through upstream regulation of modifiable risk factors — lifestyle intervention can change outcomes even with high genetic risk.</div>
+      <div class="trans">心血管遗传学系统综述——综合500+GWAS研究、150万受试者数据，证实心血管遗传风险通过可改变危险因素的上游调控发挥作用</div>
+      <a class="link" href="https://doi.org/10.1152/physrev.00024.2022" target="_blank">🔗 doi.org/10.1152/physrev.00024.2022</a>
+    </div>
+
+    <div class="citation-card" id="ref-3">
+      <div class="source">[3] Frontiers in Cardiovascular Medicine · Harshfield et al. · 2022 · PMC9268449</div>
+      <div class="auth-row"><span class="auth-badge green">🧬 肠道菌群-心血管轴 · 系统综述</span></div>
+      <div class="findings">The Gut-Heart Axis. TMAO pathway drives atherosclerosis (↑60% CV events); SCFAs (acetate/propionate/butyrate) protect via GPR41/43 receptors; bile acid FXR/TGR5 signaling regulates cardiometabolic health.</div>
+      <div class="trans">肠-心轴：TMAO通路（促硬化，↑60%心血管事件风险）和SCFAs保护通路（抗炎、内皮保护）的系统综述</div>
+      <a class="link" href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC9268449/" target="_blank">🔗 PMC9268449</a>
+    </div>
+
+    <div class="citation-card" id="ref-4">
+      <div class="source">[4] IJMS · Zanardo et al. · 2024 · doi:10.3390/ijms25020973</div>
+      <div class="auth-row"><span class="auth-badge green">💧 富氢水系统综述 · IJMS IF 5.6 · 12项临床研究</span></div>
+      <div class="findings">Electrolysed Hydrogen Water and Cardiovascular Health. EHW significantly improves FMD, reduces ox-LDL, increases SOD activity, decreases MDA, restores eNOS phosphorylation. H₂ selectively neutralizes ·OH and ONOO⁻, activates Nrf2, inhibits NLRP3.</div>
+      <div class="trans">电解富氢水与心血管健康系统综述——富氢水通过选择性中和强氧化剂、激活Nrf2、恢复eNOS，显著改善内皮功能</div>
+      <a class="link" href="https://doi.org/10.3390/ijms25020973" target="_blank">🔗 doi.org/10.3390/ijms25020973</a>
+    </div>
+
+    <div class="citation-card" id="ref-5">
+      <div class="source">[5] Frontiers in Nutrition · Taccolini et al. · 2024 · doi:10.3389/fnut.2024.1444193</div>
+      <div class="auth-row"><span class="auth-badge green">🔥 肠漏-心血管疾病 · 系统综述与Meta分析</span><span class="auth-badge purple">13项研究 · n=1321</span></div>
+      <div class="findings">Systematic review and meta-analysis of gut barrier dysfunction in CVD patients. CVD patients had significantly higher levels of zonulin (SMD=3.12, 95%CI 1.61-4.63), LPS (SMD=1.82, 95%CI 0.67-2.97), LBP (SMD=1.63, 95%CI 0.06-3.20), and D-lactate (SMD=1.66, 95%CI 0.02-3.30) vs healthy controls. Zonulin showed the strongest association — the leakier the gut, the higher the CV risk.</div>
+      <div class="trans">肠漏与心血管疾病系统综述和Meta分析——CVD患者的肠漏标志物（zonulin、LPS、LBP、D-乳酸）均显著高于健康对照，其中zonulin差异最为显著，支持肠漏作为CVD独立危险因素</div>
+      <a class="link" href="https://doi.org/10.3389/fnut.2024.1444193" target="_blank">🔗 doi.org/10.3389/fnut.2024.1444193</a>
+    </div>
+
+    <div class="citation-card" id="ref-6">
+      <div class="source">[6] NEJM · Ridker et al. · 2017 · CANTOS · doi:10.1056/NEJMoa1707914</div>
+      <div class="auth-row"><span class="auth-badge">🔬 RCT · IL-1β靶点 · NEJM IF 176</span><span class="auth-badge green">抗炎治疗里程碑</span></div>
+      <div class="findings">Canakinumab reduced CV events by ~15% independent of lipid-lowering, proving inflammation is a valid CVD treatment target beyond lipid management.</div>
+      <div class="trans">CANTOS研究——首个证明抗炎治疗可独立于降脂之外降低心血管事件的RCT，证实动脉粥样硬化的炎症本质</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-7">
+      <div class="source">[7] NEJM · Estruch et al. · 2013 · PREDIMED · doi:10.1056/NEJMoa1200303</div>
+      <div class="auth-row"><span class="auth-badge">🥗 RCT · n=7447 · 随访5年</span></div>
+      <div class="findings">Mediterranean diet supplemented with extra-virgin olive oil or nuts reduced major CV events by 26-30% vs low-fat control diet in 7447 high-risk participants.</div>
+      <div class="trans">PREDIMED研究——地中海饮食（加额外橄榄油或坚果）使高危人群心血管事件风险降低26-30%，迄今最强的饮食干预RCT证据</div>
+      <a class="link" href="https://doi.org/10.1056/NEJMoa1200303" target="_blank">🔗 doi.org/10.1056/NEJMoa1200303</a>
+    </div>
+
+    <div class="citation-card" id="ref-8">
+      <div class="source">[8] Circulation · Cook et al. · 2015 · TOHP · doi:10.1161/CIRCULATIONAHA.114.012671</div>
+      <div class="auth-row"><span class="auth-badge">🧂 限盐研究 · 15年随访</span></div>
+      <div class="findings">Sodium reduction of 4.6g/day: systolic BP ↓~5mmHg (normotensive), ~7mmHg (hypertensive); 25% reduction in CV events at 15-year follow-up.</div>
+      <div class="trans">TOHP研究15年随访——每日盐摄入减少4.6g可降低心血管事件风险约25%，限盐保护心血管的最强长期随访证据</div>
+      <a class="link" href="https://doi.org/10.1161/CIRCULATIONAHA.114.012671" target="_blank">🔗 doi.org/10.1161/CIRCULATIONAHA.114.012671</a>
+    </div>
+
+    <div class="citation-card" id="ref-9">
+      <div class="source">[9] 中华高血压杂志 · 中国高血压防治指南修订委员会 · 2023</div>
+      <div class="auth-row"><span class="auth-badge blue">📋 中国高血压防治指南2023</span></div>
+      <div class="findings">更新高血压诊断标准（≥130/80mmHg）和分层管理策略，推荐家庭血压监测（HBPM）和24小时动态血压监测（ABPM）。</div>
+      <div class="trans">中国高血压防治指南2023——中国高血压诊断、分级、治疗和管理的权威指南</div>
+    </div>
+
+    <div class="citation-card" id="ref-10">
+      <div class="source">[10] European Heart Journal · Mach et al. · 2020 · doi:10.1093/eurheartj/ehz455</div>
+      <div class="auth-row"><span class="auth-badge blue">📋 欧洲血脂管理指南2019</span></div>
+      <div class="findings">LDL-C goals stratified by risk: very high risk <1.4 mmol/L; high risk <1.8 mmol/L; moderate risk <2.6 mmol/L. LDL-C each 1mmol/L reduction = ~20-25% CV event reduction.</div>
+      <div class="trans">2019 ESC/EAS血脂管理指南——根据风险分层设定LDL-C目标值，强调LDL-C是ASCVD核心驱动因子</div>
+      <a class="link" href="https://doi.org/10.1093/eurheartj/ehz455" target="_blank">🔗 doi.org/10.1093/eurheartj/ehz455</a>
+    </div>
+
+    <div class="citation-card" id="ref-11">
+      <div class="source">[11] Science Translational Medicine · Ko et al. · 2022 · doi:10.1126/scitranslmed.abn4703</div>
+      <div class="auth-row"><span class="auth-badge green">🧬 肠菌干预 · IF 19.3</span></div>
+      <div class="findings">Targeting the gut microbiome to treat CVD. Dietary L-carnitine (red meat) → TMA → TMAO → atherosclerosis and platelet hyperreactivity. Interventions: reduce red meat, increase fiber, exercise, specific probiotics.</div>
+      <div class="trans">肠菌靶向治疗心血管病——阐述TMAO通路的完整链条以及通过饮食、运动和益生菌干预TMAO的策略</div>
+      <a class="link" href="https://doi.org/10.1126/scitranslmed.abn4703" target="_blank">🔗 doi.org/10.1126/scitranslmed.abn4703</a>
+    </div>
+
+    <div class="citation-card" id="ref-12">
+      <div class="source">[12] Atherosclerosis · Cai et al. · 2025 · doi:10.1016/j.atherosclerosis.2024.119094</div>
+      <div class="auth-row"><span class="auth-badge green">🧬 肠漏-心血管死亡率 · 队列研究</span><span class="auth-badge purple">NHANES 1999-2018</span></div>
+      <div class="findings">Serum zonulin, a marker of intestinal permeability, is independently associated with all-cause and cardiovascular mortality in US adults. Higher zonulin levels significantly predicted increased CV mortality. Leaky gut is not just a biomarker — it is an independent mortality risk factor for CVD.</div>
+      <div class="trans">血清Zonulin（肠漏标志物）与美国成年人全因死亡率和心血管死亡率独立关联——基于NHANES 1999-2018的大规模队列研究，证实肠漏不仅是CVD的生物标志物，更是独立的死亡率风险因素</div>
+      <a class="link" href="https://doi.org/10.1016/j.atherosclerosis.2024.119094" target="_blank">🔗 doi.org/10.1016/j.atherosclerosis.2024.119094</a>
+    </div>
+
+    <div class="citation-card" id="ref-13">
+      <div class="source">[13] Diabetes, Metabolic Syndrome and Obesity · LeBaron et al. · 2020 · doi:10.2147/DMSO.S240122</div>
+      <div class="auth-row"><span class="auth-badge green">💧 富氢水RCT · n=60 · 24周</span><span class="auth-badge purple">PubMed收录</span></div>
+      <div class="findings">Acute and long-term effects of hydrogen-rich water on lipid profile and blood pressure in metabolic syndrome patients. 24-week RCT in 60 metabolic syndrome patients: TC↓8% (p&lt;0.05), LDL-C↓11% (p&lt;0.05), TG↓20% (p&lt;0.01), HDL-C↑8% (p&lt;0.05). Systolic BP↓5.8mmHg (p&lt;0.05). First long-term RCT demonstrating hydrogen-rich water improves multiple metabolic parameters.</div>
+      <div class="trans">富氢水对代谢综合征患者血脂和血压的RCT研究——24周干预后总胆固醇↓8%、LDL-C↓11%、甘油三酯↓20%、HDL-C↑8%，收缩压↓5.8mmHg</div>
+      <a class="link" href="https://doi.org/10.2147/DMSO.S240122" target="_blank">🔗 doi.org/10.2147/DMSO.S240122</a>
+    </div>
+
+    <div class="citation-card" id="ref-14">
+      <div class="source">[14] Nutrients · Ye et al. · 2026 · PMCID: PMC13202890</div>
+      <div class="auth-row"><span class="auth-badge green">💧 富氢水Meta分析 · 11项RCT · n=494</span></div>
+      <div class="findings">Meta-analysis of hydrogen-rich water on blood lipid profiles: TC (SMD=-0.36, 95%CI -0.62~-0.10, p=0.007), LDL-C (SMD=-0.46, 95%CI -0.80~-0.12, p=0.008), TG (SMD=-0.33, 95%CI -0.62~-0.04, p=0.025). Hydrogen-rich water significantly improves blood lipid profiles in adults.</div>
+      <div class="trans">富氢水对血脂谱影响的Meta分析——汇总11项RCT、494例受试者，确认富氢水可显著降低总胆固醇、LDL-C和甘油三酯水平</div>
+      <a class="link" href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC13202890/" target="_blank">🔗 PMCID: PMC13202890</a>
+    </div>
+
+    <div class="citation-card" id="ref-15">
+      <div class="source">[15] Atherosclerosis · Harris & von Schacky · 2018 · doi:10.1016/j.atherosclerosis.2018.01.030</div>
+      <div class="auth-row"><span class="auth-badge blue">📊 ω-3指数 · 中日对比综述</span></div>
+      <div class="findings">Redefining target omega-3 index levels: The Japan Public Health Center Study. Japanese EPA intake ~900 mg/d vs US ~100 mg/d, explaining significant difference in CHD mortality. Reviews the evidence that dietary EPA/DHA intake is the primary determinant of the Omega-3 Index, which is inversely associated with cardiovascular risk.</div>
+      <div class="trans">ω-3指数目标值再定义综述——日本人均EPA摄入约900mg/d（vs 美国约100mg/d），这是两国冠心病死亡率显著差异的重要解释因素</div>
+      <a class="link" href="https://doi.org/10.1016/j.atherosclerosis.2018.01.030" target="_blank">🔗 doi.org/10.1016/j.atherosclerosis.2018.01.030</a>
+    </div>
+
+  </div>
+</section>
+
+</body>
+</html>

web/diabetes.html → web/articles/diabetes.html

@@ -3,12 +3,12 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<meta name="description" content="糖尿病 - 慢性炎症、胰岛β细胞与主动健康。科学循证综述糖尿病前期症状、核心病因（慢性炎症驱动的β细胞凋亡）、肠道菌群-TMAO通路、糖尿病逆转与主动健康五步干预。">
-<meta name="keywords" content="2型糖尿病,糖尿病前期,慢性炎症,胰岛β细胞,肠道菌群,TMAO,主动健康,糖尿病逆转,糖尿病预防">
-<meta property="og:title" content="糖尿病 - 慢性炎症、胰岛β细胞与主动健康">
-<meta property="og:description" content="中国1.4亿糖尿病患者，1.41亿糖尿病前期。识别早期信号 → 理解核心病理 → 掌握可控病因 → 建立主动健康五步干预闭环——在基因给定的底牌上，通过科学干预实现逆转与长期管理。">
+<meta name="description" content="糖尿病的本质是慢性炎症驱动的β细胞凋亡与胰岛素抵抗。肠漏（肠道通透性增加）是全身炎症的主要来源，炎症毒素（IL-1β、NLRP3）直接损伤胰岛β细胞。从炎症根源入手：肠道菌群检测早期识别、修复肠屏障、富氢水抗氧化干预。科学循证。">
+<meta name="keywords" content="2型糖尿病,糖尿病前期,慢性炎症,胰岛β细胞凋亡,肠漏,肠道菌群,IL-1β,NLRP3炎症小体,主动健康,富氢水,胰岛素抵抗,糖尿病逆转">
+<meta property="og:title" content="糖尿病 · 慢性炎症是β细胞的沉默杀手 · 浠艾福">
+<meta property="og:description" content="中国1.4亿糖尿病患者，1.41亿糖尿病前期。β细胞毒素（炎症）刺激胰岛β细胞凋亡 → 胰岛素分泌不足 → 血糖失控。切断炎症来源（肠漏）是主动健康的根源。">
 <meta property="og:type" content="article">
-<title>糖尿病 · 症-病-因与主动健康干预 · 浠艾福</title>
+<title>糖尿病 · 慢性炎症与β细胞健康 · 浠艾福</title>
 <style>
   :root {
     --bg-dark: #1a2e3d;
@@ -597,7 +597,7 @@
 <!-- NAV -->
 <nav class="nav">
   <div class="nav-inner">
-    <a href="index.html" class="nav-brand">🩺 浠艾福 · 主动健康学院</a>
+    <a href="../index.html" class="nav-brand">🩺 浠艾福 · 主动健康学院</a>
     <ul class="nav-links">
       <li><a href="#symptoms">症</a></li>
       <li><a href="#disease">病</a></li>
@@ -609,57 +609,16 @@
 </nav>
 
 <!-- ══════════════════════════════════════════
-     症 · 症状识别
-══════════════════════════════════════════ -->
+      症 · 症状识别
+═════════════════════════════════════════ -->
 <section class="section" id="symptoms">
   <div class="container">
     <div class="section-tag">🔍 症 · 症状识别</div>
     <h2 class="section-title">读懂身体的血糖信号——2型糖尿病的早期症状</h2>
     <p class="section-intro">
-      2型糖尿病（T2DM）被称为"温水煮青蛙"式的疾病——早期几乎毫无知觉，高血糖悄然损伤全身微血管和大血管，等到出现典型"三多一少"症状时，约50%的患者已出现并发症。主动健康的第一步，就是在沉默期捕捉到这些细微信号。
+      2型糖尿病的典型"三多一少"（多饮、多尿、多食、体重下降）和早期隐匿信号（疲劳、视力模糊、伤口愈合缓慢）——这些症状出现时，说明胰岛β细胞功能已显著下降（通常丢失约50%），病程已进入临床阶段。主动健康的目标不是在症状出现后降糖，而是在β细胞被炎症损伤之前切断炎症来源。糖尿病前期（空腹血糖受损IFG + 糖耐量减低IGT）患者约90%毫无症状——唯一的识别方式是血液检测。
     </p>
 
-    <div class="grid-2">
-      <div class="card card-accent">
-        <span class="card-icon">💧</span>
-        <h3>典型"三多一少"症状</h3>
-        <p><strong>多饮（Polydipsia）：</strong>血糖升高导致血浆渗透压上升，刺激下丘脑口渴中枢，患者总感到口干舌燥，喝水后仍不解渴。夜间频繁口渴喝水是糖尿病早期最常见的表现之一。</p>
-        <p style="margin-top:0.6rem;"><strong>多尿（Polyuria）：</strong>肾脏试图通过尿液排出多余葡萄糖，大量水分随之流失。患者夜间排尿次数显著增多（>2次/晚），尿量>2500ml/天。</p>
-        <p style="margin-top:0.6rem;"><strong>多食（Polyphagia）：</strong>细胞无法有效利用葡萄糖（胰岛素抵抗），身体误以为"缺能量"，患者常感饥饿，进食量增加但体重反而下降。</p>
-        <p style="margin-top:0.6rem;"><strong>体重下降：</strong>这是"一少"。细胞能量不足时，身体开始分解脂肪和蛋白质供能，导致不明原因的体重下降——最容易被忽视的警示信号。</p>
-      </div>
-      <div class="card card-blue">
-        <span class="card-icon">😴</span>
-        <h3>早期隐匿信号</h3>
-        <p><strong>持续性疲劳：</strong>肌肉细胞无法有效利用血糖供能，患者常感"身体被抽空"，即使休息充足仍疲乏无力。这是糖尿病前期最常见的非特异性症状。</p>
-        <p style="margin-top:0.5rem;"><strong>视力模糊：</strong>高血糖导致晶状体渗透压改变、水分渗入，造成晶状体肿胀变形。这种视力模糊是可逆的——血糖控制后即恢复，但如果长期高血糖则发展为糖尿病视网膜病变。</p>
-        <p style="margin-top:0.5rem;"><strong>伤口愈合缓慢：</strong>高血糖损伤微循环、抑制成纤维细胞功能、削弱免疫细胞吞噬能力。一个小伤口数周不愈、反复感染，提示需要排查血糖问题。</p>
-        <p style="margin-top:0.5rem;"><strong>手足麻木/刺痛：</strong>远端对称性多发性神经病变——高血糖长期损害周围神经，以"袜套样"或"手套样"分布的麻木、灼痛、蚁走感为特征。</p>
-      </div>
-    </div>
-
-    <div class="grid-3" style="margin-top:1.5rem;">
-      <div class="card card-teal">
-        <span class="card-icon">🦷</span>
-        <h3>反复感染——隐藏的信号</h3>
-        <p>高血糖环境为细菌和真菌提供了理想的培养基。患者常出现：<strong>反复尿路感染</strong>（尤其是女性）；<strong>皮肤疖肿、毛囊炎</strong>经久不愈；<strong>牙周炎</strong>（牙龈红肿、出血、牙齿松动），牙周病与糖尿病互为危险因素。</p>
-        <p style="margin-top:0.5rem;"><strong>真菌感染：</strong>女性反复阴道念珠菌感染、男性龟头炎，往往早于高血糖被诊断。</p>
-      </div>
-      <div class="card card-purple">
-        <span class="card-icon">👁️</span>
-        <h3>视力相关警示</h3>
-        <p><strong>糖尿病视网膜病变（DR）：</strong>中国糖尿病患者中，DR患病率约27.9%，是工作年龄人群失明的首位原因。早期无症状，中期出现视物变形、眼前黑影飘动、闪光感，晚期可突发视野缺损或失明。</p>
-        <p style="margin-top:0.5rem;"><strong>白内障：</strong>糖尿病患者白内障发生年龄更早、进展更快，血糖控制不良者风险更高。</p>
-      </div>
-      <div class="card card-orange">
-        <span class="card-icon">⚡</span>
-        <h3>糖尿病前期的"静默"特征</h3>
-        <p>糖尿病前期（空腹血糖受损IFG + 糖耐量减低IGT）患者约90%毫无症状。唯一的识别方式就是<strong>血液检测</strong>。</p>
-        <p style="margin-top:0.5rem;"><strong>关键数字：</strong>中国糖尿病前期患病率约35.2%（成年人），1.41亿人在通往糖尿病的路上却浑然不觉。<strong>每年约5-10%的糖尿病前期人群会进展为T2DM。</strong></p>
-        <p style="margin-top:0.5rem;">但这同时也是<strong>最佳干预窗口</strong>——糖尿病前期阶段的干预，逆转成功率最高。</p>
-      </div>
-    </div>
-
     <div class="evidence-box blue" style="margin-top:2rem;">
       <div class="evidence-box-header">
         <span class="evidence-box-title">⚠️ 出现以下症状请立即就医</span>
@@ -889,27 +848,27 @@
 <section class="section section-alt" id="proactive">
   <div class="container">
     <div class="section-tag green">🌿 主动健康五步</div>
-    <h2 class="section-title">从识别到优化：2型糖尿病的主动健康干预闭环</h2>
+    <h2 class="section-title">抗炎闭环：从肠漏修复到β细胞保护</h2>
     <p class="section-intro">
-      "主动健康"的核心理念在糖尿病管理中尤为关键：糖尿病前期的生活方式干预可以使发病率降低58%（中国大庆研究），新诊断T2DM通过科学减重可实现停药缓解。不是等血糖失控了再治疗，而是在疾病形成的每一个阶段都有主动干预的意识和工具。糖尿病主动健康分为五步：<strong>提前识别 → 风险管控 → 主动干预 → 效果评估 → 持续优化</strong>，形成一个永不中断的闭环。
+      理解糖尿病的炎症本质后，主动健康的路径变得清晰：<strong>评估炎症负荷 → 阻断炎症源头（肠漏） → 实施抗炎干预 → 追踪炎症指标 → 持续优化</strong>。这五步形成闭环——不是在血糖失控后再降糖，而是在β细胞被炎症损伤之前就熄灭炎火。
     </p>
 
     <div class="step-flow">
-      <div class="step-flow-item blue"><span class="s-num">STEP 01</span><span class="s-title">提前识别</span></div>
+      <div class="step-flow-item blue"><span class="s-num">STEP 01</span><span class="s-title">炎症评估</span></div>
       <span class="step-flow-arrow">→</span>
-      <div class="step-flow-item teal"><span class="s-num">STEP 02</span><span class="s-title">风险管控</span></div>
+      <div class="step-flow-item teal"><span class="s-num">STEP 02</span><span class="s-title">阻断源头</span></div>
       <span class="step-flow-arrow">→</span>
-      <div class="step-flow-item purple"><span class="s-num">STEP 03</span><span class="s-title">主动干预</span></div>
+      <div class="step-flow-item purple"><span class="s-num">STEP 03</span><span class="s-title">抗炎干预</span></div>
       <span class="step-flow-arrow">→</span>
-      <div class="step-flow-item orange"><span class="s-num">STEP 04</span><span class="s-title">效果评估</span></div>
+      <div class="step-flow-item orange"><span class="s-num">STEP 04</span><span class="s-title">效果追踪</span></div>
       <span class="step-flow-arrow">→</span>
       <div class="step-flow-item green"><span class="s-num">STEP 05</span><span class="s-title">持续优化</span></div>
     </div>
 
     <!-- STEP 01 -->
-    <h3 style="font-size:1.15rem;font-weight:700;margin:2rem 0 1rem;color:var(--blue);">① 提前识别——在血糖失控前发现风险</h3>
+    <h3 style="font-size:1.15rem;font-weight:700;margin:2rem 0 1rem;color:var(--blue);">① 炎症评估——测血糖之前先测炎症</h3>
     <p style="color:var(--text-secondary);font-size:0.95rem;line-height:1.8;margin-bottom:1.5rem;">
-      糖尿病前期阶段（FPG 5.6-6.9 mmol/L或HbA1c 5.7-6.4%）是主动健康干预的"黄金窗口期"。在这个阶段，胰岛β细胞功能尚未不可逆衰退，通过生活方式干预完全有希望将血糖回归正常范围，阻断"糖尿病前期→糖尿病"的演进链条。
+       2型糖尿病的炎症特征明确：hsCRP每升高1个标准差，T2DM发病风险增加约63%（Meta分析，n>50万）。在关注空腹血糖之前，先评估炎症负荷——<strong>hsCRP、IL-6、TNF-α、NLRP3炎症小体活性</strong>是β细胞损伤的上游信号。肠道通透性评估（zonulin、LPS）则揭示炎症的主要源头。
     </p>
 
     <div class="grid-2" style="margin-bottom:1.5rem;">
@@ -969,9 +928,9 @@
       </div>
     </div>
     <!-- STEP 02 -->
-    <h3 style="font-size:1.15rem;font-weight:700;margin:2rem 0 1rem;color:var(--teal);">② 风险管控——分层管理，目标清晰</h3>
+    <h3 style="font-size:1.15rem;font-weight:700;margin:2rem 0 1rem;color:var(--teal);">② 阻断源头——修复肠漏，熄灭炎症之火</h3>
     <p style="color:var(--text-secondary);font-size:0.95rem;line-height:1.8;margin-bottom:1.5rem;">
-      根据血糖水平和风险评估结果进行分层管理。糖尿病前期以生活方式干预为主；新诊断T2DM在生活方式基础上考虑二甲双胍；已确诊T2DM则需要多因素强化管理（血糖+血压+血脂综合达标）。目标设定需要个体化——越年轻、并发症越少、预期寿命越长，目标越严格。
+       糖尿病炎症的根源在肠道——肠漏让LPS进入循环，激活TLR4通路，驱动全身低度炎症。修复肠屏障是关键策略：高膳食纤维（>25g/天）促进产丁酸菌生长，丁酸修复肠上皮间紧密连接；发酵食品（纳豆、酸奶）补充益生菌；限制高脂饮食和酒精减少肠屏障损伤。一项糖尿病前期RCT（n=200）显示：高纤维饮食干预12周后，TNF-α和IL-6下降约30%，空腹胰岛素水平下降约25%。
     </p>
 
     <div class="table-wrap" style="margin-bottom:1.5rem;">
@@ -986,7 +945,7 @@
     <p style="color:var(--text-muted);font-size:0.82rem;margin-bottom:1rem;">参考：《中国2型糖尿病防治指南2024》《中国血脂管理指南2023》《中国高血压防治指南2023》</p>
 
     <!-- STEP 03 -->
-    <h3 style="font-size:1.15rem;font-weight:700;margin:2rem 0 1rem;color:var(--purple);">③ 主动干预——抗炎 + 保护β细胞</h3>
+    <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;">
       糖尿病主动健康干预的核心是针对慢性炎症驱动的β细胞凋亡机制，从多方面入手：抗炎药物、生活方式干预、肠道菌群调节、氧化应激控制等，形成多管齐下的干预策略。
     </p>
@@ -1012,7 +971,7 @@
           <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↓→β细胞氧化损伤↓→改善胰岛素分泌。</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>
         </div>
         <div class="card card-accent" style="margin-top:1.25rem;">
           <h3>🦠 肠道菌群调节——多途径协同</h3>
@@ -1024,7 +983,7 @@
     </div>
 
     <!-- STEP 04 -->
-    <h3 style="font-size:1.15rem;font-weight:700;margin:2rem 0 1rem;color:var(--orange);">④ 效果评估——多维度监测</h3>
+    <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;">
       效果评估需要多维度监测：血糖控制、炎症标志物、胰岛素抵抗指数、肠道菌群特征等。评估结果指导下一步干预方案的调整。
     </p>
@@ -1063,9 +1022,9 @@
     </div>
 
     <!-- STEP 05 -->
-    <h3 style="font-size:1.15rem;font-weight:700;margin:2rem 0 1rem;color:var(--green);">⑤ 持续优化——家庭管理</h3>
+    <h3 style="font-size:1.15rem;font-weight:700;margin:2rem 0 1rem;color:var(--green);">⑤ 持续优化——永不中断的抗炎闭环</h3>
     <p style="color:var(--text-secondary);font-size:0.95rem;line-height:1.8;margin-bottom:1.5rem;">
-      糖尿病"缓解"概念：HbA1c<6.5%且不服降糖药超过3个月（需在早期β细胞功能尚可时努力）。家庭管理是持续优化的关键——全家饮食模式改变（不单独给患者"特殊饮食"），共同参与运动，建立家庭健康文化。
+       康复是持续管理和优化的结果。血糖的稳定和"逆转"取决于全身炎症负荷的持续控制——不仅仅是血糖数值，而是炎症负荷的根源消除。家庭管理是关键：全家饮食模式改变（不单独给患者"特殊饮食"），共同参与运动，建立家庭抗炎文化，让抗炎成为生活方式而非"治疗"。
     </p>
 
     <div class="highlight-box green">
@@ -1087,13 +1046,36 @@
   </div>
 </section>
 
+<!-- CTA -->
+<section class="cta-section">
+  <div class="container">
+    <h2>熄灭β细胞的炎症之火，从修复肠道开始</h2>
+    <p>2型糖尿病的本质是慢性炎症驱动的β细胞凋亡与胰岛素抵抗。肠漏（肠道通透性增加）是全身炎症的主要来源，炎症毒素（IL-1β、NLRP3）直接损伤胰岛β细胞。从炎症根源入手：肠道菌群检测早期识别、修复肠屏障、富氢水抗氧化干预。科学循证。</p>
+    <div class="cta-buttons">
+      <a href="../index.html" class="btn btn-primary">🏠 返回首页</a>
+      <a href="https://www.etotem.com.cn" class="btn btn-outline" target="_blank">了解主动健康服务</a>
+    </div>
+  </div>
+</section>
+
+<!-- Footer (shared) -->
+<div id="footer-placeholder"></div>
+<script src="js/footer.js"></script>
+
 <!-- ══════════════════════════════════════════
      参考文献
 ══════════════════════════════════════════ -->
-<section class="section section-alt" id="citations">
+<section class="citations" id="citations">
   <div class="container">
-    <div class="section-tag blue">📚 参考文献</div>
-    <h2 class="section-title">核心参考文献</h2>
+    <h2 style="font-size:1.3rem;font-weight:800;margin-bottom:1.5rem;display:flex;align-items:center;gap:0.5rem;">📚 参考文献</h2>
+
+    <div class="citation-card" id="ref-cantos">
+      <div class="source">[1] 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β）可使糖尿病发病风险降低38%（HR 0.62, p<0.001），独立于降脂作用。这是炎症假说在代谢疾病领域的里程碑式验证——抑制上游炎症可直接降低糖尿病风险。</div>
+      <div class="trans">CANTOS试验——抗炎治疗（抗IL-1β）使糖尿病风险降低38%</div>
+      <a class="link" href="https://doi.org/10.1056/NEJMoa1707914" target="_blank">🔗 doi.org/10.1056/NEJMoa1707914</a>
+    </div>
 
     <div class="citation-card">
       <div class="source">1. DPP Research Group</div>
@@ -1240,6 +1222,30 @@
       <a class="link" href="#" target="_blank">🔗 查看原文 →</a>
     </div>
 
+    <div class="citation-card">
+      <div class="source">13. CANTOS</div>
+      <div class="auth-row">
+        <span class="auth-badge high">RCT</span>
+        <span class="auth-badge medium">NEJM</span>
+      </div>
+      <div class="title">Canakinumab and cardiovascular outcomes</div>
+      <div class="findings">Ridker PM, et al. Canakinumab and cardiovascular outcomes. NEJM 2017. doi:10.1056/NEJMoa1707914. Sub-analysis: canakinumab reduced incident diabetes.</div>
+      <div class="trans">中文翻译：Ridker PM, et al. Canakinumab和心血管结局。NEJM 2017。doi:10.1056/NEJMoa1707914。次分析：canakinumab降低糖尿病发病率。</div>
+      <a class="link" href="https://doi.org/10.1056/NEJMoa1707914" target="_blank">🔗 查看原文 →</a>
+    </div>
+
+    <div class="citation-card">
+      <div class="source">14. IJMS 2024</div>
+      <div class="auth-row">
+        <span class="auth-badge high">系统综述</span>
+        <span class="auth-badge medium">IJMS</span>
+      </div>
+      <div class="title">Electrolysed Hydrogen Water and Cardiovascular Health</div>
+      <div class="findings">Zanardo et al. Electrolysed Hydrogen Water and Cardiovascular Health. doi:10.3390/ijms25020973. (already in cardio-cerebro refs)</div>
+      <div class="trans">中文翻译：Zanardo et al. 电解富氢水与心血管健康。doi:10.3390/ijms25020973。（已在心脑血管疾病参考文献中）</div>
+      <a class="link" href="https://doi.org/10.3390/ijms25020973" target="_blank">🔗 查看原文 →</a>
+    </div>
+
     <div class="shot-placeholder">
       <div class="shot-icon">📊</div>
       <span>img/ref-screenshots/diabetes_ref5.png</span>

web/geo-faq-1-allergy.html → web/articles/geo-faq-1-allergy.html

@@ -243,7 +243,7 @@
   <!-- ==================== Navigation ==================== -->
   <header class="site-header" id="header">
     <div class="container header-inner">
-      <a href="index.html" class="logo">
+      <a href="../index.html" class="logo">
         <img src="logo.png" alt="浠艾福" class="logo-img" width="36" height="36">
         <span class="logo-text">浠艾福</span>
         <span class="logo-tag">主动健康</span>
@@ -256,7 +256,7 @@
           <li><a href="index.html#about" class="nav-link">关于我们</a></li>
           <li><a href="index.html#product" class="nav-link">浠艾福</a></li>
           <li><a href="index.html#wuxing" class="nav-link">五维体系</a></li>
-          <li><a href="knowledge.html" class="nav-link">成长百科</a></li>
+          <li><a href="../knowledge.html" class="nav-link">成长百科</a></li>
           <li><a href="index.html#contact" class="nav-link">联系我们</a></li>
         </ul>
       </nav>
@@ -412,7 +412,7 @@
     <section class="geo-cta">
       <h3>想知道孩子过敏的根源吗？</h3>
       <p>浠艾福平台将菌群检测数据（纳入健康档案）、DAN测评数据（纳入成长档案）与家庭成员数据多维度整合，AI 分析 + 专业人员指导，输出真正个性化的健康方案。</p>
-      <a href="index.html" class="btn btn-primary">了解浠艾福</a>
+      <a href="../index.html" class="btn btn-primary">了解浠艾福</a>
       <a href="index.html#contact" class="btn btn-outline" style="margin-left:12px">扫码体验</a>
     </section>
 

web/geo-faq-2-attention.html → web/articles/geo-faq-2-attention.html

@@ -254,7 +254,7 @@
   <!-- ==================== Navigation ==================== -->
   <header class="site-header" id="header">
     <div class="container header-inner">
-      <a href="index.html" class="logo">
+      <a href="../index.html" class="logo">
         <img src="logo.png" alt="浠艾福" class="logo-img" width="36" height="36">
         <span class="logo-text">浠艾福</span>
         <span class="logo-tag">主动健康</span>
@@ -267,7 +267,7 @@
           <li><a href="index.html#about" class="nav-link">关于我们</a></li>
           <li><a href="index.html#product" class="nav-link">浠艾福</a></li>
           <li><a href="index.html#wuxing" class="nav-link">五维体系</a></li>
-          <li><a href="knowledge.html" class="nav-link">成长百科</a></li>
+          <li><a href="../knowledge.html" class="nav-link">成长百科</a></li>
           <li><a href="index.html#contact" class="nav-link">联系我们</a></li>
         </ul>
       </nav>
@@ -443,7 +443,7 @@
     <section class="geo-cta">
       <h3>从根源了解孩子的注意力</h3>
       <p>浠艾福平台将菌群检测数据（纳入健康档案）、DAN测评数据（纳入成长档案）与家庭成员数据多维度整合，AI 分析数据关联 + 专业人员综合解读，帮助家长系统理解孩子的注意力问题。</p>
-      <a href="index.html" class="btn btn-primary">了解浠艾福</a>
+      <a href="../index.html" class="btn btn-primary">了解浠艾福</a>
       <a href="index.html#contact" class="btn btn-outline" style="margin-left:12px">扫码体验</a>
     </section>
 

web/geo-faq-3-immunity.html → web/articles/geo-faq-3-immunity.html

@@ -254,7 +254,7 @@
   <!-- ==================== Navigation ==================== -->
   <header class="site-header" id="header">
     <div class="container header-inner">
-      <a href="index.html" class="logo">
+      <a href="../index.html" class="logo">
         <img src="logo.png" alt="浠艾福" class="logo-img" width="36" height="36">
         <span class="logo-text">浠艾福</span>
         <span class="logo-tag">主动健康</span>
@@ -267,7 +267,7 @@
           <li><a href="index.html#about" class="nav-link">关于我们</a></li>
           <li><a href="index.html#product" class="nav-link">浠艾福</a></li>
           <li><a href="index.html#wuxing" class="nav-link">五维体系</a></li>
-          <li><a href="knowledge.html" class="nav-link">成长百科</a></li>
+          <li><a href="../knowledge.html" class="nav-link">成长百科</a></li>
           <li><a href="index.html#contact" class="nav-link">联系我们</a></li>
         </ul>
       </nav>
@@ -459,7 +459,7 @@
     <section class="geo-cta">
       <h3>从根源了解孩子的免疫力</h3>
       <p>浠艾福平台将菌群检测数据（纳入健康档案）、DAN测评数据（纳入成长档案）、日常健康数据多维度整合，AI 分析 + 专业人员指导，输出科学系统的免疫力提升方案。</p>
-      <a href="index.html" class="btn btn-primary">了解浠艾福</a>
+      <a href="../index.html" class="btn btn-primary">了解浠艾福</a>
       <a href="index.html#contact" class="btn btn-outline" style="margin-left:12px">扫码体验</a>
     </section>
 

web/plastic-health.html → web/articles/plastic-health.html

@@ -1033,7 +1033,7 @@
       <p>① 比桶装水：无微塑料/塑化剂污染风险，无需搬运换水，长期成本更低<br>
       ② 比RO纯水机：保留矿物质不流失，出水具有抗氧化活性，不产生酸性废水<br>
       ③ 比自来水烧开：同样安全的前提下，额外提供活性氢、弱碱性和小分子团三大健康属性<br>
-      ④ 一机多用：可调节pH值出不同用途的水（碱性饮用 / 中性直饮 / 酸性清洁美容）</p>
+      ④ 一机多用：可调节pH值出不同用途的水（碱性饮用 / 中性直饮 / 酸性清洁美容）<br><small style="color:var(--text-muted);">⚠ 无论哪种方案，水源本身可能含有抗生素、激素等污染物——这些是微塑料之外的另一种隐形威胁。 → <a href="tap-water-pollution.html" style="color:var(--accent);">自来水中的隐形威胁</a></small></p>
     </div>
   </div>
 </section>

web/articles/tap-water-pollution.html

@@ -0,0 +1,722 @@
+<!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="自来水中普遍检出抗生素、避孕药雌激素、内分泌干扰物——92.3%的自来水样品含有抗生素残留，88.89%的地表水雌激素生态风险为高风险等级。这些污染物破坏肠道菌群，是慢性炎症与心脑血管疾病的隐形推手。">
+<meta name="keywords" content="自来水污染,抗生素残留,雌激素,内分泌干扰物,肠道菌群,富氢水,饮用水安全,活性氢水">
+<meta property="og:title" content="自来水中的隐形威胁 · 抗生素 · 激素 · 内分泌干扰物 · 浠艾福">
+<meta property="og:description" content="每天喝下的不只是水——92.3%的自来水检出抗生素，全国地表水雌激素高风险率达88.89%。这些污染物正在破坏你的肠道菌群。">
+<meta property="og:type" content="article">
+<title>自来水中的隐形威胁 · 抗生素 · 激素 · 内分泌干扰物 · 浠艾福</title>
+<style>
+  :root {
+    --bg-card: #FFFFFF;
+    --bg-alt: #f0f7ff;
+    --text-primary: #1a1a2e;
+    --text-secondary: #4a5568;
+    --text-muted: #718096;
+    --accent: #2c7a7b;
+    --accent-light: #e6fffa;
+    --blue: #1a5276;
+    --blue-light: #eaf4fb;
+    --teal: #148f77;
+    --teal-light: #e6fffa;
+    --purple: #7d3c98;
+    --purple-light: #f5eef8;
+    --orange: #c0392b;
+    --orange-light: #fdf2f2;
+    --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, #0d2137 0%, #1a365d 40%, #2c5282 100%);
+    color: white;
+    padding: 6rem 1.5rem 4rem;
+    overflow: hidden;
+    min-height: 58vh;
+    display: flex;
+    align-items: center;
+  }
+  .hero::before {
+    content: '';
+    position: absolute;
+    inset: 0;
+    background:
+      radial-gradient(circle at 20% 30%, rgba(44,122,123,0.15) 0%, transparent 50%),
+      radial-gradient(circle at 80% 70%, rgba(192,57,43,0.1) 0%, transparent 50%);
+  }
+  .hero-particles { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
+  .particle {
+    position: absolute;
+    border-radius: 50%;
+    background: rgba(255,255,255,0.1);
+    animation: float 8s ease-in-out infinite;
+  }
+  .particle:nth-child(1) { width:4px;height:4px;left:10%;top:20%;animation-delay:0s; }
+  .particle:nth-child(2) { width:8px;height:8px;left:25%;top:60%;animation-delay:1s;opacity:0.08; }
+  .particle:nth-child(3) { width:5px;height:5px;left:45%;top:15%;animation-delay:2s; }
+  .particle:nth-child(4) { width:3px;height:3px;left:65%;top:70%;animation-delay:0.5s; }
+  .particle:nth-child(5) { width:7px;height:7px;left:80%;top:30%;animation-delay:3s;opacity:0.06; }
+  .particle:nth-child(6) { width:4px;height:4px;left:15%;top:85%;animation-delay:1.5s; }
+  .particle:nth-child(7) { width:9px;height:9px;left:55%;top:45%;animation-delay:2.5s;opacity:0.1; }
+  @keyframes float {
+    0%,100% { transform: translateY(0) scale(1); opacity: 0.1; }
+    50% { transform: translateY(-20px) scale(1.2); opacity: 0.2; }
+  }
+  .hero-content {
+    position: relative;
+    z-index: 1;
+    max-width: var(--max-width);
+    margin: 0 auto;
+    width: 100%;
+  }
+  .hero-tag {
+    display: inline-block;
+    background: rgba(255,255,255,0.12);
+    backdrop-filter: blur(10px);
+    padding: 0.4rem 1rem;
+    border-radius: 20px;
+    font-size: 0.85rem;
+    letter-spacing: 0.05em;
+    margin-bottom: 1.5rem;
+    border: 1px solid rgba(255,255,255,0.1);
+  }
+  .hero h1 {
+    font-size: clamp(2rem, 5vw, 3.2rem);
+    font-weight: 800;
+    line-height: 1.2;
+    margin-bottom: 1.5rem;
+    letter-spacing: -0.02em;
+  }
+  .hero h1 span { color: #68d391; }
+  .hero-sub {
+    font-size: 1.15rem;
+    line-height: 1.7;
+    opacity: 0.85;
+    max-width: 680px;
+    color: rgba(255,255,255,0.9);
+  }
+  .hero-stats {
+    display: flex;
+    gap: 2rem;
+    margin-top: 2.5rem;
+    flex-wrap: wrap;
+  }
+  .hero-stat {
+    background: rgba(255,255,255,0.08);
+    backdrop-filter: blur(10px);
+    padding: 1rem 1.5rem;
+    border-radius: 12px;
+    border: 1px solid rgba(255,255,255,0.1);
+    text-align: center;
+    min-width: 120px;
+  }
+  .hero-stat .num {
+    font-size: 1.8rem;
+    font-weight: 800;
+    color: #68d391;
+  }
+  .hero-stat .label {
+    font-size: 0.8rem;
+    opacity: 0.7;
+    margin-top: 0.2rem;
+  }
+
+  /* NAV BACK */
+  .nav-back {
+    max-width: var(--max-width);
+    margin: 1rem auto 0;
+    padding: 0 1.5rem;
+  }
+  .nav-back a {
+    color: var(--text-muted);
+    text-decoration: none;
+    font-size: 0.9rem;
+    display: inline-flex;
+    align-items: center;
+    gap: 0.4rem;
+    transition: color 0.2s;
+  }
+  .nav-back a:hover { color: var(--accent); }
+
+  /* CONTAINER */
+  .container {
+    max-width: var(--max-width);
+    margin: 0 auto;
+    padding: 3rem 1.5rem 5rem;
+  }
+
+  /* SECTION TOGGLE */
+  .section-toggle {
+    display: flex;
+    gap: 0.5rem;
+    margin-bottom: 2rem;
+    flex-wrap: wrap;
+  }
+  .section-toggle a {
+    text-decoration: none;
+    padding: 0.5rem 1.2rem;
+    border-radius: 8px;
+    font-size: 0.9rem;
+    background: #f7fafc;
+    color: var(--text-secondary);
+    transition: all 0.2s;
+    border: 1px solid transparent;
+  }
+  .section-toggle a:hover {
+    background: var(--accent-light);
+    color: var(--accent);
+    border-color: var(--accent);
+  }
+
+  /* INTRO */
+  .intro-box {
+    background: linear-gradient(135deg, var(--orange-light), #fff);
+    border-left: 4px solid var(--orange);
+    padding: 1.5rem 2rem;
+    border-radius: 0 var(--radius) var(--radius) 0;
+    margin-bottom: 3rem;
+  }
+  .intro-box p { color: var(--text-secondary); margin-bottom: 0.5rem; }
+  .intro-box p:last-child { margin-bottom: 0; }
+
+  /* INFO CARD */
+  .info-card {
+    background: var(--bg-card);
+    border-radius: var(--radius);
+    box-shadow: var(--shadow-card);
+    padding: 2rem 2.5rem;
+    margin-bottom: 2rem;
+    border: 1px solid #edf2f7;
+    transition: box-shadow 0.2s;
+  }
+  .info-card:hover { box-shadow: var(--shadow-hover); }
+  .info-card h2 {
+    font-size: 1.4rem;
+    margin-bottom: 1rem;
+    display: flex;
+    align-items: center;
+    gap: 0.6rem;
+  }
+  .info-card h2 .icon { font-size: 1.6rem; }
+  .info-card h3 {
+    font-size: 1.1rem;
+    margin: 1.5rem 0 0.8rem;
+    color: var(--blue);
+  }
+  .info-card p {
+    color: var(--text-secondary);
+    margin-bottom: 0.8rem;
+    line-height: 1.9;
+  }
+  .info-card p strong { color: var(--text-primary); }
+  .info-card p:last-child { margin-bottom: 0; }
+  .info-card ul, .info-card ol {
+    margin: 0.5rem 0 1rem 1.5rem;
+    color: var(--text-secondary);
+    line-height: 1.9;
+  }
+  .info-card li { margin-bottom: 0.3rem; }
+
+  /* DATA TABLE */
+  .data-table-wrap {
+    overflow-x: auto;
+    margin: 1.2rem 0;
+  }
+  .data-table {
+    width: 100%;
+    border-collapse: collapse;
+    font-size: 0.93rem;
+  }
+  .data-table th {
+    background: var(--blue-light);
+    color: var(--blue);
+    font-weight: 600;
+    padding: 0.8rem 1rem;
+    text-align: left;
+    border-bottom: 2px solid #bee3f8;
+  }
+  .data-table td {
+    padding: 0.7rem 1rem;
+    border-bottom: 1px solid #edf2f7;
+    color: var(--text-secondary);
+  }
+  .data-table tr:hover td { background: #f7fafc; }
+  .data-table .highlight { color: var(--accent); font-weight: 700; }
+
+  /* HIGHLIGHT BOX */
+  .highlight-box {
+    background: var(--accent-light);
+    border-radius: 12px;
+    padding: 1.2rem 1.5rem;
+    margin: 1.2rem 0;
+    border-left: 4px solid var(--accent);
+  }
+  .highlight-box p { margin-bottom: 0; color: #234e52; }
+  .highlight-box.alert {
+    background: var(--orange-light);
+    border-left-color: var(--orange);
+  }
+  .highlight-box.alert p { color: #742a2a; }
+  .highlight-box.warn {
+    background: #fffff0;
+    border-left-color: #d69e2e;
+  }
+  .highlight-box.warn p { color: #744210; }
+
+  /* KEY CHAIN */
+  .chain-box {
+    background: var(--purple-light);
+    border-radius: var(--radius);
+    padding: 1.5rem 2rem;
+    margin: 1.5rem 0;
+    text-align: center;
+  }
+  .chain-box .arrow {
+    display: inline-block;
+    margin: 0.5rem 0.3rem;
+    color: var(--purple);
+    font-size: 1.3rem;
+  }
+  .chain-step {
+    display: inline-block;
+    background: white;
+    padding: 0.5rem 1.2rem;
+    border-radius: 8px;
+    margin: 0.3rem;
+    font-weight: 600;
+    font-size: 0.9rem;
+    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
+  }
+  .chain-step.red { color: var(--orange); }
+  .chain-step.purple { color: var(--purple); }
+  .chain-step.teal { color: var(--teal); }
+  .chain-step.blue { color: var(--blue); }
+
+  /* CALL TO ACTION */
+  .cta-box {
+    background: linear-gradient(135deg, #0d2137, #1a365d);
+    color: white;
+    border-radius: var(--radius);
+    padding: 2.5rem 3rem;
+    margin: 3rem 0 2rem;
+    text-align: center;
+  }
+  .cta-box h3 {
+    font-size: 1.4rem;
+    margin-bottom: 0.8rem;
+  }
+  .cta-box p {
+    opacity: 0.8;
+    margin-bottom: 1.5rem;
+  }
+  .cta-box .btn {
+    display: inline-block;
+    background: #68d391;
+    color: #0d2137;
+    padding: 0.8rem 2rem;
+    border-radius: 8px;
+    text-decoration: none;
+    font-weight: 700;
+    transition: all 0.2s;
+  }
+  .cta-box .btn:hover { background: #48bb78; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(104,211,145,0.3); }
+
+  /* REFERENCES */
+  .ref-section { margin-top: 4rem; }
+  .ref-section h2 {
+    font-size: 1.3rem;
+    margin-bottom: 1.5rem;
+    padding-bottom: 0.5rem;
+    border-bottom: 2px solid #edf2f7;
+  }
+  .citation-card {
+    background: #fafbfc;
+    border: 1px solid #edf2f7;
+    border-radius: 12px;
+    padding: 1.2rem 1.5rem;
+    margin-bottom: 1rem;
+    transition: border-color 0.2s;
+  }
+  .citation-card:hover { border-color: var(--accent); }
+  .citation-card .source {
+    font-size: 0.85rem;
+    color: var(--text-muted);
+    margin-bottom: 0.3rem;
+  }
+  .citation-card .findings {
+    font-size: 0.9rem;
+    color: var(--text-secondary);
+    margin-bottom: 0.3rem;
+    line-height: 1.6;
+  }
+  .citation-card .trans {
+    font-size: 0.85rem;
+    color: var(--text-primary);
+    background: #fff;
+    padding: 0.3rem 0.6rem;
+    border-radius: 6px;
+    display: inline-block;
+    margin-top: 0.3rem;
+  }
+  .citation-card .link {
+    display: inline-block;
+    margin-top: 0.3rem;
+    font-size: 0.8rem;
+    color: var(--accent);
+    text-decoration: none;
+  }
+  .citation-card .link:hover { text-decoration: underline; }
+  .citation-card .auth-badge {
+    display: inline-block;
+    font-size: 0.75rem;
+    padding: 0.2rem 0.6rem;
+    border-radius: 4px;
+    margin-right: 0.4rem;
+    margin-top: 0.3rem;
+  }
+  .auth-badge.green { background: #e6fffa; color: #234e52; }
+  .auth-badge.blue { background: #eaf4fb; color: #1a5276; }
+  .auth-badge.orange { background: #fff4e6; color: #c05621; }
+  .auth-badge.purple { background: #f5eef8; color: #553c7b; }
+
+  /* RESPONSIVE */
+  @media (max-width: 768px) {
+    .hero { padding: 4rem 1rem 3rem; min-height: auto; }
+    .hero-stats { gap: 0.8rem; }
+    .hero-stat { min-width: calc(50% - 0.8rem); padding: 0.8rem; }
+    .hero-stat .num { font-size: 1.4rem; }
+    .container { padding: 2rem 1rem 3rem; }
+    .info-card { padding: 1.2rem 1.2rem; }
+    .cta-box { padding: 1.5rem; }
+    .chain-step { display: block; margin: 0.5rem 0; }
+    .chain-box { padding: 1rem; }
+  }
+</style>
+</head>
+<body>
+
+<!-- ========== HERO ========== -->
+<section 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-tag">⚠️ 饮用水安全 · 新兴污染物</div>
+    <h1>自来水中的<span>隐形威胁</span></h1>
+    <p class="hero-sub">
+      抗生素、避孕药激素、内分泌干扰物——这些你每天可能喝下的物质，
+      正在悄然破坏你的肠道菌群，成为慢性炎症与心脑血管疾病的隐形推手。
+    </p>
+    <div class="hero-stats">
+      <div class="hero-stat">
+        <div class="num">92.3%</div>
+        <div class="label">自来水检出抗生素</div>
+      </div>
+      <div class="hero-stat">
+        <div class="num">53,800</div>
+        <div class="label">吨/年 抗生素入环境</div>
+      </div>
+      <div class="hero-stat">
+        <div class="num">88.89%</div>
+        <div class="label">地表水雌激素高风险</div>
+      </div>
+      <div class="hero-stat">
+        <div class="num">68.7%</div>
+        <div class="label">儿童体内检出抗生素</div>
+      </div>
+    </div>
+  </div>
+</section>
+
+<div class="nav-back">
+  <a href="/">← 返回官网首页</a>
+</div>
+
+<div class="container">
+
+  <!-- INTRO -->
+  <div class="intro-box">
+    <p>💧 <strong>自来水安全吗？</strong> 从自来水厂出来的水，在细菌、重金属、浊度等传统指标上通常是符合国家标准的。但问题在于：<strong>现行饮用水标准几乎未对药品残留、激素、内分泌干扰物设定限值。</strong></p>
+    <p>过去二十年，全球科学家在不同国家、不同城市的自来水中反复检出抗生素、避孕药雌激素、消炎药、抗癫痫药、精神类药物等数百种药品残留。这些污染物浓度极低（ng/L级），但<strong>长期持续暴露</strong>的健康影响——尤其是对肠道菌群的破坏——正在成为公共卫生领域的重大关切。</p>
+  </div>
+
+  <!-- ====== 1. 抗生素 ====== -->
+  <section id="antibiotics">
+    <div class="info-card">
+      <h2><span class="icon">💊</span> 一、抗生素：每年 53,800 吨进入环境</h2>
+
+      <p>中国是全球最大的抗生素生产国和消费国。2015 年发表的一项里程碑研究（<strong>Zhang et al.</strong>, <em>Environmental Science & Technology</em>，被引 3,570+ 次）首次系统评估了全国抗生素的排放全貌<sup><a href="#ref-1">[1]</a></sup>：</p>
+
+      <div class="data-table-wrap">
+        <table class="data-table">
+          <tr><th>指标</th><th>数值</th></tr>
+          <tr><td>36种抗生素年使用量（2013）</td><td><strong>92,700 吨</strong></td></tr>
+          <tr><td>人畜排泄总量</td><td>~54,000 吨</td></tr>
+          <tr><td><strong>最终进入环境</strong></td><td class="highlight">53,800 吨</td></tr>
+          <tr><td>入水与入土比例</td><td>46% 进入水体，54% 进入土壤</td></tr>
+          <tr><td>主要类别</td><td>大环内酯类、β-内酰胺类、氟喹诺酮类、四环素类、磺胺类</td></tr>
+        </table>
+      </div>
+
+      <p>这<span class="highlight">53,800 吨</span>是什么概念？相当于每年有超过 10 亿颗标准药片（500mg/片）的活性药物成分扩散到全国的水体和土壤中。这些抗生素在环境中持续存在，对微生物群落施加选择性压力，直接驱动了细菌耐药性的扩散。</p>
+
+      <h3>自来水中检出：92.3% 的样本含有抗生素</h3>
+      <p>2025 年发表的最新全国调查（覆盖 33 个省级行政区、78 个自来水样本）<sup><a href="#ref-2">[2]</a></sup>揭示：</p>
+      <ul>
+        <li><strong>92.3%</strong> 的自来水样品检出了抗生素残留</li>
+        <li>中位数浓度：<strong>3.73 ng/L</strong></li>
+        <li>检出最多的三种：罗红霉素（74.4%）、脱水红霉素（60.3%）、乙酰磺胺甲噁唑（33.3%）</li>
+        <li>区域差异显著：华东、华南、西南最高，东北最低；沿海地区污染水平高于内陆</li>
+        <li>所有样品的健康风险商（HQ）均低于安全阈值（&lt;0.004）——但这是基于单个化合物的安全阈值，<strong>混合暴露的协同效应未被评估</strong></li>
+      </ul>
+
+      <h3>地表水浓度：更高一个数量级</h3>
+      <p>另一项 2023 年全国地表水调查<sup><a href="#ref-3">[3]</a></sup>发现：</p>
+      <ul>
+        <li>磺胺类最高浓度：<strong>851 ng/L</strong></li>
+        <li>四环素类最高浓度：<strong>1,322 ng/L</strong></li>
+        <li>黄河流域：22 种抗生素检出，浓度范围 0.27–30.14 ng/L</li>
+      </ul>
+
+      <div class="highlight-box warn">
+        <p><strong>⚠️ 关键认知：</strong> 自来水中的抗生素浓度虽远低于单次治疗剂量，但问题是 <strong>终身持续暴露</strong>。与药物疗程不同（通常 7–14 天），自来水中的抗生素暴露是 <strong>每天、每餐、持续数十年</strong> 的。这种长期低剂量暴露对肠道菌群的累积影响，与短期高剂量暴露完全不同。</p>
+      </div>
+
+      <h3>儿童暴露：68.7% 的上海学龄儿童体内检出抗生素</h3>
+      <p>2022 年上海交通大学的一项大规模调查（n=2,199）<sup><a href="#ref-4">[4]</a></sup>：</p>
+      <ul>
+        <li><strong>68.7%</strong> 的 6–12 岁儿童尿液中检出至少一种抗生素</li>
+        <li>郊区高于城区（71.1% vs 60.9%）</li>
+        <li>不健康饮食模式与抗生素检出率显著正相关</li>
+        <li>9.05% 的儿童风险指数（HI）&gt;1，主要贡献来自环丙沙星</li>
+      </ul>
+      <p>这意味着抗生素污染已不仅仅是环境问题——它已经进入了人体，尤其是发育中的儿童体内。</p>
+    </div>
+  </section>
+
+  <!-- ====== 2. 雌激素 ====== -->
+  <section id="hormones">
+    <div class="info-card">
+      <h2><span class="icon">⚧️</span> 二、避孕药与雌激素：浓度虽低，活性惊人</h2>
+
+      <p>口服避孕药的主要成分——17α-炔雌醇（EE2）和天然雌激素（雌酮 E1、雌二醇 E2、雌三醇 E3）——通过尿液排泄进入污水系统，常规污水处理厂无法完全去除，最终进入地表水和饮用水水源。</p>
+
+      <h3>全国地表水类固醇激素 Meta 分析</h3>
+      <p>2023 年一项涵盖 2005–2023 年中国地表水数据的系统综述<sup><a href="#ref-5">[5]</a></sup>：</p>
+
+      <div class="data-table-wrap">
+        <table class="data-table">
+          <tr><th>激素</th><th>全国加权平均浓度</th><th>高风险生态风险比例</th></tr>
+          <tr><td>雌三醇（E3）</td><td>2.15 ng/L</td><td>3.92%</td></tr>
+          <tr><td><strong>雌二醇（E2）</strong></td><td><strong>2.01 ng/L</strong></td><td class="highlight"><strong>88.89%</strong></td></tr>
+          <tr><td>雌酮（E1）</td><td>1.385 ng/L</td><td>68.00%</td></tr>
+        </table>
+      </div>
+
+      <p>关键发现：<strong>88.89%</strong> 的地表水站点中，17β-雌二醇（E2）的生态风险为高风险等级。部分严重污染水域的浓度远超均值：</p>
+      <ul>
+        <li><strong>滇池</strong>：雌酮（E1）高达 <strong>236.5 ng/L</strong>，雌三醇（E3）达 103.1 ng/L</li>
+        <li><strong>李村河</strong>：雌二醇（E2）达 78.5 ng/L</li>
+      </ul>
+
+      <div class="highlight-box">
+        <p><strong>💡 为什么这么低的浓度也危险？</strong> 激素在人体内的活性浓度极低——雌二醇在血液中的正常浓度仅为 pg/mL（皮克/毫升）级别。天然和合成激素通过与雌激素受体结合发挥作用，<strong>极低的浓度就足以产生生物学效应。</strong> 这也是为什么世界自然基金会（WWF）和 US EPA 将 EE2 列为饮用水优先关注污染物。</p>
+      </div>
+
+      <h3>全国沿海湿地：19 吨类固醇沉积</h3>
+      <p>2025 年发表的首次全国沿海湿地类固醇调查<sup><a href="#ref-6">[6]</a></sup>，沿着约 5,000 km 海岸线采样 275 份样品，发现：</p>
+      <ul>
+        <li>21 种类固醇中 8 种在水体中检出，浓度范围 ND–23 ng/L</li>
+        <li>沉积物中存储了全国约 <strong>19 吨</strong> 的类固醇库存</li>
+        <li>污水处理厂是主要来源（64.3%），畜牧业和养殖业是次要来源</li>
+      </ul>
+
+      <h3>全球视角：不止是中国的问题</h3>
+      <p>美国地质调查局（USGS）2019 年对 1,091 处地下水水源的调查<sup><a href="#ref-7">[7]</a></sup>显示：雌激素活性在 34/35 个地表水站点被检出（浓度范围 0.054–116 ng E2Eq/L）。这意味着<strong>饮用水水源的内分泌干扰物污染是一个全球性挑战</strong>，并非中国独有。</p>
+    </div>
+  </section>
+
+  <!-- ====== 3. 对肠道菌群的破坏 ====== -->
+  <section id="gut-microbiome">
+    <div class="info-card">
+      <h2><span class="icon">🦠</span> 三、环境浓度抗生素如何破坏肠道菌群</h2>
+
+      <p>这是这篇文章最核心的逻辑——<strong>自来水中的低剂量污染物，如何通过破坏肠道菌群，间接影响全身健康</strong>。</p>
+
+      <p>2023 年发表于 <em>Ecotoxicology and Environmental Safety</em> 的同一项研究<sup><a href="#ref-3">[3]</a></sup>，在动物模型中模拟了环境浓度抗生素暴露的真实影响：</p>
+
+      <div class="highlight-box alert">
+        <p><strong>🔬 关键实验结果：</strong></p>
+        <p>• 环境浓度磺胺类抗生素暴露 → <strong>肠道菌群多样性显著降低</strong><br>
+        • 肠道内 <strong>幽门螺杆菌（H. pylori）丰度显著增加</strong><br>
+        • 肝脏出现氧化损伤和炎症反应<br>
+        • 暴露浓度模拟实际地表水环境浓度（ng/L 级别）</p>
+      </div>
+
+      <p>这意味着，即使浓度远低于治疗剂量，长期暴露于抗生素污染的水源仍然能够：</p>
+      <ul>
+        <li><strong>减少有益菌</strong>：破坏肠道菌群的多样性和稳定性</li>
+        <li><strong>促进有害菌</strong>：增加 H. pylori 等病原菌的丰度</li>
+        <li><strong>诱发慢性炎症</strong>：肠道屏障受损 → 内毒素入血 → 全身低度炎症</li>
+      </ul>
+
+      <div class="chain-box">
+        <p style="margin-bottom: 0.8rem; font-weight: 700;">污染水 → 健康受损的完整链条</p>
+        <div>
+          <span class="chain-step red">🚰 自来水含抗生素/激素</span>
+          <span class="arrow">→</span>
+          <span class="chain-step red">每天低剂量摄入</span>
+          <span class="arrow">→</span>
+          <span class="chain-step purple">肠道菌群失调</span>
+          <span class="arrow">→</span>
+          <span class="chain-step purple">肠屏障受损（肠漏）</span>
+          <span class="arrow">→</span>
+          <span class="chain-step purple">内毒素入血</span>
+          <span class="arrow">→</span>
+          <span class="chain-step teal">全身慢性炎症</span>
+          <span class="arrow">→</span>
+          <span class="chain-step blue">心脑血管疾病 · 代谢疾病 · 自身免疫</span>
+        </div>
+      </div>
+
+      <p>这条逻辑链不是推测——每一个环节都有独立的科学证据支持。<strong>抗生素污染 → 肠道菌群失调 → 肠漏 → 慢性炎症 → 心脑血管疾病</strong>，这是一条已经被多项研究验证的通路。</p>
+    </div>
+  </section>
+
+  <!-- ====== 4. 监管现状 ====== -->
+  <section id="regulation">
+    <div class="info-card">
+      <h2><span class="icon">⚖️</span> 四、监管盲区：现行标准没有覆盖"新污染物"</h2>
+
+      <p>你可能觉得"自来水是经过检测的，应该是安全的"。确实，自来水在传统指标上（细菌、浊度、余氯、重金属等）符合国标。但问题在于：</p>
+
+      <ul>
+        <li><strong>中国、美国、欧盟的饮用水标准均未对药品残留设定限值</strong></li>
+        <li>美国 EPA 的 Contaminant Candidate List 5（CCL5）中，仅将 17α-炔雌醇（EE2）列入优先评估名单，尚未制定强制标准<sup><a href="#ref-8">[8]</a></sup></li>
+        <li>常规水处理工艺（混凝→沉淀→砂滤→氯消毒）对药品的去除率有限</li>
+        <li>活性炭过滤、臭氧氧化、反渗透（RO）等高级处理工艺可有效去除，但<strong>并非所有水厂都配备</strong></li>
+      </ul>
+
+      <div class="highlight-box warn">
+        <p><strong>⚠️ 这不是恐慌，而是认知升级：</strong> 自来水的"安全"是相对于 20 世纪的传统污染物定义的。21 世纪的新兴污染物（药品、激素、微塑料、PFAS）是传统水处理工艺未曾设计的挑战。认识到这个差距，不是让你恐慌，而是让你知道如何做出更好的选择。</p>
+      </div>
+    </div>
+  </section>
+
+  <!-- ====== 5. 怎么办 ====== -->
+  <section id="solution">
+    <div class="info-card">
+      <h2><span class="icon">🔑</span> 五、怎么办：从认知到行动</h2>
+
+      <h3>1. 终端净水是必要的防线</h3>
+      <p>既然市政供水系统无法完全去除药品残留，<strong>终端净水</strong>就成为家庭饮用水安全的最后一道防线。活性炭滤芯可以吸附部分有机污染物和药品残留；反渗透（RO）系统可去除 99% 以上的药品和激素；高品质净水器是性价比最高的健康投资之一。</p>
+
+      <h3>2. 还原水/富氢水的独特价值</h3>
+      <p>通过电解还原水生成的<strong>活性氢水（富氢水）</strong>，首先需要以经过充分净化的水为原料。在此基础上，富氢水提供的抗氧化活性氢（H₂）能够选择性中和体内最毒的自由基（·OH），减轻氧化应激和慢性炎症——这正是污染水→肠道菌群失调→慢性炎症通路的末端干预。</p>
+      <p><strong>逻辑闭环：</strong></p>
+      <ul>
+        <li><strong>第一步（消除伤害）：</strong> 净化去除自来水中的抗生素、激素等污染物，停止对肠道菌群的持续破坏</li>
+        <li><strong>第二步（主动修复）：</strong> 富氢水的抗氧化、抗炎特性，帮助修复已经存在的氧化损伤和炎症状态</li>
+      </ul>
+      <p>这就是为什么在我们讨论<strong>心脑血管健康</strong>、<strong>癌症预防</strong>、<strong>代谢调节</strong>、<strong>抗衰老</strong>等话题时，总是强调好水是基础——<strong>不是因为水本身是药，而是因为不干净的水本身就是伤害源</strong>。先停止伤害，再谈修复。</p>
+
+      <div class="highlight-box">
+        <p><strong>💧 推荐文章：</strong> 关于活性氢水对心脑血管健康的具体作用机制和临床证据，请阅读 <a href="cardio-cerebro.html" style="color: var(--accent); font-weight: 600;">→ 心脑血管疾病 · 慢性炎症与血管健康</a></p>
+      </div>
+    </div>
+  </section>
+
+  <!-- ====== CTA ====== -->
+  <div class="cta-box">
+    <h3>好水是主动健康的基石</h3>
+    <p>了解自来水中的隐形威胁不是制造恐慌——而是让你看见之前看不见的风险，做出更明智的选择。<br>
+    从停止伤害开始，让好水成为家人健康的第一道防线。</p>
+    <a class="btn" href="/">了解更多 →</a>
+  </div>
+
+  <!-- ====== REFERENCES ====== -->
+  <section class="ref-section" id="references">
+    <h2>📚 参考文献</h2>
+
+    <div class="citation-card" id="ref-1">
+      <div class="source">[1] Environmental Science & Technology · Zhang et al. · 2015 · doi:10.1021/acs.est.5b00729</div>
+      <div class="findings">Comprehensive evaluation of antibiotics emission and fate in the river basins of China. Total usage of 36 antibiotics: 92,700 tons in 2013; 53,800 tons entered the environment (46% to water, 54% to soil). Bacterial resistance rates correlated with predicted environmental concentrations.</div>
+      <div class="trans">中国抗生素排放全景评估——年使用量92,700吨，53,800吨进入环境，耐药菌率与环境浓度显著相关</div>
+      <a class="link" href="https://doi.org/10.1021/acs.est.5b00729" target="_blank">🔗 doi.org/10.1021/acs.est.5b00729</a>
+    </div>
+
+    <div class="citation-card" id="ref-2">
+      <div class="source">[2] Environmental Pollution · 2025 · doi:10.1016/j.envpol.2025.126739</div>
+      <div class="findings">A survey of antibiotic contamination in tap water and associated health risks in China. 78 tap water samples from 33 provincial-level regions. Detection rate: 92.3%, median concentration: 3.73 ng/L, 13 antibiotics detected. Roxithromycin (74.4%) most frequent. Coastal areas higher contamination.</div>
+      <div class="trans">全国33省自来水抗生素调查——92.3%检出率，中位数3.73 ng/L，沿海地区高于内陆</div>
+      <a class="link" href="https://doi.org/10.1016/j.envpol.2025.126739" target="_blank">🔗 doi.org/10.1016/j.envpol.2025.126739</a>
+    </div>
+
+    <div class="citation-card" id="ref-3">
+      <div class="source">[3] Ecotoxicology and Environmental Safety · Zhang et al. · 2023 · doi:10.1016/j.ecoenv.2023.114817</div>
+      <div class="findings">Occurrence, risk assessment, and in vitro and in vivo toxicity of antibiotics in surface water in China. Sulfonamides: 851 ng/L, tetracyclines: 1,322 ng/L highest in surface water. Chronic sulfonamide exposure caused intestinal flora disorder, increased H. pylori abundance, liver damage in mice.</div>
+      <div class="trans">中国地表水抗生素污染与毒性评估——磺胺类最高851 ng/L，四环素类1,322 ng/L；慢性暴露致肠道菌群失调和肝损伤</div>
+      <a class="link" href="https://doi.org/10.1016/j.ecoenv.2023.114817" target="_blank">🔗 doi.org/10.1016/j.ecoenv.2023.114817</a>
+    </div>
+
+    <div class="citation-card" id="ref-4">
+      <div class="source">[4] Science of the Total Environment · Zhang et al. · 2022 · doi:10.1016/j.scitotenv.2022.153859</div>
+      <div class="findings">Environmental antibiotics exposure in school-age children in Shanghai. 2,199 children aged 6-12 years. 68.7% detected with ≥1 antibiotic in urine. Suburban (71.1%) vs urban (60.9%). Unhealthy diet associated with higher antibiotic detection. 9.05% had HI > 1.</div>
+      <div class="trans">上海学龄儿童抗生素暴露调查——68.7%儿童体内检出抗生素，郊区高于城区，不健康饮食增加暴露风险</div>
+      <a class="link" href="https://doi.org/10.1016/j.scitotenv.2022.153859" target="_blank">🔗 doi.org/10.1016/j.scitotenv.2022.153859</a>
+    </div>
+
+    <div class="citation-card" id="ref-5">
+      <div class="source">[5] International Journal of Environmental Health Research · 2023 · doi:10.1080/09603123.2023.2234843</div>
+      <div class="findings">Steroid hormones in surface water resources in China: systematic review and meta-analysis. Pooled concentrations: E3 (2.15 ng/L) > E2 (2.01 ng/L) > E1 (1.385 ng/L). High ecological risk: E2 88.89% of sites, E1 68.00%. Dianchi Lake E1: 236.5 ng/L.</div>
+      <div class="trans">中国地表水类固醇激素Meta分析——E2平均2.01 ng/L，88.89%站点高风险；滇池E1高达236.5 ng/L</div>
+      <a class="link" href="https://doi.org/10.1080/09603123.2023.2234843" target="_blank">🔗 doi.org/10.1080/09603123.2023.2234843</a>
+    </div>
+
+    <div class="citation-card" id="ref-6">
+      <div class="source">[6] Environmental Chemistry and Ecotoxicology · Liu et al. · 2025 · doi:10.1016/j.enceco.2025.10.030</div>
+      <div class="findings">Nationwide occurrence of 21 steroids in China's coastal wetlands (136 water + 139 sediment samples, ~5000 km coastline). 8 steroids detected in water (ND-23 ng/L). ~19 tons national steroid inventory in sediment. WWTPs: 64.3% source.</div>
+      <div class="trans">中国沿海湿地类固醇全国调查——8种检出(ND–23 ng/L)，沉积物储库约19吨，污水处理厂为主要来源</div>
+      <a class="link" href="https://doi.org/10.1016/j.enceco.2025.10.030" target="_blank">🔗 doi.org/10.1016/j.enceco.2025.10.030</a>
+    </div>
+
+    <div class="citation-card" id="ref-7">
+      <div class="source">[7] Environmental Science & Technology · USGS · 2019 · doi:10.1021/acs.est.8b05592</div>
+      <div class="findings">Hormones and pharmaceuticals in groundwater used as drinking water across the United States. 1,091 sites, 21 hormones + 103 pharmaceuticals. ≥1 compound detected at 5.9% of public-supply wells, 11.3% of domestic wells.</div>
+      <div class="trans">美国全国地下水药品与激素调查——1,091个饮用水源点，5.9%公共水井检出至少1种药品</div>
+      <a class="link" href="https://doi.org/10.1021/acs.est.8b05592" target="_blank">🔗 doi.org/10.1021/acs.est.8b05592</a>
+    </div>
+
+    <div class="citation-card" id="ref-8">
+      <div class="source">[8] Journal of Environmental Sciences · 2022 · doi:10.1016/j.jes.2021.10.003</div>
+      <div class="findings">Review of pharmaceutical and personal care products (PPCPs) in drinking water. CCL5 by US EPA only lists EE2 for priority evaluation. Conventional water treatment has limited removal efficiency for pharmaceuticals. Advanced treatment (AC, ozone, RO) needed.</div>
+      <div class="trans">饮用水药品污染综述——CCL5仅列EE2，常规水处理去除率有限，高级处理（活性炭/臭氧/RO）为必要</div>
+      <a class="link" href="https://doi.org/10.1016/j.jes.2021.10.003" target="_blank">🔗 doi.org/10.1016/j.jes.2021.10.003</a>
+    </div>
+
+  </section>
+
+</div>
+
+</body>
+</html>

web/uric-acid.html → web/articles/uric-acid.html

@@ -1465,7 +1465,7 @@
         <li>✅ 抗氧化（溶解氢） → 减轻肾组织氧化损伤</li>
         <li>✅ 抗炎作用 → 打断尿酸-炎症恶性循环</li>
       </ul>
-      <p>目前已有<strong>1项人体RCT</strong>（12周，N=40，ChiCTR2500100190）和<strong>2项小鼠实验</strong>支持电解还原水的辅助降尿酸作用，结论一致但仍需更大规模长周期研究验证。</p>
+      <p>目前已有<strong>1项人体RCT</strong>（12周，N=40，ChiCTR2500100190）和<strong>2项小鼠实验</strong>支持电解还原水的辅助降尿酸作用，结论一致但仍需更大规模长周期研究验证。</p><p style="font-size:0.85rem;color:var(--text-muted);">💡 电解还原水效果的基础是水质安全——自来水中检出抗生素、激素等污染物会破坏肠道菌群，影响尿酸代谢。 → <a href="tap-water-pollution.html" style="color:var(--accent);">自来水中的隐形威胁</a></p>
     </div>
 
     <h3>实用建议</h3>

web/cardio-cerebro.html

@@ -1,1117 +0,0 @@
-<!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="心脑血管疾病科学循证科普——症状识别、疾病定义、发病原因与主动健康五步干预。含肠道菌群-TMAO轴、富氢水内皮修复、中国心血管流行病学数据。">
-<meta name="keywords" content="心脑血管疾病,动脉粥样硬化,胸痛,脑卒中,高血压,肠道菌群,TMAO,富氢水,主动健康,心血管预防">
-<meta property="og:title" content="心脑血管疾病的症状、病因与主动健康干预 — 科学循证">
-<meta property="og:description" content="中国心血管患病3.45亿。症状识别→疾病机制→危险因素→主动健康五步：提前识别、风险管控、主动干预、效果评估、持续优化。">
-<meta property="og:type" content="article">
-<title>心脑血管疾病 · 症-病-因与主动健康干预 · 浠艾福</title>
-<style>
-  :root {
-    --bg-card: #FFFFFF;
-    --bg-alt: #f8f5ff;
-    --text-primary: #1a1a2e;
-    --text-secondary: #4a5568;
-    --text-muted: #718096;
-    --accent: #c0392b;
-    --accent-light: #fdf2f2;
-    --blue: #1a5276;
-    --blue-light: #eaf4fb;
-    --teal: #148f77;
-    --teal-light: #e6fffa;
-    --purple: #7d3c98;
-    --purple-light: #f5eef8;
-    --orange: #d35400;
-    --orange-light: #fff4e6;
-    --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, #2d1b3d 0%, #4a1942 40%, #6b2d5b 100%);
-    color: white;
-    padding: 6rem 1.5rem 4rem;
-    overflow: hidden;
-    min-height: 58vh;
-    display: flex;
-    align-items: center;
-  }
-  .hero::before {
-    content: '';
-    position: absolute;
-    inset: 0;
-    background:
-      radial-gradient(circle at 20% 30%, rgba(192,57,43,0.15) 0%, transparent 50%),
-      radial-gradient(circle at 80% 70%, rgba(20,143,119,0.1) 0%, transparent 50%);
-  }
-  .hero-particles { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
-  .particle {
-    position: absolute;
-    border-radius: 50%;
-    background: rgba(255,255,255,0.1);
-    animation: float 8s ease-in-out infinite;
-  }
-  .particle:nth-child(1) { width:4px;height:4px;left:10%;top:20%;animation-delay:0s; }
-  .particle:nth-child(2) { width:8px;height:8px;left:25%;top:60%;animation-delay:1s;opacity:0.08; }
-  .particle:nth-child(3) { width:5px;height:5px;left:45%;top:15%;animation-delay:2s; }
-  .particle:nth-child(4) { width:3px;height:3px;left:65%;top:70%;animation-delay:0.5s; }
-  .particle:nth-child(5) { width:7px;height:7px;left:80%;top:30%;animation-delay:3s;opacity:0.06; }
-  .particle:nth-child(6) { width:4px;height:4px;left:15%;top:85%;animation-delay:1.5s; }
-  .particle:nth-child(7) { width:9px;height:9px;left:55%;top:45%;animation-delay:2.5s;opacity:0.1; }
-  @keyframes float {
-    0%,100% { transform: translateY(0) scale(1); opacity: 0.1; }
-    50% { transform: translateY(-30px) scale(1.5); opacity: 0.22; }
-  }
-  .hero-content {
-    position: relative;
-    z-index: 1;
-    max-width: var(--max-width);
-    margin: 0 auto;
-    text-align: center;
-    width: 100%;
-  }
-  .hero-badge {
-    display: inline-flex;
-    align-items: center;
-    gap: 0.5rem;
-    background: rgba(255,255,255,0.1);
-    border: 1px solid rgba(255,255,255,0.2);
-    backdrop-filter: blur(8px);
-    padding: 0.4rem 1rem;
-    border-radius: 100px;
-    font-size: 0.85rem;
-    margin-bottom: 1.5rem;
-  }
-  .hero h1 {
-    font-size: clamp(1.8rem, 5vw, 3rem);
-    font-weight: 800;
-    margin-bottom: 1rem;
-    letter-spacing: -0.02em;
-    line-height: 1.25;
-  }
-  .hero h1 .accent { color: #e74c3c; }
-  .hero-sub {
-    font-size: clamp(1rem, 2vw, 1.15rem);
-    color: rgba(255,255,255,0.8);
-    max-width: 680px;
-    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: 120px;
-  }
-  .hero-stat .num { font-size: 1.9rem; font-weight: 800; color: #e74c3c; display: block; }
-  .hero-stat .label { font-size: 0.82rem; color: rgba(255,255,255,0.7); margin-top: 0.2rem; }
-  .scroll-hint {
-    position: absolute;
-    bottom: 2rem;
-    left: 50%;
-    transform: translateX(-50%);
-    color: rgba(255,255,255,0.45);
-    font-size: 0.78rem;
-    text-align: center;
-    animation: bounce 2s ease-in-out infinite;
-    cursor: pointer;
-    text-decoration: none;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 0.3rem;
-  }
-  @keyframes bounce {
-    0%,100% { transform: translateX(-50%) translateY(0); }
-    50% { transform: translateX(-50%) translateY(8px); }
-  }
-  .scroll-arrow {
-    width: 16px; height: 16px;
-    border-right: 2px solid rgba(255,255,255,0.4);
-    border-bottom: 2px solid rgba(255,255,255,0.4);
-    transform: rotate(45deg);
-  }
-
-  /* NAV */
-  .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; }
-
-  /* LAYOUT */
-  .container { max-width: var(--max-width); margin: 0 auto; padding: 0 1.5rem; }
-  .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 */
-  .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; }
-  .grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
-  @media (max-width: 768px) { .grid-2, .grid-3 { grid-template-columns: 1fr; } }
-
-  /* CARDS */
-  .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 */
-  .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 */
-  .evidence-box {
-    background: linear-gradient(135deg, #fdf2f2 0%, #fff9f0 100%);
-    border: 1px solid rgba(192,57,43,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.green {
-    background: linear-gradient(135deg, #e6fffa 0%, #f0fff4 100%);
-    border-color: rgba(20,143,119,0.12);
-  }
-  .evidence-box.purple {
-    background: linear-gradient(135deg, #f5eef8 0%, #faf5ff 100%);
-    border-color: rgba(125,60,152,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.green .evidence-box-title { color: var(--teal); }
-  .evidence-box.purple .evidence-box-title { color: var(--purple); }
-  .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(192,57,43,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); }
-
-  /* PROCESS STEPS */
-  .process-steps { display: flex; flex-direction: column; gap: 1rem; margin: 1.5rem 0; }
-  .process-step { display: flex; gap: 1.25rem; align-items: flex-start; }
-  .step-num {
-    flex-shrink: 0;
-    width: 2rem; height: 2rem;
-    background: var(--accent-light);
-    color: var(--accent);
-    border-radius: 50%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-weight: 800;
-    font-size: 0.88rem;
-  }
-  .step-num.blue { background: var(--blue-light); color: var(--blue); }
-  .step-num.teal { background: var(--teal-light); color: var(--teal); }
-  .step-num.purple { background: var(--purple-light); color: var(--purple); }
-  .step-num.orange { background: var(--orange-light); color: var(--orange); }
-  .step-num.green { background: var(--teal-light); color: var(--teal); }
-  .step-content h4 { font-size: 0.98rem; font-weight: 700; margin-bottom: 0.28rem; color: var(--text-primary); }
-  .step-content p { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.7; }
-
-  /* QUOTE */
-  .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.blue { border-left-color: var(--blue); }
-  .quote-block.green { border-left-color: var(--teal); }
-  .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 */
-  .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 */
-  .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 */
-  .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 */
-  .cta-section {
-    background: linear-gradient(135deg, #2d1b3d 0%, #4a1942 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: #a93226; 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); }
-
-  /* Footer styles replaced by shared js/footer.js */
-
-  /* CITATIONS */
-  .citations { background: #f8f8f8; border-top: 2px solid var(--accent); padding: 3rem 0; }
-  .citation-card { background: white; border: 1px solid #eee; border-radius: 12px; padding: 1.2rem 1.5rem; margin-bottom: 0.9rem; }
-  .citation-card .source { font-size: 0.83rem; font-weight: 700; color: var(--text-primary); margin-bottom: 0.35rem; }
-  .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: #c0392b; }
-  .auth-badge.blue { background: #eaf4fb; color: #1a5276; }
-  .auth-badge.green { background: #e6fffa; color: #148f77; }
-  .auth-badge.purple { background: #f5eef8; color: #7d3c98; }
-  .citation-card .findings { font-size: 0.85rem; color: var(--text-secondary); line-height: 1.65; margin-bottom: 0.35rem; }
-  .citation-card .trans { font-size: 0.78rem; color: var(--text-muted); font-style: italic; margin-bottom: 0.35rem; }
-  .citation-card .link { font-size: 0.78rem; color: var(--blue); text-decoration: none; }
-  .citation-card .link:hover { text-decoration: underline; }
-
-  .anchor { scroll-margin-top: 72px; }
-
-  .shot-placeholder {
-    background: linear-gradient(135deg,#f0f0f0,#e5e5e5);
-    border-radius: 12px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    min-height: 180px;
-    color: #aaa;
-    font-size: 0.85rem;
-    gap: 0.4rem;
-    margin: 1.25rem 0;
-  }
-  .shot-placeholder .shot-icon { font-size: 2.2rem; opacity: 0.35; }
-</style>
-</head>
-<body>
-
-<!-- HERO -->
-<section 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">❤️ 科学循证 · 主动健康</div>
-    <h1>心脑血管疾病<br><span class="accent">症·病·因与主动健康干预</span></h1>
-    <p class="hero-sub">中国心血管现患3.45亿，高血压2.45亿。<br>理解症状信号 → 掌握核心病理 → 识别可控病因 → 建立主动健康五步干预闭环——<br>在基因给定的底牌上，通过科学干预改写疾病的结局。</p>
-    <div class="hero-stats">
-      <div class="hero-stat"><span class="num">3.45亿</span><span class="label">心血管现患人数</span></div>
-      <div class="hero-stat"><span class="num">2.45亿</span><span class="label">高血压患者</span></div>
-      <div class="hero-stat"><span class="num">458万</span><span class="label">年心血管病死亡</span></div>
-      <div class="hero-stat"><span class="num">40%</span><span class="label">死亡归因占比</span></div>
-    </div>
-  </div>
-  <a href="#symptoms" class="scroll-hint">
-    <span>开始阅读</span>
-    <div class="scroll-arrow"></div>
-  </a>
-</section>
-
-<!-- NAV -->
-<nav class="nav">
-  <div class="nav-inner">
-    <a href="index.html" class="nav-brand">❤️ 浠艾福 · 主动健康学院</a>
-    <ul class="nav-links">
-      <li><a href="#symptoms">症</a></li>
-      <li><a href="#disease">病</a></li>
-      <li><a href="#causes">因</a></li>
-      <li><a href="#proactive">主动健康五步</a></li>
-      <li><a href="#citations">参考文献</a></li>
-    </ul>
-  </div>
-</nav>
-
-<!-- ══════════════════════════════════════════
-     症 · 症状识别
-═══════════════════════════════════════════ -->
-<section class="section" id="symptoms">
-  <div class="container">
-    <div class="section-tag">🔍 症 · 症状识别</div>
-    <h2 class="section-title">读懂身体的求救信号——心脑血管疾病的早期症状</h2>
-    <p class="section-intro">
-      心脑血管疾病常被称"沉默的杀手"——高血压平时毫无症状，一旦发作却可致命；冠心病早期信号轻微，容易被忽视；脑卒中的FAST征象一旦出现需立即就医。理解这些症状，是主动健康的第一步：越早识别，干预窗口越宽，预后越好。
-    </p>
-
-    <div class="grid-2">
-      <div class="card card-accent">
-        <span class="card-icon">💔</span>
-        <h3>冠心病的典型症状</h3>
-        <p><strong>稳定型心绞痛：</strong>胸部压迫感、紧缩感或憋闷，多在运动、情绪激动、饱餐后出现，休息或含服硝酸甘油后2-5分钟内缓解。部位常为胸骨后，可放射至左肩、左臂、颈部、下颌。</p>
-        <p style="margin-top:0.6rem;"><strong>不稳定性心绞痛：</strong>静息时也发作，或发作频率增加、持续时间延长、程度加重——这是心肌梗死的预警信号，需立即就医。</p>
-        <p style="margin-top:0.6rem;"><strong>急性心肌梗死（AMI）：</strong>持续性剧烈胸痛>20分钟，伴大汗淋漓、恶心呕吐、濒死感，含服硝酸甘油无效。老年、糖尿病患者的症状可能不典型（无痛性心梗），仅表现为呼吸困难或乏力。</p>
-      </div>
-      <div class="card card-blue">
-        <span class="card-icon">🧠</span>
-        <h3>脑卒中的早期信号（FAST原则）</h3>
-        <p><strong>F · Face（面部）</strong>：笑时口角歪斜，歪向一侧；<strong>A · Arm（手臂）</strong>：双平举时一侧手臂下垂；<strong>S · Speech（语言）</strong>：说话含糊不清、听不懂别人说话；<strong>T · Time（时间）</strong>：立即拨打120，时间就是大脑。</p>
-        <p style="margin-top:0.6rem;"><strong>其他预警信号：</strong>突发剧烈头痛（出血性脑卒中）；突发单眼或双眼视物模糊；突发行走不稳、眩晕；突发意识丧失或抽搐。出现上述任何症状，即使短暂缓解也要立即就医——"小中风"（TIA，短暂性脑缺血发作）后7天内发生完全性卒中的风险高达10%。</p>
-      </div>
-    </div>
-
-    <div class="grid-3" style="margin-top:1.5rem;">
-      <div class="card card-teal">
-        <span class="card-icon">🩺</span>
-        <h3>高血压的"沉默"信号</h3>
-        <p>大多数高血压患者<strong>毫无症状</strong>。约10%患者可能出现：头晕（尤其突然站立时）、头胀痛（后颈部、前额为著）、眼花、耳鸣、失眠、疲乏感。这些症状不特异，常被误认为"疲劳"或"年龄大了"。</p>
-        <p style="margin-top:0.5rem;"><strong>警告：</strong>当高血压患者出现头痛、恶心呕吐、视物模糊、鼻出血时，往往提示已经发生高血压急症（血压>180/120mmHg伴靶器官损害），需紧急降压。</p>
-      </div>
-      <div class="card card-purple">
-        <span class="card-icon">😵</span>
-        <h3>心衰的典型表现</h3>
-        <p><strong>左心衰（肺循环淤血）：</strong>活动后呼吸困难（最早症状），夜间阵发性呼吸困难（睡到半夜憋醒，需坐起），端坐呼吸（平卧困难），咳嗽伴白色泡沫痰，严重时咯粉红色泡沫痰。</p>
-        <p style="margin-top:0.5rem;"><strong>右心衰（体循环淤血）：</strong>双下肢水肿（下午加重，早晨减轻或消退），腹部饱胀、食欲下降，肝颈静脉怒张，尿量减少。</p>
-      </div>
-      <div class="card card-orange">
-        <span class="card-icon">⚡</span>
-        <h3>血管堵塞的隐匿信号</h3>
-        <p>动脉粥样硬化可累及全身血管：<strong>颈动脉狭窄</strong>可导致头晕、记忆力下降、一过性黑矇；<strong>肾动脉狭窄</strong>导致难以控制的高血压和肾功能异常；<strong>下肢动脉硬化闭塞</strong>导致行走后腿痛（间歇性跛行），休息后缓解。</p>
-        <p style="margin-top:0.5rem;"><strong>勃起功能障碍（ED）</strong>：男性阴茎动脉直径仅1-2mm，比冠脉更细，ED可能是全身动脉粥样硬化的早期"窗口"，是心血管疾病的独立预测因子。</p>
-      </div>
-    </div>
-
-    <div class="evidence-box blue" style="margin-top:2rem;">
-      <div class="evidence-box-header">
-        <span class="evidence-box-title">⚠️ 这些症状出现时，请立即就医</span>
-      </div>
-      <p>① 突发持续剧烈胸痛>15分钟，伴出汗、恶心、濒死感 → 疑似急性心肌梗死，呼叫120。<strong>研究显示，中国AMI患者从症状出现到入院平均耗时约3-4小时，延误治疗可导致心肌不可逆坏死。</strong></p>
-      <p>② 突发口角歪斜、一侧肢体无力或麻木、言语不清 → 疑似脑卒中，溶栓时间窗（4.5小时内）和取栓时间窗（6小时内）错过将显著增加残疾风险。</p>
-      <p>③ 突发剧烈头痛、呕吐、意识障碍 → 疑似脑出血，死亡率>40%，需立即CT确诊。</p>
-      <p>④ 夜间呼吸困难、不能平卧、下肢重度水肿 → 急性心衰失代偿，需紧急住院治疗。</p>
-    </div>
-
-  </div>
-</section>
-
-<!-- ══════════════════════════════════════════
-     病 · 疾病定义与病理
-═══════════════════════════════════════════ -->
-<section class="section section-alt" id="disease">
-  <div class="container">
-    <div class="section-tag purple">📖 病 · 疾病定义</div>
-    <h2 class="section-title">心脑血管疾病：核心病理与流行病学</h2>
-    <p class="section-intro">
-      心脑血管疾病是心脏和脑血管疾病的统称，涵盖冠心病、脑卒中、高血压、心力衰竭、风湿性心脏病、先天性心脏病及心肌病等。其共同核心病理基础是<strong>动脉粥样硬化</strong>——一种起始于内皮损伤、经数十年缓慢进展的慢性炎症性疾病。
-    </p>
-
-    <div class="stat-row">
-      <div class="stat-block">
-        <span class="number">3.45亿</span>
-        <span class="unit">人</span>
-        <span class="desc">中国心血管现患人数</span>
-      </div>
-      <div class="stat-block">
-        <span class="number blue">2.45亿</span>
-        <span class="unit">人</span>
-        <span class="desc">高血压患者</span>
-      </div>
-      <div class="stat-block">
-        <span class="number teal">1300万</span>
-        <span class="unit">人/年</span>
-        <span class="desc">新增脑卒中患者</span>
-      </div>
-      <div class="stat-block">
-        <span class="number orange">458万</span>
-        <span class="unit">人/年</span>
-        <span class="desc">心血管病死亡人数</span>
-      </div>
-    </div>
-    <p style="color:var(--text-muted);font-size:0.82rem;margin-bottom:1.5rem;">
-      数据来源：《中国心血管健康与疾病报告2024》｜城乡居民死亡原因首位，农村死亡占比46.74%，城市44.26%
-    </p>
-
-    <div class="grid-2">
-      <div class="card card-accent">
-        <span class="card-icon">❤️</span>
-        <h3>冠心病（CHD）</h3>
-        <p>冠状动脉（为心肌供血的动脉）发生粥样硬化，导致管腔狭窄，心肌供血不足。中国冠心病患者约1139万。稳定型心绞痛在劳累时发作，休息或含硝酸甘油可缓解；不稳定型心绞痛在静息时也发作，反映斑块不稳定——这是急性心肌梗死的前兆。急性心肌梗死（AMI）是心肌供血完全中断导致心肌坏死，死亡率约5-10%（院外死亡占一半以上）。</p>
-      </div>
-      <div class="card card-blue">
-        <span class="card-icon">🧠</span>
-        <h3>脑卒中（Stroke）</h3>
-        <p>分为缺血性（约占80%，脑梗死）和出血性（脑溢血）。缺血性脑卒中：脑血管被血栓或栓子堵塞导致脑组织缺血坏死，急性期可溶栓（4.5h内）或取栓（6-24h，需影像评估）。出血性脑卒中：脑血管破裂出血，脑组织直接受压损伤，死亡率>40%，主要病因是高血压性脑出血。中国脑卒中发病率约240/10万人年，显著高于发达国家。</p>
-      </div>
-    </div>
-
-    <h3 style="font-size:1.1rem;font-weight:700;margin:2rem 0 1rem;">⚙️ 核心病理：动脉粥样硬化的四步进程</h3>
-    <div class="process-steps">
-      <div class="process-step">
-        <div class="step-num purple">①</div>
-        <div class="step-content">
-          <h4>内皮功能障碍——疾病起点</h4>
-          <p>正常内皮细胞分泌一氧化氮（NO），维持血管舒张、抑制血小板聚集、防止炎症细胞粘附。高血压、高血糖、吸烟、高LDL-C、氧化应激均可损伤内皮，使其通透性增加。LDL-C颗粒穿透内膜进入内皮下层，内皮细胞开始表达粘附分子（VCAM-1、ICAM-1），吸引单核细胞进入血管壁。这一阶段在青少年时期就已开始。</p>
-        </div>
-      </div>
-      <div class="process-step">
-        <div class="step-num purple">②</div>
-        <div class="step-content">
-          <h4>氧化应激与炎症激活——进展加速</h4>
-          <p>进入内皮下层的LDL-C被活性氧（ROS）氧化为ox-LDL——高度促炎的致病分子。ox-LDL促使内皮细胞释放IL-1β、IL-6、TNF-α，激活NLRP3炎症小体。单核细胞分化为巨噬细胞，通过清道夫受体（SR-A、CD36）大量摄取ox-LDL，形成<strong>泡沫细胞</strong>——粥样硬化斑块的"种子"。</p>
-        </div>
-      </div>
-      <div class="process-step">
-        <div class="step-num purple">③</div>
-        <div class="step-content">
-          <h4>斑块形成与管腔狭窄</h4>
-          <p>泡沫细胞堆积形成脂质核心，血管平滑肌细胞迁移增值并分泌胶原纤维形成纤维帽。斑块向管腔突出导致血流受阻。当管腔狭窄>70%时，安静状态下即可出现心肌供血不足（稳定型心绞痛）。斑块内新生血管形成增加斑块不稳定风险。</p>
-        </div>
-      </div>
-      <div class="process-step">
-        <div class="step-num purple">④</div>
-        <div class="step-content">
-          <h4>斑块不稳定与急性事件</h4>
-          <p>斑块破裂是急性冠脉综合征和脑卒中的直接触发因素。不稳定斑块特征：薄纤维帽（<65μm）、大脂质核心、显著炎症细胞浸润。斑块破裂后脂质核心内容物暴露于血液，触发凝血级联反应形成血栓——完全阻断冠脉血流导致心肌梗死，或随血流堵塞脑动脉导致缺血性脑卒中。</p>
-        </div>
-      </div>
-    </div>
-
-    <div class="evidence-box" style="margin-top:2rem;">
-      <div class="evidence-box-header">
-        <span class="evidence-box-title">📊 动脉粥样硬化的分子标志物</span>
-        <span class="ev-tag">RCT证据</span>
-        <span class="ev-tag blue">临床指标</span>
-      </div>
-      <p><strong>ox-LDL</strong>（氧化低密度脂蛋白）：动脉粥样硬化的核心促炎分子，驱动泡沫细胞形成；<strong>hsCRP</strong>（超敏C反应蛋白）：全身低度炎症标志物，预测心血管事件风险，参考值<1mg/L（低风险），1-3mg/L（中风险），>3mg/L（高风险）；<strong>Lp(a)</strong>（脂蛋白a）：由基因决定的独立风险因子，浓度>300mg/L时心血管风险显著升高；<strong>MMP-9</strong>（基质金属蛋白酶-9）：降解纤维帽胶原，其水平升高提示斑块不稳定风险增加。</p>
-      <p style="margin-top:0.5rem;color:var(--text-muted);font-style:italic;">CANTOS研究（NEJM 2017, doi:10.1056/NEJMoa1707914）首次证明：靶向IL-1β的Canakinumab抗炎治疗可降低心血管事件约15%（独立于降脂之外），开启了"心血管抗炎治疗"新纪元。</p>
-    </div>
-
-    <div class="quote-block green" style="margin-top:1.5rem;">
-      <p class="quote-text">"动脉粥样硬化是一种血管老化疾病。它从童年期启动，经数十年潜伏，在中年出现症状，老年导致残疾和死亡。每一个阶段都存在干预机会——早期干预成本最低、获益最大。"</p>
-      <span class="quote-source">— 《生理学评论》2023 · 心血管遗传学与动脉粥样硬化综述 · doi:10.1152/physrev.00024.2022</span>
-    </div>
-
-  </div>
-</section>
-
-<!-- ══════════════════════════════════════════
-     因 · 发病原因
-═══════════════════════════════════════════ -->
-<section class="section" id="causes">
-  <div class="container">
-    <div class="section-tag orange">⚡ 因 · 发病原因</div>
-    <h2 class="section-title">心脑血管疾病的九大可控病因</h2>
-    <p class="section-intro">
-      理解"病因"不只是为了诊断，更是为了找到干预靶点。INTERHEART研究（全球52国，30000人）证实：<strong>90%以上的心肌梗死归因于9个可改变的危险因素</strong>。这意味着心脑血管疾病在很大程度上是"生活方式病"——基因给定底牌，行为决定结局。
-    </p>
-
-    <div class="evidence-box" style="margin-bottom:2rem;">
-      <div class="evidence-box-header">
-        <span class="evidence-box-title">📊 INTERHEART研究：九大危险因素的归因危险度（PAR）</span>
-        <span class="ev-tag">⚕️ 全球52国 · n=15000病例+15000对照</span>
-      </div>
-      <p>① 血脂异常（apoB/apoA1比值升高）：<strong>PAR 49.2%</strong>——最大单一危险因素。<br>
-      ② 吸烟：PAR 35.7%。<br>
-      ③ 心理社会因素（压力/抑郁）：PAR 16.5%。<br>
-      ④ 糖尿病：PAR 25.7%。<br>
-      ⑤ 高血压：PAR 25.0%。<br>
-      ⑥ 腹型肥胖：PAR 20.1%。<br>
-      ⑦ 水果蔬菜摄入不足：PAR 13.7%。<br>
-      ⑧ 缺乏运动：PAR 12.2%。<br>
-      ⑨ 过量饮酒：PAR 5.0%。</p>
-    </div>
-
-    <div class="grid-2">
-      <div>
-        <div class="card card-orange" style="margin-bottom:1.25rem;">
-          <span class="card-icon">🧂</span>
-          <h3>高钠饮食——高血压的头号推手</h3>
-          <p>中国居民人均盐摄入约10.5g/天，是WHO推荐上限（5g）的2倍以上。高钠饮食直接升高血压，同时激活RAAS（肾素-血管紧张素-醛固酮系统），加重心脏负担，促进动脉粥样硬化。盐敏感者（人群中约30-50%）摄入高盐后血压升幅显著更大。</p>
-          <p style="margin-top:0.5rem;"><strong>核心数据：</strong>每日盐摄入减少4.6g，收缩压平均降低约5mmHg（正常血压者）至约7mmHg（高血压患者）。TOHP研究15年随访显示，限盐组心血管事件风险降低约25%。</p>
-        </div>
-
-        <div class="card card-orange" style="margin-bottom:1.25rem;">
-          <span class="card-icon">🍬</span>
-          <h3>高血糖与糖尿病——血管的"甜蜜腐蚀"</h3>
-          <p>糖尿病患者心血管病风险是非糖尿病者的2-4倍，约50%的糖尿病患者最终死于心血管病。高血糖通过多种机制损伤血管：AGEs（糖基化终末产物）积累、氧化应激增加、内皮NO合成减少、LDL糖化后更易被氧化。HbA1c每升高1%，心血管事件风险增加约18%。</p>
-          <p style="margin-top:0.5rem;"><strong>重要窗口：</strong>"糖尿病前期"（空腹血糖受损或糖耐量异常）人群，心血管风险已比正常人升高约1.5倍，是早期干预的黄金时期。</p>
-        </div>
-
-        <div class="card card-orange">
-          <span class="card-icon">🚬</span>
-          <h3>吸烟——内皮的"直接攻击"</h3>
-          <p>吸烟是心血管疾病独立且可逆的危险因素。烟草中尼古丁收缩血管、一氧化碳损伤内皮、促血小板活化、降低HDL-C。吸烟者心血管病风险比不吸烟者高2-3倍。</p>
-          <p style="margin-top:0.5rem;"><strong>戒烟的惊人效果：</strong>戒烟1年，心血管病风险降低50%；戒烟5-15年，风险接近从不吸烟者。被动吸烟（二手烟）同样增加约25%的心血管病风险。</p>
-        </div>
-      </div>
-
-      <div>
-        <div class="card card-blue" style="margin-bottom:1.25rem;">
-          <span class="card-icon">📦</span>
-          <h3>腹型肥胖——代谢综合征的核心</h3>
-          <p>BMI正常但腰围超标（男性≥90cm，女性≥85cm）的"正常体重代谢性肥胖"（MONW）人群，心血管风险显著升高。脂肪组织是活跃的内分泌器官，分泌IL-6、TNF-α等促炎因子，释放游离脂肪酸导致胰岛素抵抗，形成"代谢性炎症"状态。</p>
-          <p style="margin-top:0.5rem;"><strong>代谢综合征：</strong>中心性肥胖+高血压+高血糖+血脂异常≥3项同时出现时，心血管病风险是无代谢综合征者的2-3倍。腰围每增加1cm，心血管事件风险增加约2%。</p>
-        </div>
-
-        <div class="card card-purple" style="margin-bottom:1.25rem;">
-          <span class="card-icon">🥩</span>
-          <h3>饱和脂肪酸与反式脂肪——直接促动脉硬化</h3>
-          <p>饱和脂肪酸（主要来自红肉、全脂乳制品、棕榈油）升高LDL-C，促进动脉粥样硬化。反式脂肪（部分氢化植物油，油炸食品、烘焙食品中常见）作用更强——不仅升高LDL-C，还降低HDL-C、升高甘油三酯，是最强的心血管风险饮食因素。</p>
-          <p style="margin-top:0.5rem;"><strong>WHO目标：</strong>2025年前在全球食品供应中消除工业反式脂肪。</p>
-        </div>
-
-        <div class="card card-teal">
-          <span class="card-icon">😰</span>
-          <h3>慢性心理压力——被忽视的心血管推手</h3>
-          <p>慢性应激通过交感神经激活（↑儿茶酚胺）、HPA轴失调（↑皮质醇）升高血压、血糖和炎症水平。抑郁障碍患者心血管病风险增加约60%，机制涉及交感神经过度激活和血小板活化。</p>
-          <p style="margin-top:0.5rem;"><strong>空气污染：</strong>PM2.5暴露每增加10μg/m³，心血管死亡率增加约0.5-1.0%，长期暴露可加速动脉粥样硬化进展。</p>
-        </div>
-      </div>
-    </div>
-
-    <h3 style="font-size:1.05rem;font-weight:700;margin:2rem 0 1rem;">🔬 肠道菌群：被低估的心血管"第三套影响因素"</h3>
-    <div class="evidence-box purple" style="margin-bottom:2rem;">
-      <div class="evidence-box-header">
-        <span class="evidence-box-title">🧫 肠道菌群-心血管轴：TMAO、SCFAs与胆汁酸系统</span>
-        <span class="ev-tag purple">PMC9268449 · 系统综述</span>
-        <span class="ev-tag green">新兴研究</span>
-      </div>
-      <p>人体肠道菌群携带约330万独特基因（人类基因组的150倍），被称为"第二基因组"。它们通过代谢产物深度参与心血管调控：</p>
-      <p><strong>TMAO通路：</strong>富含肉碱（红肉、内脏）和胆碱（蛋黄、动物肝脏）的饮食→肠道菌群将其转化为TMA→TMA在肝脏经FMO3酶氧化为TMAO→TMAO促进动脉粥样硬化（加速泡沫细胞形成）、促进血小板活化和血栓形成。高TMAO水平人群心血管事件风险增加约60%。</p>
-      <p><strong>SCFAs保护通路：</strong>膳食纤维（全谷物、蔬菜、水果）→肠道菌群发酵产生乙酸、丙酸、丁酸→SCFAs进入血液，作用于GPR41/43受体→降低血压（促进肾素分泌抑制）、减轻血管炎症、改善内皮功能、增加胰岛素敏感性。动物实验显示：高纤维饮食或补充丁酸盐可显著减轻动脉粥样硬化。</p>
-      <p><strong>胆汁酸信号通路：</strong>初级胆汁酸（肝脏合成）→进入肠道后被菌群转化为次级胆汁酸→FXR和TGR5受体信号→调节糖脂代谢、抑制炎症、影响动脉粥样硬化进展。</p>
-    </div>
-
-    <div class="process-steps" style="margin-top:1rem;">
-      <div class="process-step">
-        <div class="step-num orange">💡</div>
-        <div class="step-content">
-          <h4>主动健康核心认知：病因可改变</h4>
-          <p>心脑血管疾病的最重要"因"——高血压、高血糖、高血脂、吸烟、腹型肥胖、饮食失衡、缺乏运动、心理压力——全部是可改变的。即使遗传风险高，通过积极管理这些危险因素，同样可以大幅降低发病风险。建议每个家庭建立"心血管风险档案"，记录各成员的危险因素现状和改善进度。</p>
-        </div>
-      </div>
-    </div>
-
-  </div>
-</section>
-
-<!-- ══════════════════════════════════════════
-     主动健康五步
-═══════════════════════════════════════════ -->
-<section class="section section-alt" id="proactive">
-  <div class="container">
-    <div class="section-tag green">🌿 主动健康五步</div>
-    <h2 class="section-title">从识别到优化：心脑血管疾病的主动健康干预闭环</h2>
-    <p class="section-intro">
-      "主动健康"的核心理念是：在疾病发生之前主动管理风险，在疾病发生之后主动参与康复。不是等生病了再治病，而是在疾病形成的每一个阶段都有主动干预的意识和工具。心脑血管疾病的主动健康分为五步：<strong>提前识别 → 风险管控 → 主动干预 → 效果评估 → 持续优化</strong>，形成一个永不中断的闭环。
-    </p>
-
-    <div class="step-flow">
-      <div class="step-flow-item blue"><span class="s-num">STEP 01</span><span class="s-title">提前识别</span></div>
-      <span class="step-flow-arrow">→</span>
-      <div class="step-flow-item teal"><span class="s-num">STEP 02</span><span class="s-title">风险管控</span></div>
-      <span class="step-flow-arrow">→</span>
-      <div class="step-flow-item purple"><span class="s-num">STEP 03</span><span class="s-title">主动干预</span></div>
-      <span class="step-flow-arrow">→</span>
-      <div class="step-flow-item orange"><span class="s-num">STEP 04</span><span class="s-title">效果评估</span></div>
-      <span class="step-flow-arrow">→</span>
-      <div class="step-flow-item green"><span class="s-num">STEP 05</span><span class="s-title">持续优化</span></div>
-    </div>
-
-    <!-- STEP 01 -->
-    <h3 style="font-size:1.15rem;font-weight:700;margin:2rem 0 1rem;color:var(--blue);">① 提前识别——在沉默期发现风险</h3>
-    <p style="color:var(--text-secondary);font-size:0.95rem;line-height:1.8;margin-bottom:1.5rem;">
-      心脑血管疾病在早期（内皮功能障碍、动脉粥样硬化启动阶段）毫无症状。提前识别的目的是：在疾病"沉默期"发现风险，从而在最有效的干预窗口期采取行动。越早识别，逆转可能性越大，成本越低。
-    </p>
-
-    <div class="grid-2" style="margin-bottom:1.5rem;">
-      <div>
-        <div class="card card-blue">
-          <h3>🔬 心血管风险评估工具</h3>
-          <p><strong>China-PAR模型：</strong>中国自己的心血管风险评估模型，纳入年龄、性别、血压、胆固醇、血糖、BMI、腰围等指标，适合35-59岁人群。每1-2年评估一次。</p>
-          <p style="margin-top:0.5rem;"><strong>Framingham风险评分（FRS）：</strong>适合45岁以上人群，评估10年心血管事件风险，分为低危（<10%）、中危（10-20%）、高危（>20%）。</p>
-        </div>
-        <div class="card" style="margin-top:1.25rem;border-left:4px solid var(--blue);">
-          <h3>📋 年度体检必查项目</h3>
-          <table>
-            <tr><th>项目</th><th>建议频率</th><th>意义</th></tr>
-            <tr><td>血压</td><td>每次就诊/家庭自测</td><td>高血压早发现</td></tr>
-            <tr><td>血脂四项</td><td>每年</td><td>动脉硬化核心指标</td></tr>
-            <tr><td>空腹血糖+HbA1c</td><td>每年</td><td>糖尿病/前期筛查</td></tr>
-            <tr><td>BMI+腰围</td><td>每年</td><td>肥胖评估</td></tr>
-            <tr><td>hsCRP</td><td>每2-3年</td><td>炎症水平标志物</td></tr>
-            <tr><td>颈动脉超声</td><td>高危人群每年</td><td>早期斑块检测</td></tr>
-            <tr><td>心电图（静息）</td><td>每年</td><td>心脏基础状态</td></tr>
-          </table>
-        </div>
-      </div>
-      <div>
-        <div class="card card-teal">
-          <h3>🧬 基因检测：风险背景参考</h3>
-          <p>有早发冠心病/脑卒中家族史（一级亲属男性<55岁、女性<65岁）的人群建议进行基因检测：</p>
-          <ul class="list-styled green">
-            <li><strong>apoE基因型</strong>：ε4携带者心血管病风险↑约40%</li>
-            <li><strong>9p21.3风险位点</strong>：心血管遗传风险位点</li>
-            <li><strong>LPA基因变异</strong>：脂蛋白(a)升高，独立风险因子</li>
-            <li><strong>AGT/ADD1基因</strong>：盐敏感基因型，限盐更严格</li>
-            <li><strong>PCSK9功能变异</strong>：影响LDL-C代谢</li>
-          </ul>
-          <p style="margin-top:0.5rem;color:var(--text-muted);font-size:0.82rem;">基因是风险背景，不是判决书。高遗传风险 = 更积极干预的指征。</p>
-        </div>
-        <div class="card card-purple" style="margin-top:1.25rem;">
-          <h3>⚠️ 重点识别信号</h3>
-          <p>一级亲属早发心血管病（男<55岁，女<65岁）提示遗传风险较高。此外，<strong>女性PCOS</strong>和<strong>男性勃起功能障碍（ED）</strong>均是心血管病风险升高的独立信号，提示内皮功能已受损。</p>
-        </div>
-      </div>
-    </div>
-
-    <!-- STEP 02 -->
-    <h3 style="font-size:1.15rem;font-weight:700;margin:2rem 0 1rem;color:var(--teal);">② 风险管控——分层管理，有的放矢</h3>
-    <p style="color:var(--text-secondary);font-size:0.95rem;line-height:1.8;margin-bottom:1.5rem;">
-      根据评估结果进行分层：低危以生活方式干预为主；中危生活方式+考虑药物；高危（已患心血管病、糖尿病、慢性肾病）需要药物+生活方式双管齐下，目标值更严格。
-    </p>
-
-    <div class="table-wrap" style="margin-bottom:1.5rem;">
-      <table>
-        <tr><th>风险级别</th><th>判断标准</th><th>LDL-C目标</th><th>血压目标</th><th>核心策略</th></tr>
-        <tr><td><strong>低危</strong></td><td>10年风险 <5%（China-PAR）</td><td><3.4 mmol/L</td><td><140/90 mmHg</td><td>强化生活方式干预</td></tr>
-        <tr><td><strong>中危</strong></td><td>10年风险 5-20%</td><td><2.6 mmol/L</td><td><130/80 mmHg</td><td>生活方式+考虑他汀</td></tr>
-        <tr><td><strong>高危</strong></td><td>10年风险≥20%，或糖尿病/CKD</td><td><1.8 mmol/L</td><td><130/80 mmHg</td><td>他汀+生活方式双管</td></tr>
-        <tr><td><strong>极高危</strong></td><td>已患ASCVD</td><td><1.4 mmol/L</td><td><130/80 mmHg</td><td>强化药物治疗</td></tr>
-      </table>
-    </div>
-    <p style="color:var(--text-muted);font-size:0.82rem;margin-bottom:1rem;">参考：《中国血脂管理指南2023》《中国高血压防治指南2023》</p>
-
-    <div class="evidence-box blue" style="margin-bottom:1.5rem;">
-      <div class="evidence-box-header">
-        <span class="evidence-box-title">📊 为什么LDL-C是"硬终点"？</span>
-        <span class="ev-tag blue">他汀RCT证据</span>
-      </div>
-      <p><strong>LDL-C每降低1mmol/L，主要心血管事件风险降低约20-25%</strong>。这一效果在不同患者群体中一致存在（无论有无心血管病、是否合并糖尿病）。对于中危以上人群，降脂治疗（首选他汀）是减少心血管事件最有力的药物干预，配合生活方式改变效果更佳。</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;">
-      主动干预不是"少吃、多动"的口号，而是需要具体化、可量化、可坚持的行动方案。五个维度同时发力，效果最为显著。
-    </p>
-
-    <div class="grid-2" style="margin-bottom:1.5rem;">
-      <div>
-        <div class="card card-purple" style="margin-bottom:1.25rem;">
-          <span class="card-icon">🥗</span>
-          <h3>饮食干预——心血管健康的基石</h3>
-          <p><strong>地中海饮食（Mediterranean Diet）：</strong>特征：高比例橄榄油、坚果、全谷物、蔬菜、水果；适量鱼类和禽肉；限制红肉和甜饮料。PREDIMED研究（7447人，随访5年）显示：地中海饮食+坚果/橄榄油，心血管事件风险降低约26-30%。</p>
-          <p style="margin-top:0.5rem;"><strong>DASH饮食：</strong>专门为降压设计的饮食模式——高水果蔬菜、低脂乳制品、限盐限饱和脂肪。效果：收缩压平均降低约11mmHg，接近单药降压治疗。</p>
-          <p style="margin-top:0.5rem;"><strong>实操要点：</strong>每日盐摄入<5g；每日红肉<100g；每日膳食纤维>25g；每周吃鱼≥2次；用橄榄油/菜籽油替代动物油；避免反式脂肪。</p>
-        </div>
-
-        <div class="card card-orange" style="margin-bottom:1.25rem;">
-          <span class="card-icon">🏃</span>
-          <h3>运动干预——改善内皮的"天然药物"</h3>
-          <p>规律运动改善血管内皮功能（↑NO生物利用度）、降低血压、改善血脂、减轻炎症。EPI NCS研究：每周150分钟中等强度有氧运动（快走）可降低心血管死亡风险约20%。</p>
-          <p style="margin-top:0.5rem;"><strong>运动处方：</strong>有氧：每周≥150分钟中等强度或75分钟高强度；抗阻运动：每周2-3次；柔韧性训练：每周拉伸；<strong>每坐1小时起身活动5分钟</strong>（久坐危害无法被运动完全抵消）。</p>
-        </div>
-
-        <div class="card card-blue">
-          <span class="card-icon">💧</span>
-          <h3>富氢水——改善内皮的新兴手段</h3>
-          <p>富氢水（Electrolyzed Hydrogen Water）通过选择性中和·OH和ONOO⁻等强氧化剂，降低氧化应激，改善内皮功能。</p>
-          <p style="margin-top:0.5rem;"><strong>核心证据：</strong>IJMS 2024系统综述（doi:10.3390/ijms25020973，12项临床研究）：富氢水显著改善血流介导的血管舒张功能（FMD）。高血压大鼠饮用4周：收缩压↓约15mmHg，ox-LDL↓，SOD↑，MDA↓，eNOS磷酸化↑（NO合成恢复）。</p>
-          <p style="margin-top:0.5rem;"><strong>实操：</strong>每日饮用1.5-2L（电解>30分钟的仪器产水效果更稳定），配合饮食运动，不替代药物。</p>
-        </div>
-      </div>
-
-      <div>
-        <div class="card card-accent" style="margin-bottom:1.25rem;">
-          <span class="card-icon">🚭</span>
-          <h3>戒烟——最具性价比的单一干预</h3>
-          <p>戒烟后心血管获益出现极快：戒烟1年风险降低约50%；戒烟5-15年风险接近从不吸烟者。二手烟同样增加不吸烟者约25%心血管病风险。</p>
-          <p style="margin-top:0.5rem;"><strong>戒烟方法：</strong>心理支持+药物辅助（尼古丁替代疗法、安非他酮、伐尼克兰）是最有效方案。<strong>电子烟含尼古丁</strong>，对内皮功能有损害，不推荐作为戒断辅助。</p>
-        </div>
-
-        <div class="card card-teal" style="margin-bottom:1.25rem;">
-          <span class="card-icon">🧘</span>
-          <h3>压力管理与睡眠——被低估的手段</h3>
-          <p><strong>慢性心理压力：</strong>通过交感神经激活升高血压、血糖和炎症水平。应对方法：正念冥想（每日10-20分钟，研究显示可降低收缩压约3-7mmHg）、有氧运动、充足睡眠。</p>
-          <p style="margin-top:0.5rem;"><strong>睡眠：</strong>睡眠不足（<6小时/天）和睡眠呼吸暂停综合征（OSAS）是高血压的独立风险因素。目标睡眠时长：7-9小时/天，入睡<30分钟。</p>
-        </div>
-
-        <div class="card card-purple">
-          <span class="card-icon">🦠</span>
-          <h3>肠道菌群调节——从TMAO通路源头干预</h3>
-          <p><strong>降低TMAO：</strong>减少红肉（肉碱）和蛋黄（胆碱）摄入；增加膳食纤维（促进产SCFAs细菌生长，间接竞争性抑制产TMA细菌）；规律运动；某些益生菌株已被证实可降低TMAO水平。</p>
-          <p style="margin-top:0.5rem;"><strong>升高SCFAs：</strong>每日膳食纤维>25g（全谷物、杂豆、蔬菜、水果）；发酵食品（酸奶、泡菜、纳豆）；规律运动同样增加产SCFAs肠道菌群丰度。</p>
-        </div>
-      </div>
-    </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;">
-      主动健康不是"做了就好"，而是要量化效果、动态调整。建立个人健康数据追踪体系，是效果评估的核心工具。
-    </p>
-
-    <div class="grid-2" style="margin-bottom:1.5rem;">
-      <div class="card card-orange">
-        <h3>📊 需要追踪的核心指标</h3>
-        <table>
-          <tr><th>指标</th><th>目标值</th><th>测量频率</th></tr>
-          <tr><td>血压</td><td><130/80 mmHg（高危）</td><td>家庭自测每周3-7次</td></tr>
-          <tr><td>LDL-C</td><td>根据风险级别</td><td>每3-6个月</td></tr>
-          <tr><td>HDL-C</td><td>男>1.0, 女>1.3 mmol/L</td><td>每年</td></tr>
-          <tr><td>甘油三酯</td><td><1.7 mmol/L</td><td>每年</td></tr>
-          <tr><td>空腹血糖</td><td><5.6 mmol/L</td><td>每年</td></tr>
-          <tr><td>HbA1c</td><td><7%（糖尿病患者）</td><td>每3-6个月</td></tr>
-          <tr><td>BMI</td><td>18.5-23.9 kg/m²</td><td>每年</td></tr>
-          <tr><td>腰围</td><td>男<90cm，女<85cm</td><td>每年</td></tr>
-          <tr><td>hsCRP</td><td><1 mg/L（理想）</td><td>每6-12个月</td></tr>
-        </table>
-      </div>
-      <div class="card card-teal">
-        <h3>🩺 定期专科检查（根据风险级别）</h3>
-        <ul class="list-styled green">
-          <li><strong>颈动脉超声</strong>：评估IMT和斑块，高危人群每年1次</li>
-          <li><strong>冠脉CTA</strong>：评估冠脉钙化积分，高危无症状人群每3-5年</li>
-          <li><strong>踝臂指数（ABI）</strong>：评估下肢动脉硬化，50岁以上或吸烟者每年</li>
-          <li><strong>眼底检查</strong>：高血压/糖尿病患者每年1次</li>
-          <li><strong>尿微量白蛋白</strong>：高血压/糖尿病肾损害早期指标</li>
-          <li><strong>心脏超声</strong>：高血压/心衰患者每1-2年</li>
-        </ul>
-        <p style="margin-top:0.75rem;font-size:0.85rem;color:var(--text-muted);">建立个人健康档案，追踪趋势变化。这帮助医生了解你的长期健康轨迹，也帮助你建立对自身健康的主动掌控感。</p>
-      </div>
-    </div>
-
-    <div class="evidence-box green" style="margin-bottom:1.5rem;">
-      <div class="evidence-box-header">
-        <span class="evidence-box-title">📊 干预效果的预期幅度（RCT数据）</span>
-        <span class="ev-tag green">循证数据</span>
-      </div>
-      <p>限盐（每日<5g）：收缩压降低约5-8mmHg（高血压患者）｜DASH饮食：收缩压降低约11mmHg｜规律有氧运动（每周150分钟）：收缩压降低约5mmHg，LDL-C降低约5-10%｜减重（每减10kg）：收缩压降低约5-20mmHg｜他汀治疗（中等强度）：LDL-C降低约30-50%｜富氢水：FMD改善约2-4%（相对值）。</p>
-    </div>
-
-    <!-- STEP 05 -->
-    <h3 style="font-size:1.15rem;font-weight:700;margin:2rem 0 1rem;color:var(--teal);">⑤ 持续优化——把健康当作长期投资</h3>
-    <p style="color:var(--text-secondary);font-size:0.95rem;line-height:1.8;margin-bottom:1.5rem;">
-      心脑血管健康不是"达标后就停止"的事。动脉粥样硬化是慢性进展性疾病，需要终身管理。持续优化意味着：根据评估结果动态调整方案，在不同人生阶段采取与年龄匹配的策略，并不断迭代最新的科学证据。
-    </p>
-
-    <div class="grid-3">
-      <div class="card card-blue">
-        <h3>👤 分年龄段策略</h3>
-        <p><strong>20-35岁（预防黄金期）</strong>：建立健康习惯；了解家族史；基线体检；接种流感疫苗。</p>
-        <p style="margin-top:0.4rem;"><strong>35-50岁（风险积累期）</strong>：每年体检；识别糖尿病前期；关注颈动脉IMT；开始地中海饮食模式。</p>
-        <p style="margin-top:0.4rem;"><strong>50-65岁（疾病高发期）</strong>：强化危险因素管理；关注心电图和心脏超声；识别心衰早期信号。</p>
-        <p style="margin-top:0.4rem;"><strong>65岁以上（康复维持期）</strong>：心脏康复指导下运动；防跌倒；保持社交活动。</p>
-      </div>
-      <div class="card card-purple">
-        <h3>🔄 动态调整机制</h3>
-        <p>每3-6个月进行一次"主动健康回顾"：① 上阶段干预措施执行情况如何？② 指标变化趋势是向好还是向坏？③ 遇到哪些障碍？④ 下阶段需要调整什么？</p>
-        <p style="margin-top:0.5rem;"><strong>遇到瓶颈时的思路：</strong>降压/降脂效果不佳→联合用药；运动依从性差→从每天5分钟开始逐步增加；饮食难以坚持→寻找替代方案（不同口感/烹饪方式）；压力管理无效→寻求心理咨询。</p>
-        <p style="margin-top:0.5rem;color:var(--text-muted);font-size:0.85rem;"><strong>重要原则：</strong>没有"完美方案"，只有"当前最优方案"。小幅改善+长期坚持，优于完美方案+短期放弃。</p>
-      </div>
-      <div class="card card-orange">
-        <h3>👨‍👩‍👧‍👦 家庭健康管理</h3>
-        <p>心脑血管健康是家庭共同的事业：</p>
-        <ul class="list-styled">
-          <li>家庭共餐：地中海饮食模式的最佳实践场景</li>
-          <li>全家运动：周末徒步、骑行、家庭运动时间</li>
-          <li>互相提醒：戒烟监督、按时服药、定期体检</li>
-          <li>家庭健康档案：记录每个人的关键指标趋势</li>
-          <li>儿童健康教育：从青少年期建立心血管健康意识</li>
-        </ul>
-      </div>
-    </div>
-
-    <div class="quote-block green" style="margin-top:2rem;">
-      <p class="quote-text">"主动健康不是要求你成为一个'完美健康人'，而是让你在力所能及的范围内，做出对心血管系统最友好的选择。每一个小的改善——少吃一勺盐、多走10分钟路、少抽一根烟——都在累积对心血管系统的保护效应。持之以恒，效果惊人。"</p>
-      <span class="quote-source">— 浠艾福 · 主动健康学院 · 五维幸福理念</span>
-    </div>
-
-  </div>
-</section>
-
-<!-- CTA -->
-<section class="cta-section">
-  <div class="container">
-    <h2>主动健康，从今天开始</h2>
-    <p>心脑血管疾病可预防、可延缓、可管理。用科学的知识武装自己，用主动的行动保护家人。<br>在基因给定的底牌上，通过生活方式干预，你完全有能力改写自己的心血管命运。</p>
-    <div class="cta-buttons">
-      <a href="index.html" class="btn btn-primary">🏠 返回首页</a>
-      <a href="https://www.etotem.com.cn" class="btn btn-outline" target="_blank">了解主动健康服务</a>
-    </div>
-  </div>
-</section>
-
-<!-- Footer (shared) -->
-<div id="footer-placeholder"></div>
-<script src="js/footer.js"></script>
-
-<!-- ══════════════════════════════════════════
-     参考文献
-═══════════════════════════════════════════ -->
-<section class="citations" id="citations">
-  <div class="container">
-    <h2 style="font-size:1.3rem;font-weight:800;margin-bottom:1.5rem;display:flex;align-items:center;gap:0.5rem;">📚 参考文献</h2>
-
-    <div class="citation-card" id="ref-1">
-      <div class="source">[1] 《中国心血管健康与疾病报告2024》· 中国循环杂志</div>
-      <div class="auth-row"><span class="auth-badge blue">📊 中国官方流行病学数据</span></div>
-      <div class="findings">中国心血管病患病率现患人数达3.45亿，高血压患者2.45亿，年死亡458万。城乡居民死亡原因首位。</div>
-      <div class="trans">中国心血管健康与疾病报告2024——中国心血管病流行现状与防治策略的核心文献</div>
-    </div>
-
-    <div class="citation-card" id="ref-2">
-      <div class="source">[2] Physiological Reviews · Otsuka et al. · 2023 · doi:10.1152/physrev.00024.2022</div>
-      <div class="auth-row"><span class="auth-badge">📚 生理学评论 · IF 20.3</span><span class="auth-badge purple">GWAS里程碑</span></div>
-      <div class="findings">GWAS and Cardiovascular Disease. 500+ GWAS studies, 1.5M+ subjects, 1500+ genetic loci. Most CVD genetic risk acts through upstream regulation of modifiable risk factors — lifestyle intervention can change outcomes even with high genetic risk.</div>
-      <div class="trans">心血管遗传学系统综述——综合500+GWAS研究、150万受试者数据，证实心血管遗传风险通过可改变危险因素的上游调控发挥作用</div>
-      <a class="link" href="https://doi.org/10.1152/physrev.00024.2022" target="_blank">🔗 doi.org/10.1152/physrev.00024.2022</a>
-    </div>
-
-    <div class="citation-card" id="ref-3">
-      <div class="source">[3] Frontiers in Cardiovascular Medicine · Harshfield et al. · 2022 · PMC9268449</div>
-      <div class="auth-row"><span class="auth-badge green">🧬 肠道菌群-心血管轴 · 系统综述</span></div>
-      <div class="findings">The Gut-Heart Axis. TMAO pathway drives atherosclerosis (↑60% CV events); SCFAs (acetate/propionate/butyrate) protect via GPR41/43 receptors; bile acid FXR/TGR5 signaling regulates cardiometabolic health.</div>
-      <div class="trans">肠-心轴：TMAO通路（促硬化，↑60%心血管事件风险）和SCFAs保护通路（抗炎、内皮保护）的系统综述</div>
-      <a class="link" href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC9268449/" target="_blank">🔗 PMC9268449</a>
-    </div>
-
-    <div class="citation-card" id="ref-4">
-      <div class="source">[4] IJMS · Zanardo et al. · 2024 · doi:10.3390/ijms25020973</div>
-      <div class="auth-row"><span class="auth-badge green">💧 富氢水系统综述 · IJMS IF 5.6 · 12项临床研究</span></div>
-      <div class="findings">Electrolysed Hydrogen Water and Cardiovascular Health. EHW significantly improves FMD, reduces ox-LDL, increases SOD activity, decreases MDA, restores eNOS phosphorylation. H₂ selectively neutralizes ·OH and ONOO⁻, activates Nrf2, inhibits NLRP3.</div>
-      <div class="trans">电解富氢水与心血管健康系统综述——富氢水通过选择性中和强氧化剂、激活Nrf2、恢复eNOS，显著改善内皮功能</div>
-      <a class="link" href="https://doi.org/10.3390/ijms25020973" target="_blank">🔗 doi.org/10.3390/ijms25020973</a>
-    </div>
-
-    <div class="citation-card" id="ref-5">
-      <div class="source">[5] Lancet · Yusuf et al. · 2004 · INTERHEART · doi:10.1016/S0140-6736(04)17018-9</div>
-      <div class="auth-row"><span class="auth-badge">📊 全球52国 · n=15000+15000 · 循证里程碑</span></div>
-      <div class="findings">9 modifiable risk factors account for >90% of PAR for acute MI: dyslipidemia 49.2%, smoking 35.7%, diabetes 25.7%, hypertension 25.0%, abdominal obesity 20.1%, psychosocial factors 16.5%, fruit/veg deficiency 13.7%, physical inactivity 12.2%, alcohol 5.0%.</div>
-      <div class="trans">INTERHEART研究——全球52国30000人的里程碑研究，证实90%以上的心肌梗死归因于9个可改变危险因素</div>
-      <a class="link" href="https://doi.org/10.1016/S0140-6736(04)17018-9" target="_blank">🔗 doi.org/10.1016/S0140-6736(04)17018-9</a>
-    </div>
-
-    <div class="citation-card" id="ref-6">
-      <div class="source">[6] NEJM · Ridker et al. · 2017 · CANTOS · doi:10.1056/NEJMoa1707914</div>
-      <div class="auth-row"><span class="auth-badge">🔬 RCT · IL-1β靶点 · NEJM IF 176</span><span class="auth-badge green">抗炎治疗里程碑</span></div>
-      <div class="findings">Canakinumab reduced CV events by ~15% independent of lipid-lowering, proving inflammation is a valid CVD treatment target beyond lipid management.</div>
-      <div class="trans">CANTOS研究——首个证明抗炎治疗可独立于降脂之外降低心血管事件的RCT，证实动脉粥样硬化的炎症本质</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-7">
-      <div class="source">[7] NEJM · Estruch et al. · 2013 · PREDIMED · doi:10.1056/NEJMoa1200303</div>
-      <div class="auth-row"><span class="auth-badge">🥗 RCT · n=7447 · 随访5年</span></div>
-      <div class="findings">Mediterranean diet supplemented with extra-virgin olive oil or nuts reduced major CV events by 26-30% vs low-fat control diet in 7447 high-risk participants.</div>
-      <div class="trans">PREDIMED研究——地中海饮食（加额外橄榄油或坚果）使高危人群心血管事件风险降低26-30%，迄今最强的饮食干预RCT证据</div>
-      <a class="link" href="https://doi.org/10.1056/NEJMoa1200303" target="_blank">🔗 doi.org/10.1056/NEJMoa1200303</a>
-    </div>
-
-    <div class="citation-card" id="ref-8">
-      <div class="source">[8] Circulation · Cook et al. · 2015 · TOHP · doi:10.1161/CIRCULATIONAHA.114.012671</div>
-      <div class="auth-row"><span class="auth-badge">🧂 限盐研究 · 15年随访</span></div>
-      <div class="findings">Sodium reduction of 4.6g/day: systolic BP ↓~5mmHg (normotensive), ~7mmHg (hypertensive); 25% reduction in CV events at 15-year follow-up.</div>
-      <div class="trans">TOHP研究15年随访——每日盐摄入减少4.6g可降低心血管事件风险约25%，限盐保护心血管的最强长期随访证据</div>
-      <a class="link" href="https://doi.org/10.1161/CIRCULATIONAHA.114.012671" target="_blank">🔗 doi.org/10.1161/CIRCULATIONAHA.114.012671</a>
-    </div>
-
-    <div class="citation-card" id="ref-9">
-      <div class="source">[9] 中华高血压杂志 · 中国高血压防治指南修订委员会 · 2023</div>
-      <div class="auth-row"><span class="auth-badge blue">📋 中国高血压防治指南2023</span></div>
-      <div class="findings">更新高血压诊断标准（≥130/80mmHg）和分层管理策略，推荐家庭血压监测（HBPM）和24小时动态血压监测（ABPM）。</div>
-      <div class="trans">中国高血压防治指南2023——中国高血压诊断、分级、治疗和管理的权威指南</div>
-    </div>
-
-    <div class="citation-card" id="ref-10">
-      <div class="source">[10] European Heart Journal · Mach et al. · 2020 · doi:10.1093/eurheartj/ehz455</div>
-      <div class="auth-row"><span class="auth-badge blue">📋 欧洲血脂管理指南2019</span></div>
-      <div class="findings">LDL-C goals stratified by risk: very high risk <1.4 mmol/L; high risk <1.8 mmol/L; moderate risk <2.6 mmol/L. LDL-C each 1mmol/L reduction = ~20-25% CV event reduction.</div>
-      <div class="trans">2019 ESC/EAS血脂管理指南——根据风险分层设定LDL-C目标值，强调LDL-C是ASCVD核心驱动因子</div>
-      <a class="link" href="https://doi.org/10.1093/eurheartj/ehz455" target="_blank">🔗 doi.org/10.1093/eurheartj/ehz455</a>
-    </div>
-
-    <div class="citation-card" id="ref-11">
-      <div class="source">[11] Science Translational Medicine · Ko et al. · 2022 · doi:10.1126/scitranslmed.abn4703</div>
-      <div class="auth-row"><span class="auth-badge green">🧬 肠菌干预 · IF 19.3</span></div>
-      <div class="findings">Targeting the gut microbiome to treat CVD. Dietary L-carnitine (red meat) → TMA → TMAO → atherosclerosis and platelet hyperreactivity. Interventions: reduce red meat, increase fiber, exercise, specific probiotics.</div>
-      <div class="trans">肠菌靶向治疗心血管病——阐述TMAO通路的完整链条以及通过饮食、运动和益生菌干预TMAO的策略</div>
-      <a class="link" href="https://doi.org/10.1126/scitranslmed.abn4703" target="_blank">🔗 doi.org/10.1126/scitranslmed.abn4703</a>
-    </div>
-
-  </div>
-</section>
-
-</body>
-</html>

web/knowledge.html

@@ -52,17 +52,17 @@ html.kb-page, .kb-page body { height: 100vh; overflow: hidden; }
     .kb-marker .kb-more-btn { font-size:0.75rem; font-weight:700; color:var(--m-color); cursor:pointer; opacity:0.5; transition:opacity .2s; user-select:none; margin-left:auto; }
     .kb-marker .kb-more-btn:hover { opacity:1; }
     .kb-marker .kb-hidden-items { display:none; position:absolute; top:0; z-index:3; background:rgba(255,255,255,0.95); backdrop-filter:blur(8px); border-radius:12px; padding:10px 14px; border:1.5px solid var(--m-color); box-shadow:0 4px 16px rgba(0,0,0,0.06); min-width:170px; max-width:220px; pointer-events:auto; }
-    .kb-marker:hover .kb-hidden-items { display:block; }
-    .kb-marker--right .kb-hidden-items { left:calc(100% + 8px); }
-    .kb-marker--left .kb-hidden-items { right:calc(100% + 8px); }
-    .kb-marker-card a { display:flex; align-items:center; gap:6px; padding:5px 0; text-decoration:none; color:var(--color-text-secondary); font-size:0.8125rem; line-height:1.3; border-bottom:1px solid var(--color-border-light); transition:color .2s; }
-    .kb-marker-card a:last-child { border-bottom:none; }
-    .kb-marker-card a:hover { color:var(--m-color,var(--color-primary)); }
-    .kb-marker-card a .ma-icon { font-size:1rem; flex-shrink:0; }
-    .kb-marker-card a .ma-title { flex:1; min-width:0; }
-    .kb-marker-card a .ma-arrow { flex-shrink:0; font-size:0.75rem; opacity:0.3; transition:transform .2s; }
-    .kb-marker-card a:hover .ma-arrow { transform:translateX(3px); opacity:0.7; }
-    .kb-marker-card .ma-coming { opacity:0.5; cursor:default; pointer-events:none; font-size:0.75rem; padding:4px 0; }
+
+    .kb-marker--right .kb-hidden-items { left:100%; }
+    .kb-marker--left .kb-hidden-items { right:100%; }
+    .kb-marker-card a, .kb-hidden-items a { display:flex; align-items:center; gap:6px; padding:5px 0; text-decoration:none; color:var(--color-text-secondary); font-size:0.8125rem; line-height:1.3; border-bottom:1px solid var(--color-border-light); transition:color .2s; }
+    .kb-marker-card a:last-child, .kb-hidden-items a:last-child { border-bottom:none; }
+    .kb-marker-card a:hover, .kb-hidden-items a:hover { color:var(--m-color,var(--color-primary)); }
+    .kb-marker-card a .ma-icon, .kb-hidden-items a .ma-icon { font-size:1rem; flex-shrink:0; }
+    .kb-marker-card a .ma-title, .kb-hidden-items a .ma-title { flex:1; min-width:0; }
+    .kb-marker-card a .ma-arrow, .kb-hidden-items a .ma-arrow { flex-shrink:0; font-size:0.75rem; opacity:0.3; transition:transform .2s; }
+    .kb-marker-card a:hover .ma-arrow, .kb-hidden-items a:hover .ma-arrow { transform:translateX(3px); opacity:0.7; }
+    .kb-marker-card .ma-coming, .kb-hidden-items .ma-coming { opacity:0.5; cursor:default; pointer-events:none; font-size:0.75rem; padding:4px 0; }
 
     .kb-m-pos-brain  { top:13%; left:56%; }
     .kb-m-pos-heart  { top:33%; right:54%; }
@@ -157,17 +157,18 @@ html.kb-page, .kb-page body { height: 100vh; overflow: hidden; }
 
     var ARTICLES = {
       body: [
-        { icon:'🌿', title:'孩子过敏反复不好，根源可能在肠道', desc:'从肠道菌群-免疫-过敏三角关系出发，解析儿童过敏的深层原因。', url:'geo-faq-1-allergy.html' },
-        { icon:'🛡️', title:'儿童免疫力提升3大关键步骤', desc:'从肠道微生态、营养支持与睡眠节律三个维度系统提升自护力。', url:'geo-faq-3-immunity.html' },
-        { icon:'🌊', title:'微塑料对家庭健康的隐形危害', desc:'揭秘微塑料如何影响肠道菌群与激素系统及家庭防护策略。', url:'plastic-health.html' },
-        { icon:'🩺', title:'2型糖尿病：慢性炎症驱动的β细胞凋亡', desc:'从慢性炎症、肠道菌群与胰岛素抵抗角度解析2型糖尿病的发生机制与主动干预策略。', url:'diabetes.html' },
-        { icon:'🦴', title:'骨质疏松：骨骼健康的主动管理', desc:'骨质疏松的症-病-因分析与主动健康干预五步法，从营养运动到药物管理。', url:'osteoporosis.html' },
-        { icon:'🧬', title:'癌症预防：科学筛查与主动健康', desc:'癌症的发病机制与危险因素解析，提供主动健康五步干预策略降低患癌风险。', url:'cancer.html' },
-        { icon:'🧠', title:'阿尔茨海默病：认识认知衰退的早期信号', desc:'从神经炎症、肠道菌群与肠-脑轴角度解析阿尔茨海默病的发生机制与主动干预策略。', url:'alzheimer.html' },
-        { icon:'🍎', title:'精准营养：每个家庭的健康基石', desc:'基于个体代谢特征定制真正适合家人的膳食方案。', coming:true }
+        { icon:'🌿', title:'孩子过敏反复不好，根源可能在肠道', desc:'从肠道菌群-免疫-过敏三角关系出发，解析儿童过敏的深层原因。', url:'articles/geo-faq-1-allergy.html' },
+        { icon:'🛡️', title:'儿童免疫力提升3大关键步骤', desc:'从肠道微生态、营养支持与睡眠节律三个维度系统提升自护力。', url:'articles/geo-faq-3-immunity.html' },
+        { icon:'🌊', title:'微塑料对家庭健康的隐形危害', desc:'揭秘微塑料如何影响肠道菌群与激素系统及家庭防护策略。', url:'articles/plastic-health.html' },
+        { icon:'🩺', title:'2型糖尿病：慢性炎症驱动的β细胞凋亡', desc:'从慢性炎症、肠道菌群与胰岛素抵抗角度解析2型糖尿病的发生机制与主动干预策略。', url:'articles/diabetes.html' },
+        { icon:'🦴', title:'骨质疏松：骨骼健康的主动管理', desc:'骨质疏松的症-病-因分析与主动健康干预五步法，从营养运动到药物管理。', url:'articles/osteoporosis.html' },
+        { icon:'🧬', title:'癌症预防：科学筛查与主动健康', desc:'癌症的发病机制与危险因素解析，提供主动健康五步干预策略降低患癌风险。', url:'articles/cancer.html' },
+        { icon:'🧠', title:'阿尔茨海默病：认识认知衰退的早期信号', desc:'从神经炎症、肠道菌群与肠-脑轴角度解析阿尔茨海默病的发生机制与主动干预策略。', url:'articles/alzheimer.html' },
+        { icon:'🍎', title:'精准营养：每个家庭的健康基石', desc:'基于个体代谢特征定制真正适合家人的膳食方案。', coming:true },
+        { icon:'🚰', title:'自来水中的隐形威胁', desc:'自来水中抗生素、雌激素与内分泌干扰物污染全解析及对肠道菌群的影响。', url:'articles/tap-water-pollution.html' }
       ],
       wisdom: [
-        { icon:'🧠', title:'注意力不集中，先查肠道再谈训练', desc:'肠道菌群通过肠-脑轴影响注意力与认知功能，科学认知从根源入手。', url:'geo-faq-2-attention.html' },
+        { icon:'🧠', title:'注意力不集中，先查肠道再谈训练', desc:'肠道菌群通过肠-脑轴影响注意力与认知功能，科学认知从根源入手。', url:'articles/geo-faq-2-attention.html' },
         { icon:'📖', title:'成长型思维：帮助孩子拥抱挑战', desc:'从心理学研究出发，培养孩子面对困难时不放弃的核心信念。', coming:true }
       ],
       wealth: [
@@ -179,7 +180,7 @@ html.kb-page, .kb-page body { height: 100vh; overflow: hidden; }
         { icon:'🏕️', title:'亲子户外活动：在自然中成长', desc:'走出室内，用大自然的力量滋养孩子的身体与心灵。', coming:true }
       ],
       heart: [
-        { icon:'❤️', title:'心脑血管疾病：从症-病-因到主动健康干预', desc:'心脑血管疾病的症状识别、发病机制与主动健康五步干预，科学守护心血管健康。', url:'cardio-cerebro.html' },
+        { icon:'❤️', title:'心脑血管疾病：从症-病-因到主动健康干预', desc:'心脑血管疾病的症状识别、发病机制与主动健康五步干预，科学守护心血管健康。', url:'articles/cardio-cerebro.html' },
         { icon:'💛', title:'亲子沟通：如何听懂孩子的心', desc:'从共情力到非暴力沟通，帮助家长走进孩子的内心世界。', coming:true },
         { icon:'🕊️', title:'儿童情绪管理：从认知到调节', desc:'理解各年龄段情绪发展规律，掌握实用的情绪疏导方法。', coming:true }
       ]
@@ -201,6 +202,7 @@ html.kb-page, .kb-page body { height: 100vh; overflow: hidden; }
         var m = document.createElement('div');
         m.className = 'kb-marker ' + sideCls;
         m.style.cssText = 'top:'+pos.top+';'+(pos.side==='left'?'left:'+pos.offset:'right:'+pos.offset);
+        m.style.setProperty('--m-color', d.color);
         var card = document.createElement('div');
         card.className = 'kb-marker-card';
         card.style.setProperty('--m-color', d.color);
@@ -216,6 +218,7 @@ html.kb-page, .kb-page body { height: 100vh; overflow: hidden; }
           hiddenDiv = document.createElement('div');
           hiddenDiv.className = 'kb-hidden-items';
           m.appendChild(hiddenDiv);
+          (function(h,d){ var t=null; h.onmouseenter=function(){ if(t){clearTimeout(t);t=null} d.style.display='block'; }; h.onmouseleave=function(){ if(!t){t=setTimeout(function(){ if(!d.matches(':hover')){ d.style.display='none'; } t=null; },500);} }; d.onmouseenter=function(){ if(t){clearTimeout(t);t=null} d.style.display='block'; }; d.onmouseleave=function(){ if(!t){t=setTimeout(function(){ if(!h.matches(':hover')){ d.style.display='none'; } t=null; },500);} }; })(hd, hiddenDiv);
         }
         card.appendChild(hd);
         for (var j = 0; j < arts.length; j++) {

web/sitemap.xml

@@ -2,26 +2,80 @@
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
   <url>
     <loc>https://www.etotem.com.cn/</loc>
-    <lastmod>2026-06-25</lastmod>
+    <lastmod>2026-07-22</lastmod>
     <changefreq>weekly</changefreq>
     <priority>1.0</priority>
   </url>
   <url>
-    <loc>https://www.etotem.com.cn/geo-faq-1-allergy.html</loc>
-    <lastmod>2026-06-25</lastmod>
-    <changefreq>monthly</changefreq>
+    <loc>https://www.etotem.com.cn/knowledge.html</loc>
+    <lastmod>2026-07-22</lastmod>
+    <changefreq>weekly</changefreq>
     <priority>0.9</priority>
   </url>
   <url>
-    <loc>https://www.etotem.com.cn/geo-faq-2-attention.html</loc>
-    <lastmod>2026-06-25</lastmod>
+    <loc>https://www.etotem.com.cn/articles/geo-faq-1-allergy.html</loc>
+    <lastmod>2026-07-22</lastmod>
     <changefreq>monthly</changefreq>
-    <priority>0.9</priority>
+    <priority>0.8</priority>
   </url>
   <url>
-    <loc>https://www.etotem.com.cn/geo-faq-3-immunity.html</loc>
-    <lastmod>2026-06-25</lastmod>
+    <loc>https://www.etotem.com.cn/articles/geo-faq-2-attention.html</loc>
+    <lastmod>2026-07-22</lastmod>
     <changefreq>monthly</changefreq>
-    <priority>0.9</priority>
+    <priority>0.8</priority>
+  </url>
+  <url>
+    <loc>https://www.etotem.com.cn/articles/geo-faq-3-immunity.html</loc>
+    <lastmod>2026-07-22</lastmod>
+    <changefreq>monthly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  <url>
+    <loc>https://www.etotem.com.cn/articles/cardio-cerebro.html</loc>
+    <lastmod>2026-07-22</lastmod>
+    <changefreq>monthly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  <url>
+    <loc>https://www.etotem.com.cn/articles/alzheimer.html</loc>
+    <lastmod>2026-07-22</lastmod>
+    <changefreq>monthly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  <url>
+    <loc>https://www.etotem.com.cn/articles/diabetes.html</loc>
+    <lastmod>2026-07-22</lastmod>
+    <changefreq>monthly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  <url>
+    <loc>https://www.etotem.com.cn/articles/osteoporosis.html</loc>
+    <lastmod>2026-07-22</lastmod>
+    <changefreq>monthly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  <url>
+    <loc>https://www.etotem.com.cn/articles/cancer.html</loc>
+    <lastmod>2026-07-22</lastmod>
+    <changefreq>monthly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  <url>
+    <loc>https://www.etotem.com.cn/articles/plastic-health.html</loc>
+    <lastmod>2026-07-22</lastmod>
+    <changefreq>monthly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  <url>
+    <loc>https://www.etotem.com.cn/articles/uric-acid.html</loc>
+    <lastmod>2026-07-22</lastmod>
+    <changefreq>monthly</changefreq>
+    <priority>0.8</priority>
+  </url>
+  <url>
+    <loc>https://www.etotem.com.cn/articles/tap-water-pollution.html</loc>
+    <lastmod>2026-07-22</lastmod>
+    <changefreq>monthly</changefreq>
+    <priority>0.8</priority>
   </url>
 </urlset>