|
|
@@ -0,0 +1,537 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="zh-CN">
|
|
|
+<head>
|
|
|
+<meta charset="UTF-8">
|
|
|
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+<meta name="description" content="家庭科学减重套餐——先检测（肠道菌群基因检测），再根据报告从饮食、营养品、运动、睡眠四个方面定制个性化方案，每日任务执行与提醒打卡，支持双人/三人家庭套餐。告别节食瞎猜，用数据科学减重。">
|
|
|
+<meta property="og:title" content="家庭科学减重套餐 · 产品介绍 — 浠艾福">
|
|
|
+<meta property="og:description" content="先检测后干预：肠道菌群基因检测8大维度定位肥胖根源，报告驱动定制饮食、营养品、运动、睡眠四维方案，每日任务+打卡提醒，全家可共用双人/三人套餐。">
|
|
|
+<meta property="og:type" content="article">
|
|
|
+<title>家庭科学减重套餐 · 产品介绍 — 浠艾福</title>
|
|
|
+<style>
|
|
|
+ :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);}
|
|
|
+ *{margin:0;padding:0;box-sizing:border-box}
|
|
|
+ body{font-family:var(--font);background:#f8fafc;color:var(--text-primary);line-height:1.8;font-size:16px}
|
|
|
+ .container{max-width:var(--max-width);margin:0 auto;padding:2rem 1.5rem}
|
|
|
+ .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}
|
|
|
+ .hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(20,184,166,0.1) 0%,transparent 50%)}
|
|
|
+ .hero-content{position:relative;z-index:1;max-width:720px;margin:0 auto}
|
|
|
+ .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}
|
|
|
+ .hero h1{font-size:2.2rem;font-weight:700;margin-bottom:0.8rem;line-height:1.3;color:white}
|
|
|
+ .hero p{font-size:1rem;opacity:0.85;max-width:600px;margin:0 auto;line-height:1.7;color:white}
|
|
|
+ .hero-stats{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-top:1.5rem}
|
|
|
+ .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}
|
|
|
+ .hero-stat .num{font-size:1.6rem;font-weight:700;display:block;color:white}
|
|
|
+ .hero-stat .label{font-size:0.72rem;opacity:0.8;color:white}
|
|
|
+ section{padding:2rem 0}
|
|
|
+ section:nth-child(even){background:var(--bg-alt)}
|
|
|
+ h2{font-size:1.4rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}
|
|
|
+ h3{font-size:1.1rem;font-weight:600;margin:1.2rem 0 0.6rem;color:var(--text-primary)}
|
|
|
+ p{margin-bottom:0.8rem;color:var(--text-secondary);line-height:1.9;font-size:0.95rem}
|
|
|
+ strong{color:var(--text-primary)}
|
|
|
+ .card{background:white;border-radius:var(--radius);padding:1.5rem;margin-bottom:1.2rem;box-shadow:var(--shadow);border-left:4px solid var(--accent)}
|
|
|
+ .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)}.card.rose{border-left-color:var(--rose)}
|
|
|
+ .card h3{margin-top:0}.card p:last-child{margin-bottom:0}
|
|
|
+ .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)}
|
|
|
+ .highlight-box p{margin-bottom:0.5rem}.highlight-box p:last-child{margin-bottom:0}
|
|
|
+ .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}
|
|
|
+ .grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin:1rem 0}
|
|
|
+ .feature-card{background:white;border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow);border:1px solid #e2e8f0;text-align:center}
|
|
|
+ .feature-card .icon{font-size:2rem;margin-bottom:0.5rem;display:block}
|
|
|
+ .feature-card h4{font-size:1rem;font-weight:700;margin-bottom:0.4rem}
|
|
|
+ .feature-card p{font-size:0.85rem;color:var(--text-muted);margin-bottom:0;line-height:1.5}
|
|
|
+ .step-list{list-style:none;counter-reset:step}
|
|
|
+ .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)}
|
|
|
+ .step-list li:last-child{border-bottom:none}
|
|
|
+ .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}
|
|
|
+ .faq-item{padding:1rem 0;border-bottom:1px solid #e2e8f0}
|
|
|
+ .faq-item:last-child{border-bottom:none}
|
|
|
+ .faq-q{font-weight:600;color:var(--text-primary);margin-bottom:0.4rem;font-size:0.95rem}
|
|
|
+ .faq-a{font-size:0.9rem;color:var(--text-secondary);line-height:1.7}
|
|
|
+ .cta-box{text-align:center;background:linear-gradient(135deg,#0a0e27,#0d2a28);border-radius:var(--radius);padding:2.5rem;margin:2rem 0;color:#fff}
|
|
|
+ .cta-box h3{color:#fff;font-size:1.3rem;margin-bottom:0.5rem}
|
|
|
+ .cta-box p{color:rgba(255,255,255,0.6);margin-bottom:1.5rem;font-size:0.95rem}
|
|
|
+ .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}
|
|
|
+ .cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(20,184,166,0.3)}
|
|
|
+ .cta-btn.secondary{background:transparent;border:1px solid rgba(255,255,255,0.3);margin-left:1rem}
|
|
|
+ .cta-btn.secondary:hover{background:rgba(255,255,255,0.1);box-shadow:none}
|
|
|
+ .dimension-list{display:grid;grid-template-columns:repeat(4,1fr);gap:0.8rem;margin:1rem 0}
|
|
|
+ .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)}
|
|
|
+ .dim-item strong{display:block;color:var(--text-primary);font-size:0.9rem;margin-bottom:0.2rem}
|
|
|
+ .section-tag{display:inline-block;font-size:0.8rem;font-weight:600;letter-spacing:0.05em;margin-bottom:0.5rem;color:var(--accent)}
|
|
|
+ .plan-item{display:flex;gap:0.8rem;align-items:flex-start;background:white;border-radius:var(--radius);padding:1rem 1.2rem;margin-bottom:0.8rem;box-shadow:var(--shadow);border:1px solid #e2e8f0}
|
|
|
+ .plan-item .plan-icon{font-size:1.6rem;flex-shrink:0;margin-top:0.1rem}
|
|
|
+ .plan-item h4{font-size:0.98rem;font-weight:700;margin-bottom:0.3rem;color:var(--text-primary)}
|
|
|
+ .plan-item p{font-size:0.88rem;color:var(--text-secondary);margin-bottom:0;line-height:1.6}
|
|
|
+ .price-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin:1.2rem 0}
|
|
|
+ .price-card{background:white;border-radius:var(--radius);padding:1.4rem;text-align:center;box-shadow:var(--shadow);border:2px solid #e2e8f0;position:relative}
|
|
|
+ .price-card.recommended{border-color:var(--accent)}
|
|
|
+ .price-card.recommended::before{content:'推荐';position:absolute;top:-0.8rem;left:50%;transform:translateX(-50%);background:var(--accent);color:#fff;font-size:0.72rem;font-weight:600;padding:0.15rem 0.8rem;border-radius:999px}
|
|
|
+ .price-card .p-name{font-weight:700;color:var(--text-primary);font-size:0.95rem;margin-bottom:0.4rem}
|
|
|
+ .price-card .p-price{font-size:1.8rem;font-weight:800;color:var(--accent)}
|
|
|
+ .price-card .p-unit{font-size:0.8rem;color:var(--text-muted)}
|
|
|
+ .price-card .p-desc{font-size:0.8rem;color:var(--text-muted);margin-top:0.5rem;line-height:1.5}
|
|
|
+ .site-footer{background:#1a1a3e;color:#fff;padding:2rem 0 0;margin-top:2rem}
|
|
|
+ .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,.price-row{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>
|
|
|
+<body>
|
|
|
+
|
|
|
+<div class="hero">
|
|
|
+ <div class="hero-content">
|
|
|
+ <div class="hero-badge">⚖️ 先检测 · 再干预 · 全家同行</div>
|
|
|
+ <h1>家庭科学减重套餐</h1>
|
|
|
+ <p>不靠节食靠数据——先做肠道菌群基因检测，<br>再根据你的报告定制饮食、营养品、运动、睡眠四维方案，每日执行、打卡、提醒，<br>告别"减肥全靠意志力"的瞎猜。</p>
|
|
|
+ <div class="hero-stats">
|
|
|
+ <div class="hero-stat"><span class="num">8大</span><span class="label">检测维度</span></div>
|
|
|
+ <div class="hero-stat"><span class="num">4维</span><span class="label">定制方案</span></div>
|
|
|
+ <div class="hero-stat"><span class="num">每日</span><span class="label">任务执行+提醒</span></div>
|
|
|
+ <div class="hero-stat"><span class="num">2/3人</span><span class="label">家庭套餐可选</span></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+
|
|
|
+<section>
|
|
|
+ <div class="container">
|
|
|
+ <h2>为什么减重前，先要了解自己的肠道？</h2>
|
|
|
+ <p>同样控制饮食，有人瘦得很快，有人纹丝不动——差距往往不在意志力，而在<strong>肠道菌群</strong>。肠道里的微生物直接影响能量吸收效率、食欲激素分泌和炎症水平：</p>
|
|
|
+ <div class="grid-3">
|
|
|
+ <div class="feature-card">
|
|
|
+ <span class="icon">🍽️</span>
|
|
|
+ <h4>影响能量吸收</h4>
|
|
|
+ <p>特定菌群结构会让身体从同样食物中提取更多热量，吃一样多，胖得更多。</p>
|
|
|
+ </div>
|
|
|
+ <div class="feature-card">
|
|
|
+ <span class="icon">🧠</span>
|
|
|
+ <h4>影响食欲信号</h4>
|
|
|
+ <p>菌群代谢产物通过肠-脑轴调节饥饿素与饱腹感，让你"管不住嘴"。</p>
|
|
|
+ </div>
|
|
|
+ <div class="feature-card">
|
|
|
+ <span class="icon">🔥</span>
|
|
|
+ <h4>影响代谢炎症</h4>
|
|
|
+ <p>菌群失调诱发低度炎症与胰岛素抵抗，脂肪更难分解，减重事倍功半。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="highlight-box">
|
|
|
+ <p><strong>结论：</strong>没有检测数据的减重方案，就像不看路况的导航——方向对，但到不了。先测出你的菌群画像，方案才能"对准靶心"。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</section>
|
|
|
+
|
|
|
+<section>
|
|
|
+ <div class="container">
|
|
|
+ <h2>服务流程</h2>
|
|
|
+ <p>从下单到见效，全流程 7 步，每一步都有系统支持与专人跟进：</p>
|
|
|
+ <ol class="step-list">
|
|
|
+ <li><strong>选择套餐下单</strong>——选择单人 / 双人 / 三人套餐，为每位家庭成员分别下单检测。</li>
|
|
|
+ <li><strong>居家采样</strong>——检测套件寄到家，米粒大小样本，无创无痛，采样管含保存液常温可保存 7 天。</li>
|
|
|
+ <li><strong>样本寄回实验室</strong>——预付费快递包装，直邮实验室，5 个工作日内完成 16S rRNA 高通量测序。</li>
|
|
|
+ <li><strong>获取检测报告</strong>——8 大维度解读肠道生态：菌群多样性、有益菌/有害菌占比、短链脂肪酸、肠道屏障功能、炎症/代谢风险、慢病风险预警等，在线随时查看。</li>
|
|
|
+ <li><strong>定制四维方案</strong>——基于报告数据，从<strong>饮食、营养品、运动、睡眠</strong>四个方面生成个性化减重方案（详见下方"四维定制方案"）。</li>
|
|
|
+ <li><strong>每日执行与提醒</strong>——方案拆解为每日任务，小程序内每日提醒、完成打卡、打卡返积分，形成习惯闭环。</li>
|
|
|
+ <li><strong>复测对比</strong>——干预一段时间后复测，菌群变化与体重趋势数据一目了然，效果看得见。</li>
|
|
|
+ </ol>
|
|
|
+ </div>
|
|
|
+</section>
|
|
|
+
|
|
|
+<section>
|
|
|
+ <div class="container">
|
|
|
+ <h2>四维定制方案：不是"统一食谱"，是你的专属方案</h2>
|
|
|
+ <p>方案不是模板化的"少油少糖多运动"，而是根据检测报告逐人定制：</p>
|
|
|
+
|
|
|
+ <div class="plan-item">
|
|
|
+ <div class="plan-icon">🥗</div>
|
|
|
+ <div>
|
|
|
+ <h4>饮食定制</h4>
|
|
|
+ <p>根据报告中的营养均衡评分与食材推荐指数，明确"该多吃什么、该避开什么"。检测结果直接告诉你：你的菌群缺哪种膳食纤维、哪类食材对你有正向帮助——把"少吃"变成"吃对"。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="plan-item">
|
|
|
+ <div class="plan-icon">💊</div>
|
|
|
+ <div>
|
|
|
+ <h4>营养品定制</h4>
|
|
|
+ <p>报告中的营养缺乏指标会映射到对应的营养素需求，推荐匹配的营养品与补充方案。不是人人吃同一种益生菌，而是"你的菌群缺什么，就补什么"。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="plan-item">
|
|
|
+ <div class="plan-icon">🏃</div>
|
|
|
+ <div>
|
|
|
+ <h4>运动定制</h4>
|
|
|
+ <p>结合身体状况与减重目标定制运动任务与频率，每日打卡记录。运动不是越多越好，而是可持续、能坚持、与身体状态匹配。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="plan-item">
|
|
|
+ <div class="plan-icon">😴</div>
|
|
|
+ <div>
|
|
|
+ <h4>睡眠定制</h4>
|
|
|
+ <p>睡眠质量直接影响瘦素与饥饿素分泌。方案包含睡眠改善任务与睡眠记录打卡，帮你睡好"减脂觉"。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</section>
|
|
|
+
|
|
|
+<section>
|
|
|
+ <div class="container">
|
|
|
+ <h2>每日执行 · 打卡 · 提醒</h2>
|
|
|
+ <p>方案落不了地等于零。减重套餐把"方案"变成"每天照做"的系统：</p>
|
|
|
+ <div class="grid-3">
|
|
|
+ <div class="feature-card">
|
|
|
+ <span class="icon">📅</span>
|
|
|
+ <h4>每日任务自动生成</h4>
|
|
|
+ <p>方案拆解为每日任务，按天排期自动生成，家庭成员各看各的执行清单。</p>
|
|
|
+ </div>
|
|
|
+ <div class="feature-card">
|
|
|
+ <span class="icon">🔔</span>
|
|
|
+ <h4>小程序内每日提醒</h4>
|
|
|
+ <p>打开小程序即可看到今日待办，到点提醒不遗漏——饮食、运动、睡眠任务一目了然。</p>
|
|
|
+ </div>
|
|
|
+ <div class="feature-card">
|
|
|
+ <span class="icon">✅</span>
|
|
|
+ <h4>打卡返积分</h4>
|
|
|
+ <p>完成每日打卡（饮食/运动/睡眠/体重/饮水/心情），每次打卡返积分，好习惯有即时正反馈。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="highlight-box">
|
|
|
+ <p><strong>家庭互相监督：</strong>全家人共用一份套餐时，家庭成员各有独立的检测报告与方案，同时在家庭看板中互相可见、互相鼓励——减重不再是"一个人的战斗"。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</section>
|
|
|
+
|
|
|
+<section>
|
|
|
+ <div class="container">
|
|
|
+ <h2>家庭套餐方案</h2>
|
|
|
+ <p>减重不是一个人的事——夫妻同行、亲子同行，互相监督成功率更高。套餐按家庭成员数购买，<strong>每人一份独立检测、一份独立报告、一份专属方案</strong>：</p>
|
|
|
+ <div class="price-row">
|
|
|
+ <div class="price-card">
|
|
|
+ <div class="p-name">👤 单人套餐</div>
|
|
|
+ <div class="p-price">¥1,314</div>
|
|
|
+ <div class="p-unit">检测 1 份 + 专属方案</div>
|
|
|
+ <div class="p-desc">适合个人减重<br>含 1 份肠道菌群检测</div>
|
|
|
+ </div>
|
|
|
+ <div class="price-card recommended">
|
|
|
+ <div class="p-name">👥 双人套餐</div>
|
|
|
+ <div class="p-price">¥2,628</div>
|
|
|
+ <div class="p-unit">检测 2 份 + 双方案</div>
|
|
|
+ <div class="p-desc">适合夫妻 / 亲子同行<br>各检测 · 各方案 · 互相监督</div>
|
|
|
+ </div>
|
|
|
+ <div class="price-card">
|
|
|
+ <div class="p-name">👨👩👧 三人套餐</div>
|
|
|
+ <div class="p-price">¥3,942</div>
|
|
|
+ <div class="p-unit">检测 3 份 + 三方案</div>
|
|
|
+ <div class="p-desc">适合三口之家<br>全家一起科学减重</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <p style="font-size:0.8rem;color:var(--text-muted);text-align:center;">价格为检测套件费用（每份 ¥1,314，原价 ¥1,999），四维方案定制与每日任务/打卡服务随套餐提供；营养品等实物另计。</p>
|
|
|
+ </div>
|
|
|
+</section>
|
|
|
+
|
|
|
+<section>
|
|
|
+ <div class="container">
|
|
|
+ <h2>谁适合这个套餐？</h2>
|
|
|
+ <div class="grid-2">
|
|
|
+ <div class="card">
|
|
|
+ <h3>🧑 反复减肥失败者</h3>
|
|
|
+ <p>节食、代餐、高强度运动都试过，瘦了又反弹？先检测找到"为什么瘦不下来"的菌群根源，再对症干预。</p>
|
|
|
+ </div>
|
|
|
+ <div class="card teal">
|
|
|
+ <h3>🍎 代谢型肥胖人群</h3>
|
|
|
+ <p>报告中的炎症风险与代谢风险维度直接指向胰岛素抵抗、脂肪代谢问题，减重方案从代谢层面入手。</p>
|
|
|
+ </div>
|
|
|
+ <div class="card green">
|
|
|
+ <h3>👨👩👧 想全家一起减的家庭</h3>
|
|
|
+ <p>一人减肥全家围观，不如全家一起改变生活方式。双人/三人套餐让每个人都有自己的方案，又互相监督。</p>
|
|
|
+ </div>
|
|
|
+ <div class="card orange">
|
|
|
+ <h3>🧒 儿童青少年肥胖</h3>
|
|
|
+ <p>孩子胖不仅影响自信，更影响长期健康。检测孩子肠道菌群，用营养与运动方案科学干预，避免盲目节食伤身。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</section>
|
|
|
+
|
|
|
+<section>
|
|
|
+ <div class="container">
|
|
|
+ <h2>常见问题</h2>
|
|
|
+ <div class="faq-item">
|
|
|
+ <div class="faq-q">这个套餐和普通减肥营/代餐有什么区别？</div>
|
|
|
+ <div class="faq-a">核心区别是"先检测、后干预"。普通减重方案是统一的"少吃多动"，而本套餐先通过基因检测看清每个人的菌群画像与代谢风险，再定制饮食、营养品、运动、睡眠四维方案，针对性强、可长期坚持、不易反弹。</div>
|
|
|
+ </div>
|
|
|
+ <div class="faq-item">
|
|
|
+ <div class="faq-q">双人/三人套餐怎么理解？</div>
|
|
|
+ <div class="faq-a">套餐按人数购买，每位成员都有一份独立的肠道菌群检测和独立的专属方案。比如双人套餐 = 2 份检测 + 2 份方案；三人套餐 = 3 份检测 + 3 份方案。家庭成员在小程序内各自执行、各自打卡，家庭看板互相可见。</div>
|
|
|
+ </div>
|
|
|
+ <div class="faq-item">
|
|
|
+ <div class="faq-q">检测是怎么做的？需要去医院吗？</div>
|
|
|
+ <div class="faq-a">完全居家完成。下单后检测套件寄到家里，取米粒大小样本装入采样管（含保存液，常温可稳定保存 7 天），用预付费快递寄回实验室即可。采样前 2 小时建议不进食不饮水，采样前 30 天避免使用抗生素、7 天避免益生菌。</div>
|
|
|
+ </div>
|
|
|
+ <div class="faq-item">
|
|
|
+ <div class="faq-q">多久能拿到报告？</div>
|
|
|
+ <div class="faq-a">实验室收到样本后 5 个工作日内完成 16S rRNA 高通量测序并出具电子报告，在线随时查看，包含 8 大维度解读与 12 类慢病风险预警。</div>
|
|
|
+ </div>
|
|
|
+ <div class="faq-item">
|
|
|
+ <div class="faq-q">每日任务怎么执行和提醒？</div>
|
|
|
+ <div class="faq-a">方案定制完成后会拆解为每日任务，在小程序内按天排期自动生成。每天打开小程序即可看到今日任务清单（饮食/运动/睡眠/打卡），完成打卡返积分，未完成也有提醒，让方案真正落地。</div>
|
|
|
+ </div>
|
|
|
+ <div class="faq-item">
|
|
|
+ <div class="faq-q">孩子可以用这个套餐吗？</div>
|
|
|
+ <div class="faq-a">可以。肠道菌群检测适用于全年龄段。儿童青少年肥胖建议在家长陪同下完成检测与方案执行，避免盲目节食，通过营养与运动科学干预。</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</section>
|
|
|
+
|
|
|
+<!-- 底部固定支付栏 -->
|
|
|
+<div class="sticky-bar">
|
|
|
+ <div>
|
|
|
+ <div class="label">家庭科学减重套餐</div>
|
|
|
+ <div><span class="price">¥1,314 起</span><span class="orig">¥1,999 起</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 -->
|
|
|
+<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'}">
|
|
|
+ <div style="background:#fff;border-radius:16px;padding:2rem;max-width:440px;width:90%;position:relative;">
|
|
|
+ <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>
|
|
|
+ <h3 style="margin-bottom:1.2rem;font-size:1.2rem;">家庭科学减重套餐 · 下单</h3>
|
|
|
+ <div style="margin-bottom:1rem">
|
|
|
+ <label style="display:block;font-size:0.85rem;color:var(--text-secondary);margin-bottom:0.3rem">套餐人数</label>
|
|
|
+ <select id="orderType" onchange="updateOrderTotal()" style="width:100%;padding:0.6rem 0.8rem;border:1px solid #e2e8f0;border-radius:8px;font-size:0.95rem;box-sizing:border-box;background:#fff">
|
|
|
+ <option value="1">单人套餐（1 份检测 + 专属方案）¥1,314</option>
|
|
|
+ <option value="2" selected>双人套餐（2 份检测 + 双方案）¥2,628</option>
|
|
|
+ <option value="3">三人套餐（3 份检测 + 三方案）¥3,942</option>
|
|
|
+ </select>
|
|
|
+ </div>
|
|
|
+ <div style="margin-bottom:1rem">
|
|
|
+ <label style="display:block;font-size:0.85rem;color:var(--text-secondary);margin-bottom:0.3rem">联系人</label>
|
|
|
+ <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">
|
|
|
+ </div>
|
|
|
+ <div style="margin-bottom:1rem">
|
|
|
+ <label style="display:block;font-size:0.85rem;color:var(--text-secondary);margin-bottom:0.3rem">手机号</label>
|
|
|
+ <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">
|
|
|
+ </div>
|
|
|
+ <div style="margin-bottom:1rem">
|
|
|
+ <label style="display:block;font-size:0.85rem;color:var(--text-secondary);margin-bottom:0.3rem">收件地址</label>
|
|
|
+ <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">
|
|
|
+ </div>
|
|
|
+ <div style="margin-bottom:1.2rem;padding:0.8rem;background:#f0fdfa;border-radius:8px;display:flex;justify-content:space-between;align-items:center">
|
|
|
+ <span style="font-size:0.9rem;color:var(--text-secondary)">合计</span>
|
|
|
+ <span id="orderTotal" style="font-size:1.5rem;font-weight:800;color:#0d9488">¥2,628</span>
|
|
|
+ </div>
|
|
|
+ <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>
|
|
|
+ <p style="font-size:0.75rem;color:var(--text-muted);margin-top:0.8rem;text-align:center">支付由微信支付安全处理 · 未注册用户请先联系客服</p>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+
|
|
|
+<script>
|
|
|
+var ORDER_PRICES = { 1: 131400, 2: 262800, 3: 394200 };
|
|
|
+var ORDER_DESC = { 1: '家庭科学减重套餐·单人', 2: '家庭科学减重套餐·双人', 3: '家庭科学减重套餐·三人' };
|
|
|
+
|
|
|
+function updateOrderTotal() {
|
|
|
+ var t = document.getElementById('orderType');
|
|
|
+ var total = document.getElementById('orderTotal');
|
|
|
+ total.textContent = '¥' + (ORDER_PRICES[t.value] / 100).toLocaleString();
|
|
|
+}
|
|
|
+
|
|
|
+function submitOrder() {
|
|
|
+ var name = document.getElementById('orderName').value.trim();
|
|
|
+ var phone = document.getElementById('orderPhone').value.trim();
|
|
|
+ var address = document.getElementById('orderAddress').value.trim();
|
|
|
+ var type = document.getElementById('orderType').value;
|
|
|
+ if (!name) { alert('请输入联系人姓名'); return; }
|
|
|
+ if (!phone || !/^1\d{10}$/.test(phone)) { alert('请输入正确的手机号'); return; }
|
|
|
+ if (!address) { alert('请输入收件地址'); return; }
|
|
|
+
|
|
|
+ var btn = document.getElementById('payBtn');
|
|
|
+ btn.disabled = true;
|
|
|
+ btn.textContent = '提交中...';
|
|
|
+
|
|
|
+ var orderNo = 'WLP' + Date.now() + Math.random().toString(36).substr(2,4).toUpperCase();
|
|
|
+ window._orderContact = { name: name, phone: phone, address: address, type: type };
|
|
|
+
|
|
|
+ // 直接走Native扫码支付（微信浏览器内也走扫码，避免OAuth2权限问题）
|
|
|
+ fallbackNativePay(orderNo);
|
|
|
+}
|
|
|
+
|
|
|
+function isWechatBrowser() {
|
|
|
+ return navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1;
|
|
|
+}
|
|
|
+
|
|
|
+function getUrlParam(name) {
|
|
|
+ var reg = new RegExp('[?&]' + name + '=([^&]*)');
|
|
|
+ var r = window.location.href.match(reg);
|
|
|
+ return r ? decodeURIComponent(r[1]) : null;
|
|
|
+}
|
|
|
+
|
|
|
+function tryH5Pay(orderNo) {
|
|
|
+ var btn = document.getElementById('payBtn');
|
|
|
+ btn.textContent = '正在跳转微信支付...';
|
|
|
+
|
|
|
+ fetch('/api/payment/wechat/create', {
|
|
|
+ method: 'POST',
|
|
|
+ headers: { 'Content-Type': 'application/json' },
|
|
|
+ body: JSON.stringify({
|
|
|
+ orderNo: orderNo,
|
|
|
+ description: ORDER_DESC[window._orderContact.type || 2],
|
|
|
+ amount: ORDER_PRICES[window._orderContact.type || 2]
|
|
|
+ })
|
|
|
+ })
|
|
|
+ .then(function(r) { return r.json(); })
|
|
|
+ .then(function(data) {
|
|
|
+ if (data.code === 200 && data.data) {
|
|
|
+ if (typeof WeixinJSBridge !== 'undefined') {
|
|
|
+ WeixinJSBridge.invoke('getBrandWCPayRequest', {
|
|
|
+ appId: data.data.appId,
|
|
|
+ timeStamp: data.data.timeStamp,
|
|
|
+ nonceStr: data.data.nonceStr,
|
|
|
+ package: data.data.package,
|
|
|
+ signType: data.data.signType || 'RSA',
|
|
|
+ paySign: data.data.paySign
|
|
|
+ }, function(res) {
|
|
|
+ if (res.err_msg === 'get_brand_wcpay_request:ok') {
|
|
|
+ showPaySuccess();
|
|
|
+ } else {
|
|
|
+ alert('支付失败: ' + (res.err_msg || '未知错误'));
|
|
|
+ btn.disabled = false;
|
|
|
+ btn.textContent = '微信支付';
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ alert('请在微信内打开此页面完成支付');
|
|
|
+ btn.disabled = false;
|
|
|
+ btn.textContent = '微信支付';
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ alert('支付系统暂不可用：' + (data.message || ''));
|
|
|
+ btn.disabled = false;
|
|
|
+ btn.textContent = '微信支付';
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(function() {
|
|
|
+ alert('网络请求失败');
|
|
|
+ btn.disabled = false;
|
|
|
+ btn.textContent = '微信支付';
|
|
|
+ });
|
|
|
+}
|
|
|
+
|
|
|
+function fallbackNativePay(orderNo) {
|
|
|
+ var c = window._orderContact || {};
|
|
|
+ fetch('/api/payment/wechat/native', {
|
|
|
+ method: 'POST',
|
|
|
+ headers: { 'Content-Type': 'application/json' },
|
|
|
+ body: JSON.stringify({
|
|
|
+ orderNo: orderNo,
|
|
|
+ description: ORDER_DESC[c.type || 2],
|
|
|
+ amount: ORDER_PRICES[c.type || 2],
|
|
|
+ contactName: c.name || '',
|
|
|
+ contactPhone: c.phone || '',
|
|
|
+ contactAddress: c.address || ''
|
|
|
+ })
|
|
|
+ })
|
|
|
+ .then(function(r) { return r.json(); })
|
|
|
+ .then(function(data) {
|
|
|
+ if (data.code === 200 && data.data) {
|
|
|
+ if (data.data.codeUrl) {
|
|
|
+ document.getElementById('orderForm').style.visibility = 'hidden';
|
|
|
+ document.getElementById('orderForm').style.opacity = '0';
|
|
|
+ showQrCode(data.data.codeUrl, orderNo);
|
|
|
+ } else {
|
|
|
+ tryH5Pay(orderNo);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(function() {
|
|
|
+ tryH5Pay(orderNo);
|
|
|
+ });
|
|
|
+}
|
|
|
+
|
|
|
+function showPaySuccess() {
|
|
|
+ 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>';
|
|
|
+}
|
|
|
+
|
|
|
+function showQrCode(codeUrl, orderNo) {
|
|
|
+ var c = window._orderContact || {};
|
|
|
+ var div = document.createElement('div');
|
|
|
+ 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';
|
|
|
+ div.onclick = function(e) { if (e.target === this) this.remove(); };
|
|
|
+ div.innerHTML = '<div style="background:#fff;border-radius:16px;padding:2rem;text-align:center;max-width:340px">' +
|
|
|
+ '<h3 style="margin-bottom:0.8rem;font-size:1.1rem;">用其他手机扫码支付</h3>' +
|
|
|
+ '<div style="background:#f0fdfa;border-radius:8px;padding:0.8rem;margin-bottom:0.8rem;text-align:left">' +
|
|
|
+ '<div style="font-size:0.85rem;color:var(--text-secondary);margin-bottom:0.3rem">' + (ORDER_DESC[c.type || 2]) + '</div>' +
|
|
|
+ '<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:0.3rem">' +
|
|
|
+ '<span style="font-size:0.8rem;color:var(--text-muted)">含检测套件</span>' +
|
|
|
+ '<span style="font-size:1.1rem;font-weight:700;color:#0d9488">¥' + ((ORDER_PRICES[c.type || 2]) / 100).toLocaleString() + '</span>' +
|
|
|
+ '</div>' +
|
|
|
+ '<div style="border-top:1px dashed #e2e8f0;margin:0.5rem 0;padding-top:0.5rem;font-size:0.8rem;color:var(--text-muted)">' +
|
|
|
+ '<div>联系人: ' + (c.name || '') + '</div>' +
|
|
|
+ '<div>手机号: ' + (c.phone || '') + '</div>' +
|
|
|
+ '<div>地址: ' + (c.address || '') + '</div>' +
|
|
|
+ '</div>' +
|
|
|
+ '</div>' +
|
|
|
+ '<div style="width:200px;height:200px;margin:0 auto 0.8rem;display:flex;align-items:center;justify-content:center;border-radius:8px;overflow:hidden">' +
|
|
|
+ '<img src="/api/payment/qrcode?text=' + encodeURIComponent(codeUrl) + '" alt="支付二维码" style="width:200px;height:200px">' +
|
|
|
+ '</div>' +
|
|
|
+ '<p style="font-size:0.8rem;color:#999">请用其他手机微信扫码完成支付</p>' +
|
|
|
+ '<button onclick="this.closest(\'div[style]\').remove()" style="margin-top:0.8rem;padding:0.5rem 2rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer">取消支付</button>' +
|
|
|
+ '</div>';
|
|
|
+ document.body.appendChild(div);
|
|
|
+
|
|
|
+ var pollTimer = setInterval(function() {
|
|
|
+ fetch('/api/payment/wechat/status', {
|
|
|
+ method: 'POST',
|
|
|
+ headers: { 'Content-Type': 'application/json' },
|
|
|
+ body: JSON.stringify({ orderNo: orderNo })
|
|
|
+ })
|
|
|
+ .then(function(r) { return r.json(); })
|
|
|
+ .then(function(data) {
|
|
|
+ if (data.code === 200 && data.data === true) {
|
|
|
+ clearInterval(pollTimer);
|
|
|
+ div.innerHTML = '<div style="background:#fff;border-radius:16px;padding:2rem;text-align:center;max-width:320px">' +
|
|
|
+ '<div style="font-size:3rem;margin-bottom:0.5rem">✅</div>' +
|
|
|
+ '<h3 style="color:#0d9488;font-size:1.2rem;margin-bottom:0.5rem">支付成功！</h3>' +
|
|
|
+ '<div style="background:#f0fdfa;border-radius:8px;padding:0.8rem;margin-bottom:1rem;text-align:left">' +
|
|
|
+ '<div style="font-size:0.85rem;color:var(--text-secondary);margin-bottom:0.3rem">' + (ORDER_DESC[c.type || 2]) + '</div>' +
|
|
|
+ '<div style="display:flex;justify-content:space-between;align-items:center">' +
|
|
|
+ '<span style="font-size:0.8rem;color:var(--text-muted)">已付款</span>' +
|
|
|
+ '<span style="font-size:1.1rem;font-weight:700;color:#0d9488">¥' + ((ORDER_PRICES[c.type || 2]) / 100).toLocaleString() + '</span>' +
|
|
|
+ '</div>' +
|
|
|
+ '</div>' +
|
|
|
+ '<p style="font-size:0.85rem;color:#999;margin-bottom:0.5rem">您的检测套件将在24小时内寄出</p>' +
|
|
|
+ '<p style="font-size:0.75rem;color:#bbb">窗口将在3秒后自动关闭</p>' +
|
|
|
+ '</div>';
|
|
|
+ setTimeout(function() { div.remove(); }, 3000);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(function() {});
|
|
|
+ }, 3000);
|
|
|
+
|
|
|
+ setTimeout(function() { clearInterval(pollTimer); }, 120000);
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<!-- 扫码咨询 -->
|
|
|
+<div class="container" style="text-align:center;padding-top:0">
|
|
|
+ <p style="font-size:0.85rem;color:var(--text-muted);margin-bottom:0.8rem">扫码咨询，了解更多</p>
|
|
|
+ <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);">
|
|
|
+</div>
|
|
|
+
|
|
|
+<footer class="site-footer">
|
|
|
+ <div class="footer-inner">
|
|
|
+ <p>本检测仅用于健康评估和科研参考，不直接用于临床诊断。减重方案为健康生活方式干预，不替代医学治疗。如有健康问题，请咨询专业医生。</p>
|
|
|
+ <p style="margin-top:4px;font-size:0.75rem;color:rgba(255,255,255,0.3)">© 2026 浠艾福 CareFamily</p>
|
|
|
+ </div>
|
|
|
+</footer>
|
|
|
+
|
|
|
+</body>
|
|
|
+</html>
|
