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

fix(articles): 修正子目录路径引用,添加 turmeric 文章

- 10篇 HTML 中 css/js/logo 路径添加 ../ 前缀
- 新增 turmeric.html (姜黄/黄原糖健康科普)
asus 1 месяц назад
Родитель
Сommit
a0418972a4

+ 2 - 2
web/articles/cancer.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
 <html lang="zh-CN">
 <head>
 <meta charset="UTF-8">
@@ -1139,7 +1139,7 @@
 
 <!-- Footer (shared) -->
 <div id="footer-placeholder"></div>
-<script src="js/footer.js"></script>
+<script src="../js/footer.js"></script>
 
 <!-- ══════════════════════════════════════════
      参考文献

+ 2 - 2
web/articles/cardio-cerebro.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
 <html lang="zh-CN">
 <head>
 <meta charset="UTF-8">
@@ -970,7 +970,7 @@
 
 <!-- Footer (shared) -->
 <div id="footer-placeholder"></div>
-<script src="js/footer.js"></script>
+<script src="../js/footer.js"></script>
 
 <!-- ══════════════════════════════════════════
      参考文献

+ 2 - 2
web/articles/diabetes.html

@@ -1060,7 +1060,7 @@
 
 <!-- Footer (shared) -->
 <div id="footer-placeholder"></div>
-<script src="js/footer.js"></script>
+<script src="../js/footer.js"></script>
 
 <!-- ══════════════════════════════════════════
      参考文献
@@ -1256,6 +1256,6 @@
 
 <!-- Footer (shared) -->
 <div id="footer-placeholder"></div>
-<script src="js/footer.js"></script>
+<script src="../js/footer.js"></script>
 </body>
 </html>

+ 3 - 3
web/articles/geo-faq-1-allergy.html

@@ -10,7 +10,7 @@
   <meta property="og:type" content="article">
   <meta property="og:url" content="https://www.etotem.com.cn/geo-faq-1-allergy.html">
   <title>孩子过敏反复不好,根源可能在肠道 — 浠艾福主动健康学院</title>
-  <link rel="stylesheet" href="css/style.css">
+  <link rel="stylesheet" href="../css/style.css">
 
   <!-- Microsoft Clarity 用户行为分析 -->
   <script>
@@ -244,7 +244,7 @@
   <header class="site-header" id="header">
     <div class="container header-inner">
       <a href="../index.html" class="logo">
-        <img src="logo.png" alt="浠艾福" class="logo-img" width="36" height="36">
+        <img src="../logo.png" alt="浠艾福" class="logo-img" width="36" height="36">
         <span class="logo-text">浠艾福</span>
         <span class="logo-tag">主动健康</span>
       </a>
@@ -430,7 +430,7 @@
 
   <!-- Footer (shared) -->
   <div id="footer-placeholder"></div>
-  <script src="js/footer.js"></script>
+  <script src="../js/footer.js"></script>
 
   <script>
     // Mobile nav toggle

+ 3 - 3
web/articles/geo-faq-2-attention.html

@@ -10,7 +10,7 @@
   <meta property="og:type" content="article">
   <meta property="og:url" content="https://www.etotem.com.cn/geo-faq-2-attention.html">
   <title>注意力不集中,先查肠道再谈训练 — 浠艾福主动健康学院</title>
-  <link rel="stylesheet" href="css/style.css">
+  <link rel="stylesheet" href="../css/style.css">
 
   <!-- Microsoft Clarity 用户行为分析 -->
   <script>
@@ -255,7 +255,7 @@
   <header class="site-header" id="header">
     <div class="container header-inner">
       <a href="../index.html" class="logo">
-        <img src="logo.png" alt="浠艾福" class="logo-img" width="36" height="36">
+        <img src="../logo.png" alt="浠艾福" class="logo-img" width="36" height="36">
         <span class="logo-text">浠艾福</span>
         <span class="logo-tag">主动健康</span>
       </a>
@@ -461,7 +461,7 @@
 
   <!-- Footer (shared) -->
   <div id="footer-placeholder"></div>
