Главная Обзор Помощь
Регистрация Вход
liaoxg
/
cfc
1
1
Ответвить 0
Файлы Задачи 0 Запросы на слияние 0 Вики
Дерево: bb1de594b7
Ветки Метки
cfc
/
docs
/
ppt-cfc-overview
/
index.html

index.html 32 KB
История Исходник

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="zh-CN">
    3. 

  3. <head>
    4. 

  4. <meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
    5. 

  5. <title>浠艾福 · 项目总体介绍 · 四年路线规划</title>
    6. 

  6. <link rel="stylesheet" href="assets/fonts.css">
    7. 

  7. <link rel="stylesheet" href="assets/base.css">
    8. 

  8. <link rel="stylesheet" href="assets/animations/animations.css">
    9. 

  9. <link rel="stylesheet" href="style.css">
    10. 

  10. </head>
    11. 

  11. <body class="tpl-pitch-deck tpl-cfc-overview">
    12. 

  12. <div class="deck">
    13. 

  13. 

  14.   <!-- ════════════════════════════════════════════════ -->
    15. 

  15.   <!-- 1. COVER -->
    16. 

  16.   <!-- ════════════════════════════════════════════════ -->
    17. 

  17.   <section class="slide" data-title="封面">
    18. 

  18.     <div class="cover-bg"></div>
    19. 

  19.     <div class="cover-blob"></div>
    20. 

  20.     <div style="position:absolute;top:56px;left:112px">
    21. 

  21.       <span class="brand-dot"></span>
    22. 

  22.       <span class="brand">浠艾福 <span style="font-weight:400;color:var(--text-2)">Care Family</span></span>
    23. 

  23.     </div>
    24. 

  24.     <p class="kicker anim-fade-up" data-anim="fade-up">亿图腾（北京）科技有限公司 · 2026</p>
    25. 

  25.     <h1 class="h1 anim-fade-up" data-anim="fade-up" style="animation-delay:.15s">
    26. 

  26.       家庭健康成长平台<br>
    27. 

  27.       <span class="gradient-text">项目总体介绍</span>
    28. 

  28.     </h1>
    29. 

  29.     <p class="lede mt-m anim-fade-up" data-anim="fade-up" style="animation-delay:.3s">
    30. 

  30.       身 · 心 · 智 · 行 · 富 — 五维全景幸福矩阵<br>
    31. 

  31.       连接家长、孩子、成长规划师的三方平台
    32. 

  32.     </p>
    33. 

  33.     <div class="row mt-l wrap anim-fade-up" data-anim="fade-up" style="animation-delay:.45s">
    34. 

  34.       <span class="pill pill-accent">五维能量系统</span>
    35. 

  35.       <span class="pill pill-accent">AI 家庭助手</span>
    36. 

  36.       <span class="pill pill-accent">三端联动</span>
    37. 

  37.       <span class="pill pill-accent">任务/心愿闭环</span>
    38. 

  38.       <span class="pill pill-accent">精准营养</span>
    39. 

  39.     </div>
    40. 

  40.     <div class="deck-footer"><span>浠艾福 · 内部演示</span><span class="slide-number" data-current="1" data-total="16"></span></div>
    41. 

  41.   </section>
    42. 

  42. 

  43.   <!-- ════════════════════════════════════════════════ -->
    44. 

  44.   <!-- 2. 目录 -->
    45. 

  45.   <!-- ════════════════════════════════════════════════ -->
    46. 

  46.   <section class="slide tc" data-title="目录">
    47. 

  47.     <p class="kicker">CONTENTS</p>
    48. 

  48.     <h2 class="h2 mt-s">目录</h2>
    49. 

  49.     <div class="grid g2 mt-l toc-grid">
    50. 

  50.       <div class="card tc card-hover">
    51. 

  51.         <div class="toc-num">01</div>
    52. 

  52.         <h4>项目概述</h4>
    53. 

  53.         <p class="dim">品牌理念 · 产品矩阵 · 技术架构</p>
    54. 

  54.         <div class="toc-dot"></div>
    55. 

  55.       </div>
    56. 

  56.       <div class="card tc card-hover">
    57. 

  57.         <div class="toc-num">02</div>
    58. 

  58.         <h4>当前成果</h4>
    59. 

  59.         <p class="dim">已上线功能 · 核心数据 · 用户场景</p>
    60. 

  60.         <div class="toc-dot"></div>
    61. 

  61.       </div>
    62. 

  62.       <div class="card tc card-hover">
    63. 

  63.         <div class="toc-num">03</div>
    64. 

  64.         <h4>四年路线规划</h4>
    65. 

  65.         <p class="dim">Phase 0~3 · 三年愿景</p>
    66. 

  66.         <div class="toc-dot"></div>
    67. 

  67.       </div>
    68. 

  68.       <div class="card tc card-hover">
    69. 

  69.         <div class="toc-num">04</div>
    70. 

  70.         <h4>商业模式与壁垒</h4>
    71. 

  71.         <p class="dim">三方平台经济 · 数据护城河</p>
    72. 

  72.         <div class="toc-dot"></div>
    73. 

  73.       </div>
    74. 

  74.     </div>
    75. 

  75.   </section>
    76. 

  76. 

  77.   <!-- ════════════════════════════════════════════════ -->
    78. 

  78.   <!-- 3. section: 项目概述 -->
    79. 

  79.   <!-- ════════════════════════════════════════════════ -->
    80. 

  80.   <section class="slide" data-title="品牌理念">
    81. 

  81.     <span class="section-num">01</span>
    82. 

  82.     <p class="num-tag">PROJECT OVERVIEW</p>
    83. 

  83.     <h2 class="h2 mt-s">五维全景幸福矩阵</h2>
    84. 

  84.     <div class="grid g3 mt-l wuxing-grid">
    85. 

  85.       <div class="card card-wuxing" style="--wx-color:#8D6E63">
    86. 

  86.         <div class="wx-icon">🌏</div>
    87. 

  87.         <h4>身 · 身泰</h4>
    88. 

  88.         <p class="dim">主动健康，活得长久<br>好水与精准营养 · 体质调理 · 健康打卡</p>
    89. 

  89.       </div>
    90. 

  90.       <div class="card card-wuxing" style="--wx-color:#FF6B35">
    91. 

  91.         <div class="wx-icon">🔥</div>
    92. 

  92.         <h4>心 · 心怡</h4>
    93. 

  93.         <p class="dim">情绪管理，内心丰盈<br>DAN 测评 · 心理报告 · 亲子沟通</p>
    94. 

  94.       </div>
    95. 

  95.       <div class="card card-wuxing" style="--wx-color:#FFD700">
    96. 

  96.         <div class="wx-icon">⚔️</div>
    97. 

  97.         <h4>智 · 智达</h4>
    98. 

  98.         <p class="dim">认知提升，终身学习<br>认知测评 · 小游戏训练 · 舒尔特/数独</p>
    99. 

  99.       </div>
    100. 

  100.       <div class="card card-wuxing" style="--wx-color:#4CAF50">
    101. 

  101.         <div class="wx-icon">🌿</div>
    102. 

  102.         <h4>行 · 行远</h4>
    103. 

  103.         <p class="dim">行动力，习惯养成<br>任务系统 · 积分激励 · 行为打卡</p>
    104. 

  104.       </div>
    105. 

  105.       <div class="card card-wuxing" style="--wx-color:#42A5F5">
    106. 

  106.         <div class="wx-icon">💧</div>
    107. 

  107.         <h4>富 · 富沛</h4>
    108. 

  108.         <p class="dim">财商素养，价值创造<br>财富打卡 · 保单管理 · 创客成长</p>
    109. 

  109.       </div>
    110. 

  110.       <div class="card card-wuxing-glow">
    111. 

  111.         <div class="wx-icon">✦</div>
    112. 

  112.         <h4>五行相生</h4>
    113. 

  113.         <p class="dim">智(金)→富(水)→行(木)→心(火)→身(土)<br>25+ 数据源 · 日上限 200 能量</p>
    114. 

  114.       </div>
    115. 

  115.     </div>
    116. 

  116.   </section>
    117. 

  117. 

  118.   <!-- 4. 产品矩阵 -->
    119. 

  119.   <section class="slide" data-title="产品矩阵">
    120. 

  120.     <span class="section-num">01</span>
    121. 

  121.     <p class="num-tag">PRODUCT MATRIX</p>
    122. 

  122.     <h2 class="h2 mt-s">三端联动产品矩阵</h2>
    123. 

  123.     <div class="grid g3 mt-l">
    124. 

  124.       <div class="card card-accent">
    125. 

  125.         <h4>📱 家长端小程序</h4>
    126. 

  126.         <ul class="dim ul-sm">
    127. 

  127.           <li>双角色系统（家长/孩子一键切换）</li>
    128. 

  128.           <li>任务管理：创建→审核→全流程</li>
    129. 

  129.           <li>测评预约：规划师→快照→支付→报告</li>
    130. 

  130.           <li>套餐市场、家庭能量看板</li>
    131. 

  131.         </ul>
    132. 

  132.       </div>
    133. 

  133.       <div class="card" style="border-top-color:#FF6B35">
    134. 

  134.         <h4>🎮 孩子端小程序</h4>
    135. 

  135.         <ul class="dim ul-sm">
    136. 

  136.           <li>儿童友好 Claymorphism 设计</li>
    137. 

  137.           <li>任务执行 + 小游戏（舒尔特/数独/猜数字）</li>
    138. 

  138.           <li>心愿兑换：积分消耗→家长审批</li>
    139. 

  139.           <li>成长报告：五维能量趋势</li>
    140. 

  140.         </ul>
    141. 

  141.       </div>
    142. 

  142.       <div class="card" style="border-top-color:#4CAF50">
    143. 

  143.         <h4>🖥️ Web 管理后台</h4>
    144. 

  144.         <ul class="dim ul-sm">
    145. 

  145.           <li>运营管理：用户/家庭/系统配置</li>
    146. 

  146.           <li>服务商管理：入驻/套餐/订单</li>
    147. 

  147.           <li>数据统计：增长分析 + 看板</li>
    148. 

  148.           <li>四级地址管理（省市区街道）</li>
    149. 

  149.         </ul>
    150. 

  150.       </div>
    151. 

  151.     </div>
    152. 

  152.     <div class="row mt-l" style="gap:12px">
    153. 

  153.       <span class="pill pill-accent">50+ 小程序页面</span>
    154. 

  154.       <span class="pill pill-accent">4 个 TabBar</span>
    155. 

  155.       <span class="pill pill-accent">29 个管理端页面</span>
    156. 

  156.       <span class="pill pill-accent">48 个后端控制器</span>
    157. 

  157.     </div>
    158. 

  158.   </section>
    159. 

  159. 

  160.   <!-- 5. 技术架构 -->
    161. 

  161.   <section class="slide" data-title="技术架构">
    162. 

  162.     <span class="section-num">01</span>
    163. 

  163.     <p class="num-tag">TECH ARCHITECTURE</p>
    164. 

  164.     <h2 class="h2 mt-s">生产级技术架构</h2>
    165. 

  165.     <div class="arch-row mt-l">
    166. 

  166.       <div class="arch-tier">
    167. 

  167.         <div class="arch-label">前端</div>
    168. 

  168.         <div class="arch-box"><strong>微信小程序</strong><br><span class="dim">uni-app Vue 2</span></div>
    169. 

  169.         <div class="arch-box"><strong>Web 管理端</strong><br><span class="dim">Vue 2 + Element UI</span></div>
    170. 

  170.       </div>
    171. 

  171.       <div class="arch-arrow">→</div>
    172. 

  172.       <div class="arch-tier">
    173. 

  173.         <div class="arch-label">网关</div>
    174. 

  174.         <div class="arch-box"><strong>JWT 认证</strong><br><span class="dim">Bearer Token · 8 公开路径</span></div>
    175. 

  175.       </div>
    176. 

  176.       <div class="arch-arrow">→</div>
    177. 

  177.       <div class="arch-tier">
    178. 

  178.         <div class="arch-label">后端</div>
    179. 

  179.         <div class="arch-box"><strong>Spring Boot 2.7.18</strong><br><span class="dim">Java 8 · 48 控制器</span></div>
    180. 

  180.         <div class="arch-box"><strong>MyBatis-Plus</strong><br><span class="dim">47 实体 · 15 模块</span></div>
    181. 

  181.       </div>
    182. 

  182.       <div class="arch-arrow">→</div>
    183. 

  183.       <div class="arch-tier">
    184. 

  184.         <div class="arch-label">数据</div>
    185. 

  185.         <div class="arch-box"><strong>MySQL 8.0</strong><br><span class="dim">192.168.16.251:3306</span></div>
    186. 

  186.         <div class="arch-box"><strong>多数据源</strong><br><span class="dim">cfc 主库 + sfms 只读</span></div>
    187. 

  187.       </div>
    188. 

  188.     </div>
    189. 

  189.     <div class="row mt-l wrap">
    190. 

  190.       <span class="pill pill-accent">统一 @PostMapping</span>
    191. 

  191.       <span class="pill pill-accent">Result&lt;T&gt; 响应</span>
    192. 

  192.       <span class="pill pill-accent">JWT 拦截</span>
    193. 

  193.       <span class="pill pill-accent">设计 Token 体系</span>
    194. 

  194.       <span class="pill pill-accent">sfms 数据迁移完成</span>
    195. 

  195.     </div>
    196. 

  196.   </section>
    197. 

  197. 

  198.   <!-- ════════════════════════════════════════════════ -->
    199. 

  199.   <!-- 6. section: 当前成果 -->
    200. 

  200.   <!-- ════════════════════════════════════════════════ -->
    201. 

  201.   <section class="slide" data-title="已上线功能">
    202. 

  202.     <span class="section-num">02</span>
    203. 

  203.     <p class="num-tag">CURRENT STATUS</p>
    204. 

  204.     <h2 class="h2 mt-s">已上线功能模块</h2>
    205. 

  205.     <div class="grid g4 mt-l feature-grid">
    206. 

  206.       <div class="card feature-done"><div class="f-icon">✅</div><h4>用户认证</h4><p class="dim">微信/手机登录 · 角色切换</p></div>
    207. 

  207.       <div class="card feature-done"><div class="f-icon">✅</div><h4>家庭管理</h4><p class="dim">邀请码 · 绑定 · 解绑</p></div>
    208. 

  208.       <div class="card feature-done"><div class="f-icon">✅</div><h4>任务系统</h4><p class="dim">CRUD · 审核 · 小游戏</p></div>
    209. 

  209.       <div class="card feature-done"><div class="f-icon">✅</div><h4>心愿体系</h4><p class="dim">创建 · 审批 · 积分兑换</p></div>
    210. 

  210.       <div class="card feature-done"><div class="f-icon">✅</div><h4>五维能量</h4><p class="dim">沙盘评分 · 账本 · 配置</p></div>
    211. 

  211.       <div class="card feature-done"><div class="f-icon">✅</div><h4>测评闭环</h4><p class="dim">订单 · 预约 · 支付 · 结果</p></div>
    212. 

  212.       <div class="card feature-done"><div class="f-icon">✅</div><h4>成长档案</h4><p class="dim">记录 · 计划 · 报告</p></div>
    213. 

  213.       <div class="card feature-done"><div class="f-icon">✅</div><h4>小游戏</h4><p class="dim">舒尔特 · 猜数字 · 数独</p></div>
    214. 

  214.       <div class="card feature-done"><div class="f-icon">✅</div><h4>AI 家庭助手</h4><p class="dim">Dify 对接 · 家庭上下文</p></div>
    215. 

  215.       <div class="card feature-done"><div class="f-icon">✅</div><h4>商城模块</h4><p class="dim">商品 · 购物车 · 订单</p></div>
    216. 

  216.       <div class="card feature-done"><div class="f-icon">✅</div><h4>服务商入驻</h4><p class="dim">规划师/活动方/供应商</p></div>
    217. 

  217.       <div class="card feature-done"><div class="f-icon">✅</div><h4>数据迁移</h4><p class="dim">sfms 全量迁移完成</p></div>
    218. 

  218.     </div>
    219. 

  219.   </section>
    220. 

  220. 

  221.   <!-- 7. 核心数据 -->
    222. 

  222.   <section class="slide" data-title="核心数据">
    223. 

  223.     <span class="section-num">02</span>
    224. 

  224.     <p class="num-tag">KEY METRICS</p>
    225. 

  225.     <h2 class="h2 mt-s">核心数据概览</h2>
    226. 

  226.     <div class="grid g4 mt-l" style="gap:32px">
    227. 

  227.       <div class="metric"><div class="n">48</div><div class="l">后端控制器 · 15 功能模块</div></div>
    228. 

  228.       <div class="metric"><div class="n">47</div><div class="l">数据实体 · MyBatis-Plus</div></div>
    229. 

  229.       <div class="metric"><div class="n">50+</div><div class="l">小程序页面 · 4 TabBar</div></div>
    230. 

  230.       <div class="metric"><div class="n">29</div><div class="l">Web 管理端页面</div></div>
    231. 

  231.       <div class="metric"><div class="n">25+</div><div class="l">五维评分数据源</div></div>
    232. 

  232.       <div class="metric"><div class="n">10+</div><div class="l">能量来源类型</div></div>
    233. 

  233.       <div class="metric"><div class="n">4 级</div><div class="l">地址匹配（省市区街道）</div></div>
    234. 

  234.       <div class="metric"><div class="n">4 类</div><div class="l">用户角色 + 多角色字段</div></div>
    235. 

  235.     </div>
    236. 

  236.     <div class="note-callout mt-l">
    237. 

  237.       <span class="pill pill-accent">💡 数据资产</span>
    238. 

  238.       <span class="dim" style="margin-left:12px">任务完成记录→努力曲线 / 五维能量→健康趋势 / 测评结果→成长档案 / 游戏记录→认知基线</span>
    239. 

  239.     </div>
    240. 

  240.   </section>
    241. 

  241. 

  242.   <!-- 8. AI 赋能 -->
    243. 

  243.   <section class="slide" data-title="AI赋能">
    244. 

  244.     <span class="section-num">02</span>
    245. 

  245.     <p class="num-tag">AI CAPABILITIES</p>
    246. 

  246.     <h2 class="h2 mt-s">AI 家庭助手</h2>
    247. 

  247.     <div class="grid g2 mt-l">
    248. 

  248.       <div class="card card-accent">
    249. 

  249.         <h4>对话式家庭助手</h4>
    250. 

  250.         <div class="ai-demo-box">
    251. 

  251.           <div class="ai-user-msg">👤 今天家里和大宝、小宝吃饭，吃什么合适？</div>
    252. 

  252.           <div class="ai-assistant-msg">🍽️ 根据您家的情况推荐：
    253. 

  253.             <br>• <strong>大宝</strong>最近"智"维能量偏低（专注力训练少），建议多吃蛋黄、深海鱼、核桃——补脑又好吃
    254. 

  254.             <br>• <strong>小宝</strong>上次体检略微缺铁，今天"身"维度的健康打卡目标还没完成，推荐猪肝菠菜粥
    255. 

  255.             <br>• 您和爱人在平台的历史点餐记录显示偏好粤式清淡口味，排除辛辣和海鲜过敏
    256. 

  256.             <br>→ 推荐：<strong>番茄鳕鱼粥 + 核桃拌菠菜 + 紫菜蛋花汤</strong>，全家适合</div>
    257. 

  257.         </div>
    258. 

  258.         <p class="dim" style="margin-top:10px;font-size:13px">系统自动读取：家庭成员档案 · 身体维度数据 · 历史菜谱 · 营养缺乏指标</p>
    259. 

  259.       </div>
    260. 

  260.       <div>
    261. 

  261.         <div class="card" style="margin-bottom:12px">
    262. 

  262.           <h4>AI 应用场景矩阵</h4>
    263. 

  263.         </div>
    264. 

  264.         <div class="ai-table">
    265. 

  265.           <div class="ai-row ai-row-head"><span>场景</span><span>状态</span><span>说明</span><span>规划</span></div>
    266. 

  266.           <div class="ai-row"><span>🍽️ 智能食谱推荐</span><span class="pill">规划中</span><span class="dim">结合成员身体情况+历史菜谱+营养缺乏给出全家食谱</span><span class="pill pill-accent">v2</span></div>
    267. 

  267.           <div class="ai-row"><span>成长分析</span><span class="pill">已上线</span><span class="dim">读取数据回答孩子表现问题</span><span class="pill pill-accent">规划：自动周报</span></div>
    268. 

  268.           <div class="ai-row"><span>测评解读</span><span class="pill">已上线</span><span class="dim">报告数据结构化展示</span><span class="pill pill-accent">规划：AI 自动解读</span></div>
    269. 

  269.           <div class="ai-row"><span>智能推荐</span><span class="pill">已上线</span><span class="dim">基于维度的活动/商品推荐</span><span class="pill pill-accent">规划：个性化引擎</span></div>
    270. 

  270.           <div class="ai-row"><span>任务生成</span><span class="pill">手动</span><span class="dim">手动创建</span><span class="pill pill-accent">规划：AI 自动生成</span></div>
    271. 

  271.           <div class="ai-row"><span>成长规划</span><span class="pill">手动</span><span class="dim">规划师手动制定</span><span class="pill pill-accent">规划：AI 辅助方案</span></div>
    272. 

  272.         </div>
    273. 

  273.       </div>
    274. 

  274.     </div>
    275. 

  275.   </section>
    276. 

  276. 

  277.   <!-- ════════════════════════════════════════════════ -->
    278. 

  278.   <!-- 9. section: 四年路线规划 — 总览 -->
    279. 

  279.   <!-- ════════════════════════════════════════════════ -->
    280. 

  280.   <section class="slide" data-title="路线规划总览">
    281. 

  281.     <span class="section-num">03</span>
    282. 

  282.     <p class="num-tag">ROADMAP</p>
    283. 

  283.     <h2 class="h2 mt-s">四年三阶段路线规划</h2>
    284. 

  284.     <div class="roadmap-timeline mt-l">
    285. 

  285.       <div class="rm-track">
    286. 

  286.         <div class="rm-phase rm-now">
    287. 

  287.           <div class="rm-badge">当前</div>
    288. 

  288.           <h4>Phase 0<br><span class="dim">基础建设期</span></h4>
    289. 

  289.           <p class="rm-date">2025 H2 — 2026 H1</p>
    290. 

  290.           <div class="rm-items">
    291. 

  291.             <span class="pill">✅ 三端架构</span>
    292. 

  292.             <span class="pill">✅ 五维能量</span>
    293. 

  293.             <span class="pill">✅ 任务/心愿</span>
    294. 

  294.             <span class="pill">✅ 测评闭环</span>
    295. 

  295.             <span class="pill">✅ AI 助手</span>
    296. 

  296.             <span class="pill">✅ 数据迁移</span>
    297. 

  297.           </div>
    298. 

  298.         </div>
    299. 

  299.         <div class="rm-connector"><span class="rm-arrow">→</span></div>
    300. 

  300.         <div class="rm-phase rm-next">
    301. 

  301.           <div class="rm-badge">Q3-Q4 2026</div>
    302. 

  302.           <h4>Phase 1<br><span class="dim">商业增强期</span></h4>
    303. 

  303.           <p class="rm-date">2026 H2</p>
    304. 

  304.           <div class="rm-items">
    305. 

  305.             <span class="pill pill-accent">AI 深度化</span>
    306. 

  306.             <span class="pill pill-accent">服务商网络</span>
    307. 

  307.             <span class="pill pill-accent">精准营养</span>
    308. 

  308.             <span class="pill pill-accent">会员订阅</span>
    309. 

  309.           </div>
    310. 

  310.         </div>
    311. 

  311.         <div class="rm-connector"><span class="rm-arrow">→</span></div>
    312. 

  312.         <div class="rm-phase">
    313. 

  313.           <div class="rm-badge">2027</div>
    314. 

  314.           <h4>Phase 2<br><span class="dim">增长规模化</span></h4>
    315. 

  315.           <p class="rm-date">2027 全年</p>
    316. 

  316.           <div class="rm-items">
    317. 

  317.             <span class="pill pill-accent">社交推荐</span>
    318. 

  318.             <span class="pill pill-accent">渠道合作</span>
    319. 

  319.             <span class="pill pill-accent">社区互动</span>
    320. 

  320.             <span class="pill pill-accent">广告投放</span>
    321. 

  321.           </div>
    322. 

  322.         </div>
    323. 

  323.         <div class="rm-connector"><span class="rm-arrow">→</span></div>
    324. 

  324.         <div class="rm-phase">
    325. 

  325.           <div class="rm-badge">2028-2029</div>
    326. 

  326.           <h4>Phase 3<br><span class="dim">生态平台化</span></h4>
    327. 

  327.           <p class="rm-date">2028-2029</p>
    328. 

  328.           <div class="rm-items">
    329. 

  329.             <span class="pill pill-accent">开放平台</span>
    330. 

  330.             <span class="pill pill-accent">行业标准</span>
    331. 

  331.             <span class="pill pill-accent">第三方接入</span>
    332. 

  332.             <span class="pill pill-accent">生态运营</span>
    333. 

  333.           </div>
    334. 

  334.         </div>
    335. 

  335.       </div>
    336. 

  336.     </div>
    337. 

  337.     <div class="note-callout mt-l">
    338. 

  338.       <span class="pill" style="background:var(--good);color:#fff;border:none">愿景</span>
    339. 

  339.       <span class="dim" style="margin-left:12px">从家庭工具 → 服务平台 → 行业标准 → 生态入口</span>
    340. 

  340.     </div>
    341. 

  341.   </section>
    342. 

  342. 

  343.   <!-- 10. Phase 0 — 当前阶段 -->
    344. 

  344.   <section class="slide" data-title="Phase 0">
    345. 

  345.     <span class="section-num">03</span>
    346. 

  346.     <p class="num-tag">PHASE 0 · 2025H2–2026H1</p>
    347. 

  347.     <h2 class="h2 mt-s">基础建设期</h2>
    348. 

  348.     <p class="lede mt-m" style="font-size:20px;max-width:80ch">完成从 0 到 1 的产品基建，建立核心功能闭环，验证三方平台模型可行性。</p>
    349. 

  349.     <div class="grid g3 mt-l">
    350. 

  350.       <div class="card card-accent">
    351. 

  351.         <h4>🎯 核心目标</h4>
    352. 

  352.         <ul class="dim ul-sm">
    353. 

  353.           <li>三端架构完成（后端/小程序/Web）</li>
    354. 

  354.           <li>五维能量系统上线</li>
    355. 

  355.           <li>任务/心愿闭环打通</li>
    356. 

  356.           <li>AI 家庭助手 MVP</li>
    357. 

  357.           <li>sfms 全量数据迁移完成</li>
    358. 

  358.         </ul>
    359. 

  359.       </div>
    360. 

  360.       <div class="card">
    361. 

  361.         <h4>📦 已交付成果</h4>
    362. 

  362.         <ul class="dim ul-sm">
    363. 

  363.           <li>48 控制器 · 47 实体 · 50+ 页面</li>
    364. 

  364.           <li>15 功能模块完整上线</li>
    365. 

  365.           <li>25+ 数据源参与五维评分</li>
    366. 

  366.           <li>10+ 能量来源类型</li>
    367. 

  367.           <li>4 类角色权限体系</li>
    368. 

  368.         </ul>
    369. 

  369.       </div>
    370. 

  370.       <div class="card">
    371. 

  371.         <h4>🔧 技术基建</h4>
    372. 

  372.         <ul class="dim ul-sm">
    373. 

  373.           <li>Spring Boot 2.7.18 + MyBatis-Plus</li>
    374. 

  374.           <li>JWT 认证 + 角色拦截</li>
    375. 

  375.           <li>多数据源（cfc + sfms）</li>
    376. 

  376.           <li>统一 Result&lt;T&gt; + @PostMapping</li>
    377. 

  377.           <li>设计 Token 体系</li>
    378. 

  378.         </ul>
    379. 

  379.       </div>
    380. 

  380.     </div>
    381. 

  381.   </section>
    382. 

  382. 

  383.   <!-- 11. Phase 1 — 商业增强 -->
    384. 

  384.   <section class="slide" data-title="Phase 1">
    385. 

  385.     <span class="section-num">03</span>
    386. 

  386.     <p class="num-tag">PHASE 1 · 2026H2</p>
    387. 

  387.     <h2 class="h2 mt-s">商业增强期</h2>
    388. 

  388.     <p class="lede mt-m" style="font-size:20px;max-width:80ch">在基建基础上深化 AI 能力、拓展服务商网络、启动商业化闭环。</p>
    389. 

  389.     <div class="grid g3 mt-l">
    390. 

  390.       <div class="card card-accent">
    391. 

  391.         <h4>🤖 AI 深度化</h4>
    392. 

  392.         <ul class="dim ul-sm">
    393. 

  393.           <li>AI 自动解读测评报告，标注风险项</li>
    394. 

  394.           <li>基于孩子能力的 AI 个性化任务生成</li>
    395. 

  395.           <li>多维特征推荐引擎 v1</li>
    396. 

  396.           <li>AI 周报/月报自动生成</li>
    397. 

  397.         </ul>
    398. 

  398.       </div>
    399. 

  399.       <div class="card">
    400. 

  400.         <h4>🏪 服务商网络</h4>
    401. 

  401.         <ul class="dim ul-sm">
    402. 

  402.           <li>规划师认证体系线上化</li>
    403. 

  403.           <li>活动方入驻工具包</li>
    404. 

  404.           <li>批量任务下发功能</li>
    405. 

  405.           <li>服务商等级 + 团队管理深化</li>
    406. 

  406.         </ul>
    407. 

  407.       </div>
    408. 

  408.       <div class="card">
    409. 

  409.         <h4>💎 商业化启动</h4>
    410. 

  410.         <ul class="dim ul-sm">
    411. 

  411.           <li>会员订阅体系上线（月卡/年卡）</li>
    412. 

  412.           <li>精准营养闭环：检测→分析→方案</li>
    413. 

  413.           <li>活动/课程售卖功能</li>
    414. 

  414.           <li>推广佣金系统 v1</li>
    415. 

  415.         </ul>
    416. 

  416.       </div>
    417. 

  417.     </div>
    418. 

  418.     <div class="row mt-l" style="gap:12px">
    419. 

  419.       <span class="pill pill-accent">关键指标</span>
    420. 

  420.       <span class="dim">注册家庭 3000+ · 规划师 50+ · AI 解读覆盖 80% 测评</span>
    421. 

  421.     </div>
    422. 

  422.   </section>
    423. 

  423. 

  424.   <!-- 12. Phase 2 — 增长规模化 -->
    425. 

  425.   <section class="slide" data-title="Phase 2">
    426. 

  426.     <span class="section-num">03</span>
    427. 

  427.     <p class="num-tag">PHASE 2 · 2027 全年</p>
    428. 

  428.     <h2 class="h2 mt-s">增长规模化</h2>
    429. 

  429.     <p class="lede mt-m" style="font-size:20px;max-width:80ch">以社交推荐 + 渠道合作驱动用户增长，实现商业模型规模化验证。</p>
    430. 

  430.     <div class="grid g3 mt-l">
    431. 

  431.       <div class="card card-accent">
    432. 

  432.         <h4>📈 用户增长</h4>
    433. 

  433.         <ul class="dim ul-sm">
    434. 

  434.           <li>社交推荐：邀请奖励 + 任务拼团</li>
    435. 

  435.           <li>渠道合作：家校/社区/教培机构</li>
    436. 

  436.           <li>广告投放：微信广告+搜索优化</li>
    437. 

  437.           <li>K-factor 目标 &gt; 1.2</li>
    438. 

  438.         </ul>
    439. 

  439.       </div>
    440. 

  440.       <div class="card">
    441. 

  441.         <h4>🔄 飞轮加速</h4>
    442. 

  442.         <ul class="dim ul-sm">
    443. 

  443.           <li>更多家长 → 吸引更多规划师</li>
    444. 

  444.           <li>更多规划师 → 更优质服务</li>
    445. 

  445.           <li>更优质服务 → 更多家庭</li>
    446. 

  446.           <li>CAC &lt; 20 元 · LTV/CAC &gt; 12x</li>
    447. 

  447.         </ul>
    448. 

  448.       </div>
    449. 

  449.       <div class="card">
    450. 

  450.         <h4>🏗️ 能力扩展</h4>
    451. 

  451.         <ul class="dim ul-sm">
    452. 

  452.           <li>社区互动功能（主题/问答/圈子）</li>
    453. 

  453.           <li>家庭社交网络（组队/排行榜）</li>
    454. 

  454.           <li>活动/课程批量录入管理</li>
    455. 

  455.           <li>月交易额目标 30 万+</li>
    456. 

  456.         </ul>
    457. 

  457.       </div>
    458. 

  458.     </div>
    459. 

  459.     <div class="note-callout mt-l">
    460. 

  460.       <span class="pill" style="background:var(--good);color:#fff;border:none">里程碑</span>
    461. 

  461.       <span class="dim" style="margin-left:12px">注册家庭 10,000+ · 月活跃率 &gt;40% · 商业化收入覆盖运营成本</span>
    462. 

  462.     </div>
    463. 

  463.   </section>
    464. 

  464. 

  465.   <!-- 13. Phase 3 — 生态平台化 -->
    466. 

  466.   <section class="slide" data-title="Phase 3">
    467. 

  467.     <span class="section-num">03</span>
    468. 

  468.     <p class="num-tag">PHASE 3 · 2028–2029</p>
    469. 

  469.     <h2 class="h2 mt-s">生态平台化</h2>
    470. 

  470.     <p class="lede mt-m" style="font-size:20px;max-width:80ch">从工具型平台升级为生态型平台，建立行业标准，构建家庭服务超级入口。</p>
    471. 

  471.     <div class="grid g3 mt-l">
    472. 

  472.       <div class="card card-accent">
    473. 

  473.         <h4>🏛️ 行业标准</h4>
    474. 

  474.         <ul class="dim ul-sm">
    475. 

  475.           <li>"五维健康"评价体系行业标准</li>
    476. 

  476.           <li>家庭健康指数权威认证</li>
    477. 

  477.           <li>成长规划师认证行业规范</li>
    478. 

  478.           <li>家庭教育领域权威数据平台</li>
    479. 

  479.         </ul>
    480. 

  480.       </div>
    481. 

  481.       <div class="card">
    482. 

  482.         <h4>🔗 开放平台</h4>
    483. 

  483.         <ul class="dim ul-sm">
    484. 

  484.           <li>Open API 第三方服务接入</li>
    485. 

  485.           <li>服务商自助入驻工具</li>
    486. 

  486.           <li>数据开放接口（脱敏）</li>
    487. 

  487.           <li>插件/扩展市场</li>
    488. 

  488.         </ul>
    489. 

  489.       </div>
    490. 

  490.       <div class="card">
    491. 

  491.         <h4>🌐 生态运营</h4>
    492. 

  492.         <ul class="dim ul-sm">
    493. 

  493.           <li>跨平台内容/服务分发</li>
    494. 

  494.           <li>第三方生态服务交易</li>
    495. 

  495.           <li>家庭成长大数据分析</li>
    496. 

  496.           <li>覆盖 10 万+ 家庭</li>
    497. 

  497.         </ul>
    498. 

  498.       </div>
    499. 

  499.     </div>
    500. 

  500.   </section>
    501. 

  501. 

  502.   <!-- 14. 三年愿景总览 -->
    503. 

  503.   <section class="slide" data-title="三年愿景">
    504. 

  504.     <span class="section-num">03</span>
    505. 

  505.     <p class="num-tag">3-YEAR VISION</p>
    506. 

  506.     <h2 class="h2 mt-s">三年发展愿景</h2>
    507. 

  507.     <div class="vision-track mt-l">
    508. 

  508.       <div class="vision-node">
    509. 

  509.         <div class="vision-year">2027</div>
    510. 

  510.         <div class="vision-card card">
    511. 

  511.           <h4>国内领先</h4>
    512. 

  512.           <p class="dim">成为国内领先的家庭健康成长平台<br>覆盖 <strong>10 万+</strong> 家庭 · 服务商 <strong>500+</strong></p>
    513. 

  513.           <div class="vision-icon">🚀</div>
    514. 

  514.         </div>
    515. 

  515.       </div>
    516. 

  516.       <div class="vision-connector">
    517. 

  517.         <div class="vision-line"></div>
    518. 

  518.         <div class="vision-dot"></div>
    519. 

  519.         <div class="vision-line"></div>
    520. 

  520.       </div>
    521. 

  521.       <div class="vision-node">
    522. 

  522.         <div class="vision-year">2028</div>
    523. 

  523.         <div class="vision-card card">
    524. 

  524.           <h4>行业标准</h4>
    525. 

  525.           <p class="dim">建立"五维健康"行业标准评价体系<br>成为家庭教育领域权威数据平台</p>
    526. 

  526.           <div class="vision-icon">🏛️</div>
    527. 

  527.         </div>
    528. 

  528.       </div>
    529. 

  529.       <div class="vision-connector">
    530. 

  530.         <div class="vision-line"></div>
    531. 

  531.         <div class="vision-dot"></div>
    532. 

  532.         <div class="vision-line"></div>
    533. 

  533.       </div>
    534. 

  534.       <div class="vision-node">
    535. 

  535.         <div class="vision-year">2029</div>
    536. 

  536.         <div class="vision-card card">
    537. 

  537.           <h4>生态入口</h4>
    538. 

  538.           <p class="dim">开放平台生态，接入第三方服务商<br>构建家庭服务超级入口 · 覆盖 <strong>50 万+</strong></p>
    539. 

  539.           <div class="vision-icon">🌐</div>
    540. 

  540.         </div>
    541. 

  541.       </div>
    542. 

  542.     </div>
    543. 

  543.     <div class="note-callout mt-l tc" style="text-align:center">
    544. 

  544.       <span style="font-size:24px;font-weight:700;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent">从家庭工具 → 服务平台 → 行业标准 → 生态入口</span>
    545. 

  545.     </div>
    546. 

  546.   </section>
    547. 

  547. 

  548.   <!-- ════════════════════════════════════════════════ -->
    549. 

  549.   <!-- 15. section: 商业模式与壁垒 -->
    550. 

  550.   <!-- ════════════════════════════════════════════════ -->
    551. 

  551.   <section class="slide" data-title="商业模式">
    552. 

  552.     <span class="section-num">04</span>
    553. 

  553.     <p class="num-tag">BUSINESS MODEL</p>
    554. 

  554.     <h2 class="h2 mt-s">三方平台经济模型</h2>
    555. 

  555.     <div class="grid g3 mt-l">
    556. 

  556.       <div class="card">
    557. 

  557.         <h4>💰 测评服务费</h4>
    558. 

  558.         <div class="metric mt-s"><div class="n">15-25%</div><div class="l">订单抽佣</div></div>
    559. 

  559.         <p class="dim mt-s">家长支付测评订单，平台抽取佣金</p>
    560. 

  560.       </div>
    561. 

  561.       <div class="card card-accent">
    562. 

  562.         <h4>📦 规划师佣金</h4>
    563. 

  563.         <div class="metric mt-s"><div class="n">10-20%</div><div class="l">套餐抽佣</div></div>
    564. 

  564.         <p class="dim mt-s">规划师套餐销售，平台抽取分成</p>
    565. 

  565.       </div>
    566. 

  566.       <div class="card">
    567. 

  567.         <h4>🛒 商品交易费</h4>
    568. 

  568.         <div class="metric mt-s"><div class="n">5-15%</div><div class="l">商城抽佣</div></div>
    569. 

  569.         <p class="dim mt-s">商城交易，平台抽取手续费</p>
    570. 

  570.       </div>
    571. 

  571.       <div class="card">
    572. 

  572.         <h4>👑 会员订阅</h4>
    573. 

  573.         <div class="metric mt-s"><div class="n">月卡/年卡</div><div class="l">增值 + AI 助手</div></div>
    574. 

  574.         <p class="dim mt-s">家庭会员，高频增值服务</p>
    575. 

  575.       </div>
    576. 

  576.       <div class="card">
    577. 

  577.         <h4>🔄 推广佣金</h4>
    578. 

  578.         <div class="metric mt-s"><div class="n">二级销售</div><div class="l">社交推荐</div></div>
    579. 

  579.         <p class="dim mt-s">家长推荐家长，推荐增长</p>
    580. 

  580.       </div>
    581. 

  581.       <div class="card" style="border-color:var(--accent);background:var(--grad-soft)">
    582. 

  582.         <h4>📊 单位经济</h4>
    583. 

  583.         <div class="metric mt-s"><div class="n">12-50x</div><div class="l">LTV / CAC</div></div>
    584. 

  584.         <p class="dim mt-s">CAC 15-25 元 · LTV 300-800 元</p>
    585. 

  585.       </div>
    586. 

  586.     </div>
    587. 

  587.   </section>
    588. 

  588. 

  589.   <!-- 16. 核心壁垒 -->
    590. 

  590.   <section class="slide" data-title="核心壁垒">
    591. 

  591.     <span class="section-num">04</span>
    592. 

  592.     <p class="num-tag">MOAT</p>
    593. 

  593.     <h2 class="h2 mt-s">四大核心壁垒</h2>
    594. 

  594.     <div class="grid g2 mt-l moat-grid">
    595. 

  595.       <div class="card moat-card">
    596. 

  596.         <div class="moat-icon">🔄</div>
    597. 

  597.         <h4>三方网络效应</h4>
    598. 

  598.         <p class="dim">家长 → 规划师 → 服务，形成正向飞轮</p>
    599. 

  599.         <div class="moat-flywheel">
    600. 

  600.           <span>更多家长</span> → <span>更多规划师</span> → <span>更优服务</span> → <span>更多家庭</span>
    601. 

  601.         </div>
    602. 

  602.       </div>
    603. 

  603.       <div class="card moat-card">
    604. 

  604.         <div class="moat-icon">📊</div>
    605. 

  605.         <h4>行为数据护城河</h4>
    606. 

  606.         <p class="dim">47 实体 · 25+ 数据源 · 时间越久越深</p>
    607. 

  607.         <div class="moat-tags">
    608. 

  608.           <span class="pill">任务记录→努力曲线</span>
    609. 

  609.           <span class="pill">能量变化→健康趋势</span>
    610. 

  610.           <span class="pill">测评结果→成长档案</span>
    611. 

  611.           <span class="pill">游戏记录→认知基线</span>
    612. 

  612.         </div>
    613. 

  613.       </div>
    614. 

  614.       <div class="card moat-card">
    615. 

  615.         <div class="moat-icon">⭐</div>
    616. 

  616.         <h4>五维评价体系</h4>
    617. 

  617.         <p class="dim">自研方法论 · 五行相生 · 多源加权</p>
    618. 

  618.         <div class="moat-tags">
    619. 

  619.           <span class="pill">沙盘评分+账本计量</span>
    620. 

  620.           <span class="pill">动态配置映射比例</span>
    621. 

  621.           <span class="pill">日上限 200 安全机制</span>
    622. 

  622.         </div>
    623. 

  623.       </div>
    624. 

  624.       <div class="card moat-card">
    625. 

  625.         <div class="moat-icon">📍</div>
    626. 

  626.         <h4>四级地址匹配</h4>
    627. 

  627.         <p class="dim">省市区街道联动 · 区域回退降级</p>
    628. 

  628.         <div class="moat-tags">
    629. 

  629.           <span class="pill">精确街道级匹配</span>
    630. 

  630.           <span class="pill">逐级降级回退</span>
    631. 

  631.           <span class="pill">本地化服务基建</span>
    632. 

  632.         </div>
    633. 

  633.       </div>
    634. 

  634.     </div>
    635. 

  635.     <div class="note-callout mt-l tc">
    636. 

  636.       <span style="font-weight:700;font-size:22px;">竞品追赶需要 <span style="color:var(--bad)">2-3 年</span></span>
    637. 

  637.     </div>
    638. 

  638.   </section>
    639. 

  639. 

  640.   <!-- 17. THANKS -->
    641. 

  641.   <section class="slide center tc" data-title="感谢">
    642. 

  642.     <div class="cover-bg"></div>
    643. 

  643.     <div class="thanks-content">
    644. 

  644.       <div class="mega">感谢</div>
    645. 

  645.       <p class="mega-sub">浠艾福 Care Family — 给全家的一站式幸福提案</p>
    646. 

  646.       <div class="row mt-l" style="justify-content:center;gap:24px">
    647. 

  647.         <span class="pill pill-accent">身 · 心 · 智 · 行 · 富</span>
    648. 

  648.         <span class="pill">亿图腾（北京）科技有限公司</span>
    649. 

  649.       </div>
    650. 

  650.       <div class="thanks-contact mt-l">
    651. 

  651.         <div class="contact-row">
    652. 

  652.           <span class="dim">小程序：搜索"浠艾福"</span>
    653. 

  653.           <span class="dim">后端：localhost:8080</span>
    654. 

  654.           <span class="dim">Web 管理：localhost:8082</span>
    655. 

  655.         </div>
    656. 

  656.       </div>
    657. 

  657.     </div>
    658. 

  658.   </section>
    659. 

  659. 

  660. </div>
    661. 

  661. <script src="assets/runtime.js"></script>
    662. 

  662. </body>
    663. 

  663. </html>
    664.