cfc/web/about.html

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>关于浠艾福：家庭主动健康编排层 | 浠艾福</title>
<meta name="description" content="浠艾福（Care Family）是以家庭为会员单位的主动健康编排层平台：检测与测评由合作方供给，浠艾福负责解读、编排与陪伴跟踪，定位为家庭健康的中枢系统。">
<meta name="author" content="浠艾福（Care Family）">
<meta property="og:title" content="关于浠艾福：家庭主动健康编排层 | 浠艾福">
<meta property="og:description" content="浠艾福以家庭为会员单位的主动健康编排层平台：检测与测评由合作方供给，浠艾福负责解读、编排与陪伴跟踪。">
<meta property="og:type" content="website">
<meta property="og:image" content="https://www.etotem.com.cn/logo.png">
<meta property="og:image:width" content="512">
<meta property="og:image:height" content="512">
<meta property="og:url" content="https://www.etotem.com.cn/about.html">
<link rel="canonical" href="https://www.etotem.com.cn/about.html">
<meta name="theme-color" content="#4A9BD7">
<script type="application/ld+json">
{
  "@context":"https://schema.org",
  "@type":"WebPage",
  "name":"关于浠艾福：家庭主动健康编排层",
  "description":"浠艾福（Care Family）是以家庭为会员单位的主动健康编排层平台。",
  "url":"https://www.etotem.com.cn/about.html",
  "breadcrumb":{"@type":"BreadcrumbList","itemListElement":[
    {"@type":"ListItem","position":1,"name":"首页","item":"https://www.etotem.com.cn/index.html"},
    {"@type":"ListItem","position":2,"name":"关于我们","item":"https://www.etotem.com.cn/about.html"}
  ]},
  "publisher":{"@type":"Organization","name":"浠艾福（Care Family）",
    "logo":{"@type":"ImageObject","url":"https://www.etotem.com.cn/logo.png"}}
}
</script>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/mobile.css">
<style>
  .page-hero{
    padding: calc(var(--header-height) + var(--space-3xl)) 0 var(--space-3xl);
    background: linear-gradient(180deg,#E8F4FA 0%, var(--bg-body) 100%);
  }
  .page-hero h1{font-size:var(--font-size-h1);font-weight:800;line-height:1.3;margin:0 0 var(--space-md)}
  .page-hero .highlight{color:var(--color-primary)}
  .page-hero p{font-size:1.0625rem;color:var(--color-text-secondary);line-height:1.8;max-width:720px}
  .page-lead{
    background:var(--bg-surface);border-left:4px solid var(--color-primary);
    border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-xl) var(--space-2xl);
    box-shadow:var(--shadow-sm);font-size:1.0625rem;line-height:1.9;color:var(--color-text-secondary);margin:var(--space-2xl) 0
  }
  .page-lead strong{color:var(--color-text-primary)}
  .about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin:var(--space-2xl) 0}
  .about-card{background:var(--bg-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-xl);transition:all var(--transition-normal)}
  .about-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:transparent}
  .about-card .ac-n{font-size:1.05rem;font-weight:800;color:var(--color-primary);margin-bottom:var(--space-sm)}
  .about-card p{font-size:.92rem;color:var(--color-text-secondary);line-height:1.8;margin:0}
  .partner-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);margin:var(--space-2xl) 0}
  .partner-card{background:var(--bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-xl)}
  .partner-card h3{margin:0 0 var(--space-sm);color:var(--color-text-primary)}
  .partner-card p{font-size:.92rem;color:var(--color-text-secondary);line-height:1.8;margin:0}
  .compliance-note{font-size:.82rem;color:var(--color-text-muted);border-top:1px dashed var(--color-border);padding-top:var(--space-lg);margin-top:var(--space-2xl);line-height:1.8}
  @media(max-width:768px){.about-grid{grid-template-columns:1fr}.partner-row{grid-template-columns:1fr}}
</style>
</head>
<body>

<header class="site-header">
  <div class="container header-inner">
    <a href="index.html" class="logo">
      <span class="logo-icon">🌿</span>
      <span class="logo-text">浠艾福</span>
      <span class="logo-tag">主动健康</span>
    </a>
    <button class="nav-toggle" id="navToggle" aria-label="切换导航">
      <span></span><span></span><span></span>
    </button>
    <nav class="nav" id="nav">
      <ul class="nav-list">
        <li><a href="index.html#wuxing" class="nav-link">五维能量</a></li>
        <li><a href="index.html#products" class="nav-link">核心能力</a></li>
        <li><a href="knowledge.html" class="nav-link">成长百科</a></li>
        <li><a href="service-users.html" class="nav-link">服务用户</a></li>
        <li><a href="partnership.html" class="nav-link">合作方式</a></li>
        <li><a href="index.html#about" class="nav-link">关于我们</a></li>
        <li><a href="index.html#contact" class="nav-link">联系我们</a></li>
      </ul>
    </nav>
  </div>