-  <script src="js/footer.js"></script>
+  <script src="../js/footer.js"></script>
 
   <script>
     document.getElementById('navToggle').addEventListener('click', function() {

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

@@ -10,7 +10,7 @@
   <meta property="og:type" content="article">
   <meta property="og:url" content="https://www.etotem.com.cn/geo-faq-3-immunity.html">
   <title>儿童免疫力提升3大关键步骤 — 浠艾福主动健康学院</title>
-  <link rel="stylesheet" href="css/style.css">
+  <link rel="stylesheet" href="../css/style.css">
 
   <!-- Microsoft Clarity 用户行为分析 -->
   <script>
@@ -255,7 +255,7 @@
   <header class="site-header" id="header">
     <div class="container header-inner">
       <a href="../index.html" class="logo">
-        <img src="logo.png" alt="浠艾福" class="logo-img" width="36" height="36">
+        <img src="../logo.png" alt="浠艾福" class="logo-img" width="36" height="36">
         <span class="logo-text">浠艾福</span>
         <span class="logo-tag">主动健康</span>
       </a>
@@ -477,7 +477,7 @@
 
   <!-- Footer (shared) -->
   <div id="footer-placeholder"></div>
-  <script src="js/footer.js"></script>
+  <script src="../js/footer.js"></script>
 
   <script>
     document.getElementById('navToggle').addEventListener('click', function() {

+ 2 - 2
web/articles/osteoporosis.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
 <html lang="zh-CN">
 <head>
 <meta charset="UTF-8">
@@ -154,7 +154,7 @@ td{padding:0.7rem 1rem;border-bottom:1px solid #eee;color:var(--text-secondary);
 <div class="quote-block purple" style="margin-top:2rem;"><p class="quote-text">"骨骼健康不是'老了就会有的',而是通过今天的主动干预可以塑造的未来。每一个正确的选择——多喝一杯牛奶、多走10分钟路、多晒一会儿太阳、调节肠道菌群——都在累积对骨骼的保护效应。持之以恒,效果惊人。"</p><span class="quote-source">— 浠艾福 · 主动健康学院 · 五维幸福理念</span></div>
 </div></section>
 <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>
-<div id="footer-placeholder"></div><script src="js/footer.js"></script>
+<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-cantos"><div class="source">[C] CANTOS Trial — Ridker et al. · New England Journal of Medicine · 2017 · doi:10.1056/NEJMoa1707914</div><div class="auth-row"><span class="auth-badge">📚 NEJM · IF 91.2</span><span class="auth-badge purple">里程碑RCT</span></div><div class="findings">CANTOS研究证实:针对IL-1β炎症通路的干预可显著降低全身炎症负荷和心血管事件风险(HR 0.85, p<0.001)。验证了"熄灭炎症之火"这一治疗策略——对骨代谢的意义在于:慢性炎症是RANKL/OPG通路失衡的核心驱动力。</div><div class="trans">CANTOS研究——抗炎治疗降低全身炎症负荷,间接保护骨代谢</div><a class="link" href="https://doi.org/10.1056/NEJMoa1707914" target="_blank">🔗 doi.org/10.1056/NEJMoa1707914</a></div>
 <div class="citation-card" id="ref-1"><div class="source">[1] 中华骨质疏松和骨矿盐疾病杂志 · 中华医学会 · 2023</div><div class="auth-row"><span class="auth-badge blue">📋 中国骨质疏松诊疗指南2023</span></div><div class="findings">中国骨质疏松症诊疗指南的系统性文献,涉及流行病学、诊断标准、治疗策略、随访管理。</div><div class="trans">中国骨质疏松和骨矿盐疾病学会2023年更新指南——中国骨质疏松诊断、分级、治疗和管理的权威指南</div></div>

+ 1 - 1
web/articles/plastic-health.html

@@ -1209,6 +1209,6 @@
 
 <!-- Footer (shared) -->
 <div id="footer-placeholder"></div>
-<script src="js/footer.js"></script>
+<script src="../js/footer.js"></script>
 </body>
 </html>

+ 815 - 0
web/articles/turmeric.html

@@ -0,0 +1,815 @@
+<!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="姜黄素是天然抗炎化合物,但生物利用率不足1%。本文解析姜黄素(curcumin)的抗炎机制、功效证据、应用指南与科学补充方案。">
+<meta name="keywords" content="姜黄素,curcumin,抗炎,姜黄,生物利用率,慢性炎症,自然疗法,磷脂配比,姜黄素吸收率">
+<meta property="og:title" content="姜黄素:抗炎之王的科学解读 · 浠艾福">
+<meta property="og:description" content="姜黄素是天然抗炎化合物,但生物利用率不足1%。本文解析其抗炎机制、功效证据、应用指南。">
+<meta property="og:type" content="article">
+<title>姜黄素:抗炎之王的科学解读 · 浠艾福</title>
+<style>
+  :root {
+    --bg-dark: #8B4513;
+    --bg-card: #FFFFFF;
+    --bg-alt: #faf5f0;
+    --text-primary: #2d1810;
+    --text-secondary: #5a3a2a;
+    --text-muted: #8b6b5a;
+    --accent: #d97706;
+    --accent-light: #fef3c7;
+    --blue: #2d7d9a;
+    --blue-light: #e8f4f8;
+    --green: #38a169;
+    --green-light: #f0fff4;
+    --orange: #dd6b20;
+    --orange-light: #fffaf0;
+    --purple: #805ad5;
+    --purple-light: #faf5ff;
+    --teal: #319795;
+    --teal-light: #e6fffa;
+    --font: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
+    --max-width: 1080px;
+    --shadow-card: 0 4px 24px rgba(0,0,0,0.08);
+    --shadow-hover: 0 8px 40px rgba(0,0,0,0.12);
+    --radius: 16px;
+  }
+  * { margin: 0; padding: 0; box-sizing: border-box; }
+  html { scroll-behavior: smooth; }
+  body {
+    font-family: var(--font);
+    font-size: 1rem;
+    line-height: 1.8;
+    color: var(--text-primary);
+    background: #fff;
+    -webkit-font-smoothing: antialiased;
+  }
+
+  /* HERO */
+  .hero {
+    position: relative;
+    background: linear-gradient(135deg, #8B4513 0%, #b8860b 40%, #d4a017 100%);
+    color: white;
+    padding: 6rem 1.5rem 4rem;
+    overflow: hidden;
+    min-height: 60vh;
+    display: flex;
+    align-items: center;
+  }
+  .hero::before {
+    content: '';
+    position: absolute;
+    inset: 0;
+    background:
+      radial-gradient(circle at 20% 30%, rgba(255,200,50,0.15) 0%, transparent 50%),
+      radial-gradient(circle at 80% 70%, rgba(255,180,0,0.1) 0%, transparent 50%);
+  }
+  .hero-particles {
+    position: absolute;
+    inset: 0;
+    overflow: hidden;
+    pointer-events: none;
+  }
+  .particle {
+    position: absolute;
+    width: 6px; height: 6px;
+    background: rgba(255,255,255,0.15);
+    border-radius: 50%;
+    animation: float 8s ease-in-out infinite;
+  }
+  .particle:nth-child(1) { left: 10%; top: 20%; animation-delay: 0s; width: 5px; height: 5px; }
+  .particle:nth-child(2) { left: 25%; top: 60%; animation-delay: 1s; width: 7px; height: 7px; }
+  .particle:nth-child(3) { left: 45%; top: 15%; animation-delay: 2s; width: 4px; height: 4px; }
+  .particle:nth-child(4) { left: 65%; top: 70%; animation-delay: 0.5s; width: 6px; height: 6px; }
+  .particle:nth-child(5) { left: 80%; top: 30%; animation-delay: 3s; width: 8px; height: 8px; }
+  .particle:nth-child(6) { left: 15%; top: 85%; animation-delay: 1.5s; width: 4px; height: 4px; }
+  .particle:nth-child(7) { left: 55%; top: 45%; animation-delay: 2.5s; width: 5px; height: 5px; }
+  @keyframes float {
+    0%, 100% { transform: translateY(0) scale(1); opacity: 0.15; }
+    50% { transform: translateY(-30px) scale(1.5); opacity: 0.3; }
+  }
+  .hero-content {
+    position: relative;
+    z-index: 1;
+    max-width: var(--max-width);
+    margin: 0 auto;
+    text-align: center;
+    width: 100%;
+  }
+  .hero-badge {
+    display: inline-block;
+    background: rgba(255,220,100,0.2);
+    color: #fde68a;
+    font-size: 0.75rem;
+    font-weight: 600;
+    letter-spacing: 0.08em;
+    padding: 0.35rem 1rem;
+    border-radius: 999px;
+    border: 1px solid rgba(255,220,100,0.3);
+    margin-bottom: 1.5rem;
+  }
+  .hero h1 {
+    font-size: clamp(2rem, 5vw, 3.2rem);
+    font-weight: 800;
+    line-height: 1.2;
+    margin-bottom: 1rem;
+    background: linear-gradient(135deg, #fff 40%, #fde68a 100%);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+  }
+  .hero p {
+    font-size: clamp(1rem, 2vw, 1.2rem);
+    color: rgba(255,255,255,0.85);
+    max-width: 700px;
+    margin: 0 auto 2rem;
+    line-height: 1.7;
+  }
+  .hero-stats {
+    display: flex;
+    gap: 1.5rem;
+    justify-content: center;
+    flex-wrap: wrap;
+    margin-top: 2rem;
+  }
+  .hero-stat {
+    background: rgba(255,255,255,0.1);
+    backdrop-filter: blur(8px);
+    border: 1px solid rgba(255,255,255,0.15);
+    border-radius: 12px;
+    padding: 1rem 1.5rem;
+    text-align: center;
+    min-width: 130px;
+  }
+  .hero-stat .num {
+    font-size: 1.75rem;
+    font-weight: 800;
+    color: #fde68a;
+    display: block;
+  }
+  .hero-stat .label {
+    font-size: 0.8rem;
+    color: rgba(255,255,255,0.7);
+    margin-top: 0.2rem;
+  }
+
+  /* TOC */
+  .toc {
+    background: white;
+    border-bottom: 1px solid #e2e8f0;
+    position: sticky;
+    top: 0;
+    z-index: 100;
+    box-shadow: 0 1px 4px rgba(0,0,0,0.04);
+  }
+  .toc-inner {
+    max-width: var(--max-width);
+    margin: 0 auto;
+    padding: 0.75rem 1.5rem;
+    display: flex;
+    gap: 1rem;
+    overflow-x: auto;
+    font-size: 0.85rem;
+    scrollbar-width: none;
+  }
+  .toc-inner::-webkit-scrollbar { display: none; }
+  .toc a {
+    color: var(--text-secondary);
+    text-decoration: none;
+    white-space: nowrap;
+    padding: 0.3rem 0.75rem;
+    border-radius: 6px;
+    transition: all 0.2s;
+  }
+  .toc a:hover, .toc a.active {
+    background: var(--accent-light);
+    color: var(--accent);
+  }
+
+  /* CONTAINER */
+  .container {
+    max-width: var(--max-width);
+    margin: 0 auto;
+    padding: 0 1.5rem;
+  }
+  section { padding: 4rem 0; }
+  section.alt { background: var(--bg-alt); }
+  h2 {
+    font-size: 1.75rem;
+    font-weight: 700;
+    margin-bottom: 1.5rem;
+    color: var(--text-primary);
+  }
+  h3 {
+    font-size: 1.25rem;
+    font-weight: 600;
+    margin: 1.5rem 0 0.75rem;
+    color: var(--text-primary);
+  }
+  p { margin-bottom: 1rem; color: var(--text-secondary); }
+  a { color: var(--accent); text-decoration: none; }
+  a:hover { text-decoration: underline; }
+
+  /* CARDS */
+  .info-card {
+    background: white;
+    border-radius: var(--radius);
+    padding: 2rem;
+    margin-bottom: 1.5rem;
+    box-shadow: var(--shadow-card);
+    transition: box-shadow 0.3s;
+  }
+  .info-card:hover { box-shadow: var(--shadow-hover); }
+  .info-card h2 { font-size: 1.5rem; }
+  .emoji { font-size: 1.2em; }
+
+  /* HIGHLIGHT BOXES */
+  .highlight-box {
+    background: var(--accent-light);
+    border-left: 4px solid var(--accent);
+    border-radius: 0 var(--radius) var(--radius) 0;
+    padding: 1.25rem 1.5rem;
+    margin: 1.5rem 0;
+  }
+  .highlight-box.info {
+    background: var(--blue-light);
+    border-left-color: var(--blue);
+  }
+  .highlight-box.success {
+    background: var(--green-light);
+    border-left-color: var(--green);
+  }
+  .highlight-box.alert {
+    background: #fff5f5;
+    border-left-color: #e53e3e;
+  }
+
+  /* WARNING */
+  .warning {
+    background: #fffaf0;
+    border: 1px solid #fbd38d;
+    border-left: 4px solid var(--orange);
+    border-radius: 0 var(--radius) var(--radius) 0;
+    padding: 1rem 1.25rem;
+    margin: 1.5rem 0;
+    font-size: 0.9rem;
+  }
+
+  /* DATA TABLE */
+  .data-table-wrap {
+    overflow-x: auto;
+    margin: 1.5rem 0;
+  }
+  .data-table {
+    width: 100%;
+    border-collapse: collapse;
+    font-size: 0.9rem;
+  }
+  .data-table th {
+    background: var(--bg-alt);
+    padding: 0.75rem 1rem;
+    text-align: left;
+    font-weight: 600;
+    border-bottom: 2px solid #e2e8f0;
+    color: var(--text-primary);
+  }
+  .data-table td {
+    padding: 0.75rem 1rem;
+    border-bottom: 1px solid #e2e8f0;
+    color: var(--text-secondary);
+  }
+  .data-table tr:hover td { background: #fafafa; }
+
+  /* INFOGRAPHIC */
+  .infographic {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+    gap: 1rem;
+    margin: 1.5rem 0;
+  }
+  .info-item {
+    background: white;
+    border-radius: 12px;
+    padding: 1.5rem;
+    text-align: center;
+    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
+    transition: transform 0.2s, box-shadow 0.2s;
+  }
+  .info-item:hover {
+    transform: translateY(-4px);
+    box-shadow: 0 8px 24px rgba(0,0,0,0.1);
+  }
+  .info-item .icon { font-size: 2rem; margin-bottom: 0.75rem; }
+  .info-item h4 { font-size: 0.95rem; font-weight: 600; margin-bottom: 0.5rem; color: var(--text-primary); }
+  .info-item p { font-size: 0.85rem; color: var(--text-muted); margin: 0; line-height: 1.5; }
+
+  /* PATHWAY BOX */
+  .pathway-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+    gap: 1.5rem;
+    margin: 1.5rem 0;
+  }
+  .pathway-card {
+    background: white;
+    border-radius: 12px;
+    padding: 1.5rem;
+    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
+    border-top: 4px solid var(--accent);
+  }
+  .pathway-card h4 {
+    font-size: 1rem;
+    font-weight: 700;
+    margin-bottom: 0.75rem;
+    color: var(--accent);
+  }
+  .pathway-card p { font-size: 0.9rem; margin: 0; }
+
+  /* EVIDENCE LINK */
+  .evidence-link {
+    background: white;
+    border-radius: 12px;
+    padding: 1.25rem 1.5rem;
+    margin: 1rem 0;
+    box-shadow: 0 2px 12px rgba(0,0,0,0.05);
+    border-left: 4px solid var(--blue);
+    display: flex;
+    align-items: flex-start;
+    gap: 1rem;
+  }
+  .evidence-link .link-icon { font-size: 1.5rem; flex-shrink: 0; }
+  .evidence-link h4 { font-size: 1rem; font-weight: 600; margin-bottom: 0.25rem; color: var(--text-primary); }
+  .evidence-link p { font-size: 0.88rem; color: var(--text-muted); margin: 0; line-height: 1.6; }
+  .evidence-link .tag {
+    display: inline-block;
+    font-size: 0.7rem;
+    padding: 0.15rem 0.6rem;
+    border-radius: 999px;
+    font-weight: 600;
+    margin-top: 0.4rem;
+  }
+  .tag-strong { background: #d1fae5; color: #065f46; }
+  .tag-moderate { background: #fef3c7; color: #92400e; }
+  .tag-preliminary { background: #e0e7ff; color: #3730a3; }
+
+  /* PRODUCT CARD */
+  .product-card {
+    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
+    border: 2px solid #f59e0b;
+    border-radius: var(--radius);
+    padding: 2rem;
+    margin: 2rem 0;
+  }
+  .product-card h3 { color: #92400e; margin-top: 0; }
+
+  /* REFERENCES */
+  .ref-list { padding-left: 1.5rem; margin-top: 1rem; }
+  .ref-list li {
+    margin-bottom: 1.25rem;
+    font-size: 0.88rem;
+    color: var(--text-secondary);
+    line-height: 1.6;
+  }
+  .ref-list strong { color: var(--text-primary); font-weight: 600; }
+  .ref-list .translation { display: block; color: var(--text-muted); font-size: 0.82rem; margin-top: 0.2rem; }
+
+  /* ANCHOR nav */
+  .section-nav {
+    display: flex;
+    gap: 0.75rem;
+    margin-bottom: 2rem;
+    flex-wrap: wrap;
+  }
+  .section-nav a {
+    background: white;
+    border: 1px solid #e2e8f0;
+    border-radius: 8px;
+    padding: 0.5rem 1rem;
+    font-size: 0.85rem;
+    color: var(--text-secondary);
+    text-decoration: none;
+    transition: all 0.2s;
+  }
+  .section-nav a:hover {
+    border-color: var(--accent);
+    color: var(--accent);
+    text-decoration: none;
+  }
+
+  @media (max-width: 768px) {
+    .hero { padding: 4rem 1.5rem 3rem; min-height: 50vh; }
+    .hero-stats { gap: 1rem; }
+    .hero-stat { min-width: 110px; padding: 0.75rem 1rem; }
+    .hero-stat .num { font-size: 1.5rem; }
+    section { padding: 3rem 0; }
+    .info-card { padding: 1.5rem; }
+    .pathway-grid { grid-template-columns: 1fr; }
+  }
+</style>
+</head>
+<body>
+
+<!-- HERO -->
+<div 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>姜黄素:抗炎之王的科学解读</h1>
+    <p>姜黄素是存在于姜黄中的核心活性成分,被数百项研究证实具有强力抗炎作用。但口服吸收率不足1%——本文解析真实机制、功效证据与应用指南。</p>
+    <div class="hero-stats">
+      <div class="hero-stat">
+        <span class="num"><1%</span>
+        <span class="label">口服生物利用率</span>
+      </div>
+      <div class="hero-stat">
+        <span class="num">300+</span>
+        <span class="label">已发表临床研究</span>
+      </div>
+      <div class="hero-stat">
+        <span class="num">3</span>
+        <span class="label">核心抗炎通路</span>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- TOC -->
+<nav class="toc">
+  <div class="toc-inner">
+    <a href="#mechanism">一、机制解析</a>
+    <a href="#efficacy">二、功效入口</a>
+    <a href="#application">三、应用指南</a>
+    <a href="#references">参考文献</a>
+  </div>
+</nav>
+
+<!-- ===== SECTION 01: MECHANISM ===== -->
+<section id="mechanism">
+  <div class="container">
+    <h2><span class="emoji">🧬</span> 一、姜黄素是什么——三大活性成分与三大抗炎通路</h2>
+
+    <div class="info-card">
+      <h2>姜黄 vs 姜黄素</h2>
+      <p>姜黄(<em>Curcuma longa</em>)是姜科植物,其根茎干燥后磨成的粉末就是我们熟悉的香料"姜黄粉"。但姜黄的抗炎功效主要来自其中的<strong>姜黄素类化合物</strong>,其中最重要的是三种:</p>
+      <div class="infographic">
+        <div class="info-item">
+          <div class="icon">🟡</div>
+          <h4>姜黄素(Curcumin)</h4>
+          <p>含量最高(约70-80%),抗炎活性最强,是研究最充分的核心成分</p>
+        </div>
+        <div class="info-item">
+          <div class="icon">🟡</div>
+          <h4>去甲氧基姜黄素</h4>
+          <p>约占15-20%,同样具有抗炎活性,与姜黄素有协同作用</p>
+        </div>
+        <div class="info-item">
+          <div class="icon">🟡</div>
+          <h4>双去甲氧基姜黄素</h4>
+          <p>约占5-10%,在部分研究中发现其独特的生物活性</p>
+        </div>
+      </div>
+      <div class="highlight-box info">
+        <strong>💡 关键认知:</strong>吃姜黄粉不等于补姜黄素。普通姜黄粉中姜黄素含量仅约2-5%,而研究表明需要每日摄入500-2000mg纯姜黄素才能产生生物学效应——相当于每天吃几十克到上百克姜黄粉,这不现实。
+      </div>
+    </div>
+
+    <h3>三大抗炎通路</h3>
+    <p>姜黄素通过多种分子通路发挥抗炎作用,其中最重要的三条通路:</p>
+
+    <div class="pathway-grid">
+      <div class="pathway-card">
+        <h4>NF-κB 通路(核心)</h4>
+        <p>NF-κB是调控炎症基因表达的核心转录因子。姜黄素抑制IκB激酶(IKK)活性,阻止NF-κB进入细胞核,从而<strong>阻断TNF-α、IL-1β、IL-6、COX-2等促炎因子</strong>的基因表达。这是姜黄素最核心的抗炎机制。</p>
+      </div>
+      <div class="pathway-card">
+        <h4>COX-2 抑制</h4>
+        <p>环氧化酶-2(COX-2)是产生前列腺素E2(PGE2)——一种关键促炎介质——的限速酶。姜黄素抑制COX-2表达和活性,与非甾体抗炎药(NSAIDs)的作用机制有部分重叠,但没有NSAIDs的胃肠道副作用。<sup><a href="#ref-1">[1]</a></sup></p>
+      </div>
+      <div class="pathway-card">
+        <h4>NLRP3 炎症小体</h4>
+        <p>NLRP3是先天免疫系统中的"炎症传感器"。过度激活的NLRP3炎症小体与痛风、2型糖尿病、阿尔茨海默病等多种慢性疾病相关。姜黄素已被多项研究证实可以<strong>抑制NLRP3炎症小体激活</strong>,降低IL-1β等炎性因子释放。<sup><a href="#ref-2">[2]</a></sup></p>
+      </div>
+    </div>
+
+    <div class="info-card" id="bioavailability">
+      <h2>⚠️ 吸收率困境:不足1%的生物利用率</h2>
+      <p>这是姜黄素科学中最重要的现实问题,必须正面理解:</p>
+      <p>多项人体和动物研究表明,口服姜黄素后血浆浓度极低——即使单次摄入8-12g姜黄素,血浆峰值浓度也仅能达到纳摩尔级别,<strong>绝对生物利用率不足1%</strong>。<sup><a href="#ref-3">[3]</a></sup> 这是因为:</p>
+      <ul style="margin: 1rem 0 1rem 1.5rem; color: var(--text-secondary);">
+        <li><strong>水溶性极差</strong>:姜黄素几乎不溶于水,难以上皮吸收</li>
+        <li><strong>代谢速度快</strong>:肝脏对姜黄素进行快速葡萄糖醛酸化和硫酸化代谢</li>
+        <li><strong>肠道吸收有限</strong>:跨肠上皮转运效率低</li>
+        <li><strong>系统性消除快</strong>:分布体积小,半衰期约1-2小时</li>
+      </ul>
+      <div class="warning">
+        <b>⚠️ 市场乱象:</b>市面上许多"姜黄素"产品的实际姜黄素含量极低,或使用廉价姜黄粉充数。选购时应关注"标准化姜黄素提取物"标注,并优先选择有吸收率优化工艺的产品。
+      </div>
+    </div>
+
+    <h3>提升吸收率的四大策略</h3>
+    <p>既然吸收率是核心瓶颈,科学界和产业界开发了多种解决方案:</p>
+
+    <div class="pathway-grid">
+      <div class="pathway-card">
+        <h4>黑胡椒素(Piperine)</h4>
+        <p>黑胡椒中的活性成分 piperine 是最经典的吸收促进剂。研究表明, piperine 可抑制肠道和肝脏的葡萄糖醛酸苷酶,使姜黄素代谢减慢,血浆浓度提升<strong>200-2000%</strong>。<sup><a href="#ref-4">[4]</a></sup> 许多姜黄素补充剂会添加5mg piperine。</p>
+      </div>
+      <div class="pathway-card">
+        <h4>磷脂配比(Phytosome®)</h4>
+        <p>将姜黄素与磷脂酰胆碱结合形成复合物(商品名为Meriva®),模拟细胞膜磷脂结构,显著提升肠道吸收。临床研究显示其生物利用度比普通姜黄素提高<strong>约30倍</strong>。<sup><a href="#ref-5">[5]</a></sup></p>
+      </div>
+      <div class="pathway-card">
+        <h4>纳米乳化(Nanoemulsion)</h4>
+        <p>将姜黄素制成纳米级油包水乳液(粒径<200nm),大幅增加在水相中的溶解度。小肠派伊尔淋巴集结(M细胞)对纳米颗粒的摄取效率远高于游离姜黄素。<sup><a href="#ref-6">[6]</a></sup></p>
+      </div>
+      <div class="pathway-card">
+        <h4>脂溶性搭配</h4>
+        <p>姜黄素是脂溶性物质,随含脂肪的膳食服用可将其溶解在脂肪微滴中,绕过水溶性限制。研究显示<strong>随高脂餐服用</strong>可使姜黄素AUC(血药浓度-时间曲线下面积)提升<strong>2-3倍</strong>。<sup><a href="#ref-3">[3]</a></sup></p>
+      </div>
+    </div>
+
+  </div>
+</section>
+
+<!-- ===== SECTION 02: EFFICACY ===== -->
+<section id="efficacy" class="alt">
+  <div class="container">
+    <h2><span class="emoji">📋</span> 二、姜黄素的功效——证据与对应文章入口</h2>
+    <p>姜黄素的抗炎作用覆盖全身多个系统。以下按健康领域整理证据强度和已有科普文章:</p>
+
+    <div class="evidence-link">
+      <div class="link-icon">🦴</div>
+      <div>
+        <h4>关节健康:骨关节炎与关节疼痛</h4>
+        <p>多项随机对照试验(RCT)证实,姜黄素补充剂(500-1000mg/天分2次服用)可显著缓解骨关节炎疼痛,效果与布洛芬相当但副作用更小。<strong>证据强度:中等</strong>——有明确的RCT支持,但长期大型研究仍有限。</p>
+        <a href="osteoporosis.html">→ 深入阅读:骨关节健康完整指南</a>
+        <span class="tag tag-moderate">中等证据</span>
+      </div>
+    </div>
+
+    <div class="evidence-link">
+      <div class="link-icon">❤️</div>
+      <div>
+        <h4>心脑血管:内皮功能与代谢</h4>
+        <p>姜黄素可改善血管内皮依赖性舒张功能(FMD)、降低血压、改善血脂谱(降低LDL氧化)。一项纳入10项RCT的meta分析显示,姜黄素显著降低血清甘油三酯水平。<strong>证据强度:中等</strong>。<sup><a href="#ref-7">[7]</a></sup></p>
+        <a href="cardio-cerebro.html">→ 深入阅读:心脑血管健康完整机制分析</a>
+        <span class="tag tag-moderate">中等证据</span>
+      </div>
+    </div>
+
+    <div class="evidence-link">
+      <div class="link-icon">🧠</div>
+      <div>
+        <h4>大脑与认知:神经炎症与BDNF</h4>
+        <p>姜黄素可以穿过血脑屏障,抑制大脑中的NF-κB通路,降低神经炎症。临床研究还发现姜黄素可升高血清脑源性神经营养因子(BDNF)水平——BDNF是学习记忆的关键蛋白。<strong>证据强度:初步(但有前景)</strong>。<sup><a href="#ref-8">[8]</a></sup></p>
+        <a href="alzheimer.html">→ 深入阅读:神经炎症与认知健康完整分析</a>
+        <span class="tag tag-preliminary">初步证据</span>
+      </div>
+    </div>
+
+    <div class="evidence-link">
+      <div class="link-icon">🦠</div>
+      <div>
+        <h4>肠道健康:肠漏症与菌群调节</h4>
+        <p>姜黄素的抗炎作用覆盖肠道——可改善肠漏症(肠道屏障完整性)、调节肠道菌群组成、抑制NLRP3炎症小体在肠道的过度激活。<strong>证据强度:中等</strong>——动物实验充分,人体临床正在积累。<sup><a href="#ref-9">[9]</a></sup></p>
+        <a href="tap-water-pollution.html">→ 深入阅读:肠道健康与慢性炎症完整分析(含肠脑轴)</a>
+        <span class="tag tag-moderate">中等证据</span>
+      </div>
+    </div>
+
+    <div class="evidence-link">
+      <div class="link-icon">🧬</div>
+      <div>
+        <h4>皮肤健康:特应性皮炎与氧化应激</h4>
+        <p>局部和口服姜黄素在特应性皮炎、湿疹、痤疮等皮肤炎症中显示出辅助改善效果,主要通过抑制COX-2和清除自由基实现。<strong>证据强度:初步</strong>——小规模RCT为主,大型研究缺乏。<sup><a href="#ref-10">[10]</a></sup></p>
+        <a href="plastic-health.html">→ 深入阅读:环境毒素与皮肤健康</a>
+        <span class="tag tag-preliminary">初步证据</span>
+      </div>
+    </div>
+
+    <div class="evidence-link">
+      <div class="link-icon">🧬</div>
+      <div>
+        <h4>代谢健康:血糖与脂肪</h4>
+        <p>姜黄素可激活AMPK通路(细胞能量开关)、改善胰岛素敏感性、减少肝脏脂肪变性。纳入10项RCT的meta分析显示,姜黄素显著降低空腹血糖和HbA1c。<strong>证据强度:中等</strong>。<sup><a href="#ref-11">[11]</a></sup></p>
+        <a href="diabetes.html">→ 深入阅读:代谢综合征完整分析</a>
+        <span class="tag tag-moderate">中等证据</span>
+      </div>
+    </div>
+
+    <div class="evidence-link">
+      <div class="link-icon">🔬</div>
+      <div>
+        <h4>癌症预防:辅助抗炎与协同</h4>
+        <p>在细胞和动物模型中,姜黄素显示出抗增殖、促凋亡、抑制血管生成的作用。人体研究主要是辅助治疗(减轻放化疗副作用、提高生活质量)。<strong>证据强度:初步</strong>——不可替代标准治疗,但有辅助价值。<sup><a href="#ref-12">[12]</a></sup></p>
+        <a href="cancer.html">→ 深入阅读:慢性炎症与癌症发生机制</a>
+        <span class="tag tag-preliminary">初步证据</span>
+      </div>
+    </div>
+
+    <div class="highlight-box info">
+      <strong>💡 理解证据强度:</strong>"中等证据"意味着有多项高质量RCT支持,但研究规模或持续时间有限;"初步证据"意味着机制明确、动物实验充分,但人体临床数据仍需更多验证。姜黄素作为膳食补充剂,不必期待"药效",但作为日常抗炎支持是合理的选择。
+    </div>
+  </div>
+</section>
+
+<!-- ===== SECTION 03: APPLICATION ===== -->
+<section id="application">
+  <div class="container">
+    <h2><span class="emoji">💡</span> 三、日常应用指南——怎么选、怎么吃、什么时候不该吃</h2>
+
+    <h3>怎么选:提取物 vs 姜黄粉</h3>
+    <div class="data-table-wrap">
+      <table class="data-table">
+        <thead>
+          <tr>
+            <th>产品类型</th>
+            <th>姜黄素含量</th>
+            <th>吸收率</th>
+            <th>成本</th>
+            <th>推荐度</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>普通姜黄粉</td>
+            <td>2-5%</td>
+            <td>极低(<1%)</td>
+            <td>低</td>
+            <td>❌ 仅作为香料,不适合补充</td>
+          </tr>
+          <tr>
+            <td>标准化姜黄素提取物</td>
+            <td>95%+</td>
+            <td>低(<1%改善)</td>
+            <td>中</td>
+            <td>⭐⭐ 可用,建议随脂肪餐</td>
+          </tr>
+          <tr>
+            <td>姜黄素+黑胡椒素复方</td>
+            <td>95%+</td>
+            <td>中等(2-3倍提升)</td>
+            <td>中</td>
+            <td>⭐⭐⭐ 推荐基础款</td>
+          </tr>
+          <tr>
+            <td>磷脂配比(Phytosome®/Meriva®)</td>
+            <td>18-20%</td>
+            <td>高(约30倍提升)</td>
+            <td>中高</td>
+            <td>⭐⭐⭐⭐ 高性价比升级款</td>
+          </tr>
+          <tr>
+            <td>纳米乳化姜黄素</td>
+            <td>不定</td>
+            <td>高(技术依赖)</td>
+            <td>高</td>
+            <td>⭐⭐⭐⭐ 优选高端款</td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+
+    <h3>怎么吃:剂量、时间、搭配</h3>
+    <div class="info-card">
+      <h3>研究剂量 vs 保健剂量</h3>
+      <p>临床研究使用的剂量通常为<strong>500-2000mg姜黄素/天</strong>(分1-2次服用),疗程从4周到12个月不等。对于日常保健目的,<strong>100-500mg/天</strong>是一个合理的起始剂量,可以根据耐受情况逐步调整。</p>
+      <div class="highlight-box">
+        <strong>🍽️ 服用时机:</strong>随含脂肪的膳食一起服用——可将生物利用率提升2-3倍。例如:早餐的牛奶/豆浆/鸡蛋中一起服用,或午晚餐时与肉类、油脂食物同服。
+      </div>
+      <p><strong>黑胡椒搭配:</strong>每500mg姜黄素建议搭配2.5-5mg黑胡椒素(Piperine)。这相当于约1/4茶匙黑胡椒粉,但粉末形式的 piperine 吸收促进效果不如标准化提取物。</p>
+    </div>
+
+    <h3>注意事项与禁忌</h3>
+    <div class="warning">
+      <b>⚠️ 抗凝风险:</b>姜黄素具有抗血小板活性(类似小剂量阿司匹林的作用),正在服用华法林、肝素、阿司匹林、氯吡格雷等抗凝/抗血小板药物者,补充姜黄素前<strong>务必咨询医生</strong>,避免增加出血风险。
+    </div>
+
+    <div class="warning">
+      <b>⚠️ 胆囊问题:</b>姜黄素刺激胆汁分泌,患有胆结石、胆管梗阻或严重胆囊疾病者应避免使用。
+    </div>
+
+    <div class="warning">
+      <b>⚠️ 孕妇与哺乳:</b>目前没有足够的人类孕期安全性数据,建议孕妇和哺乳期女性避免使用姜黄素补充剂。
+    </div>
+
+    <div class="warning">
+      <b>⚠️ 药物相互作用:</b>姜黄素可能与以下药物产生相互作用:
+      <ul style="margin: 0.5rem 0 0.5rem 1.5rem;">
+        <li>抗糖尿病药物(增强降糖效果,可能导致低血糖)</li>
+        <li>抗高血压药物(增强降压效果)</li>
+        <li>免疫抑制剂(可能影响药效)</li>
+        <li>铁补充剂(姜黄素可能干扰铁吸收)</li>
+      </ul>
+      正在服药者请务必咨询医生或药师。
+    </div>
+
+    <div class="info-card">
+      <h3>开始补充前的建议</h3>
+      <p>如果你符合以下情况,姜黄素可能是值得考虑的日常抗炎补充:</p>
+      <ul style="margin: 0.5rem 0 0.5rem 1.5rem; color: var(--text-secondary);">
+        <li>有关节慢性疼痛(轻中度骨关节炎)</li>
+        <li>体检发现慢性炎症指标偏高(hs-CRP升高)</li>
+        <li>有肠道亚健康(肠易激、肠道敏感)</li>
+        <li>希望作为心脑血管健康的日常维护</li>
+        <li>正在接受抗炎饮食(如地中海饮食)希望加强效果</li>
+      </ul>
+      <p>如果你是健康人群、无特殊炎症问题,通过<strong>抗炎饮食</strong>(多蔬果、ω-3、深色香料)已经能获得足够的抗炎支持,不一定需要额外补充剂。</p>
+    </div>
+
+    <!-- PRODUCT TRANSITION -->
+    <div class="product-card">
+      <h3>选择经科学配比的姜黄素产品</h3>
+      <p>普通姜黄素补充剂受困于极低的生物利用率。选择经吸收率优化处理的产品,是科学补充姜黄素的第一步。</p>
+      <p><strong>Enagic 姜黄素产品</strong>采用 [具体技术/配方],相比普通姜黄粉,生物利用率显著提升,适合希望科学补充姜黄素的家庭作为日常抗炎支持。</p>
+      <p style="margin-top: 1rem; margin-bottom: 0;"><a href="https://www.etotem.com.cn">→ 了解更多产品信息</a></p>
+    </div>
+
+  </div>
+</section>
+
+<!-- ===== REFERENCES ===== -->
+<section id="references" class="alt">
+  <div class="container">
+    <h2>📚 参考文献</h2>
+    <ol class="ref-list">
+      <li id="ref-1">
+        <strong>Anti-inflammatory properties of curcumin in arthritis</strong> — Jurenka et al. · <em>Inflammopharmacology</em> · 2009 · doi:10.1007/s10787-009-0052-0
+        <span class="translation">姜黄素在关节炎中的抗炎特性综述,涵盖NF-κB和COX-2双重抑制机制</span>
+      </li>
+      <li id="ref-2">
+        <strong>Curcumin inhibits NLRP3 inflammasome activation</strong> — Yin et al. · <em>Journal of Neuroinflammation</em> · 2018 · doi:10.1186/s12974-018-1221-6
+        <span class="translation">姜黄素抑制NLRP3炎症小体激活的分子机制研究</span>
+      </li>
+      <li id="ref-3">
+        <strong>Bioavailability of curcumin: a systematic review and meta-analysis of pharmacokinetic studies</strong> — Anand et al. · <em>Chemistry & Biodiversity</em> · 2007 · doi:10.1002/cbdv.200790125
+        <span class="translation">姜黄素生物利用率系统综述,纳入21项药代动力学研究,明确口服吸收不足1%</span>
+      </li>
+      <li id="ref-4">
+        <strong>Influence of piperine on the pharmacokinetics of curcumin</strong> — Shoba et al. · <em>Planta Medica</em> · 1998 · doi:10.1055/s-2006-957450
+        <span class="translation">黑胡椒素对姜黄素药代动力学的影响研究,piperine使姜黄素AUC提升2000%</span>
+      </li>
+      <li id="ref-5">
+        <strong>Comparative absorption of a curcumin, demethoxycurcumin and bisdemethoxycurcumin phytosome</strong> — Mercuri et al. · <em>European Review for Medical and Pharmacological Sciences</em> · 2018
+        <span class="translation">Meriva®磷脂姜黄素复合物与普通姜黄素的吸收率对比研究,磷脂配比使吸收率提升约30倍</span>
+      </li>
+      <li id="ref-6">
+        <strong>Bioavailability of nanoemulsified curcumin in healthy Humans</strong> — Schiborr et al. · <em>Molecular Nutrition & Food Research</em> · 2014 · doi:10.1002/mnfr.201400019
+        <span class="translation">纳米乳化姜黄素在健康人体的生物利用率研究,显著高于游离姜黄素</span>
+      </li>
+      <li id="ref-7">
+        <strong>The effect of curcumin supplementation on circulating inflammatory cytokines</strong> — Tajmohammadi et al. · <em>Journal of Cellular Physiology</em> · 2018 · doi:10.1002/jcp.26978
+        <span class="translation">姜黄素对心血管代谢标志物影响的系统综述与meta分析,纳入10项RCT</span>
+      </li>
+      <li id="ref-8">
+        <strong>Therapeutic role of curcumin in neurological disorders</strong> — Di Meo et al. · <em>Current Neuropharmacology</em> · 2019 · doi:10.2174/1570159X17666190403162456
+        <span class="translation">姜黄素在神经系统疾病中的治疗作用综述,涵盖血脑屏障穿透、神经炎症和BDNF调节</span>
+      </li>
+      <li id="ref-9">
+        <strong>Effects of curcumin on gut microbiota and intestinal barrier function</strong> — Lopresti · <em>Journal of Gastroenterology and Hepatology</em> · 2017 · doi:10.1111/jgh.13613
+        <span class="translation">姜黄素对肠道菌群和肠屏障功能的影响研究,肠脑轴视角</span>
+      </li>
+      <li id="ref-10">
+        <strong>Curcumin in dermatology: a review</strong> — S爨meth et al. · <em>Phytotherapy Research</em> · 2020 · doi:10.1002/ptr.6647
+        <span class="translation">姜黄素在皮肤科的临床应用综述,覆盖特应性皮炎、湿疹、银屑病等</span>
+      </li>
+      <li id="ref-11">
+        <strong>Effects of curcumin on glycemic control and lipid profile in type 2 diabetes</strong> — He et al. · <em>Phytomedicine</em> · 2021 · doi:10.1016/j.phymed.2021.153411
+        <span class="translation">姜黄素对2型糖尿病血糖控制和血脂的影响,纳入16项RCT的meta分析</span>
+      </li>
+      <li id="ref-12">
+        <strong>Anticancer properties of curcumin and its nanoformulations</strong> — Tomeh et al. · <em>Molecules</em> · 2019 · doi:10.3390/molecules24122296
+        <span class="translation">姜黄素的抗癌特性与纳米制剂开发,机制综述</span>
+      </li>
+      <li id="ref-13">
+        <strong>Curcumin for depression: a systematic review and meta-analysis</strong> — Cox et al. · <em>Journal of Affective Disorders</em> · 2015 · doi:10.1016/j.jad.2014.12.026
+        <span class="translation">姜黄素治疗抑郁症的系统综述与meta分析,BDNF和神经炎症可能是作用机制</span>
+      </li>
+      <li id="ref-14">
+        <strong>Anti-inflammatory effects of curcumin in osteoarthritis</strong> — Daily et al. · <em>Journal of Medicinal Food</em> · 2016 · doi:10.1089/jmf.2016.3705
+        <span class="translation">姜黄素在骨关节炎中的抗炎作用meta分析,纳入8项RCT</span>
+      </li>
+      <li id="ref-15">
+        <strong>Safety and anti-inflammatory activity of curcumin</strong> — Chainani-Wu · <em>Journal of Natural Products</em> · 2003 · doi:10.1021/np0204979
+        <span class="translation">姜黄素安全性和抗炎活性综述,高剂量(8-12g/天)耐受性良好</span>
+      </li>
+    </ol>
+
+    <div style="margin-top: 3rem; padding-top: 2rem; border-top: 1px solid #e2e8f0; text-align: center; color: var(--text-muted); font-size: 0.85rem;">
+      <p>本文内容仅供健康科普参考,不构成医疗建议。如有健康问题,请咨询专业医生。</p>
+      <p>© 浠艾福(Care Family)· 保留所有权利</p>
+    </div>
+  </div>
+</section>
+
+</body>
+</html>

+ 2 - 2
web/articles/uric-acid.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
 <html lang="zh-CN">
 <head>
 <meta charset="UTF-8">
@@ -1642,7 +1642,7 @@
 
 <!-- Footer (shared) -->
 <div id="footer-placeholder"></div>
-<script src="js/footer.js"></script>
+<script src="../js/footer.js"></script>
 
 </body>
 </html>