Startseite Erkunden Hilfe
Registrieren Anmelden
liaoxg
/
cfc
1
1
Fork 0
Dateien Issues 0 Pull-Requests 0 Wiki
Branch: recovered-5
Branches Tags
cfc
/
web
/
articles
/
gut-microbiota-testing.html

gut-microbiota-testing.html 47 KB
Permalink Verlauf Originalformat

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="zh-CN">
    3. 

  3. <head>
    4. 

  4. <meta charset="UTF-8">
    5. 

  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
    6. 

  6. <meta name="description" content="为什么慢性病越来越多，单靠吃药却治不好？答案可能不在药物，而在你的肠道。菌群检测像一面放大镜，让你看清肠道里三万亿微生物的生态——谁在帮你抗炎，谁在推波助澜。不检测，你永远是在猜。">
    7. 

  7. <meta name="keywords" content="菌群检测,肠道菌群,肠道微生物,微生态,益生菌,菌群失调,精准营养,慢性炎症,菌群多样性,产丁酸菌">
    8. 

  8. <meta property="og:title" content="为什么要做菌群检测？· 浠艾福">
    9. 

  9. <meta property="og:description" content="肠道菌群检测——从"模糊调理"到"精准干预"的第一步。不知道谁在帮你、谁在伤害你，调理就是瞎忙。">
    10. 

  10. <meta property="og:type" content="article">
    11. 

  11. <meta property="og:image" content="https://www.etotem.com.cn/img/hero-gut-testing.jpg">
    12. 

  12. <title>为什么要做菌群检测？——你不知道的，你的肠道都知道 · 浠艾福</title>
    13. 

  13. <style>
    14. 

  14.   :root {
    15. 

  15.     --bg-card: #FFFFFF;
    16. 

  16.     --bg-alt: #f0f7f4;
    17. 

  17.     --text-primary: #1a1a2e;
    18. 

  18.     --text-secondary: #4a5568;
    19. 

  19.     --text-muted: #718096;
    20. 

  20.     --accent: #148f77;
    21. 

  21.     --accent-light: #e6fffa;
    22. 

  22.     --blue: #1a5276;
    23. 

  23.     --blue-light: #eaf4fb;
    24. 

  24.     --teal: #148f77;
    25. 

  25.     --teal-light: #e6fffa;
    26. 

  26.     --purple: #7d3c98;
    27. 

  27.     --purple-light: #f5eef8;
    28. 

  28.     --orange: #d35400;
    29. 

  29.     --orange-light: #fff4e6;
    30. 

  30.     --gold: #b8860b;
    31. 

  31.     --gold-light: #fffbe6;
    32. 

  32.     --font: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
    33. 

  33.     --max-width: 1080px;
    34. 

  34.     --shadow-card: 0 4px 24px rgba(0,0,0,0.08);
    35. 

  35.     --shadow-hover: 0 8px 40px rgba(0,0,0,0.12);
    36. 

  36.     --radius: 16px;
    37. 

  37.   }
    38. 

  38.   * { margin: 0; padding: 0; box-sizing: border-box; }
    39. 

  39.   html { scroll-behavior: smooth; }
    40. 

  40.   body {
    41. 

  41.     font-family: var(--font);
    42. 

  42.     font-size: 1rem;
    43. 

  43.     line-height: 1.8;
    44. 

  44.     color: var(--text-primary);
    45. 

  45.     background: #fff;
    46. 

  46.     -webkit-font-smoothing: antialiased;
    47. 

  47.   }
    48. 

  48. 

  49.   .hero {
    50. 

  50.     position: relative;
    51. 

  51.     background: linear-gradient(135deg, #0d3b2e 0%, #1a6b50 40%, #2d8f6f 100%);
    52. 

  52.     color: white;
    53. 

  53.     padding: 6rem 1.5rem 4rem;
    54. 

  54.     overflow: hidden;
    55. 

  55.     min-height: 58vh;
    56. 

  56.     display: flex;
    57. 

  57.     align-items: center;
    58. 

  58.   }
    59. 

  59.   .hero::before {
    60. 

  60.     content: '';
    61. 

  61.     position: absolute;
    62. 

  62.     inset: 0;
    63. 

  63.     background:
    64. 

  64.       radial-gradient(circle at 20% 30%, rgba(20,143,119,0.3) 0%, transparent 50%),
    65. 

  65.       radial-gradient(circle at 80% 70%, rgba(125,60,152,0.12) 0%, transparent 50%);
    66. 

  66.   }
    67. 

  67.   .hero-particles { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
    68. 

  68.   .particle {
    69. 

  69.     position: absolute;
    70. 

  70.     border-radius: 50%;
    71. 

  71.     background: rgba(255,255,255,0.1);
    72. 

  72.     animation: float 8s ease-in-out infinite;
    73. 

  73.   }
    74. 

  74.   .particle:nth-child(1) { width: 8px; height: 8px; left: 10%; top: 30%; animation-delay: 0s; }
    75. 

  75.   .particle:nth-child(2) { width: 12px; height: 12px; left: 25%; top: 50%; animation-delay: 1.5s; }
    76. 

  76.   .particle:nth-child(3) { width: 6px; height: 6px; left: 60%; top: 25%; animation-delay: 3s; }
    77. 

  77.   .particle:nth-child(4) { width: 10px; height: 10px; left: 75%; top: 60%; animation-delay: 0.5s; }
    78. 

  78.   .particle:nth-child(5) { width: 14px; height: 14px; left: 85%; top: 40%; animation-delay: 2s; }
    79. 

  79.   .particle:nth-child(6) { width: 7px; height: 7px; left: 40%; top: 70%; animation-delay: 4s; }
    80. 

  80.   .particle:nth-child(7) { width: 9px; height: 9px; left: 55%; top: 80%; animation-delay: 1s; }
    81. 

  81.   @keyframes float {
    82. 

  82.     0%, 100% { transform: translateY(0); opacity: 0.3; }
    83. 

  83.     50% { transform: translateY(-30px); opacity: 0.7; }
    84. 

  84.   }
    85. 

  85.   .hero-content { position: relative; z-index: 1; max-width: var(--max-width); margin: 0 auto; }
    86. 

  86.   .hero-badge {
    87. 

  87.     display: inline-block;
    88. 

  88.     background: rgba(255,255,255,0.15);
    89. 

  89.     color: white;
    90. 

  90.     font-size: 0.78rem;
    91. 

  91.     font-weight: 700;
    92. 

  92.     padding: 0.35rem 1rem;
    93. 

  93.     border-radius: 100px;
    94. 

  94.     margin-bottom: 1.2rem;
    95. 

  95.     backdrop-filter: blur(4px);
    96. 

  96.   }
    97. 

  97.   .hero-content h1 {
    98. 

  98.     font-size: clamp(2rem, 4.5vw, 3rem);
    99. 

  99.     font-weight: 800;
    100. 

  100.     line-height: 1.25;
    101. 

  101.     margin-bottom: 1.5rem;
    102. 

  102.     letter-spacing: -0.02em;
    103. 

  103.   }
    104. 

  104.   .hero-content .accent { color: #a8e6cf; display: inline-block; }
    105. 

  105.   .hero-sub {
    106. 

  106.     font-size: clamp(1rem, 2vw, 1.15rem);
    107. 

  107.     color: rgba(255,255,255,0.85);
    108. 

  108.     max-width: 650px;
    109. 

  109.     margin-bottom: 2rem;
    110. 

  110.   }
    111. 

  111.   .hero-stats {
    112. 

  112.     display: flex;
    113. 

  113.     gap: 2rem;
    114. 

  114.     flex-wrap: wrap;
    115. 

  115.     margin-top: 2rem;
    116. 

  116.   }
    117. 

  117.   .hero-stat { display: flex; flex-direction: column; }
    118. 

  118.   .hero-stat .num { font-size: 1.8rem; font-weight: 800; color: #a8e6cf; }
    119. 

  119.   .hero-stat .label { font-size: 0.8rem; color: rgba(255,255,255,0.7); }
    120. 

  120. 

  121.   .section {
    122. 

  122.     padding: 4rem 1.5rem;
    123. 

  123.     max-width: var(--max-width);
    124. 

  124.     margin: 0 auto;
    125. 

  125.   }
    126. 

  126.   .section.alt { background: var(--bg-alt); width: 100%; max-width: none; }
    127. 

  127.   .section.alt > .section-inner { max-width: var(--max-width); margin: 0 auto; padding: 4rem 1.5rem; }
    128. 

  128.   .section-tag {
    129. 

  129.     display: inline-block;
    130. 

  130.     font-size: 0.75rem;
    131. 

  131.     font-weight: 700;
    132. 

  132.     padding: 0.3rem 0.8rem;
    133. 

  133.     border-radius: 100px;
    134. 

  134.     margin-bottom: 0.8rem;
    135. 

  135.   }
    136. 

  136.   .section-tag.purple { background: var(--purple-light); color: var(--purple); }
    137. 

  137.   .section-tag.teal { background: var(--teal-light); color: var(--teal); }
    138. 

  138.   .section-tag.blue { background: var(--blue-light); color: var(--blue); }
    139. 

  139.   .section-tag.green { background: var(--teal-light); color: var(--teal); }
    140. 

  140.   .section-tag.orange { background: var(--orange-light); color: var(--orange); }
    141. 

  141.   .section-tag.gold { background: var(--gold-light); color: var(--gold); }
    142. 

  142.   .section-intro {
    143. 

  143.     font-size: 1.05rem;
    144. 

  144.     color: var(--text-secondary);
    145. 

  145.     margin-bottom: 2rem;
    146. 

  146.     max-width: 700px;
    147. 

  147.   }
    148. 

  148.   h2 {
    149. 

  149.     font-size: clamp(1.6rem, 3vw, 2.2rem);
    150. 

  150.     font-weight: 800;
    151. 

  151.     margin-bottom: 1rem;
    152. 

  152.     letter-spacing: -0.01em;
    153. 

  153.   }
    154. 

  154. 

  155.   .card {
    156. 

  156.     background: white;
    157. 

  157.     border-radius: var(--radius);
    158. 

  158.     padding: 1.5rem;
    159. 

  159.     box-shadow: var(--shadow-card);
    160. 

  160.     transition: box-shadow 0.3s ease;
    161. 

  161.   }
    162. 

  162.   .card:hover { box-shadow: var(--shadow-hover); }
    163. 

  163.   .card h3 {
    164. 

  164.     font-size: 1.1rem;
    165. 

  165.     font-weight: 700;
    166. 

  166.     margin-bottom: 0.6rem;
    167. 

  167.     display: flex;
    168. 

  168.     align-items: center;
    169. 

  169.     gap: 0.5rem;
    170. 

  170.   }
    171. 

  171.   .card-icon { font-size: 1.4rem; }
    172. 

  172.   .card-accent h3 { color: var(--accent); }
    173. 

  173.   .card-blue h3 { color: var(--blue); }
    174. 

  174.   .card-teal h3 { color: var(--teal); }
    175. 

  175.   .card-purple h3 { color: var(--purple); }
    176. 

  176.   .card-orange h3 { color: var(--orange); }
    177. 

  177.   .card-gold h3 { color: var(--gold); }
    178. 

  178. 

  179.   .grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
    180. 

  180.   .grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
    181. 

  181. 

  182.   @media (max-width: 768px) {
    183. 

  183.     .grid-2, .grid-3 { grid-template-columns: 1fr; }
    184. 

  184.     .hero-stats { gap: 1.2rem; }
    185. 

  185.     .hero-stat .num { font-size: 1.4rem; }
    186. 

  186.   }
    187. 

  187. 

  188.   .list-styled { list-style: none; padding-left: 0; }
    189. 

  189.   .list-styled li {
    190. 

  190.     position: relative;
    191. 

  191.     padding-left: 1.5rem;
    192. 

  192.     margin-bottom: 0.5rem;
    193. 

  193.     color: var(--text-secondary);
    194. 

  194.     font-size: 0.92rem;
    195. 

  195.   }
    196. 

  196.   .list-styled li::before {
    197. 

  197.     content: '▶';
    198. 

  198.     position: absolute;
    199. 

  199.     left: 0;
    200. 

  200.     top: 0;
    201. 

  201.     font-size: 0.7rem;
    202. 

  202.     color: var(--accent);
    203. 

  203.     margin-top: 0.4rem;
    204. 

  204.   }
    205. 

  205.   .list-styled.blue li::before { color: var(--blue); }
    206. 

  206.   .list-styled.green li::before { color: var(--teal); }
    207. 

  207. 

  208.   .highlight-box {
    209. 

  209.     background: var(--accent-light);
    210. 

  210.     border-left: 4px solid var(--accent);
    211. 

  211.     border-radius: 8px;
    212. 

  212.     padding: 1rem 1.2rem;
    213. 

  213.     margin: 1.5rem 0;
    214. 

  214.   }
    215. 

  215.   .highlight-box.blue { background: var(--blue-light); border-left-color: var(--blue); }
    216. 

  216.   .highlight-box.teal { background: var(--teal-light); border-left-color: var(--teal); }
    217. 

  217.   .highlight-box.purple { background: var(--purple-light); border-left-color: var(--purple); }
    218. 

  218.   .highlight-box.orange { background: var(--orange-light); border-left-color: var(--orange); }
    219. 

  219.   .highlight-box.gold { background: var(--gold-light); border-left-color: var(--gold); }
    220. 

  220.   .highlight-box p { font-size: 0.92rem; margin-bottom: 0.5rem; }
    221. 

  221.   .highlight-box p:last-child { margin-bottom: 0; }
    222. 

  222. 

  223.   .evidence-inline {
    224. 

  224.     background: white;
    225. 

  225.     border: 1px solid #eee;
    226. 

  226.     border-radius: var(--radius);
    227. 

  227.     padding: 1.5rem;
    228. 

  228.     margin: 1.5rem 0;
    229. 

  229.     box-shadow: var(--shadow-card);
    230. 

  230.   }
    231. 

  231.   .evidence-title { font-size: 0.95rem; font-weight: 700; color: var(--text-primary); margin-bottom: 0.6rem; }
    232. 

  232.   .evidence-caption { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.7; margin-bottom: 0.5rem; }
    233. 

  233.   .evidence-translation {
    234. 

  234.     font-size: 0.82rem;
    235. 

  235.     color: var(--text-muted);
    236. 

  236.     font-style: italic;
    237. 

  237.     padding: 0.5rem 0.8rem;
    238. 

  238.     background: #f9f9f9;
    239. 

  239.     border-radius: 8px;
    240. 

  240.     border-left: 3px solid var(--blue);
    241. 

  241.     margin-bottom: 0.5rem;
    242. 

  242.   }
    243. 

  243.   .evidence-meta { font-size: 0.78rem; color: var(--text-muted); }
    244. 

  244.   .evidence-meta a { color: var(--blue); text-decoration: none; }
    245. 

  245.   .evidence-meta a:hover { text-decoration: underline; }
    246. 

  246. 

  247.   .screenshot {
    248. 

  248.     border-radius: 12px;
    249. 

  249.     overflow: hidden;
    250. 

  250.     box-shadow: var(--shadow-card);
    251. 

  251.     margin: 1.5rem 0;
    252. 

  252.     background: white;
    253. 

  253.   }
    254. 

  254.   .screenshot img { width: 100%; display: block; }
    255. 

  255.   .screenshot-caption {
    256. 

  256.     padding: 0.8rem 1rem;
    257. 

  257.     font-size: 0.8rem;
    258. 

  258.     color: var(--text-muted);
    259. 

  259.     background: #f8f8f8;
    260. 

  260.   }
    261. 

  261.   .screenshot-caption strong { color: var(--text-primary); }
    262. 

  262. 

  263.   .citation-grid {
    264. 

  264.     display: grid;
    265. 

  265.     grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    266. 

  266.     gap: 1rem;
    267. 

  267.     margin-top: 1.5rem;
    268. 

  268.   }
    269. 

  269.   .citation-card {
    270. 

  270.     background: white;
    271. 

  271.     border: 1px solid #eee;
    272. 

  272.     border-radius: 12px;
    273. 

  273.     padding: 1.2rem 1.5rem;
    274. 

  274.     box-shadow: var(--shadow-card);
    275. 

  275.   }
    276. 

  276.   .citation-card .source {
    277. 

  277.     font-size: 0.83rem;
    278. 

  278.     font-weight: 700;
    279. 

  279.     color: var(--text-primary);
    280. 

  280.     margin-bottom: 0.35rem;
    281. 

  281.   }
    282. 

  282.   .citation-card .findings {
    283. 

  283.     font-size: 0.85rem;
    284. 

  284.     color: var(--text-secondary);
    285. 

  285.     line-height: 1.65;
    286. 

  286.     margin-bottom: 0.35rem;
    287. 

  287.   }
    288. 

  288.   .citation-card .trans {
    289. 

  289.     font-size: 0.78rem;
    290. 

  290.     color: var(--text-muted);
    291. 

  291.     font-style: italic;
    292. 

  292.     margin-bottom: 0.35rem;
    293. 

  293.   }
    294. 

  294.   .citation-card .link {
    295. 

  295.     font-size: 0.78rem;
    296. 

  296.     color: var(--blue);
    297. 

  297.     text-decoration: none;
    298. 

  298.   }
    299. 

  299.   .citation-card .link:hover { text-decoration: underline; }
    300. 

  300. 

  301.   .comparison-table {
    302. 

  302.     width: 100%;
    303. 

  303.     border-collapse: collapse;
    304. 

  304.     margin: 1.5rem 0;
    305. 

  305.     font-size: 0.9rem;
    306. 

  306.   }
    307. 

  307.   .comparison-table th {
    308. 

  308.     background: var(--accent);
    309. 

  309.     color: white;
    310. 

  310.     padding: 0.8rem 1rem;
    311. 

  311.     text-align: left;
    312. 

  312.     font-weight: 700;
    313. 

  313.   }
    314. 

  314.   .comparison-table th:first-child { border-radius: 8px 0 0 0; }
    315. 

  315.   .comparison-table th:last-child { border-radius: 0 8px 0 0; }
    316. 

  316.   .comparison-table td {
    317. 

  317.     padding: 0.7rem 1rem;
    318. 

  318.     border-bottom: 1px solid #eee;
    319. 

  319.     color: var(--text-secondary);
    320. 

  320.   }
    321. 

  321.   .comparison-table tr:nth-child(even) td { background: #f9f9f9; }
    322. 

  322.   .comparison-table .check { color: var(--teal); font-weight: 700; }
    323. 

  323.   .comparison-table .cross { color: #e74c3c; }
    324. 

  324. 

  325.   .step-flow { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 0.5rem; margin: 2rem 0; }
    326. 

  326.   .step-flow-item {
    327. 

  327.     background: white;
    328. 

  328.     border: 2px solid var(--accent);
    329. 

  329.     border-radius: 12px;
    330. 

  330.     padding: 0.85rem 1.4rem;
    331. 

  331.     text-align: center;
    332. 

  332.     min-width: 150px;
    333. 

  333.     box-shadow: var(--shadow-card);
    334. 

  334.   }
    335. 

  335.   .step-flow-item.teal { border-color: var(--teal); }
    336. 

  336.   .step-flow-item.purple { border-color: var(--purple); }
    337. 

  337.   .step-flow-item.blue { border-color: var(--blue); }
    338. 

  338.   .step-flow-item.orange { border-color: var(--orange); }
    339. 

  339.   .step-flow-item.gold { border-color: var(--gold); }
    340. 

  340.   .step-flow-item .s-num { font-size: 0.72rem; font-weight: 700; color: var(--accent); display: block; margin-bottom: 0.2rem; }
    341. 

  341.   .step-flow-item.teal .s-num { color: var(--teal); }
    342. 

  342.   .step-flow-item.purple .s-num { color: var(--purple); }
    343. 

  343.   .step-flow-item.blue .s-num { color: var(--blue); }
    344. 

  344.   .step-flow-item.orange .s-num { color: var(--orange); }
    345. 

  345.   .step-flow-item .s-title { font-size: 0.9rem; font-weight: 700; color: var(--text-primary); display: block; }
    346. 

  346. 

  347.   .cta-section {
    348. 

  348.     background: linear-gradient(135deg, #0d3b2e 0%, #1a6b50 100%);
    349. 

  349.     color: white;
    350. 

  350.     text-align: center;
    351. 

  351.     padding: 4rem 1.5rem;
    352. 

  352.     border-radius: var(--radius);
    353. 

  353.     margin: 2rem 1.5rem;
    354. 

  354.   }
    355. 

  355.   .cta-section h2 { color: white; }
    356. 

  356.   .cta-section .accent { color: #a8e6cf; }
    357. 

  357.   .cta-section p { color: rgba(255,255,255,0.85); margin-bottom: 1rem; }
    358. 

  358. 

  359.   .footer {
    360. 

  360.     background: #f8f8f8;
    361. 

  361.     border-top: 2px solid var(--accent);
    362. 

  362.     padding: 3rem 1.5rem;
    363. 

  363.   }
    364. 

  364.   .footer-inner { max-width: var(--max-width); margin: 0 auto; display: flex; flex-wrap: wrap; gap: 2rem; }
    365. 

  365.   .footer-brand { flex: 1; min-width: 250px; }
    366. 

  366.   .footer-brand .logo-text { font-size: 1.5rem; font-weight: 800; color: var(--accent); }
    367. 

  367.   .footer-brand .logo-tag { font-size: 0.85rem; color: var(--text-muted); }
    368. 

  368.   .footer-brand p { font-size: 0.85rem; color: var(--text-secondary); margin-top: 0.5rem; }
    369. 

  369.   .footer-col { flex: 1; min-width: 180px; }
    370. 

  370.   .footer-col h4 { font-size: 0.9rem; font-weight: 700; margin-bottom: 0.6rem; color: var(--text-primary); }
    371. 

  371.   .footer-col ul { list-style: none; padding-left: 0; }
    372. 

  372.   .footer-col li { font-size: 0.82rem; margin-bottom: 0.35rem; }
    373. 

  373.   .footer-col a { color: var(--text-secondary); text-decoration: none; }
    374. 

  374.   .footer-col a:hover { color: var(--accent); }
    375. 

  375.   .footer-legal { text-align: center; font-size: 0.75rem; color: var(--text-muted); margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid #eee; }
    376. 

  376. 

  377.   .anchor { scroll-margin-top: 72px; }
    378. 

  378. 

  379.   /* ===== 检测指标维度模块（小卡片三列） ===== */
    380. 

  380.   .indicator-modules { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin: 1.5rem 0; }
    381. 

  381.   .indicator-module {
    382. 

  382.     background: white;
    383. 

  383.     border-radius: 12px;
    384. 

  384.     padding: 1rem 1.1rem;
    385. 

  385.     box-shadow: var(--shadow-card);
    386. 

  386.     border-top: 3px solid;
    387. 

  387.     position: relative;
    388. 

  388.   }
    389. 

  389.   .indicator-module.disease { border-top-color: #e74c3c; }
    390. 

  390.   .indicator-module.microbiome { border-top-color: var(--teal); }
    391. 

  391.   .indicator-module.barrier { border-top-color: var(--blue); }
    392. 

  392.   .indicator-module.nutrition { border-top-color: var(--orange); }
    393. 

  393.   .indicator-module.vitamin { border-top-color: #f1c40f; }
    394. 

  394.   .indicator-module.scfa { border-top-color: #27ae60; }
    395. 

  395.   .indicator-module.neuro { border-top-color: var(--purple); }
    396. 

  396.   .indicator-module.pathogen { border-top-color: #c0392b; }
    397. 

  397.   .indicator-module h4 { font-size: 0.85rem; font-weight: 700; margin-bottom: 0.3rem; }
    398. 

  398.   .indicator-module .module-meta {
    399. 

  399.     font-size: 0.7rem;
    400. 

  400.     background: var(--bg-alt);
    401. 

  401.     padding: 0.2rem 0.5rem;
    402. 

  402.     border-radius: 6px;
    403. 

  403.     display: inline-block;
    404. 

  404.     margin-bottom: 0.5rem;
    405. 

  405.     color: var(--text-muted);
    406. 

  406.   }
    407. 

  407.   .indicator-module ul {
    408. 

  408.     list-style: none;
    409. 

  409.     padding: 0;
    410. 

  410.     font-size: 0.75rem;
    411. 

  411.     color: var(--text-secondary);
    412. 

  412.     line-height: 1.6;
    413. 

  413.   }
    414. 

  414.   .indicator-module ul li::before { content: "· "; font-weight: 700; }
    415. 

  415.   .indicator-module .value-hint {
    416. 

  416.     font-size: 0.7rem;
    417. 

  417.     color: var(--text-muted);
    418. 

  418.     margin-top: 0.4rem;
    419. 

  419.     padding-top: 0.4rem;
    420. 

  420.     border-top: 1px dashed #eee;
    421. 

  421.   }
    422. 

  422.   .indicator-module .read-more {
    423. 

  423.     display: block;
    424. 

  424.     margin-top: 0.6rem;
    425. 

  425.     font-size: 0.75rem;
    426. 

  426.     font-weight: 700;
    427. 

  427.     color: var(--accent);
    428. 

  428.     text-decoration: none;
    429. 

  429.   }
    430. 

  430.   .indicator-module .read-more:hover { text-decoration: underline; }
    431. 

  431. 

  432.   /* 疾病风险参考表 */
    433. 

  433.   .disease-risk-table { width: 100%; border-collapse: collapse; font-size: 0.78rem; margin: 1rem 0; border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow-card); }
    434. 

  434.   .disease-risk-table th { background: var(--accent); color: white; padding: 0.6rem 0.8rem; text-align: left; font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.04em; }
    435. 

  435.   .disease-risk-table td { padding: 0.5rem 0.8rem; border-bottom: 1px solid #eee; color: var(--text-secondary); }
    436. 

  436.   .disease-risk-table tr:last-child td { border-bottom: none; }
    437. 

  437.   .disease-risk-table tr:hover td { background: var(--bg-alt); }
    438. 

  438.   .risk-low { color: #27ae60; font-weight: 600; }
    439. 

  439.   .risk-mid { color: var(--orange); font-weight: 600; }
    440. 

  440.   .risk-high { color: #e74c3c; font-weight: 600; }
    441. 

  441. 

  442.   @media (max-width: 768px) {
    443. 

  443.     .indicator-modules { grid-template-columns: 1fr; }
    444. 

  444.   }
    445. 

  445. 

  446. </style>
    447. 

  447. </head>
    448. 

  448. <body>
    449. 

  449. 

  450. <!-- HERO -->
    451. 

  451. <section class="hero">
    452. 

  452.   <div class="hero-particles">
    453. 

  453.     <div class="particle"></div><div class="particle"></div><div class="particle"></div>
    454. 

  454.     <div class="particle"></div><div class="particle"></div><div class="particle"></div><div class="particle"></div>
    455. 

  455.   </div>
    456. 

  456.   <div class="hero-content">
    457. 

  457.     <div class="hero-badge">🧬 精准健康 · 从检测开始</div>
    458. 

  458.     <h1>你的肠道里住着三万亿"房客"<br><span class="accent">它们决定了你的体重、情绪和免疫力</span></h1>
    459. 

  459.     <p class="hero-sub">菌群检测就像给肠道做一次"人口普查"——谁在帮你抗炎，谁在偷偷搞破坏，一目了然。<br><br>不知道谁在帮你、谁在伤害你，调理就是"瞎忙"。</p>
    460. 

  460.     <div class="hero-stats">
    461. 

  461.       <div class="hero-stat"><span class="num">100万亿</span><span class="label">肠道微生物数量</span></div>
    462. 

  462.       <div class="hero-stat"><span class="num">300万</span><span class="label">细菌基因是人类基因的150倍</span></div>
    463. 

  463.       <div class="hero-stat"><span class="num">70%</span><span class="label">免疫细胞住在肠道</span></div>
    464. 

  464.     </div>
    465. 

  465.   </div>
    466. 

  466. </section>
    467. 

  467. 

  468. <!-- 01: 盲人摸象的窘境 -->
    469. 

  469. <section class="section" id="blind-spot">
    470. 

  470.   <div class="section-tag teal">🤔 01 · 认知盲区</div>
    471. 

  471.   <h2>不检测，你永远在"猜"</h2>
    472. 

  472.   <p class="section-intro">想象一下这个场景：你感觉容易疲劳、肚子胀气、偶尔便秘、皮肤长痘……你在网上搜了一圈，决定先吃点益生菌。但两个星期过去，什么也没改善。这就是"盲人摸象式调理"——不知道问题出在哪，就谈不上解决。</p>
    473. 

  473. 

  474.   <div class="grid-3">
    475. 

  475.     <div class="card card-teal">
    476. 

  476.       <span class="card-icon">🔮</span>
    477. 

  477.       <h3>"猜"式调理</h3>
    478. 

  478.       <p>凭感觉吃益生菌→没效果→换另一种→拉肚子→停掉→再换……像在黑暗中找开关，可能一辈子都摸不到。</p>
    479. 

  479.     </div>
    480. 

  480.     <div class="card card-blue">
    481. 

  481.       <span class="card-icon">📊</span>
    482. 

  482.       <h3>"测"式精准</h3>
    483. 

  483.       <p>检测→发现缺少哪种菌→针对补充→复查→完全改善。循证干预：你缺什么、补什么、补多少、效果如何——每一步都有数据支撑。</p>
    484. 

  484.     </div>
    485. 

  485.     <div class="card card-purple">
    486. 

  486.       <span class="card-icon">❗</span>
    487. 

  487.       <h3>"猜"的代价</h3>
    488. 

  488.       <p>长期吃不适合自己的益生菌，不仅浪费钱，还可能破坏现有菌群平衡。更可怕的是——你以为在"调理"，实际在"添乱"。</p>
    489. 

  489.     </div>
    490. 

  490.   </div>
    491. 

  491. 

  492.   <div class="highlight-box teal" style="margin-top:2rem;">
    493. 

  493.     <p><strong>核心观点：</strong>没有检测的调理，相当于没有做检查就直接开药。你不会因为头疼就要求医生开抗生素，但在肠道健康这件事上，无数人正在这么做。</p>
    494. 

  494.   </div>
    495. 

  495. </section>
    496. 

  496. 

  497. <!-- 02: 菌群检测能告诉你什么 -->
    498. 

  498. <section class="section alt" id="what-test-tells">
    499. 

  499.   <div class="section-inner">
    500. 

  500.   <div class="section-tag orange">🔬 02 · 检测价值</div>
    501. 

  501.   <h2>一份菌群检测报告，能告诉你什么？</h2>
    502. 

  502.   <p class="section-intro">菌群检测不是"看个热闹"，它从四个层面帮你画出肠道生态的全景地图：</p>
    503. 

  503. 

  504.   <div class="grid-2">
    505. 

  505.     <div class="card card-accent">
    506. 

  506.       <h3><span class="card-icon">🌳</span> ① 多样性——生态健康的核心指标</h3>
    507. 

  507.       <p>菌群多样性就像热带雨林的物种多样性——越丰富，系统越稳定越健康。Shannon指数和Chao1指数是衡量多样性的金标准。</p>
    508. 

  508.       <p style="margin-top:0.5rem;font-size:0.85rem;color:var(--text-muted);"><strong>低多样性的典型后果：</strong>免疫失调、过敏、炎症性肠病、肥胖、糖尿病风险显著增高<sup><a href="#ref-1" style="color:var(--teal);">[1]</a></sup></p>
    509. 

  509.     </div>
    510. 

  510.     <div class="card card-blue">
    511. 

  511.       <h3><span class="card-icon">🏭</span> ② 产丁酸菌——抗炎的"主力部队"</h3>
    512. 

  512.       <p>丁酸是肠道上皮细胞的主要能量来源，调控Treg细胞分化，是系统抗炎的核心。</p>
    513. 

  513.       <ul class="list-styled blue">
    514. 

  514.         <li><strong>关键菌属：</strong>Faecalibacterium prausnitzii、Roseburia、Eubacterium rectale</li>
    515. 

  515.         <li><strong>健康意义：</strong>丁酸水平低→肠屏障受损→内毒素入血→全身慢性炎症</li>
    516. 

  516.         <li><strong>靶向补充：</strong>抗性淀粉、低聚果糖（FOS）、低聚半乳糖（GOS）等丁酸前体</li>
    517. 

  517.       </ul>
    518. 

  518.     </div>
    519. 

  519.     <div class="card card-purple">
    520. 

  520.       <h3><span class="card-icon">⚠️</span> ③ 条件致病菌——潜伏的"内鬼"</h3>
    521. 

  521.       <p>每个人的肠道里都或多或少存在条件致病菌——正常情况下它们被压制，一旦菌群失衡，就会快速增殖反噬。</p>
    522. 

  522.       <ul class="list-styled">
    523. 

  523.         <li><strong>常见名单：</strong>致病性大肠杆菌、艰难梭菌、克雷伯菌属、链球菌属</li>
    524. 

  524.         <li><strong>激活信号：</strong>抗生素使用、高糖高脂饮食、长期压力、睡眠不足</li>
    525. 

  525.         <li><strong>检测意义：</strong>提前预警，在它们"搞事情"之前进行干预</li>
    526. 

  526.       </ul>
    527. 

  527.     </div>
    528. 

  528.     <div class="card card-gold">
    529. 

  529.       <h3><span class="card-icon">🎯</span> ④ 个性化干预方案</h3>
    530. 

  530.       <p>检测的终极目的不是看数据，而是拿到一份专属于你的肠道"养护手册"。好的检测报告会给出：</p>
    531. 

  531.       <ul class="list-styled">
    532. 

  532.         <li>针对性的益生菌菌株建议（什么菌、多少量、吃多久）</li>
    533. 

  533.         <li>个性化的饮食调整策略（什么该吃、什么不该吃）</li>
    534. 

  534.         <li>复查时间表（什么时候复查、预期改善多少）</li>
    535. 

  535.       </ul>
    536. 

  536. </div><!-- end card-gold / grid-2 -->
    537. 

  537.   </div><!-- /section-inner -->
    538. 

  538. 

  539.   <!-- 检测指标详细说明 full-width（突破 max-width 限制） -->
    540. 

  540.   <div style="max-width:1400px;margin:0 auto;padding:0 1.5rem 1.5rem;">
    541. 

  541. 

  542.     <!-- 检测指标详细说明（基于菌群检测知识库） -->
    543. 

  543.     <div style="margin-top:0;">
    544. 

  544.       <h3 style="font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:0.8rem;">📊 菌群检测具体测什么？——8大维度全面解读</h3>
    545. 

  545.       <p style="font-size:0.82rem;color:var(--text-muted);margin-bottom:1.2rem;">一份完整的肠道菌群检测报告，涵盖以下8个核心维度。每一项都有明确的生理意义和干预价值：</p>
    546. 

  546. 

  547.       <!-- 8维度模块 -->
    548. 

  548.       <div class="indicator-modules">
    549. 

  549.         <div class="indicator-module disease">
    550. 

  550.           <h4>🩺 疾病风险评估</h4>
    551. 

  551.           <span class="module-meta">18项 · 0-1风险指数</span>
    552. 

  552.           <ul>
    553. 

  553.             <li>结直肠癌、II型糖尿病</li>
    554. 

  554.             <li>炎症性肠炎（IBD）、肠易激综合征（IBS）</li>
    555. 

  555.             <li>肥胖、心脑血管疾病</li>
    556. 

  556.             <li>自闭症、抑郁症、失眠</li>
    557. 

  557.             <li>甲状腺疾病、过敏、便秘</li>
    558. 

  558.           </ul>
    559. 

  559.           <p class="value-hint">风险值 <0.3=低 / 0.3-0.5=注意 / >0.5=高风险 → 提示专项干预方向</p>
    560. 

  560.           <a href="indicator-disease-risk.html" class="read-more">阅读全文 →</a>
    561. 

  561.         </div>
    562. 

  562.         <div class="indicator-module microbiome">
    563. 

  563.           <h4>🌿 菌群平衡与多样性</h4>
    564. 

  564.           <span class="module-meta">核心指标 · 肠道生态评估</span>
    565. 

  565.           <ul>
    566. 

  566.             <li>香浓多样性指数（Shannon）</li>
    567. 

  567.             <li>有益菌：双歧杆菌、乳杆菌、普拉梭菌</li>
    568. 

  568.             <li>有害菌：大肠杆菌、艰难梭菌、克雷伯菌</li>
    569. 

  569.             <li>肠型判定（B/E/P/FF型）</li>
    570. 

  570.             <li>厚壁菌/拟杆菌比值（F/B）</li>
    571. 

  571.           </ul>
    572. 

  572.           <p class="value-hint">多样性↓→炎症风险↑；有益菌↓+有害菌↑→肠道炎症风险↑</p>
    573. 

  573.           <a href="indicator-microbiome-diversity.html" class="read-more">阅读全文 →</a>
    574. 

  574.         </div>
    575. 

  575.         <div class="indicator-module barrier">
    576. 

  576.           <h4>🛡️ 肠道屏障与代谢产物</h4>
    577. 

  577.           <span class="module-meta">肠漏评估 · 炎症状态</span>
    578. 

  578.           <ul>
    579. 

  579.             <li>肠道炎症水平（0-80，越高越危险）</li>
    580. 

  580.             <li>脂多糖 LPS（内毒素）水平</li>
    581. 

  581.             <li>肠屏障完整性评分（15-100分）</li>
    582. 

  582.             <li>次级胆汁酸、吲哚、苯酚、腐胺</li>
    583. 

  583.           </ul>
    584. 

  584.           <p class="value-hint">LPS↑+屏障↓→"肠漏"→内毒素入血→全身慢性炎症→慢病风险↑</p>
    585. 

  585.           <a href="indicator-gut-barrier.html" class="read-more">阅读全文 →</a>
    586. 

  586.         </div>
    587. 

  587.         <div class="indicator-module scfa">
    588. 

  588.           <h4>⚡ 短链脂肪酸（SCFAs）</h4>
    589. 

  589.           <span class="module-meta">核心代谢物 · 抗炎指标</span>
    590. 

  590.           <ul>
    591. 

  591.             <li><strong>丁酸盐</strong>：结肠上皮细胞主能源，↑抗炎；↓则肠漏、炎症</li>
    592. 

  592.             <li><strong>丙酸盐</strong>：肝脏糖异生，调节食欲</li>
    593. 

  593.             <li><strong>乙酸盐</strong>：最丰富的SCFA，参与脂质代谢</li>
    594. 

  594.           </ul>
    595. 

  595.           <p class="value-hint">丁酸盐缺乏是肠道炎症的早期信号，也是益生菌干预的核心靶点</p>
    596. 

  596.           <a href="indicator-scfas.html" class="read-more">阅读全文 →</a>
    597. 

  597.         </div>
    598. 

  598.         <div class="indicator-module nutrition">
    599. 

  599.           <h4>🥗 营养代谢评估</h4>
    600. 

  600.           <span class="module-meta">宏量营养 · 微量元素 · 氨基酸</span>
    601. 

  601.           <ul>
    602. 

  602.             <li>碳水、蛋白质、脂肪、纤维素、乳制品评分</li>
    603. 

  603.             <li>铁、锌等微量元素状态</li>
    604. 

  604.             <li>16种氨基酸（必需+非必需）水平</li>
    605. 

  605.           </ul>
    606. 

  606.           <p class="value-hint">菌群参与营养代谢；铁缺乏是老年人最常见问题；锌↓→免疫功能受损</p>
    607. 

  607.           <a href="indicator-nutrition.html" class="read-more">阅读全文 →</a>
    608. 

  608.         </div>
    609. 

  609.         <div class="indicator-module vitamin">
    610. 

  610.           <h4>💊 维生素代谢状态</h4>
    611. 

  611.           <span class="module-meta">10种维生素 · B族为主</span>
    612. 

  612.           <ul>
    613. 

  613.             <li>B1/B2/B5/B6/B12、叶酸（B9）</li>
    614. 

  614.             <li>维生素A、C、D、K2</li>
    615. 

  615.           </ul>
    616. 

  616.           <p class="value-hint">肠道菌群可合成B族维生素和维生素K；菌群失衡→B族合成↓→疲劳、神经症状</p>
    617. 

  617.           <a href="indicator-vitamins.html" class="read-more">阅读全文 →</a>
    618. 

  618.         </div>
    619. 

  619.         <div class="indicator-module neuro">
    620. 

  620.           <h4>🧠 神经递质相关指标</h4>
    621. 

  621.           <span class="module-meta">肠脑轴 · 情绪/睡眠</span>
    622. 

  622.           <ul>
    623. 

  623.             <li>血清素（5-HT）：情绪、睡眠、食欲；90%由肠壁细胞合成</li>
    624. 

  624.             <li>γ-氨基丁酸（GABA）：抗焦虑、放松</li>
    625. 

  625.             <li>谷氨酸（Glu）：↑则神经兴奋过度</li>
    626. 

  626.             <li>多巴胺代谢物（DOPAC）、色氨酸、组胺、喹啉酸</li>
    627. 

  627.           </ul>
    628. 

  628.           <p class="value-hint">肠道菌群异常→血清素↓→抑郁/失眠风险↑；乳杆菌可增加GABA合成</p>
    629. 

  629.           <a href="indicator-neurotransmitters.html" class="read-more">阅读全文 →</a>
    630. 

  630.         </div>
    631. 

  631.         <div class="indicator-module pathogen">
    632. 

  632.           <h4>🦠 致病菌 & 抗生素耐药</h4>
    633. 

  633.           <span class="module-meta">用药安全 · 感染预警</span>
    634. 

  634.           <ul>
    635. 

  635.             <li>5种致病菌：艰难梭菌、沙门氏菌、志贺氏菌、幽门螺杆菌、弯曲杆菌</li>
    636. 

  636.             <li>9类抗生素耐药基因：β-内酰胺/氨基糖苷/大环内酯/喹诺酮/磺胺/四环素等</li>
    637. 

  637.           </ul>
    638. 

  638.           <p class="value-hint">耐药基因↑→未来抗生素治疗效果↓；艰难梭菌阳性→禁用某些抗生素，改用布拉氏酵母</p>
    639. 

  639.           <a href="indicator-pathogens.html" class="read-more">阅读全文 →</a>
    640. 

  640.         </div>
    641. 

  641.       </div>
    642. 

  642. 

  643.       <!-- 疾病风险参考表 -->
    644. 

  644.       <h3 style="font-size:0.95rem;font-weight:700;color:var(--text-primary);margin:1.5rem 0 0.5rem;">📋 主要疾病风险评估速查（参考范围 0-1）</h3>
    645. 

  645.       <div style="overflow-x:auto;">
    646. 

  646.       <table class="disease-risk-table">
    647. 

  647.         <thead>
    648. 

  648.           <tr>
    649. 

  649.             <th>指标</th>
    650. 

  650.             <th>低风险（<0.3）</th>
    651. 

  651.             <th>注意（0.3-0.5）</th>
    652. 

  652.             <th>高风险（>0.5）</th>
    653. 

  653.             <th>检测价值</th>
    654. 

  654.           </tr>
    655. 

  655.         </thead>
    656. 

  656.         <tbody>
    657. 

  657.           <tr>
    658. 

  658.             <td style="font-weight:600;color:var(--text-primary);">炎症性肠炎 / IBS</td>
    659. 

  659.             <td class="risk-low">炎症水平低，肠屏障完整</td>
    660. 

  660.             <td class="risk-mid">SCFAs偏低，肠屏障偏弱</td>
    661. 

  661.             <td class="risk-high">丁酸盐严重不足，LPS偏高</td>
    662. 

  662.             <td>指导抗炎饮食 + 靶向益生菌株</td>
    663. 

  663.           </tr>
    664. 

  664.           <tr>
    665. 

  665.             <td style="font-weight:600;color:var(--text-primary);">结直肠癌</td>
    666. 

  666.             <td class="risk-low">厚壁菌/拟杆菌比正常</td>
    667. 

  667.             <td class="risk-mid">普拉梭菌偏低，次级胆汁酸偏高</td>
    668. 

  668.             <td class="risk-high">具核梭杆菌超标，F. prausnitzii缺失</td>
    669. 

  669.             <td>提示肠镜复查频率</td>
    670. 

  670.           </tr>
    671. 

  671.           <tr>
    672. 

  672.             <td style="font-weight:600;color:var(--text-primary);">II型糖尿病</td>
    673. 

  673.             <td class="risk-low">产丁酸菌丰度正常</td>
    674. 

  674.             <td class="risk-mid">乙酸盐偏高，代谢产物异常</td>
    675. 

  675.             <td class="risk-high">普雷沃氏菌过度，脂肪代谢菌群失衡</td>
    676. 

  676.             <td>饮食干预：增加膳食纤维 + 丁酸前体</td>
    677. 

  677.           </tr>
    678. 

  678.           <tr>
    679. 

  679.             <td style="font-weight:600;color:var(--text-primary);">抑郁症 / 失眠</td>
    680. 

  680.             <td class="risk-low">GABA/血清素代谢正常</td>
    681. 

  681.             <td class="risk-mid">乳杆菌属丰度偏低</td>
    682. 

  682.             <td class="risk-high">另枝菌属超标，双歧杆菌缺乏</td>
    683. 

  683.             <td>肠脑轴干预：特定乳杆菌 + SCFAs调节</td>
    684. 

  684.           </tr>
    685. 

  685.           <tr>
    686. 

  686.             <td style="font-weight:600;color:var(--text-primary);">肥胖</td>
    687. 

  687.             <td class="risk-low">菌群多样性正常</td>
    688. 

  688.             <td class="risk-mid">颤螺旋菌属异常</td>
    689. 

  689.             <td class="risk-high">产甲烷菌高，埃希氏菌超标</td>
    690. 

  690.             <td>精准热量吸收评估 + 靶向干预</td>
    691. 

  691.           </tr>
    692. 

  692.           <tr>
    693. 

  693.             <td style="font-weight:600;color:var(--text-primary);">便秘</td>
    694. 

  694.             <td class="risk-low">阿克曼菌（Akkermansia）正常</td>
    695. 

  695.             <td class="risk-mid">产丁酸菌略低</td>
    696. 

  696.             <td class="risk-high">双歧杆菌/乳杆菌缺失，甲烷短杆菌偏高</td>
    697. 

  697.             <td>直接指导益生菌补充剂选择</td>
    698. 

  698.           </tr>
    699. 

  699.           <tr>
    700. 

  700.             <td style="font-weight:600;color:var(--text-primary);">过敏</td>
    701. 

  701.             <td class="risk-low">粪杆菌（Faecalibacterium）正常</td>
    702. 

  702.             <td class="risk-mid">经黏液真杆菌属（Blautia）偏低</td>
    703. 

  703.             <td class="risk-high">脆弱拟杆菌缺失，变形菌门偏高</td>
    704. 

  704.             <td>指导益生菌选择（脆弱拟杆菌或特定乳杆菌）</td>
    705. 

  705.           </tr>
    706. 

  706.         </tbody>
    707. 

  707.       </table>
    708. 

  708.       </div>
    709. 

  709. 

  710.       <div style="background:#e6fffa;border-radius:12px;padding:1rem 1.2rem;margin-top:1.5rem;border-left:4px solid var(--teal);">
    711. 

  711.         <p style="font-size:0.85rem;color:var(--text-secondary);margin-bottom:0.5rem;">💊 想了解具体益生菌菌株的功效、专利来源和适宜人群？</p>
    712. 

  712.         <a href="probiotics-science.html" style="color:var(--teal);font-weight:700;font-size:0.9rem;">→ 查看：益生菌科学解读 · 核心菌株速查表（15株循证总结）</a>
    713. 

  713.       </div>
    714. 

  714. 

  715.     </div>
    716. 

  716.   </div><!-- /full-width wrapper -->
    717. 

  717. 

  718.   <div class="section-inner">
    719. 

  719. </section>
    720. 

  720. 

  721. <!-- 03: 谁需要做菌群检测 -->
    722. 

  722. <section class="section" id="who-needs">
    723. 

  723.   <div class="section-tag gold">🎯 03 · 目标人群</div>
    724. 

  724.   <h2>这些人，最需要给肠道做一次"人口普查"</h2>
    725. 

  725.   <p class="section-intro">菌群检测不是人人必做，但以下人群的"检测回报率"极高。其中<strong>儿童和老年人建议每年检测一次</strong>，持续追踪菌群变化；其他人群在出现相关症状时进行针对性检测，可能帮你省下半年以上的试错时间。</p>
    726. 

  726. 

  727.   <div class="grid-2">
    728. 

  728.     <div class="card card-blue">
    729. 

  729.       <h3><span class="card-icon">🫃</span> 消化系统困扰者</h3>
    730. 

  730.       <p>长期腹胀、便秘、腹泻、反酸、肠易激综合征（IBS）——这些"不是病但很难受"的症状，90%与菌群失调直接相关。</p>
    731. 

  731.     </div>
    732. 

  732.     <div class="card card-accent">
    733. 

  733.       <h3><span class="card-icon">🩸</span> 代谢综合征/三高人群</h3>
    734. 

  734.       <p>如我们之前讨论的——慢性炎症是高血压、高血糖、高血脂的共同土壤，而肠道菌群失调是慢性炎症的"上游开关"。</p>
    735. 

  735.       <p style="margin-top:0.5rem;font-size:0.85rem;color:var(--text-muted);">📎 参考：<a href="metabolic-syndrome.html" style="color:var(--teal);">从三高到六高——是症状，不是病</a></p>
    736. 

  736.     </div>
    737. 

  737.     <div class="card card-purple">
    738. 

  738.       <h3><span class="card-icon">🧠</span> 情绪/睡眠/精力问题者</h3>
    739. 

  739.       <p>肠-脑轴（gut-brain axis）是过去十年神经科学最重要的发现之一。约80-90%的5-羟色胺（血清素）在肠道产生。菌群失调→5-HT合成减少→情绪低落、焦虑、睡眠障碍<sup><a href="#ref-2" style="color:var(--purple);">[2]</a></sup>。</p>
    740. 

  740.     </div>
    741. 

  741.     <div class="card card-orange">
    742. 

  742.       <h3><span class="card-icon">💊</span> 长期服药/抗生素史</h3>
    743. 

  743.       <p>抗生素就像对肠道菌群的一次"地毯式轰炸"——好菌坏菌一起杀。即使是一次抗生素疗程，菌群也需要数月才能部分恢复。长期服用PPI（抑酸药）、NSAIDs（抗炎药）也会显著改变菌群结构。</p>
    744. 

  744.     </div>
    745. 

  745.     <div class="card card-teal">
    746. 

  746.       <h3><span class="card-icon">👶</span> 儿童——建议每年检测</h3>
    747. 

  747.       <p>0-12岁是肠道菌群建立"地基"的关键窗口期。剖腹产、配方奶喂养、反复使用抗生素等因素都会显著改变菌群定植轨迹。菌群失调在儿童期的表现往往不是腹泻腹胀，而是——湿疹反复、食物过敏、反复呼吸道感染、注意力不集中、生长发育迟缓。</p>
    748. 

  748.       <p style="margin-top:0.5rem;font-size:0.85rem;color:var(--text-muted);">📌 <strong>建议每年检测一次</strong>，监测菌群建立是否正常，早发现早干预，别等到上学后才"亡羊补牢"。</p>
    749. 

  749.     </div>
    750. 

  750.     <div class="card card-gold">
    751. 

  751.       <h3><span class="card-icon">👴</span> 老年人——建议每年检测</h3>
    752. 

  752.       <p>60岁后，肠道菌群多样性显著下降，产丁酸菌减少、条件致病菌增加，这与衰老性炎症（inflammaging）密切相关。老年人菌群失调常见表现：便秘加重、营养吸收变差、免疫力下降（反复感冒/带状疱疹）、认知功能下滑。</p>
    753. 

  753.       <p style="margin-top:0.5rem;font-size:0.85rem;color:var(--text-muted);">📌 <strong>建议每年检测一次</strong>，追踪菌群衰老速度，通过精准营养干预延缓菌群老化，降低慢病风险。</p>
    754. 

  754.     </div>
    755. 

  755.     <div class="card card-purple">
    756. 

  756.       <h3><span class="card-icon">🤧</span> 易过敏人群</h3>
    757. 

  757.       <p>过敏（鼻炎、哮喘、湿疹、食物过敏）的本质是免疫系统"反应过度"。肠道菌群是免疫系统最早的"教练"——菌群失调→免疫教育缺失→Th2免疫偏移→过敏。研究证实：过敏儿童的双歧杆菌和拟杆菌丰度显著低于健康儿童。</p>
    758. 

  758.       <p style="margin-top:0.5rem;font-size:0.85rem;color:var(--text-muted);">📎 参考：<a href="probiotics-science.html" style="color:var(--purple);">益生菌科学解读</a>中的菌株-过敏证据汇总</p>
    759. 

  759.     </div>
    760. 

  760.   </div>
    761. 

  761. 

  762.   <div class="highlight-box gold" style="margin-top:2rem;">
    763. 

  763.     <p><strong>特别提醒：</strong>如果你计划开始任何形式的"肠道调理"（补充益生菌、改变饮食结构、间歇性禁食等），强烈建议先做一次检测作为"基线数据"。没有基线，你就无法衡量干预的效果——就像减肥却没有起始体重一样荒谬。</p>
    764. 

  764.   </div>
    765. 

  765. </section>
    766. 

  766. 

  767. <!-- 04: 检测→干预→复查 -->
    768. 

  768. <section class="section alt" id="test-intervene-review">
    769. 

  769.   <div class="section-inner">
    770. 

  770.   <div class="section-tag teal">🔄 04 · 科学循环</div>
    771. 

  771.   <h2>菌群检测的核心逻辑：测→调→查</h2>
    772. 

  772.   <p class="section-intro">菌群检测不是"一次性的诊断"，而是"持续改善的起点"。真正有效的肠道健康管理是一个闭环：</p>
    773. 

  773. 

  774.   <div class="step-flow">
    775. 

  775.     <div class="step-flow-item teal"><span class="s-num">STEP 01</span><span class="s-title">基线检测</span></div>
    776. 

  776.     <span style="font-size:1.2rem;color:#ccc;">→</span>
    777. 

  777.     <div class="step-flow-item purple"><span class="s-num">STEP 02</span><span class="s-title">精准干预</span></div>
    778. 

  778.     <span style="font-size:1.2rem;color:#ccc;">→</span>
    779. 

  779.     <div class="step-flow-item blue"><span class="s-num">STEP 03</span><span class="s-title">复查比对</span></div>
    780. 

  780.     <span style="font-size:1.2rem;color:#ccc;">→</span>
    781. 

  781.     <div class="step-flow-item orange"><span class="s-num">STEP 04</span><span class="s-title">优化调整</span></div>
    782. 

  782.     <span style="font-size:1.2rem;color:#ccc;">→</span>
    783. 

  783.     <div class="step-flow-item gold"><span class="s-num">STEP 05</span><span class="s-title">长期维护</span></div>
    784. 

  784.   </div>
    785. 

  785. 

  786.   <div class="grid-2" style="margin-top:1.5rem;">
    787. 

  787.     <div class="card card-teal">
    788. 

  788.       <h3><span class="card-icon">📋</span> 基线检测（Day 0）</h3>
    789. 

  789.       <p>采集粪便样本，通过16S rRNA基因测序或宏基因组测序，分析肠道菌群的组成结构。包括：</p>
    790. 

  790.       <ul class="list-styled green">
    791. 

  791.         <li>菌群多样性评估（Shannon指数）</li>
    792. 

  792.         <li>核心功能菌群丰度（产丁酸菌、乳酸菌、双歧杆菌等）</li>
    793. 

  793.         <li>条件致病菌比例</li>
    794. 

  794.         <li>菌群代谢功能预测</li>
    795. 

  795.       </ul>
    796. 

  796.     </div>
    797. 

  797.     <div class="card card-purple">
    798. 

  798.       <h3><span class="card-icon">🎯</span> 精准干预（Day 1–90）</h3>
    799. 

  799.       <p>基于检测结果，制定"缺什么补什么"的个性化方案——不是所有人需要补益生菌，也不是所有人都需要吃同一种益生菌。</p>
    800. 

  800.       <p style="margin-top:0.5rem;font-size:0.85rem;color:var(--text-muted);">📎 参考：<a href="probiotics-guide.html" style="color:var(--purple);">益生菌科学补充指南</a> · <a href="prebiotics-guide.html" style="color:var(--purple);">益生元补充指南</a></p>
    801. 

  801.     </div>
    802. 

  802.     <div class="card card-blue">
    803. 

  803.       <h3><span class="card-icon">📊</span> 复查比对（Day 90+）</h3>
    804. 

  804.       <p>干预3个月后进行第二次检测——这是整个循环的"对照组"：</p>
    805. 

  805.       <ul class="list-styled blue">
    806. 

  806.         <li>多样性是否提升了？</li>
    807. 

  807.         <li>有益菌是否增加了？</li>
    808. 

  808.         <li>条件致病菌是否减少了？</li>
    809. 

  809.         <li>症状是否改善了？（需要同时记录主观感受）</li>
    810. 

  810.       </ul>
    811. 

  811.     </div>
    812. 

  812.     <div class="card card-orange">
    813. 

  813.       <h3><span class="card-icon">🔄</span> 优化调整（Day 90+）</h3>
    814. 

  814.       <p>根据复查结果调整干预方案——有些菌群可能需要更长时间修复，有些可能需要更换益生菌菌株，有些则可能需要首先处理病原菌过度生长。</p>
    815. 

  815.     </div>
    816. 

  816.   </div>
    817. 

  817. 

  818.   <div class="highlight-box teal" style="margin-top:1.5rem;">
    819. 

  819.     <p><strong>核心观点：</strong>没有复查的检测，等于没有"对照组"的实验。只有看到前后变化，你才知道钱花对了地方。我们建议至少连续2次检测（基线+复查），才能真正实现"循证调理"。</p>
    820. 

  820.   </div>
    821. 

  821.   </div>
    822. 

  822. </section>
    823. 

  823. 

  824. <!-- 05: 科学证据 -->
    825. 

  825. <section class="section" id="evidence">
    826. 

  826.   <div class="section-tag purple">📚 05 · 科学证据</div>
    827. 

  827.   <h2>菌群检测背后的科学基石</h2>
    828. 

  828.   <p class="section-intro">菌群检测不是玄学，而是建立在过去二十年数百项高质量研究基础上的循证工具。以下是支撑菌群检测价值的核心研究：</p>
    829. 

  829. 

  830.       <div class="screenshot">
    831. 

  831.         <div class="screenshot-caption">
    832. 

  832.           <strong>📷 Nature · NIH Human Microbiome Project · 2012 & 2019</strong><br>
    833. 

  833.           <strong>↑ 核心发现：</strong>人类微生物组计划（HMP）通过对242名健康志愿者的多部位（肠道、口腔、皮肤、鼻腔、阴道）微生物组分析，建立了健康菌群的"基线标准"。通过对比患者与健康基线之间的菌群差异，可以精确定位菌群失调的方向和程度。
    834. 

  834.         </div>
    835. 

  835.       </div>
    836. 

  836. 

  837.       <div class="screenshot">
    838. 

  838.         <div class="screenshot-caption">
    839. 

  839.           <strong>📷 Cell · 2022</strong> — 肠道菌群失调与系统性免疫疾病的分子机制<br>
    840. 

  840.           <strong>↑ 核心机制：</strong>菌群失调→肠道屏障完整性破坏→LPS（脂多糖）及其他微生物代谢产物进入循环系统→激活Toll样受体（TLR）→促炎细胞因子释放→全身慢性炎症。这就是菌群检测的理论基础——通过检测菌群组成，可以预测和监测系统性炎症的风险。
    841. 

  841.         </div>
    842. 

  842.       </div>
    843. 

  843. 

  844.   <div class="citation-grid">
    845. 

  845.     <div class="citation-card" id="ref-1">
    846. 

  846.       <div class="source">[1] Nature · He et al. · 2018 · 557: 434-439 · doi:10.1038/s41586-018-0126-z</div>
    847. 

  847.       <div class="findings">Gut microbiome diversity and metabolic health in a general population. 大规模人群队列研究（n=1,136）：肠道菌群α多样性（Shannon指数）与代谢综合征、胰岛素抵抗、慢性炎症（hsCRP）显著负相关。低多样性的个体，代谢综合征风险升高2.6倍。</div>
    848. 

  848.       <div class="trans">菌群多样性越低，代谢综合征风险越高——多样性是代谢健康的独立预测指标</div>
    849. 

  849.       <a class="link" href="https://doi.org/10.1038/s41586-018-0126-z" target="_blank">🔗 doi:10.1038/s41586-018-0126-z</a>
    850. 

  850.     </div>
    851. 

  851.     <div class="citation-card" id="ref-2">
    852. 

  852.       <div class="source">[2] Physiological Reviews · Cryan et al. · 2019 · 99(4): 1877-2013 · doi:10.1152/physrev.00018.2018</div>
    853. 

  853.       <div class="findings">The microbiota-gut-brain axis. 系统性综述：肠道菌群通过神经、内分泌、免疫三条通路与中枢神经系统双向通信。关键发现：多种神经递质（5-HT、GABA、多巴胺）的合成受菌群调控。菌群失调与抑郁、焦虑、自闭症谱系障碍显著相关。</div>
    854. 

  854.       <div class="trans">肠-脑轴——你的情绪和认知，可能取决于你的肠道</div>
    855. 

  855.       <a class="link" href="https://doi.org/10.1152/physrev.00018.2018" target="_blank">🔗 doi:10.1152/physrev.00018.2018</a>
    856. 

  856.     </div>
    857. 

  857.     <div class="citation-card" id="ref-3">
    858. 

  858.       <div class="source">[3] Cell · Vatanen et al. · 2018 · 174(6): 1406-1423 · doi:10.1016/j.cell.2018.08.005</div>
    859. 

  859.       <div class="findings">Genomic variation and strain-level diversity of the gut microbiota in early life and its role in autoimmune disease risk. 芬兰和俄罗斯边境地区Karelia人群对比：高卫生化降低了菌群多样性，增加了1型糖尿病和自身免疫疾病的风险。</div>
    860. 

  860.       <div class="trans">菌群多样性降低→自身免疫疾病风险升高——"卫生假说"的实证证据</div>
    861. 

  861.       <a class="link" href="https://doi.org/10.1016/j.cell.2018.08.005" target="_blank">🔗 doi:10.1016/j.cell.2018.08.005</a>
    862. 

  862.     </div>
    863. 

  863.     <div class="citation-card" id="ref-4">
    864. 

  864.       <div class="source">[4] Science · Zmora et al. · 2018 · 359(6380): 1055-1059 · doi:10.1126/science.aap9489</div>
    865. 

  865.       <div class="findings">Personalized gut mucosal colonization resistance to empiric probiotics is associated with unique host and microbiome features. 人体对益生菌的定植反应高度个性化——有些人能被定植，有些人则完全"排外"。单靠"通用型益生菌"无法实现精准干预，必须基于个体菌群基线。</div>
    866. 

  866.       <div class="trans">益生菌定植的个性化差异——为什么"别人吃了有用，你吃了没效"</div>
    867. 

  867.       <a class="link" href="https://doi.org/10.1126/science.aap9489" target="_blank">🔗 doi:10.1126/science.aap9489</a>
    868. 

  868.     </div>
    869. 

  869.     <div class="citation-card" id="ref-5">
    870. 

  870.       <div class="source">[5] Nature · Suez et al. · 2018 · 559: E14-E15 · doi:10.1038/s41586-018-0250-9</div>
    871. 

  871.       <div class="findings">Post-antibiotic gut mucosal microbiome reconstitution is impaired by probiotics and improved by autologous FMT. 抗生素后，益生菌可能延缓菌群自然恢复，自体菌群移植效果更好——进一步说明"通用益生菌"策略的局限性。</div>
    872. 

  872.       <div class="trans">抗生素后吃益生菌可能适得其反——菌群干预需要精准化</div>
    873. 

  873.       <a class="link" href="https://doi.org/10.1038/s41586-018-0250-9" target="_blank">🔗 doi:10.1038/s41586-018-0250-9</a>
    874. 

  874.     </div>
    875. 

  875.     <div class="citation-card" id="ref-6">
    876. 

  876.       <div class="source">[6] npj Biofilms and Microbiomes · Leeming et al. · 2019 · 5: 28 · doi:10.1038/s41522-019-0102-2</div>
    877. 

  877.       <div class="findings">Effect of diet on the gut microbiota: rethinking intervention duration. 饮食干预对肠道菌群的影响可在24-48小时内显现——但稳定改变需要3个月以上。菌群检测的"基线+90天复查"策略与此吻合。</div>
    878. 

  878.       <div class="trans">饮食干预24-48小时即可改变菌群，但稳定需要3个月——检测复查的时间节点</div>
    879. 

  879.       <a class="link" href="https://doi.org/10.1038/s41522-019-0102-2" target="_blank">🔗 doi:10.1038/s41522-019-0102-2</a>
    880. 

  880.     </div>
    881. 

  881.   </div>
    882. 

  882. 

  883.   <div class="highlight-box teal" style="margin-top:2rem;">
    884. 

  884.     <p><strong>免责声明</strong>：本文内容仅供科普参考，不构成医疗建议。研究证据截至2026年7月。菌群检测结果应结合临床状况综合评估，具体干预方案请咨询专业医师或营养师。</p>
    885. 

  885.   </div>
    886. 

  886. </section>
    887. 

  887. 

  888. <!-- CTA -->
    889. 

  889. <div class="cta-section">
    890. 

  890.   <h2>别让你的肠道继续"沉默"<br><span class="accent">一次检测，告别瞎猜</span></h2>
    891. 

  891.   <p>不知道缺什么益生菌→花冤枉钱买不对<br>不知道菌群多样性→调理像无头苍蝇<br>不知道条件致病菌→风险悄悄积累</p>
    892. 

  892.   <p style="font-size:1.1rem;margin-top:1.5rem;"><strong>先检测，再干预——这才是科学的态度。</strong></p>
    893. 

  893. </div>
    894. 

  894. 

  895. <!-- Footer -->
    896. 

  896. <footer class="footer">
    897. 

  897.   <div class="footer-inner">
    898. 

  898.     <div class="footer-brand">
    899. 

  899.       <span class="logo-text">浠艾福</span>
    900. 

  900.       <span class="logo-tag">主动健康 · 五维幸福</span>
    901. 

  901.       <p>以科学循证为基础，以主动健康为理念，帮助每个家庭理解身体的底层逻辑，从根本上提升健康水平。</p>
    902. 

  902.     </div>
    903. 

  903.     <div class="footer-col">
    904. 

  904.       <h4>相关文章</h4>
    905. 

  905.       <ul>
    906. 

  906.         <li><a href="metabolic-syndrome.html">从三高到六高——是症状，不是病</a></li>
    907. 

  907.         <li><a href="probiotics-guide.html">益生菌科学补充指南</a></li>
    908. 

  908.         <li><a href="prebiotics-guide.html">益生元补充指南</a></li>
    909. 

  909.         <li><a href="gut-microbiome-immune.html">肠道菌群与免疫</a></li>
    910. 

  910.         <li><a href="tap-water-pollution.html">自来水中的隐形威胁</a></li>
    911. 

  911.       </ul>
    912. 

  912.     </div>
    913. 

  913.     <div class="footer-col">
    914. 

  914.       <h4>益生菌相关</h4>
    915. 

  915.       <ul>
    916. 

  916.         <li><a href="probiotics-guide.html">益生菌指南</a></li>
    917. 

  917.         <li><a href="prebiotics-guide.html">益生元指南</a></li>
    918. 

  918.         <li><a href="gut-microbiome-immune.html">菌群与免疫</a></li>
    919. 

  919.         <li><a href="metabolic-syndrome.html">代谢综合征</a></li>
    920. 

  920.       </ul>
    921. 

  921.     </div>
    922. 

  922.   </div>
    923. 

  923.   <div class="footer-legal">
    924. 

  924.     © 2026 亿图腾（北京）科技有限公司 · 浠艾福主动健康学院 · 内容仅供科普参考
    925. 

  925.   </div>
    926. 

  926. </footer>
    927. 

  927. 

  928. </body>
    929. 

  929. </html>
    930.