service-users.html 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>服务用户:把一家人接进同一个健康账户 | 浠艾福</title>
  7. <meta name="description" content="浠艾福以家庭为会员单位,接入菌群、体检、皮纹、DAN 等多源健康报告,用 AI + 真人规划师帮一家人把健康管理变成日常,并长期跟踪。">
  8. <meta name="author" content="浠艾福(Care Family)">
  9. <script type="application/ld+json">
  10. {
  11. "@context":"https://schema.org",
  12. "@type":"WebPage",
  13. "name":"服务用户:把一家人接进同一个健康账户",
  14. "description":"浠艾福以家庭为会员单位,接入菌群、体检、皮纹、DAN 等多源健康报告,用 AI + 真人规划师帮一家人把健康管理变成日常,并长期跟踪。",
  15. "url":"https://www.etotem.com.cn/service-users.html",
  16. "breadcrumb":{"@type":"BreadcrumbList","itemListElement":[
  17. {"@type":"ListItem","position":1,"name":"首页","item":"https://www.etotem.com.cn/index.html"},
  18. {"@type":"ListItem","position":2,"name":"服务用户","item":"https://www.etotem.com.cn/service-users.html"}
  19. ]},
  20. "publisher":{"@type":"Organization","name":"浠艾福(Care Family)",
  21. "logo":{"@type":"ImageObject","url":"https://www.etotem.com.cn/logo.png"}}
  22. }
  23. </script>
  24. <link rel="stylesheet" href="css/style.css">
  25. <link rel="stylesheet" href="css/mobile.css">
  26. <style>
  27. /* 子页轻量 hero(复用站点 token) */
  28. .page-hero{
  29. padding: calc(var(--header-height) + var(--space-3xl)) 0 var(--space-3xl);
  30. background: linear-gradient(180deg,#E8F4FA 0%, var(--bg-body) 100%);
  31. }
  32. .page-hero h1{font-size:var(--font-size-h1);font-weight:800;line-height:1.3;margin:0 0 var(--space-md)}
  33. .page-hero .highlight{color:var(--color-primary)}
  34. .page-hero p{font-size:1.0625rem;color:var(--color-text-secondary);line-height:1.8;max-width:720px}
  35. .page-lead{
  36. background:var(--bg-surface);border-left:4px solid var(--color-primary);
  37. border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-xl) var(--space-2xl);
  38. box-shadow:var(--shadow-sm);font-size:1.0625rem;line-height:1.9;color:var(--color-text-secondary);margin:var(--space-2xl) 0
  39. }
  40. .page-lead strong{color:var(--color-text-primary)}
  41. /* 旅程 */
  42. .journey{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-sm);margin:var(--space-2xl) 0}
  43. .jstep{background:var(--bg-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-lg) var(--space-md);text-align:center;transition:all var(--transition-normal)}
  44. .jstep:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:transparent}
  45. .jstep .jn{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:var(--color-primary);color:#fff;font-weight:700;margin-bottom:var(--space-sm)}
  46. .jstep .jt{font-weight:700;color:var(--color-text-primary);font-size:.95rem;margin-bottom:4px}
  47. .jstep .jd{font-size:.78rem;color:var(--color-text-muted);line-height:1.5}
  48. /* 服务对象 + 报告表 + 能力 + 证言 复用 .product-card / table 等站点类 */
  49. .su-table{width:100%;border-collapse:collapse;margin:var(--space-2xl) 0;font-size:.95rem}
  50. .su-table th{background:var(--bg-section-alt);text-align:left;padding:var(--space-md);font-weight:700;color:var(--color-text-primary);border:1px solid var(--color-border)}
  51. .su-table td{padding:var(--space-md);border:1px solid var(--color-border);color:var(--color-text-secondary);vertical-align:top}
  52. .su-note{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.8}
  53. .su-note strong{color:var(--color-text-primary)}
  54. .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}
  55. @media(max-width:768px){.journey{grid-template-columns:repeat(2,1fr)}}
  56. </style>
  57. </head>
  58. <body>
  59. <header class="site-header">
  60. <div class="container header-inner">
  61. <a href="index.html" class="logo">
  62. <span class="logo-icon">🌿</span>
  63. <span class="logo-text">浠艾福</span>
  64. <span class="logo-tag">主动健康</span>
  65. </a>
  66. <button class="nav-toggle" id="navToggle" aria-label="切换导航">
  67. <span></span><span></span><span></span>
  68. </button>
  69. <nav class="nav" id="nav">
  70. <ul class="nav-list">
  71. <li><a href="index.html#about" class="nav-link">关于我们</a></li>
  72. <li><a href="index.html#product" class="nav-link">浠艾福</a></li>
  73. <li><a href="service-users.html" class="nav-link">服务用户</a></li>
  74. <li><a href="partnership.html" class="nav-link">合作方式</a></li>
  75. <li><a href="index.html#products" class="nav-link">核心能力</a></li>
  76. <li><a href="index.html#wuxing" class="nav-link">能量维度</a></li>
  77. <li><a href="index.html#features" class="nav-link">核心功能</a></li>
  78. <li><a href="index.html#scenarios" class="nav-link">应用场景</a></li>
  79. <li><a href="index.html#testimonials" class="nav-link">用户见证</a></li>
  80. <li><a href="index.html#ai-tech" class="nav-link">AI 技术</a></li>
  81. <li><a href="knowledge.html" class="nav-link">成长百科</a></li>
  82. <li><a href="index.html#roles" class="nav-link">平台角色</a></li>
  83. <li><a href="index.html#contact" class="nav-link">联系我们</a></li>
  84. </ul>
  85. </nav>
  86. </div>
  87. </header>
  88. <section class="page-hero">
  89. <div class="container">
  90. <span class="section-tag">服务用户</span>
  91. <h1>把一家人接进<span class="highlight">同一个健康账户</span></h1>
  92. <p>无论你带来的是菌群报告、体检报告、皮纹报告还是 DAN 测评,我们都用 AI + 真人规划师,帮你把它们变成一份能落地的家庭生活方式方案,并陪你长期跟踪。</p>
  93. <div class="page-lead">
  94. <strong>浠艾福是什么(一句话):</strong>以家庭为会员单位的主动健康编排层平台——检测与测评由合作方供给,浠艾福负责解读、编排方案与陪伴跟踪,定位为家庭健康的中枢系统,而非检测公司或 AI 工具。
  95. </div>
  96. </div>
  97. </section>
  98. <!-- 一次主动的旅程 -->
  99. <section class="section">
  100. <div class="container">
  101. <div class="section-header">
  102. <span class="section-tag">用户旅程</span>
  103. <h2 class="section-title">一次主动的旅程:6 步,从报告到日常</h2>
  104. <p class="section-desc">家庭健康管理不是一次性的"看报告",而是持续的生活方式编排。浠艾福把旅程拆成 6 步,每一步都可由 AI 与真人规划师共同完成。</p>
  105. </div>
  106. <div class="journey">
  107. <div class="jstep"><div class="jn">1</div><div class="jt">接入</div><div class="jd">多源报告<br>菌群/体检/皮纹/DAN<br>可自带或经合作方新测</div></div>
  108. <div class="jstep"><div class="jn">2</div><div class="jt">建档</div><div class="jd">家庭账户<br>全家成员<br>成长轨迹</div></div>
  109. <div class="jstep"><div class="jn">3</div><div class="jt">五维</div><div class="jd">身·智·富·行·心<br>能量图与失衡预警<br>(参考非诊断)</div></div>
  110. <div class="jstep"><div class="jn">4</div><div class="jt">方案</div><div class="jd">AI 生成 + 规划师审核<br>膳食/营养/运动<br>(非诊断建议)</div></div>
  111. <div class="jstep"><div class="jn">5</div><div class="jt">陪跑</div><div class="jd">任务拆解 + 规划师陪伴<br>共同家庭任务</div></div>
  112. <div class="jstep"><div class="jn">6</div><div class="jt">复盘</div><div class="jd">阶段评估 + 动态调优<br>趋势跟踪</div></div>
  113. </div>
  114. <p class="compliance-note" style="margin-top:0;border-top:none;padding-top:0">第①步明确"自带报告 / 合作方新测"两条入口,体现平台弹性;第④步强调"非诊断建议",守住合规边界。</p>
  115. </div>
  116. </section>
  117. <!-- 服务对象 -->
  118. <section class="section" style="background:var(--bg-section-alt)">
  119. <div class="container">
  120. <div class="section-header">
  121. <span class="section-tag">服务对象</span>
  122. <h2 class="section-title">服务对象:一个家庭里的每一类人</h2>
  123. </div>
  124. <div class="products-grid">
  125. <div class="product-card" style="--product-color:#4A9BD7;--product-bg:#E8F4FA">
  126. <div class="product-card-icon">👶</div>
  127. <h3>一小 · 儿童青少年</h3>
  128. <p class="product-sub">对应国家"五健"行动的体重 + 心理两项</p>
  129. <p>DAN 测评 + 成长档案追踪认知与情绪,菌群(合作方 16S)反映代谢侧,成长轨迹可视化、里程碑标记。<strong style="color:var(--color-text-primary)">禁:承诺提分/升学、诊断心理疾病。</strong></p>
  130. </div>
  131. <div class="product-card" style="--product-color:#4ECDC4;--product-bg:#E6F8F6">
  132. <div class="product-card-icon">🧓</div>
  133. <h3>一老 · 长辈</h3>
  134. <p class="product-sub">慢病风险分层与日常陪伴</p>
  135. <p>慢病风险分层、日常监测、营养与作息建议、代际提醒(子女远程查看)。<strong style="color:var(--color-text-primary)">禁:替代就医、宣称治疗慢病。</strong></p>
  136. </div>
  137. <div class="product-card" style="--product-color:#FFD93D;--product-bg:#FFFBEB">
  138. <div class="product-card-icon">💼</div>
  139. <h3>职场父母</h3>
  140. <p class="product-sub">从被动健康到主动健康</p>
  141. <p>自身代谢与压力管理;家庭健康总览一目了然;家庭共同任务(如"本周全家少喝含糖饮料 5 次")。对应"被动健康 → 主动健康"的转变。</p>
  142. </div>
  143. <div class="product-card" style="--product-color:#6366F1;--product-bg:#EEF0FF">
  144. <div class="product-card-icon">❤️</div>
  145. <h3>家庭关系</h3>
  146. <p class="product-sub">关系测评与 AI 陪伴</p>
  147. <p>亲子 / 夫妻 / 代际关系测评与 AI 陪伴建议;主题沙龙与活动。<strong style="color:var(--color-text-primary)">禁:夸大关系修复/治愈。</strong></p>
  148. </div>
  149. </div>
  150. </div>
  151. </section>
  152. <!-- 多源报告接入 -->
  153. <section class="section">
  154. <div class="container">
  155. <div class="section-header">
  156. <span class="section-tag">多源接入</span>
  157. <h2 class="section-title">多源报告接入:你不必只在浠艾福做检测</h2>
  158. <p class="section-desc">带着你已有的任何健康报告来,我们都能帮你把它们拼成一个家庭健康全景,并持续跟踪。技术不绑定单一供应商。</p>
  159. </div>
  160. <table class="su-table">
  161. <tr><th style="width:22%">报告类型</th><th style="width:26%">来源</th><th>在浠艾福的角色</th></tr>
  162. <tr><td>肠道菌群检测</td><td>合作方 <strong>谷禾健康(16S rRNA 测序)</strong></td><td>代谢侧参考;官方声明"仅用于菌群科学研究和辅助参考,不直接用于临床诊断"。浠艾福负责解读与编排。</td></tr>
  163. <tr><td>DAN 素质能力测评</td><td>合作方 <strong>中科心知 / 双培强基工程</strong></td><td>认知 / 情绪 / 社会性 / 身体四维度发展参考;浠艾福作为渠道与场景延展方。</td></tr>
  164. <tr><td>体检报告</td><td>用户自带(任意机构)</td><td>指标趋势归档、跨数据关联、风险预警依据之一。</td></tr>
  165. <tr><td>皮纹报告</td><td>用户自带</td><td>可作为天赋/特质参考维度之一,纳入家庭档案。</td></tr>
  166. <tr><td>其他检测报告</td><td>用户自带</td><td>统一接入、统一出方案并跟踪——<strong>技术不绑定单一供应商</strong>。</td></tr>
  167. </table>
  168. <div class="su-note">
  169. <strong>对外话术要点:</strong>"你不必只在浠艾福做检测。带着你已有的任何健康报告来,我们都能帮你把它们拼成一个家庭健康全景,并持续跟踪。"——把"非自有检测"转化为"开放接入"的弹性卖点。
  170. </div>
  171. </div>
  172. </section>
  173. <!-- 核心能力 -->
  174. <section class="section" style="background:var(--bg-section-alt)">
  175. <div class="container">
  176. <div class="section-header">
  177. <span class="section-tag">核心能力</span>
  178. <h2 class="section-title">核心能力:从采集到陪跑的 4 层闭环</h2>
  179. </div>
  180. <div class="products-grid">
  181. <div class="product-card" style="--product-color:#4A9BD7;--product-bg:#E8F4FA">
  182. <div class="product-card-icon">📥</div>
  183. <h3>成长档案+</h3>
  184. <p class="product-sub">采集</p>
  185. <p>多模态记录 + 整合 DAN 等专业评估,家庭成长轨迹统一沉淀。</p>
  186. </div>
  187. <div class="product-card" style="--product-color:#4ECDC4;--product-bg:#E6F8F6">
  188. <div class="product-card-icon">📊</div>
  189. <h3>健康档案+</h3>
  190. <p class="product-sub">分析</p>
  191. <p>多源数据统一汇聚(菌群 / 体检 / 皮纹 / 日常监测),AI 关联分析与风险预警,专业人员解读。<strong style="color:var(--color-text-primary)">强调"参考与预警,非诊断"。</strong></p>
  192. </div>
  193. <div class="product-card" style="--product-color:#FFD93D;--product-bg:#FFFBEB">
  194. <div class="product-card-icon">🍎</div>
  195. <h3>精准健康</h3>
  196. <p class="product-sub">方案</p>
  197. <p>AI 生成个性化膳食 / 营养 / 运动方案 + 规划师审核;<strong style="color:var(--color-text-primary)">食品非药,请遵医嘱</strong>。</p>
  198. </div>
  199. <div class="product-card" style="--product-color:#6366F1;--product-bg:#EEF0FF">
  200. <div class="product-card-icon">🤝</div>
  201. <h3>成长规划</h3>
  202. <p class="product-sub">跟踪</p>
  203. <p>规划师全程陪伴、目标拆解、定期复盘——这是巨头与纯检测公司做不了、也不愿做的环节。</p>
  204. </div>
  205. </div>
  206. </div>
  207. </section>
  208. <!-- 合规化证言 -->
  209. <section class="section">
  210. <div class="container">
  211. <div class="section-header">
  212. <span class="section-tag">真实体验</span>
  213. <h2 class="section-title">真实体验:只看过程,不下结论</h2>
  214. <p class="section-desc">我们重写用户故事,只保留体验与过程,不替任何检测或食品下诊断或疗效结论。</p>
  215. </div>
  216. <div class="testimonials-grid">
  217. <div class="testimonial-card">
  218. <div class="testimonial-stars">🌟🌟🌟🌟🌟</div>
  219. <p class="testimonial-text">"第一次把孩子的菌群报告、体检和日常记录放在同一个账户里,哪些维度偏弱一眼就看到了。"</p>
  220. <div class="testimonial-author"><span class="testimonial-name">精准营养用户</span></div>
  221. </div>
  222. <div class="testimonial-card">
  223. <div class="testimonial-stars">🌟🌟🌟🌟🌟</div>
  224. <p class="testimonial-text">"跟着规划师的任务走了三个月,全家的作息和饮食比之前规律多了,过程很清晰。"</p>
  225. <div class="testimonial-author"><span class="testimonial-name">家庭账户用户</span></div>
  226. </div>
  227. <div class="testimonial-card">
  228. <div class="testimonial-stars">🌟🌟🌟🌟🌟</div>
  229. <p class="testimonial-text">"菌群报告的解读由规划师带着看,比自己对着数据发懵强太多。"</p>
  230. <div class="testimonial-author"><span class="testimonial-name">新晋会员</span></div>
  231. </div>
  232. </div>
  233. <p class="compliance-note">
  234. 说明:本文为健康科普与生活方式参考,不构成医学诊断或治疗建议;涉及疾病风险请咨询执业医师并遵医嘱。食品与营养素不是药品。菌群检测由合作方谷禾健康(16S rRNA 测序)供给,仅用于科研与辅助参考,不直接用于临床诊断;DAN 测评由合作方中科心知 / 双培强基工程供给。相生相克为健康归因管理的理念隐喻,不构成医学诊断或因果断定。
  235. </p>
  236. </div>
  237. </section>
  238. <div id="footer-placeholder"></div>
  239. <script src="js/footer.js"></script>
  240. <script src="js/main.js"></script>
  241. </body>
  242. </html>