feat(turmeric): 2x2 grid layout + annotation overlays for 4 clinical-evidence screenshots

web/articles/turmeric.html

@@ -266,6 +266,27 @@
   .screenshot-block .caption strong { color: var(--text-primary); }
   .screenshot-block .caption a { color: var(--blue); }
 
+  /* 2x2 grid for 四大策略 clinical evidence */
+  .screenshots-grid-2col {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 1rem;
+    margin: 1.5rem 0;
+  }
+  @media (max-width: 700px) {
+    .screenshots-grid-2col { grid-template-columns: 1fr; gap: 1.5rem; }
+  }
+  .screenshot-block.annotated { margin: 0; }
+  .screenshot-block .shot-wrapper {
+    position: relative;
+    line-height: 0;
+  }
+  .screenshot-block .shot-wrapper img {
+    width: 100%;
+    display: block;
+    border-radius: var(--radius) var(--radius) 0 0;
+  }
+
   /* WARNING */
   .warning {
     background: #fffaf0;
@@ -775,27 +796,37 @@
       </div>
     </div>
 
-    <!-- 四大策略 SVGs -->
-    <p style="margin:1.5rem 0 0.5rem;font-size:0.9rem;color:var(--text-muted);">⬇ 四大策略的临床证据速览：</p>
+    <!-- 四大策略 临床证据速览：2×2 网格 -->
+    <p style="margin:1.5rem 0 0.5rem;font-size:0.9rem;color:var(--text-muted);">⬇ 四大策略的临床证据速览（每张截图均已标注研究号和关键数据）：</p>
 
-<div class="screenshot-block">
-      <img src="../img/ref-screenshots/pubmed18-shoba.png" alt="Shoba G et al. 1998 - Piperine 提升姜黄素生物利用率 PubMed 页截图" style="width:100%;display:block;border-radius:8px;">
-      <div class="caption">Shoba G et al. (1998) — 胡椒碱（Piperine）联合姜黄素生物利用率研究。结果：胡椒碱使姜黄素AUC提升2000%（20倍），而无显著副作用。机制：P450酶抑制+UDP-葡萄糖醛酸转移酶抑制，减少姜黄素代谢。<sup><a href="#ref-4">[4]</a></sup></div>
+    <div class="screenshots-grid-2col">
+<div class="screenshot-block annotated">
+      <div class="shot-wrapper">
+        <img src="../img/ref-screenshots/pubmed18-shoba.png" alt="Shoba G et al. 1998 - Piperine 提升姜黄素生物利用率 PubMed 页截图">
+      </div>
+      <div class="caption">📖 <strong>策略① 胡椒碱（Piperine）</strong> — Shoba G et al. (1998)，<em>Planta Med</em>。AUC提升2000%（20倍）。机制：抑制P450酶+UDP-葡萄糖醛酸转移酶。无显著副作用。<sup><a href="#ref-4">[4]</a></sup></div>
     </div>
 
-    <div class="screenshot-block">
-      <img src="../img/ref-screenshots/pubmed19-cuomo.png" alt="Cuomo J et al. 2011 - Meriva® 磷脂配比提升姜黄素生物利用率 PubMed 页截图" style="width:100%;display:block;border-radius:8px;">
-      <div class="caption">Cuomo J et al. (2011) — Meriva® 磷脂姜黄素 vs 普通姜黄素生物利用率对比（RCT）。关键数据：Meriva生物利用率提升约<strong>29倍</strong>。特点：磷脂配比显著提高吸收，且 demethoxycurcumin（去甲氧基姜黄素）吸收增幅大于 curcumin（姜黄素本身），提示磷脂配比改变血浆姜黄素谱。<sup><a href="#ref-5">[5]</a></sup></div>
+<div class="screenshot-block annotated">
+      <div class="shot-wrapper">
+        <img src="../img/ref-screenshots/pubmed19-cuomo.png" alt="Cuomo J et al. 2011 - Meriva® 磷脂配比提升姜黄素生物利用率 PubMed 页截图">
+      </div>
+      <div class="caption">📖 <strong>策略② 磷脂配比（Meriva®）</strong> — Cuomo J et al. (2011)，RCT。生物利用率提升约<strong>29倍</strong>。去甲氧基姜黄素吸收增幅大于姜黄素本身。<sup><a href="#ref-5">[5]</a></sup></div>
     </div>
 
-    <div class="screenshot-block">
-      <img src="../img/ref-screenshots/pubmed21-schiborr.png" alt="Schiborr C et al. 2014 - 纳米乳化姜黄素生物利用率 PubMed 页截图" style="width:100%;display:block;border-radius:8px;">
-      <div class="caption">Schiborr C et al. (2014) — 纳米乳化 vs 微粉化 vs 普通姜黄素生物利用率对比（RCT, n=23）。核心数据：纳米乳化提升<strong>185倍</strong>，微粉化提升9倍。结果显示女性吸收效率普遍高于男性，安全性参数均在正常范围内。<sup><a href="#ref-7">[7]</a></sup></div>
+<div class="screenshot-block annotated">
+      <div class="shot-wrapper">
+        <img src="../img/ref-screenshots/pubmed21-schiborr.png" alt="Schiborr C et al. 2014 - 纳米乳化姜黄素生物利用率 PubMed 页截图">
+      </div>
+      <div class="caption">📖 <strong>策略③ 纳米乳化</strong> — Schiborr C et al. (2014)，RCT (n=23)。纳米乳化提升<strong>185倍</strong>，微粉化提升9倍。女性吸收效率普遍高于男性。<sup><a href="#ref-7">[7]</a></sup></div>
     </div>
 
-    <div class="screenshot-block">
-      <img src="../img/ref-screenshots/pubmed20-anand.png" alt="Anand P et al. 2007 - 姜黄素生物利用率综述 PubMed 页截图" style="width:100%;display:block;border-radius:8px;">
-      <div class="caption">Anand P et al. (2007) — 姜黄素生物利用率综述，系统分析5大突破方案：① piperine（胡椒碱）抑制 glucuronidation；② 脂质体；③ 纳米颗粒；④ 磷脂复合物；⑤ 结构衍生物 EF-24。尽管生物利用率低，姜黄素在癌症、心血管、糖尿病等疾病中仍显示临床疗效。<sup><a href="#ref-6">[6]</a></sup></div>
+<div class="screenshot-block annotated">
+      <div class="shot-wrapper">
+        <img src="../img/ref-screenshots/pubmed20-anand.png" alt="Anand P et al. 2007 - 姜黄素生物利用率综述 PubMed 页截图">
+      </div>
+      <div class="caption">📖 <strong>策略④ 综合策略对比</strong> — Anand P et al. (2007)，综述。系统分析5大方案：Piperine/脂质体/纳米颗粒/磷脂复合物/EF-24。尽管生物利用率低，仍在癌症/心血管/糖尿病中显示临床疗效。<sup><a href="#ref-6">[6]</a></sup></div>
+    </div>
     </div>
 
     <h3>🍶 Enagic Kangen水 + 姜黄素：从肠道优化吸收环境</h3>