|
|
@@ -67,6 +67,15 @@
|
|
|
.footer-inner{max-width:900px;margin:0 auto;padding:0 1.5rem 1.5rem;text-align:center}
|
|
|
.footer-inner p{color:rgba(255,255,255,0.5);font-size:0.8rem}
|
|
|
@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}}
|
|
|
+
|
|
|
+/* 底部固定支付栏 */
|
|
|
+.sticky-bar{position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,0.97);backdrop-filter:blur(12px);border-top:1px solid #e2e8f0;padding:0.8rem 1.5rem;z-index:999;display:flex;align-items:center;justify-content:space-between;box-shadow:0 -4px 20px rgba(0,0,0,0.06)}
|
|
|
+.sticky-bar .price{font-size:1.5rem;font-weight:800;color:#0d9488}
|
|
|
+.sticky-bar .orig{font-size:0.85rem;color:var(--text-muted);text-decoration:line-through;margin-left:0.5rem}
|
|
|
+.sticky-bar .label{font-size:0.8rem;color:var(--text-muted);margin-bottom:0.1rem}
|
|
|
+.sticky-btn{background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff;border:none;border-radius:8px;padding:0.7rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}
|
|
|
+.sticky-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(20,184,166,0.3)}
|
|
|
+body{padding-bottom:70px}
|
|
|
</style>
|
|
|
<link rel="stylesheet" href="../css/mobile.css">
|
|
|
</head>
|
|
|
@@ -304,20 +313,13 @@
|
|
|
</div>
|
|
|
</section>
|
|
|
|
|
|
-<div class="container">
|
|
|
- <div class="cta-box">
|
|
|
- <h3>开始了解你的"第二基因组"</h3>
|
|
|
- <p>一次检测，全面评估肠道生态。科学干预，从根源管理健康。</p>
|
|
|
- <div class="price-box">
|
|
|
- <span class="price">¥0.01</span>
|
|
|
- <span class="unit">/次</span>
|
|
|
- <span class="orig">测试价 ¥1,314</span>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <button class="cta-btn" onclick="var f=document.getElementById('orderForm');f.style.visibility='visible';f.style.opacity='1'">立即购买</button>
|
|
|
- <a href="../articles/gut-microbiota-testing.html" class="cta-btn secondary">了解检测详情 →</a>
|
|
|
- </div>
|
|
|
+<!-- 底部固定支付栏 -->
|
|
|
+<div class="sticky-bar">
|
|
|
+ <div>
|
|
|
+ <div class="label">肠道菌群基因检测</div>
|
|
|
+ <div><span class="price">¥0.01</span><span class="orig">测试价 ¥1,314</span></div>
|
|
|
</div>
|
|
|
+ <button class="sticky-btn" onclick="var f=document.getElementById('orderForm');f.style.visibility='visible';f.style.opacity='1'">立即购买</button>
|
|
|
</div>
|
|
|
|
|
|
<!-- Order Form Modal -->
|
