|
|
@@ -199,23 +199,58 @@
|
|
|
<!-- ==================== Proactive Health Concept ==================== -->
|
|
|
<section class="section section-concept">
|
|
|
<div class="container" style="max-width:900px;">
|
|
|
- <div style="background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-radius:16px;padding:2.5rem 2rem;text-align:center;border:1px solid #bbf7d0;">
|
|
|
- <h3 style="font-size:1.5rem;font-weight:700;color:#166534;margin-bottom:1rem;">什么是主动健康？</h3>
|
|
|
- <p style="font-size:1.05rem;color:#15803d;line-height:1.9;max-width:700px;margin:0 auto 1.2rem;">
|
|
|
- <strong>主动健康 ≠ 早发现早治疗。</strong><br>
|
|
|
- 传统的"早发现早治疗"仍然是被动的——等问题出现再去应对。<br>
|
|
|
- 主动健康的核心是：<strong>提前发现风险，并在问题发生之前主动规避。</strong>
|
|
|
- </p>
|
|
|
- <div style="display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1rem;">
|
|
|
- <span style="background:#fff;border:1px solid #86efac;padding:0.5rem 1rem;border-radius:8px;font-size:0.9rem;color:#166534;">🔍 提前识别</span>
|
|
|
- <span style="color:#86efac;font-size:1.2rem;">→</span>
|
|
|
- <span style="background:#fff;border:1px solid #86efac;padding:0.5rem 1rem;border-radius:8px;font-size:0.9rem;color:#166534;">🛡️ 风险管控</span>
|
|
|
- <span style="color:#86efac;font-size:1.2rem;">→</span>
|
|
|
- <span style="background:#fff;border:1px solid #86efac;padding:0.5rem 1rem;border-radius:8px;font-size:0.9rem;color:#166534;">⚡ 主动干预</span>
|
|
|
- <span style="color:#86efac;font-size:1.2rem;">→</span>
|
|
|
- <span style="background:#fff;border:1px solid #86efac;padding:0.5rem 1rem;border-radius:8px;font-size:0.9rem;color:#166534;">📊 效果评估</span>
|
|
|
- <span style="color:#86efac;font-size:1.2rem;">→</span>
|
|
|
- <span style="background:#fff;border:1px solid #86efac;padding:0.5rem 1rem;border-radius:8px;font-size:0.9rem;color:#166534;">🔄 持续优化</span>
|
|
|
+ <div style="background:#fff;border-radius:16px;padding:2.5rem 2rem;text-align:center;box-shadow:0 4px 24px rgba(0,0,0,0.06);border:1px solid #e2e8f0;">
|
|
|
+ <h3 style="font-size:1.5rem;font-weight:700;color:#1a2e1a;margin-bottom:0.5rem;">主动健康 VS 被动健康</h3>
|
|
|
+ <p style="font-size:0.9rem;color:#718096;margin-bottom:1.5rem;">两种健康观念，两种截然不同的人生财务曲线</p>
|
|
|
+
|
|
|
+ <div style="display:grid;grid-template-columns:1fr 120px 1fr;gap:0.5rem;align-items:start;max-width:860px;margin:0 auto;">
|
|
|
+ <!-- 被动健康 -->
|
|
|
+ <div style="background:#fef2f2;border:2px solid #fecaca;border-radius:12px;padding:1.5rem;text-align:center;">
|
|
|
+ <div style="font-size:1.3rem;font-weight:700;color:#dc2626;margin-bottom:0.5rem;">🏥 被动健康</div>
|
|
|
+ <p style="font-size:0.95rem;color:#991b1b;line-height:1.8;margin-bottom:0.5rem;">
|
|
|
+ <strong>等问题出现再去应对</strong><br>
|
|
|
+ 体检出异常 → 挂号 → 检查 → 确诊 → 治疗 → 康复（或恶化）
|
|
|
+ </p>
|
|
|
+ <div style="margin-top:0.8rem;padding:0.6rem;background:#fff;border-radius:8px;font-size:0.85rem;color:#b91c1c;font-weight:600;">
|
|
|
+ 💸 <strong>消耗财富</strong><br>
|
|
|
+ 医疗支出不断吞噬家庭积蓄
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 分隔箭头 -->
|
|
|
+ <div style="display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:1.5rem;">
|
|
|
+ <div style="font-size:1.8rem;color:#94a3b8;">➡️</div>
|
|
|
+ <div style="font-size:0.75rem;color:#94a3b8;margin-top:0.3rem;">转变观念</div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 主动健康 -->
|
|
|
+ <div style="background:#f0fdf4;border:2px solid #86efac;border-radius:12px;padding:1.5rem;text-align:center;">
|
|
|
+ <div style="font-size:1.3rem;font-weight:700;color:#16a34a;margin-bottom:0.5rem;">🌱 主动健康</div>
|
|
|
+ <p style="font-size:0.95rem;color:#166534;line-height:1.8;margin-bottom:0.5rem;">
|
|
|
+ <strong>提前发现风险并主动规避</strong><br>
|
|
|
+ 五维评估 → 识别隐患 → 主动干预 → 效果优化 → 持续健康
|
|
|
+ </p>
|
|
|
+ <div style="margin-top:0.8rem;padding:0.6rem;background:#fff;border-radius:8px;font-size:0.85rem;color:#15803d;font-weight:600;">
|
|
|
+ 🌟 <strong>创造财富</strong><br>
|
|
|
+ 健康本身就是家庭最大的资产增值
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 核心闭环 -->
|
|
|
+ <div style="margin-top:1.8rem;">
|
|
|
+ <p style="font-size:0.9rem;color:#64748b;margin-bottom:0.8rem;">主动健康的五维闭环</p>
|
|
|
+ <div style="display:flex;flex-wrap:wrap;justify-content:center;gap:0.8rem;">
|
|
|
+ <span style="background:#f0fdf4;border:1px solid #86efac;padding:0.5rem 1rem;border-radius:8px;font-size:0.9rem;color:#166534;font-weight:500;">🔍 提前识别</span>
|
|
|
+ <span style="color:#86efac;font-size:1.1rem;">→</span>
|
|
|
+ <span style="background:#f0fdf4;border:1px solid #86efac;padding:0.5rem 1rem;border-radius:8px;font-size:0.9rem;color:#166534;font-weight:500;">🛡️ 风险管控</span>
|
|
|
+ <span style="color:#86efac;font-size:1.1rem;">→</span>
|
|
|
+ <span style="background:#f0fdf4;border:1px solid #86efac;padding:0.5rem 1rem;border-radius:8px;font-size:0.9rem;color:#166534;font-weight:500;">⚡ 主动干预</span>
|
|
|
+ <span style="color:#86efac;font-size:1.1rem;">→</span>
|
|
|
+ <span style="background:#f0fdf4;border:1px solid #86efac;padding:0.5rem 1rem;border-radius:8px;font-size:0.9rem;color:#166534;font-weight:500;">📊 效果评估</span>
|
|
|
+ <span style="color:#86efac;font-size:1.1rem;">→</span>
|
|
|
+ <span style="background:#f0fdf4;border:1px solid #86efac;padding:0.5rem 1rem;border-radius:8px;font-size:0.9rem;color:#166534;font-weight:500;">🔄 持续优化</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