</header>

<section class="page-hero">
  <div class="container">
    <span class="section-tag">关于我们</span>
    <h1>让主动健康，成为<span class="highlight">一家人的日常</span></h1>
    <p>浠艾福（Care Family）以 AI 科技赋能每个家庭，把健康管理从"生病才管"前移到"日常就管"。一个人的主动，全家人的健康。</p>
    <div class="page-lead">
      <strong>我们是什么：</strong>以家庭为会员单位的<strong>主动健康编排层平台</strong>。检测与测评由合作方供给，浠艾福负责解读、编排方案与陪伴跟踪——定位为家庭健康的中枢系统，<strong style="color:var(--color-text-primary)">既不是检测公司，也不是 AI 工具</strong>。
    </div>
  </div>
</section>

<!-- 我们做什么 -->
<section class="section">
  <div class="container">
    <div class="section-header">
      <span class="section-tag">我们做什么</span>
      <h2 class="section-title">三个角色，一个目标</h2>
    </div>
    <div class="about-grid">
      <div class="about-card">
        <div class="ac-n">① 解读</div>
        <p>把菌群、DAN、体检、皮纹等多源报告翻译成一家人看得懂的健康语言，而不是冰冷的数据。</p>
      </div>
      <div class="about-card">
        <div class="ac-n">② 编排</div>
        <p>围绕身·智·富·行·心五维，生成可落地的生活方式方案，整合膳食、营养、运动与家庭任务。</p>
      </div>
      <div class="about-card">
        <div class="ac-n">③ 陪跑</div>
        <p>用 AI + 真人规划师把方案拆成日常任务，陪伴一个家庭长期坚持，并阶段性复盘调优。</p>
      </div>
    </div>
  </div>
</section>

<!-- 平台模式 -->
<section class="section" style="background:var(--bg-section-alt)">
  <div class="container">
    <div class="section-header">
      <span class="section-tag">平台模式</span>
      <h2 class="section-title">中枢系统，而非检测或工具</h2>
    </div>
    <p class="page-lead" style="border-left-color:#4ECDC4">
      我们刻意不持有检测产能，也不把自己包装成"神医 AI"。护城河在于<strong>家庭 × 编排 × 真人陪跑</strong>——把分散的健康数据接入同一个家庭账户，用专业人力和 AI 一起把健康做成可持续的家庭系统。
    </p>
  </div>
</section>

<!-- 合作伙伴 -->
<section class="section">
  <div class="container">
    <div class="section-header">
      <span class="section-tag">合作伙伴</span>
      <h2 class="section-title">检测与测评，由合作方供给</h2>
      <p class="section-desc">技术不绑定单一供应商，用户也可自带报告接入。</p>
    </div>
    <div class="partner-row">
      <div class="partner-card">
        <h3>谷禾健康 · 肠道菌群 16S rRNA 测序</h3>
        <p>合作方供给的菌群检测，反映代谢与免疫侧状态，用于科研与生活方式辅助参考，不直接用于临床诊断。</p>
      </div>
      <div class="partner-card">
        <h3>中科心知 · 双培强基工程 · DAN 测评</h3>
        <p>合作方供给的素质能力测评，纳入认知与成长档案，辅助家庭规划与陪伴。</p>
      </div>
    </div>
    <div class="cycle-note" style="background:var(--color-primary-light);border:1px solid #cfe6f5;border-radius:var(--radius-md);padding:var(--space-lg) var(--space-xl);margin:var(--space-xl) 0;font-size:.95rem;color:var(--color-text-secondary);line-height:1.9">
      <strong>数据口径（维持）：</strong>平台已服务 <strong>120,000+</strong> 家庭用户、<strong>1,000+</strong> 专业从业人员。菌群 / DAN 等数据来自合作方，平台负责整合与解读。
    </div>
    <p class="compliance-note">
      说明：本页为公司理念说明，不构成医学诊断或治疗建议；涉及疾病风险请咨询执业医师并遵医嘱，食品与营养素不是药品。菌群检测由合作方谷禾健康（16S rRNA 测序）供给，仅用于科研与辅助参考，不直接用于临床诊断；DAN 测评由合作方中科心知 / 双培强基工程供给。
    </p>
  </div>
</section>

<div id="footer-placeholder"></div>
<script src="js/footer.js"></script>
<script src="js/main.js"></script>
</body>
</html>