홈 탐색 도움말
가입하기 로그인
liaoxg
/
cfc
1
1
포크 0
파일 이슈 0 풀 리퀘스트 0 위키
트리: 0f4400999a
브랜치 태그
cfc
/
web
/
product-intro
/
gut-testing.html

gut-testing.html 35 KB
히스토리 Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609 
  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="肠道菌群基因检测——16S rRNA高通量测序，一次检测300+菌群种类，评估12类慢病风险，提供个性化精准营养方案。了解你的"第二基因组"。">
    7. 

  7. <meta property="og:title" content="肠道菌群基因检测 · 产品介绍 — 浠艾福">
    8. 

  8. <meta property="og:description" content="16S rRNA基因测序技术，一次检测全面评估肠道生态，涵盖菌群多样性、有益菌/有害菌占比、短链脂肪酸、肠道屏障功能、慢病风险预警等8大维度。">
    9. 

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

  10. <title>肠道菌群基因检测 · 产品介绍 — 浠艾福</title>
    11. 

  11. <style>
    12. 

  12.   :root{--bg-card:#FFF;--bg-alt:#f0fdfa;--text-primary:#1a202c;--text-secondary:#4a5568;--text-muted:#718096;--accent:#0d9488;--accent-light:#ccfbf1;--blue:#1a5276;--blue-light:#eaf4fb;--green:#27ae60;--green-light:#f0fff4;--orange:#d35400;--orange-light:#fff4e6;--purple:#7c3aed;--purple-light:#f3e8ff;--teal:#0d9488;--teal-light:#ccfbf1;--rose:#e11d48;--rose-light:#fff1f2;--font:system-ui,-apple-system,"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;--max-width:900px;--radius:12px;--shadow:0 4px 20px rgba(0,0,0,0.08);}
    13. 

  13.   *{margin:0;padding:0;box-sizing:border-box}
    14. 

  14.   body{font-family:var(--font);background:#f8fafc;color:var(--text-primary);line-height:1.8;font-size:16px}
    15. 

  15.   .container{max-width:var(--max-width);margin:0 auto;padding:2rem 1.5rem}
    16. 

  16.   .hero{background:linear-gradient(135deg,#0a0e27 0%,#0d2a28 40%,#14b8a6 100%);color:#fff;padding:5rem 1.5rem 3.5rem;text-align:center;position:relative;overflow:hidden;min-height:45vh;display:flex;align-items:center;justify-content:center}
    17. 

  17.   .hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(20,184,166,0.1) 0%,transparent 50%)}
    18. 

  18.   .hero-content{position:relative;z-index:1;max-width:720px;margin:0 auto}
    19. 

  19.   .hero-badge{display:inline-block;background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);border-radius:999px;padding:0.5rem 1.5rem;font-size:0.85rem;font-weight:500;margin-bottom:1.2rem;color:white}
    20. 

  20.   .hero h1{font-size:2.2rem;font-weight:700;margin-bottom:0.8rem;line-height:1.3;color:white}
    21. 

  21.   .hero p{font-size:1rem;opacity:0.85;max-width:600px;margin:0 auto;line-height:1.7;color:white}
    22. 

  22.   .hero-stats{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-top:1.5rem}
    23. 

  23.   .hero-stat{background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.15);border-radius:12px;padding:0.8rem 1.2rem;text-align:center;min-width:120px}
    24. 

  24.   .hero-stat .num{font-size:1.6rem;font-weight:700;display:block;color:white}
    25. 

  25.   .hero-stat .label{font-size:0.72rem;opacity:0.8;color:white}
    26. 

  26.   section{padding:2rem 0}
    27. 

  27.   section:nth-child(even){background:var(--bg-alt)}
    28. 

  28.   h2{font-size:1.4rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}
    29. 

  29.   h3{font-size:1.1rem;font-weight:600;margin:1.2rem 0 0.6rem;color:var(--text-primary)}
    30. 

  30.   p{margin-bottom:0.8rem;color:var(--text-secondary);line-height:1.9;font-size:0.95rem}
    31. 

  31.   strong{color:var(--text-primary)}
    32. 

  32.   .card{background:white;border-radius:var(--radius);padding:1.5rem;margin-bottom:1.2rem;box-shadow:var(--shadow);border-left:4px solid var(--accent)}
    33. 

  33.   .card.blue{border-left-color:var(--blue)}.card.green{border-left-color:var(--green)}.card.orange{border-left-color:var(--orange)}.card.purple{border-left-color:var(--purple)}.card.teal{border-left-color:var(--teal)}
    34. 

  34.   .card h3{margin-top:0}.card p:last-child{margin-bottom:0}
    35. 

  35.   .highlight-box{background:var(--accent-light);border-radius:var(--radius);padding:1.25rem 1.5rem;margin:1.2rem 0;border-left:4px solid var(--accent)}
    36. 

  36.   .highlight-box p{margin-bottom:0.5rem}.highlight-box p:last-child{margin-bottom:0}
    37. 

  37.   .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}
    38. 

  38.   .grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin:1rem 0}
    39. 

  39.   .feature-card{background:white;border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);border:1px solid #e2e8f0;text-align:center}
    40. 

  40.   .feature-card .icon{font-size:2rem;margin-bottom:0.5rem;display:block}
    41. 

  41.   .feature-card h4{font-size:1rem;font-weight:700;margin-bottom:0.4rem}
    42. 

  42.   .feature-card p{font-size:0.85rem;color:var(--text-muted);margin-bottom:0;line-height:1.5}
    43. 

  43.   .step-list{list-style:none;counter-reset:step}
    44. 

  44.   .step-list li{counter-increment:step;padding:0.8rem 0 0.8rem 2.5rem;position:relative;border-bottom:1px solid #e2e8f0;font-size:0.95rem;color:var(--text-secondary)}
    45. 

  45.   .step-list li:last-child{border-bottom:none}
    46. 

  46.   .step-list li::before{content:counter(step);position:absolute;left:0;top:0.8rem;width:1.8rem;height:1.8rem;background:var(--accent);color:#fff;border-radius:50%;font-size:0.8rem;font-weight:700;display:flex;align-items:center;justify-content:center}
    47. 

  47.   .faq-item{padding:1rem 0;border-bottom:1px solid #e2e8f0}
    48. 

  48.   .faq-item:last-child{border-bottom:none}
    49. 

  49.   .faq-q{font-weight:600;color:var(--text-primary);margin-bottom:0.4rem;font-size:0.95rem}
    50. 

  50.   .faq-a{font-size:0.9rem;color:var(--text-secondary);line-height:1.7}
    51. 

  51.   .cta-box{text-align:center;background:linear-gradient(135deg,#0a0e27,#0d2a28);border-radius:var(--radius);padding:2.5rem;margin:2rem 0;color:#fff}
    52. 

  52.   .cta-box h3{color:#fff;font-size:1.3rem;margin-bottom:0.5rem}
    53. 

  53.   .cta-box p{color:rgba(255,255,255,0.6);margin-bottom:1.5rem;font-size:0.95rem}
    54. 

  54.   .cta-btn{display:inline-block;background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff;padding:0.8rem 2.5rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .2s}
    55. 

  55.   .cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(20,184,166,0.3)}
    56. 

  56.   .cta-btn.secondary{background:transparent;border:1px solid rgba(255,255,255,0.3);margin-left:1rem}
    57. 

  57.   .cta-btn.secondary:hover{background:rgba(255,255,255,0.1);box-shadow:none}
    58. 

  58.   .price-box{display:inline-block;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:1rem 2rem;margin-bottom:1.5rem}
    59. 

  59.   .price-box .price{font-size:2.5rem;font-weight:800;color:#14b8a6}
    60. 

  60.   .price-box .unit{font-size:1rem;color:rgba(255,255,255,0.4)}
    61. 

  61.   .price-box .orig{font-size:0.9rem;color:rgba(255,255,255,0.3);text-decoration:line-through;margin-left:0.5rem}
    62. 

  62.   .dimension-list{display:grid;grid-template-columns:repeat(4,1fr);gap:0.8rem;margin:1rem 0}
    63. 

  63.   .dim-item{background:white;border-radius:8px;padding:0.8rem;text-align:center;border:1px solid #e2e8f0;font-size:0.85rem;color:var(--text-secondary)}
    64. 

  64.   .dim-item strong{display:block;color:var(--text-primary);font-size:0.9rem;margin-bottom:0.2rem}
    65. 

  65.   .section-tag{display:inline-block;font-size:0.8rem;font-weight:600;letter-spacing:0.05em;margin-bottom:0.5rem;color:var(--accent)}
    66. 

  66.   .site-footer{background:#1a1a3e;color:#fff;padding:2rem 0 0;margin-top:2rem}
    67. 

  67.   .footer-inner{max-width:900px;margin:0 auto;padding:0 1.5rem 1.5rem;text-align:center}
    68. 

  68.   .footer-inner p{color:rgba(255,255,255,0.5);font-size:0.8rem}
    69. 

  69.   @media(max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}.dimension-list{grid-template-columns:repeat(2,1fr)}.hero-stats{flex-direction:column;align-items:center}}
    70. 

  70. </style>
    71. 

  71. <link rel="stylesheet" href="../css/mobile.css">
    72. 

  72. </head>
    73. 

  73. <body>
    74. 

  74. 

  75. <div class="hero">
    76. 

  76.   <div class="hero-content">
    77. 

  77.     <div class="hero-badge">🧬 精准检测 · 科学干预</div>
    78. 

  78.     <h1>肠道菌群基因检测</h1>
    79. 

  79.     <p>16S rRNA 高通量测序技术，一次检测全面评估你的肠道生态——<br>了解你的"第二基因组"，从根源管理健康</p>
    80. 

  80.     <div class="hero-stats">
    81. 

  81.       <div class="hero-stat"><span class="num">300+</span><span class="label">菌群种类检测</span></div>
    82. 

  82.       <div class="hero-stat"><span class="num">8大</span><span class="label">检测维度</span></div>
    83. 

  83.       <div class="hero-stat"><span class="num">5天</span><span class="label">出报告时间</span></div>
    84. 

  84.     </div>
    85. 

  85.   </div>
    86. 

  86. </div>
    87. 

  87. 

  88. <!-- 产品实物图 -->
    89. 

  89. <div class="container" style="margin-top:2rem;">
    90. 

  90.   <div class="grid-2">
    91. 

  91.     <div style="background:white;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);">
    92. 

  92.       <img src="../img/product-intro/gut-kit-cover.jpg" alt="肠道菌群基因检测套件实物" style="width:100%;height:280px;object-fit:cover;display:block;">
    93. 

  93.       <div style="padding:1rem 1.2rem;">
    94. 

  94.         <div style="font-weight:700;color:var(--text-primary);font-size:1rem;">居家采样 · 寄回实验室</div>
    95. 

  95.         <div style="font-size:0.85rem;color:var(--text-muted);margin-top:0.3rem;">采样管含保存液，常温可稳定保存 7 天，无创无痛</div>
    96. 

  96.       </div>
    97. 

  97.     </div>
    98. 

  98.     <div style="background:white;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);">
    99. 

  99.       <img src="../img/product-intro/gut-kit-5.jpg" alt="肠道健康与日常饮食" style="width:100%;height:280px;object-fit:cover;display:block;">
    100. 

  100.       <div style="padding:1rem 1.2rem;">
    101. 

  101.         <div style="font-weight:700;color:var(--text-primary);font-size:1rem;">检测 + 饮食干预闭环</div>
    102. 

  102.         <div style="font-size:0.85rem;color:var(--text-muted);margin-top:0.3rem;">基于检测结果定制个性化营养方案，从餐桌开始改善菌群</div>
    103. 

  103.       </div>
    104. 

  104.     </div>
    105. 

  105.   </div>
    106. 

  106. </div>
    107. 

  107. 

  108. <section>
    109. 

  109.   <div class="container">
    110. 

  110.     <h2>什么是肠道菌群检测？</h2>
    111. 

  111.     <p>肠道菌群检测是一项运用先进基因测序技术，分析人体粪便样本中微生物组成与丰度的创新健康服务。通过解析人体肠道内各种微生物的多样性与分布，评估人体在代谢、心血管功能、免疫平衡及精神状态等方面的潜在健康风险。</p>
    112. 

  112.     <p>检测结果可结合个人健康数据，提供科学依据的个性化饮食及营养干预方案，协助调整菌群生态，达到预防医学的目标。</p>
    113. 

  113. 

  114.     <div class="highlight-box">
    115. 

  115.       <p><strong>核心原理：</strong>肠道菌群被称为人体的"第二基因组"——它们拥有的基因数量是人类自身基因的150倍，编码着人体无法自行完成的代谢功能。肠道菌群的组成和功能状态，直接影响你的免疫、代谢、情绪和认知。</p>
    116. 

  116.     </div>
    117. 

  117.   </div>
    118. 

  118. </section>
    119. 

  119. 

  120. <section>
    121. 

  121.   <div class="container">
    122. 

  122.     <h2>检测技术</h2>
    123. 

  123.     <div class="grid-3">
    124. 

  124.       <div class="feature-card">
    125. 

  125.         <span class="icon">🧬</span>
    126. 

  126.         <h4>16S rRNA 测序</h4>
    127. 

  127.         <p>采用高通量二代测序技术，针对细菌16S rRNA基因的保守区和高变区进行测序，精准识别肠道菌群的种类和相对丰度。</p>
    128. 

  128.       </div>
    129. 

  129.       <div class="feature-card">
    130. 

  130.         <span class="icon">📊</span>
    131. 

  131.         <h4>中国人专属数据库</h4>
    132. 

  132.         <p>基于10,000+中国人的临床数据资料库进行比对分析，确保检测结果的准确性和人群适用性。</p>
    133. 

  133.       </div>
    134. 

  134.       <div class="feature-card">
    135. 

  135.         <span class="icon">🔬</span>
    136. 

  136.         <h4>权威检测流程</h4>
    137. 

  137.         <p>从样本采集、DNA提取、PCR扩增、文库构建到上机测序，全流程标准化质控，确保数据可靠。</p>
    138. 

  138.       </div>
    139. 

  139.     </div>
    140. 

  140. 

  141.     <div style="text-align:center;margin:1.5rem 0;">
    142. 

  142.       <img src="../img/product-intro/gut-kit-7.jpg" alt="精准检测实验室" style="max-width:100%;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.1);">
    143. 

  143.       <p style="font-size:0.8rem;color:var(--text-muted);margin-top:0.5rem;">精准检测 · 大样本量比对 · 大规模临床验证</p>
    144. 

  144.     </div>
    145. 

  145.   </div>
    146. 

  146. </section>
    147. 

  147. 

  148. <section>
    149. 

  149.   <div class="container">
    150. 

  150.     <h2>8大检测维度</h2>
    151. 

  151.     <p>检测报告涵盖以下核心维度，全面评估你的肠道生态健康状况：</p>
    152. 

  152.     <div class="dimension-list">
    153. 

  153.       <div class="dim-item"><strong>🌿 菌群多样性</strong>α多样性·Shannon指数</div>
    154. 

  154.       <div class="dim-item"><strong>⏳ 肠道年龄</strong>菌群年龄 vs 实际年龄</div>
    155. 

  155.       <div class="dim-item"><strong>🧱 肠道屏障功能</strong>肠漏风险评估</div>
    156. 

  156.       <div class="dim-item"><strong>🛡️ 菌群占比</strong>有益菌/有害菌分析</div>
    157. 

  157.       <div class="dim-item"><strong>🔥 短链脂肪酸</strong>丁酸·丙酸·乙酸合成</div>
    158. 

  158.       <div class="dim-item"><strong>⚠️ 慢病风险预警</strong>12类疾病风险预测</div>
    159. 

  159.       <div class="dim-item"><strong>⚙️ 代谢通路评估</strong>TMAO·胆汁酸·内毒素</div>
    160. 

  160.       <div class="dim-item"><strong>🧪 营养建议</strong>个性化膳食指南</div>
    161. 

  161.     </div>
    162. 

  162. 

  163.     <div style="text-align:center;margin:1.5rem 0;">
    164. 

  164.       <img src="../img/product-intro/gut-8dims-diagram.jpg" alt="肠道菌群精准健康检测8大维度解析图" style="max-width:100%;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.1);">
    165. 

  165.       <p style="font-size:0.8rem;color:var(--text-muted);margin-top:0.5rem;">16S rRNA高通量测序 · 菌群-通路-疾病综合评估</p>
    166. 

  166.     </div>
    167. 

  167.   </div>
    168. 

  168. </section>
    169. 

  169. 

  170. <section>
    171. 

  171.   <div class="container">
    172. 

  172.     <h2>检测流程</h2>
    173. 

  173.     <ol class="step-list">
    174. 

  174.       <li><strong>在线下单</strong> — 完成购买后，检测套件将在24小时内寄出</li>
    175. 

  175.       <li><strong>居家采样</strong> — 按照采样指南采集微量粪便样本（约米粒大小），无创无痛</li>
    176. 

  176.       <li><strong>样本寄回</strong> — 使用配套的预付费快递包装，将样本寄回实验室</li>
    177. 

  177.       <li><strong>实验室检测</strong> — 到样后5个工作日内完成DNA提取、测序和数据分析</li>
    178. 

  178.       <li><strong>获取报告</strong> — 电子版报告在线查看，包含详细的检测结果和个性化建议</li>
    179. 

  179.     </ol>
    180. 

  180. 

  181.     <div style="text-align:center;margin:1.5rem 0;">
    182. 

  182.       <svg viewBox="0 0 400 416" style="max-width:480px;width:100%;height:auto;" role="img" aria-label="肠道菌群检测流程示意图" xmlns="http://www.w3.org/2000/svg">
    183. 

  183.         <defs>
    184. 

  184.           <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto">
    185. 

  185.             <polygon points="0 0, 10 3.5, 0 7" fill="#0d9488"></polygon>
    186. 

  186.           </marker>
    187. 

  187.         </defs>
    188. 

  188.         <!-- 步骤1 -->
    189. 

  189.         <rect x="0" y="0" width="400" height="64" rx="12" fill="#ccfbf1" stroke="#0d9488" stroke-width="1.5"></rect>
    190. 

  190.         <circle cx="38" cy="32" r="17" fill="#0d9488"></circle>
    191. 

  191.         <text x="38" y="37" text-anchor="middle" font-size="15" font-weight="bold" fill="#fff">1</text>
    192. 

  192.         <text x="68" y="25" font-size="14" font-weight="600" fill="#134e4a">在线下单</text>
    193. 

  193.         <text x="68" y="47" font-size="12" fill="#4a5568">完成购买，检测套件24小时内寄出</text>
    194. 

  194.         <line x1="200" y1="67" x2="200" y2="85" stroke="#0d9488" stroke-width="2" marker-end="url(#arrowhead)"></line>
    195. 

  195.         <!-- 步骤2 -->
    196. 

  196.         <rect x="0" y="88" width="400" height="64" rx="12" fill="#ccfbf1" stroke="#0d9488" stroke-width="1.5"></rect>
    197. 

  197.         <circle cx="38" cy="120" r="17" fill="#0d9488"></circle>
    198. 

  198.         <text x="38" y="125" text-anchor="middle" font-size="15" font-weight="bold" fill="#fff">2</text>
    199. 

  199.         <text x="68" y="113" font-size="14" font-weight="600" fill="#134e4a">居家采样</text>
    200. 

  200.         <text x="68" y="135" font-size="12" fill="#4a5568">米粒大小样本，无创无痛</text>
    201. 

  201.         <line x1="200" y1="155" x2="200" y2="173" stroke="#0d9488" stroke-width="2" marker-end="url(#arrowhead)"></line>
    202. 

  202.         <!-- 步骤3 -->
    203. 

  203.         <rect x="0" y="176" width="400" height="64" rx="12" fill="#ccfbf1" stroke="#0d9488" stroke-width="1.5"></rect>
    204. 

  204.         <circle cx="38" cy="208" r="17" fill="#0d9488"></circle>
    205. 

  205.         <text x="38" y="213" text-anchor="middle" font-size="15" font-weight="bold" fill="#fff">3</text>
    206. 

  206.         <text x="68" y="201" font-size="14" font-weight="600" fill="#134e4a">样本寄回</text>
    207. 

  207.         <text x="68" y="223" font-size="12" fill="#4a5568">预付费快递包装，直邮实验室</text>
    208. 

  208.         <line x1="200" y1="243" x2="200" y2="261" stroke="#0d9488" stroke-width="2" marker-end="url(#arrowhead)"></line>
    209. 

  209.         <!-- 步骤4 -->
    210. 

  210.         <rect x="0" y="264" width="400" height="64" rx="12" fill="#ccfbf1" stroke="#0d9488" stroke-width="1.5"></rect>
    211. 

  211.         <circle cx="38" cy="296" r="17" fill="#0d9488"></circle>
    212. 

  212.         <text x="38" y="301" text-anchor="middle" font-size="15" font-weight="bold" fill="#fff">4</text>
    213. 

  213.         <text x="68" y="289" font-size="14" font-weight="600" fill="#134e4a">实验室检测</text>
    214. 

  214.         <text x="68" y="311" font-size="12" fill="#4a5568">5个工作日内完成DNA测序分析</text>
    215. 

  215.         <line x1="200" y1="331" x2="200" y2="349" stroke="#0d9488" stroke-width="2" marker-end="url(#arrowhead)"></line>
    216. 

  216.         <!-- 步骤5 -->
    217. 

  217.         <rect x="0" y="352" width="400" height="64" rx="12" fill="#ccfbf1" stroke="#0d9488" stroke-width="1.5"></rect>
    218. 

  218.         <circle cx="38" cy="384" r="17" fill="#0d9488"></circle>
    219. 

  219.         <text x="38" y="389" text-anchor="middle" font-size="15" font-weight="bold" fill="#fff">5</text>
    220. 

  220.         <text x="68" y="377" font-size="14" font-weight="600" fill="#134e4a">获取报告</text>
    221. 

  221.         <text x="68" y="399" font-size="12" fill="#4a5568">在线查看结果与个性化建议</text>
    222. 

  222.       </svg>
    223. 

  223.     </div>
    224. 

  224.   </div>
    225. 

  225. </section>
    226. 

  226. 

  227. <section>
    228. 

  228.   <div class="container">
    229. 

  229.     <h2>谁需要做肠道菌群检测？</h2>
    230. 

  230.     <div class="grid-2">
    231. 

  231.       <div class="card">
    232. 

  232.         <h3>👶 孩子家长</h3>
    233. 

  233.         <p>孩子注意力不集中、记忆力差、反复过敏或感冒？肠道菌群检测可以了解孩子的肠道生态，找到免疫力问题的根源，指导精准营养干预。</p>
    234. 

  234.       </div>
    235. 

  235.       <div class="card teal">
    236. 

  236.         <h3>🧑 亚健康人群</h3>
    237. 

  237.         <p>经常疲劳、消化不良、睡眠质量差、情绪波动大？这些"亚健康"症状背后，往往隐藏着肠道菌群失调的问题。</p>
    238. 

  238.       </div>
    239. 

  239.       <div class="card green">
    240. 

  240.         <h3>🫀 慢性病患者</h3>
    241. 

  241.         <p>高血压、高血糖、高血脂、高尿酸——这些慢性病的共同驱动因素是慢性炎症，而慢性炎症的核心来源之一是肠道菌群失调导致的肠漏。</p>
    242. 

  242.       </div>
    243. 

  243.       <div class="card orange">
    244. 

  244.         <h3>🧠 关注脑健康者</h3>
    245. 

  245.         <p>记忆力下降、注意力不集中、情绪低落？肠道菌群通过肠-脑轴影响大脑功能。改善菌群，就是改善大脑。</p>
    246. 

  246.       </div>
    247. 

  247.     </div>
    248. 

  248.   </div>
    249. 

  249. </section>
    250. 

  250. 

  251. <section>
    252. 

  252.   <div class="container">
    253. 

  253.     <h2>产品优势</h2>
    254. 

  254.     <div class="grid-3">
    255. 

  255.       <div class="feature-card">
    256. 

  256.         <span class="icon">📦</span>
    257. 

  257.         <h4>无创便捷</h4>
    258. 

  258.         <p>居家采样，无需去医院。采集微量样本即可，操作简单，隐私安全。</p>
    259. 

  259.       </div>
    260. 

  260.       <div class="feature-card">
    261. 

  261.         <span class="icon">⚡</span>
    262. 

  262.         <h4>快速交付</h4>
    263. 

  263.         <p>从到样到报告出具，仅需5个工作日。电子版报告在线查看，随时可查阅。</p>
    264. 

  264.       </div>
    265. 

  265.       <div class="feature-card">
    266. 

  266.         <span class="icon">🔒</span>
    267. 

  267.         <h4>隐私保护</h4>
    268. 

  268.         <p>严格的数据安全措施，保障个人信息安全。检测数据仅用于健康评估，不会泄露。</p>
    269. 

  269.       </div>
    270. 

  270.       <div class="feature-card">
    271. 

  271.         <span class="icon">📋</span>
    272. 

  272.         <h4>结果全面</h4>
    273. 

  273.         <p>涵盖8大检测维度、300+菌群种类、12类慢病风险预警，提供个性化膳食和营养建议。</p>
    274. 

  274.       </div>
    275. 

  275.       <div class="feature-card">
    276. 

  276.         <span class="icon">🎯</span>
    277. 

  277.         <h4>精准干预</h4>
    278. 

  278.         <p>基于检测结果制定个性化方案，不是"人人都吃益生菌"，而是"你的菌群缺什么，就补什么"。</p>
    279. 

  279.       </div>
    280. 

  280.       <div class="feature-card">
    281. 

  281.         <span class="icon">📈</span>
    282. 

  282.         <h4>持续追踪</h4>
    283. 

  283.         <p>干预后复测对比，数据趋势一目了然。效果看得见，钱不白花。</p>
    284. 

  284.       </div>
    285. 

  285.     </div>
    286. 

  286.   </div>
    287. 

  287. </section>
    288. 

  288. 

  289. <section>
    290. 

  290.   <div class="container">
    291. 

  291.     <h2>常见问题</h2>
    292. 

  292.     <div class="faq-item">
    293. 

  293.       <div class="faq-q">检测需要多少样本量？</div>
    294. 

  294.       <div class="faq-a">只需约米粒大小的粪便样本（约0.5克），采样管中配有保存液，常温下可稳定保存7天。</div>
    295. 

  295.     </div>
    296. 

  296.     <div class="faq-item">
    297. 

  297.       <div class="faq-q">检测结果准确吗？</div>
    298. 

  298.       <div class="faq-a">采用国际通用的16S rRNA高通量测序技术，基于中国人专属数据库进行比对分析。该技术已在全球科研和临床领域广泛应用，准确性和可靠性经过大量验证。</div>
    299. 

  299.     </div>
    300. 

  300.     <div class="faq-item">
    301. 

  301.       <div class="faq-q">检测前需要注意什么？</div>
    302. 

  302.       <div class="faq-a">采样前无需特殊准备。如果正在服用抗生素或益生菌，建议在停药后2周再采样，以获得更准确的菌群基线数据。</div>
    303. 

  303.     </div>
    304. 

  304.     <div class="faq-item">
    305. 

  305.       <div class="faq-q">孩子可以做吗？</div>
    306. 

  306.       <div class="faq-a">可以。检测适用于全年龄段，从婴幼儿到老年人都可以检测。采样方式无创无痛，不同年龄段有对应的采样指导。</div>
    307. 

  307.     </div>
    308. 

  308.     <div class="faq-item">
    309. 

  309.       <div class="faq-q">检测报告怎么解读？</div>
    310. 

  310.       <div class="faq-a">报告包含详细的检测结果说明和个性化建议。同时，浠艾福会员可享受1对1健康管理师解读服务，帮助您理解报告内容并制定后续方案。</div>
    311. 

  311.     </div>
    312. 

  312.   </div>
    313. 

  313. </section>
    314. 

  314. 

  315. <div class="container">
    316. 

  316.   <div class="cta-box">
    317. 

  317.     <h3>开始了解你的"第二基因组"</h3>
    318. 

  318.     <p>一次检测，全面评估肠道生态。科学干预，从根源管理健康。</p>
    319. 

  319.     <div class="price-box">
    320. 

  320.       <span class="price">¥0.01</span>
    321. 

  321.       <span class="unit">/次</span>
    322. 

  322.       <span class="orig">测试价 ¥1,314</span>
    323. 

  323.     </div>
    324. 

  324.     <div>
    325. 

  325.       <button class="cta-btn" onclick="var f=document.getElementById('orderForm');f.style.visibility='visible';f.style.opacity='1'">立即购买</button>
    326. 

  326.       <a href="../articles/gut-microbiota-testing.html" class="cta-btn secondary">了解检测详情 →</a>
    327. 

  327.     </div>
    328. 

  328.   </div>
    329. 

  329. </div>
    330. 

  330. 

  331. <!-- Order Form Modal -->
    332. 

  332. <div id="orderForm" style="position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:1000;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;transition:opacity 0.2s;" onclick="if(event.target===this){this.style.visibility='hidden';this.style.opacity='0'}">
    333. 

  333.   <div style="background:#fff;border-radius:16px;padding:2rem;max-width:420px;width:90%;position:relative;">
    334. 

  334.     <button style="position:absolute;top:12px;right:12px;background:none;border:none;font-size:24px;cursor:pointer;color:#999" onclick="var f=document.getElementById('orderForm');f.style.visibility='hidden';f.style.opacity='0'">×</button>
    335. 

  335.     <h3 style="margin-bottom:1.2rem;font-size:1.2rem;">肠道菌群基因检测 · 下单</h3>
    336. 

  336.     <div style="margin-bottom:1rem">
    337. 

  337.       <label style="display:block;font-size:0.85rem;color:var(--text-secondary);margin-bottom:0.3rem">联系人</label>
    338. 

  338.       <input id="orderName" type="text" placeholder="请输入您的姓名" style="width:100%;padding:0.6rem 0.8rem;border:1px solid #e2e8f0;border-radius:8px;font-size:0.95rem;box-sizing:border-box">
    339. 

  339.     </div>
    340. 

  340.     <div style="margin-bottom:1rem">
    341. 

  341.       <label style="display:block;font-size:0.85rem;color:var(--text-secondary);margin-bottom:0.3rem">手机号</label>
    342. 

  342.       <input id="orderPhone" type="tel" placeholder="请输入手机号" style="width:100%;padding:0.6rem 0.8rem;border:1px solid #e2e8f0;border-radius:8px;font-size:0.95rem;box-sizing:border-box">
    343. 

  343.     </div>
    344. 

  344.     <div style="margin-bottom:1rem">
    345. 

  345.       <label style="display:block;font-size:0.85rem;color:var(--text-secondary);margin-bottom:0.3rem">收件地址</label>
    346. 

  346.       <input id="orderAddress" type="text" placeholder="省/市/区 + 详细地址" style="width:100%;padding:0.6rem 0.8rem;border:1px solid #e2e8f0;border-radius:8px;font-size:0.95rem;box-sizing:border-box">
    347. 

  347.     </div>
    348. 

  348.     <div style="margin-bottom:1.2rem;padding:0.8rem;background:#f0fdfa;border-radius:8px;display:flex;justify-content:space-between;align-items:center">
    349. 

  349.       <span style="font-size:0.9rem;color:var(--text-secondary)">合计</span>
    350. 

  350.       <span style="font-size:1.5rem;font-weight:800;color:#0d9488">¥1,314</span>
    351. 

  351.     </div>
    352. 

  352.     <button id="payBtn" onclick="submitOrder()" style="width:100%;padding:0.8rem;background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer">微信支付</button>
    353. 

  353.     <p style="font-size:0.75rem;color:var(--text-muted);margin-top:0.8rem;text-align:center">支付由微信支付安全处理 · 未注册用户请先联系客服</p>
    354. 

  354.   </div>
    355. 

  355. </div>
    356. 

  356. 

  357. <script>
    358. 

  358. function submitOrder() {
    359. 

  359.   var name = document.getElementById('orderName').value.trim();
    360. 

  360.   var phone = document.getElementById('orderPhone').value.trim();
    361. 

  361.   var address = document.getElementById('orderAddress').value.trim();
    362. 

  362.   if (!name) { alert('请输入联系人姓名'); return; }
    363. 

  363.   if (!phone || !/^1\d{10}$/.test(phone)) { alert('请输入正确的手机号'); return; }
    364. 

  364.   if (!address) { alert('请输入收件地址'); return; }
    365. 

  365.   
    366. 

  366.   var btn = document.getElementById('payBtn');
    367. 

  367.   btn.disabled = true;
    368. 

  368.   btn.textContent = '提交中...';
    369. 

  369.   
    370. 

  370.   // 生成订单号
    371. 

  371.   var orderNo = 'GUT' + Date.now() + Math.random().toString(36).substr(2,4).toUpperCase();
    372. 

  372.   
    373. 

  373.   // 获取openid后进行JSAPI支付
    374. 

  374.   var openid = getUrlParam('openid');
    375. 

  375.   if (openid) {
    376. 

  376.     // 已有openid，直接JSAPI支付
    377. 

  377.     doJsapiPay(orderNo, openid);
    378. 

  378.   } else if (isWechatBrowser()) {
    379. 

  379.     // 微信浏览器内，先跳转OAuth2获取openid
    380. 

  380.     fetch('/api/payment/wechat/oauth2-url', {
    381. 

  381.       method: 'POST',
    382. 

  382.       headers: { 'Content-Type': 'application/json' },
    383. 

  383.       body: JSON.stringify({ redirectUri: window.location.href.split('?')[0] + '?orderNo=' + orderNo })
    384. 

  384.     })
    385. 

  385.     .then(function(r) { return r.json(); })
    386. 

  386.     .then(function(data) {
    387. 

  387.       if (data.code === 200 && data.data.url) {
    388. 

  388.         window.location.href = data.data.url;
    389. 

  389.       } else {
    390. 

  390.         fallbackNativePay(orderNo);
    391. 

  391.       }
    392. 

  392.     })
    393. 

  393.     .catch(function() { fallbackNativePay(orderNo); });
    394. 

  394.   } else {
    395. 

  395.     // 非微信浏览器，走Native扫码
    396. 

  396.     fallbackNativePay(orderNo);
    397. 

  397.   }
    398. 

  398. }
    399. 

  399. 

  400. function doJsapiPay(orderNo, openid) {
    401. 

  401.   fetch('/api/payment/wechat/create', {
    402. 

  402.     method: 'POST',
    403. 

  403.     headers: { 'Content-Type': 'application/json' },
    404. 

  404.     body: JSON.stringify({
    405. 

  405.       orderNo: orderNo,
    406. 

  406.       description: '肠道菌群基因检测',
    407. 

  407.       amount: 1, // 测试价0.01元
    408. 

  408.       openid: openid
    409. 

  409.     })
    410. 

  410.   })
    411. 

  411.   .then(function(r) { return r.json(); })
    412. 

  412.   .then(function(data) {
    413. 

  413.     if (data.code === 200 && data.data) {
    414. 

  414.       if (typeof WeixinJSBridge !== 'undefined') {
    415. 

  415.         WeixinJSBridge.invoke('getBrandWCPayRequest', {
    416. 

  416.           appId: data.data.appId,
    417. 

  417.           timeStamp: data.data.timeStamp,
    418. 

  418.           nonceStr: data.data.nonceStr,
    419. 

  419.           package: data.data.package,
    420. 

  420.           signType: data.data.signType || 'RSA',
    421. 

  421.           paySign: data.data.paySign
    422. 

  422.         }, function(res) {
    423. 

  423.           if (res.err_msg === 'get_brand_wcpay_request:ok') {
    424. 

  424.             document.getElementById('orderForm').innerHTML = '<div style="text-align:center;padding:2rem"><div style="font-size:3rem;margin-bottom:0.5rem">✅</div><h3 style="color:#0d9488">支付成功！</h3><p style="color:#999;margin-top:0.5rem">检测套件将在24小时内寄出</p></div>';
    425. 

  425.           } else {
    426. 

  426.             alert('支付失败: ' + (res.err_msg || ''));
    427. 

  427.             document.getElementById('payBtn').disabled = false;
    428. 

  428.             document.getElementById('payBtn').textContent = '微信支付';
    429. 

  429.           }
    430. 

  430.         });
    431. 

  431.       } else {
    432. 

  432.         alert('请在微信内完成支付');
    433. 

  433.         document.getElementById('payBtn').disabled = false;
    434. 

  434.         document.getElementById('payBtn').textContent = '微信支付';
    435. 

  435.       }
    436. 

  436.     } else {
    437. 

  437.       alert('创建订单失败: ' + (data.message || ''));
    438. 

  438.       document.getElementById('payBtn').disabled = false;
    439. 

  439.       document.getElementById('payBtn').textContent = '微信支付';
    440. 

  440.     }
    441. 

  441.   })
    442. 

  442.   .catch(function() {
    443. 

  443.     alert('网络请求失败');
    444. 

  444.     document.getElementById('payBtn').disabled = false;
    445. 

  445.     document.getElementById('payBtn').textContent = '微信支付';
    446. 

  446.   });
    447. 

  447. }
    448. 

  448. 

  449. function isWechatBrowser() {
    450. 

  450.   return navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1;
    451. 

  451. }
    452. 

  452. 

  453. function getUrlParam(name) {
    454. 

  454.   var reg = new RegExp('[?&]' + name + '=([^&]*)');
    455. 

  455.   var r = window.location.href.match(reg);
    456. 

  456.   return r ? decodeURIComponent(r[1]) : null;
    457. 

  457. }
    458. 

  458. 

  459. function fallbackNativePay(orderNo) {
    460. 

  460.   fetch('/api/payment/wechat/native', {
    461. 

  461.     method: 'POST',
    462. 

  462.     headers: { 'Content-Type': 'application/json' },
    463. 

  463.     body: JSON.stringify({
    464. 

  464.       orderNo: orderNo,
    465. 

  465.       description: '肠道菌群基因检测',
    466. 

  466.       amount: 1,
    467. 

  467.     })
    468. 

  468.   })
    469. 

  469.   .then(function(r) { return r.json(); })
    470. 

  470.   .then(function(data) {
    471. 

  471.       if (data.code === 200 && data.data) {
    472. 

  472.         if (data.data.codeUrl) {
    473. 

  473.           document.getElementById('orderForm').style.visibility = 'hidden';
    474. 

  474.           document.getElementById('orderForm').style.opacity = '0';
    475. 

  475.           showQrCode(data.data.codeUrl, orderNo);
    476. 

  476.         } else {
    477. 

  477.           tryH5Pay(orderNo);
    478. 

  478.         }
    479. 

  479.       }
    480. 

  480.     })
    481. 

  481.   .catch(function() {
    482. 

  482.     // 网络出错时尝试H5支付
    483. 

  483.     tryH5Pay(orderNo);
    484. 

  484.   });
    485. 

  485. }
    486. 

  486. 

  487. function tryH5Pay(orderNo) {
    488. 

  488.   var btn = document.getElementById('payBtn');
    489. 

  489.   btn.textContent = '正在跳转微信支付...';
    490. 

  490.   
    491. 

  491.   fetch('/api/payment/wechat/create', {
    492. 

  492.     method: 'POST',
    493. 

  493.     headers: { 'Content-Type': 'application/json' },
    494. 

  494.     body: JSON.stringify({
    495. 

  495.       orderNo: orderNo,
    496. 

  496.       description: '肠道菌群基因检测',
    497. 

  497.       amount: 1,
    498. 

  498.     })
    499. 

  499.   })
    500. 

  500.   .then(function(r) { return r.json(); })
    501. 

  501.   .then(function(data) {
    502. 

  502.     if (data.code === 200 && data.data) {
    503. 

  503.       // 尝试JSAPI支付（微信浏览器内）
    504. 

  504.       if (typeof WeixinJSBridge !== 'undefined') {
    505. 

  505.         WeixinJSBridge.invoke('getBrandWCPayRequest', {
    506. 

  506.           appId: data.data.appId,
    507. 

  507.           timeStamp: data.data.timeStamp,
    508. 

  508.           nonceStr: data.data.nonceStr,
    509. 

  509.           package: data.data.package,
    510. 

  510.           signType: data.data.signType || 'RSA',
    511. 

  511.           paySign: data.data.paySign
    512. 

  512.         }, function(res) {
    513. 

  513.           if (res.err_msg === 'get_brand_wcpay_request:ok') {
    514. 

  514.             document.getElementById('orderForm').innerHTML = '<div style="text-align:center;padding:2rem"><div style="font-size:3rem;margin-bottom:0.5rem">✅</div><h3 style="color:#0d9488">支付成功！</h3><p style="color:#999;margin-top:0.5rem">检测套件将在24小时内寄出</p></div>';
    515. 

  515.           } else {
    516. 

  516.             alert('支付失败: ' + (res.err_msg || '未知错误'));
    517. 

  517.             btn.disabled = false;
    518. 

  518.             btn.textContent = '微信支付';
    519. 

  519.           }
    520. 

  520.         });
    521. 

  521.       } else {
    522. 

  522.         alert('请在微信内打开此页面完成支付');
    523. 

  523.         btn.disabled = false;
    524. 

  524.         btn.textContent = '微信支付';
    525. 

  525.       }
    526. 

  526.     } else {
    527. 

  527.       alert('支付系统暂不可用：' + (data.message || ''));
    528. 

  528.       btn.disabled = false;
    529. 

  529.       btn.textContent = '微信支付';
    530. 

  530.     }
    531. 

  531.   })
    532. 

  532.   .catch(function() {
    533. 

  533.     alert('网络请求失败');
    534. 

  534.     btn.disabled = false;
    535. 

  535.     btn.textContent = '微信支付';
    536. 

  536.   });
    537. 

  537. }
    538. 

  538. 

  539. function showQrCode(codeUrl, orderNo) {
    540. 

  540.   var div = document.createElement('div');
    541. 

  541.   div.style.cssText = 'position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:1000;display:flex;align-items:center;justify-content:center';
    542. 

  542.   div.onclick = function(e) { if (e.target === this) this.remove(); };
    543. 

  543.   div.innerHTML = '<div style="background:#fff;border-radius:16px;padding:2rem;text-align:center;max-width:320px">' +
    544. 

  544.     '<h3 style="margin-bottom:0.5rem;font-size:1.1rem;">请使用微信扫码支付</h3>' +
    545. 

  545.     '<div style="background:#f0fdfa;border-radius:8px;padding:0.8rem;margin-bottom:1rem;text-align:left">' +
    546. 

  546.       '<div style="font-size:0.85rem;color:var(--text-secondary);margin-bottom:0.3rem">肠道菌群基因检测</div>' +
    547. 

  547.       '<div style="display:flex;justify-content:space-between;align-items:center">' +
    548. 

  548.         '<span style="font-size:0.8rem;color:var(--text-muted)">1份 · 含采样套件</span>' +
    549. 

  549.         '<span style="font-size:1.1rem;font-weight:700;color:#0d9488">¥1,314</span>' +
    550. 

  550.       '</div>' +
    551. 

  551.     '</div>' +
    552. 

  552.     '<div style="width:200px;height:200px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden">' +
    553. 

  553.       '<img src="/api/payment/qrcode?text=' + encodeURIComponent(codeUrl) + '" alt="支付二维码" style="width:200px;height:200px">' +
    554. 

  554.     '</div>' +
    555. 

  555.     '<p style="font-size:0.8rem;color:#999">打开微信「扫一扫」完成支付</p>' +
    556. 

  556.     '<button onclick="this.closest(\'div[style]\').remove()" style="margin-top:1rem;padding:0.5rem 2rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer">取消支付</button>' +
    557. 

  557.     '</div>';
    558. 

  558.   document.body.appendChild(div);
    559. 

  559.   
    560. 

  560.   // 轮询支付状态
    561. 

  561.   var pollTimer = setInterval(function() {
    562. 

  562.     fetch('/api/payment/wechat/status', {
    563. 

  563.       method: 'POST',
    564. 

  564.       headers: { 'Content-Type': 'application/json' },
    565. 

  565.       body: JSON.stringify({ orderNo: orderNo })
    566. 

  566.     })
    567. 

  567.     .then(function(r) { return r.json(); })
    568. 

  568.     .then(function(data) {
    569. 

  569.       if (data.code === 200 && data.data === true) {
    570. 

  570.         clearInterval(pollTimer);
    571. 

  571.         div.innerHTML = '<div style="background:#fff;border-radius:16px;padding:2rem;text-align:center;max-width:320px">' +
    572. 

  572.           '<div style="font-size:3rem;margin-bottom:0.5rem">✅</div>' +
    573. 

  573.           '<h3 style="color:#0d9488;font-size:1.2rem;margin-bottom:0.5rem">支付成功！</h3>' +
    574. 

  574.           '<div style="background:#f0fdfa;border-radius:8px;padding:0.8rem;margin-bottom:1rem;text-align:left">' +
    575. 

  575.             '<div style="font-size:0.85rem;color:var(--text-secondary);margin-bottom:0.3rem">肠道菌群基因检测</div>' +
    576. 

  576.             '<div style="display:flex;justify-content:space-between;align-items:center">' +
    577. 

  577.               '<span style="font-size:0.8rem;color:var(--text-muted)">已付款</span>' +
    578. 

  578.               '<span style="font-size:1.1rem;font-weight:700;color:#0d9488">¥1,314</span>' +
    579. 

  579.             '</div>' +
    580. 

  580.           '</div>' +
    581. 

  581.           '<p style="font-size:0.85rem;color:#999;margin-bottom:0.5rem">您的检测套件将在24小时内寄出</p>' +
    582. 

  582.           '<p style="font-size:0.75rem;color:#bbb">窗口将在3秒后自动关闭</p>' +
    583. 

  583.           '</div>';
    584. 

  584.         setTimeout(function() { div.remove(); }, 3000);
    585. 

  585.       }
    586. 

  586.     })
    587. 

  587.     .catch(function() {});
    588. 

  588.   }, 3000);
    589. 

  589.   
    590. 

  590.   // 30秒后停止轮询
    591. 

  591.   setTimeout(function() { clearInterval(pollTimer); }, 120000);
    592. 

  592. }
    593. 

  593. </script>
    594. 

  594. 

  595. <!-- 扫码咨询 -->
    596. 

  596. <div class="container" style="text-align:center;padding-top:0">
    597. 

  597.   <p style="font-size:0.85rem;color:var(--text-muted);margin-bottom:0.8rem">扫码咨询，了解更多</p>
    598. 

  598.   <img src="../img/yan.png" alt="咨询二维码" style="width:160px;height:160px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.1);">
    599. 

  599. </div>
    600. 

  600. 

  601. <footer class="site-footer">
    602. 

  602.   <div class="footer-inner">
    603. 

  603.     <p>本检测仅用于健康评估和科研参考，不直接用于临床诊断。如有健康问题，请咨询专业医生。</p>
    604. 

  604.     <p style="margin-top:4px;font-size:0.75rem;color:rgba(255,255,255,0.3)">© 2026 浠艾福 CareFamily</p>
    605. 

  605.   </div>
    606. 

  606. </footer>
    607. 

  607. 

  608. </body>
    609. 

  609. </html>
    610.