|
|
@@ -3,13 +3,13 @@
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
- <meta name="description" content="亿图腾（北京）科技有限公司 — 浠艾福（Care Family）家庭健康成长平台，围绕身、心、智、行、富五个维度，赋能每个家庭实现健康与幸福。">
|
|
|
- <meta name="keywords" content="亿图腾,浠艾福,Care Family,家庭教育,健康成长,五维能量,亲子成长,五行相生相克">
|
|
|
- <meta property="og:title" content="亿图腾 · 浠艾福 — 家庭健康成长平台">
|
|
|
- <meta property="og:description" content="给全家的一站式幸福提案 — 身·心·智·行·富 五维全景幸福矩阵 · 五行相生相克">
|
|
|
+ <meta name="description" content="亿图腾（北京）科技有限公司 — 浠艾福（Care Family）AI 智慧家庭成长平台，以五行智慧为根、AI 大模型为翼，围绕身·心·智·行·富五个维度，为每个家庭定制 AI 时代的全生命周期成长方案。">
|
|
|
+ <meta name="keywords" content="亿图腾,浠艾福,Care Family,AI家庭教育,家庭成长,五维能量,亲子成长,五行相生相克">
|
|
|
+ <meta property="og:title" content="亿图腾 · 浠艾福 — AI 智慧家庭成长平台">
|
|
|
+ <meta property="og:description" content="给全家的一站式幸福提案 — AI + 身·心·智·行·富 五维全景幸福矩阵 · 五行相生相克">
|
|
|
<meta property="og:type" content="website">
|
|
|
- <meta name="theme-color" content="#FF8C42">
|
|
|
- <title>亿图腾 · 浠艾福 — 家庭健康成长平台</title>
|
|
|
+ <meta name="theme-color" content="#4A9BD7">
|
|
|
+ <title>亿图腾 · 浠艾福 — 家庭幸福健康成长平台</title>
|
|
|
<link rel="stylesheet" href="css/style.css">
|
|
|
</head>
|
|
|
<body>
|
|
|
@@ -29,9 +29,10 @@
|
|
|
<ul class="nav-list">
|
|
|
<li><a href="#about" class="nav-link">关于我们</a></li>
|
|
|
<li><a href="#product" class="nav-link">浠艾福</a></li>
|
|
|
- <li><a href="#wuxing" class="nav-link">五维哲学</a></li>
|
|
|
+ <li><a href="#wuxing" class="nav-link">五维能量</a></li>
|
|
|
<li><a href="#dimensions" class="nav-link">五维幸福</a></li>
|
|
|
<li><a href="#features" class="nav-link">核心功能</a></li>
|
|
|
+ <li><a href="#ai-tech" class="nav-link">AI 技术</a></li>
|
|
|
<li><a href="#roles" class="nav-link">平台角色</a></li>
|
|
|
<li><a href="#contact" class="nav-link">联系我们</a></li>
|
|
|
</ul>
|
|
|
@@ -44,19 +45,20 @@
|
|
|
<div class="hero-bg"></div>
|
|
|
<div class="container hero-inner">
|
|
|
<div class="hero-content">
|
|
|
- <span class="hero-badge">家庭健康成长平台</span>
|
|
|
+ <span class="hero-badge">家庭幸福健康成长平台</span>
|
|
|
<h1 class="hero-title">
|
|
|
给全家的<br>
|
|
|
<span class="highlight">一站式幸福提案</span>
|
|
|
</h1>
|
|
|
<p class="hero-desc">
|
|
|
- 亿图腾科技倾力打造——<strong>浠艾福（Care Family）</strong>家庭健康成长俱乐部，
|
|
|
+ 亿图腾科技倾力打造——<strong>浠艾福（Care Family）</strong>家庭幸福健康成长俱乐部，
|
|
|
+ 以 <strong>五行智慧为根</strong>，以 <strong>AI 大模型为翼</strong>，
|
|
|
围绕 <strong>身·智·富·行·心</strong> 五大核心领域，
|
|
|
- 以五行哲学为根基，以五维能量为引擎，为每个家庭定制全生命周期解决方案。
|
|
|
+ 为每个家庭定制 AI 时代的全生命周期成长方案。
|
|
|
</p>
|
|
|
<div class="hero-actions">
|
|
|
<a href="#product" class="btn btn-primary">了解浠艾福</a>
|
|
|
- <a href="#wuxing" class="btn btn-outline">探索五维哲学</a>
|
|
|
+ <a href="#wuxing" class="btn btn-outline">探索五维能量</a>
|
|
|
</div>
|
|
|
<div class="hero-service-link">
|
|
|
<span>服务商？</span>
|
|
|
@@ -87,16 +89,16 @@
|
|
|
<span class="section-tag">关于我们</span>
|
|
|
<h2 class="section-title">亿图腾（北京）科技有限公司</h2>
|
|
|
<p class="section-desc">
|
|
|
- 以科技为引擎，以家庭为中心，致力于为中国家庭提供一站式健康成长解决方案。
|
|
|
+ 以 AI 科技为引擎，以家庭为中心，致力于为中国家庭提供一站式智慧健康成长解决方案。
|
|
|
</p>
|
|
|
</div>
|
|
|
<div class="about-grid">
|
|
|
<div class="about-card">
|
|
|
<div class="about-icon">
|
|
|
- <svg viewBox="0 0 48 48" fill="none" width="48" height="48"><circle cx="24" cy="24" r="20" stroke="#FF8C42" stroke-width="2" fill="#FFF5E6"/><path d="M24 32s-7-5-7-9c0-2.5 2-4.5 4-4.5s3 1.5 3 3c0-1.5 1-3 3-3s4 2 4 4.5c0 4-7 9-7 9z" fill="#FF8C42" fill-opacity=".15" stroke="#FF8C42" stroke-width="1.5" stroke-linejoin="round"/><path d="M17 20c-1-3 1-6 4-6s4 2 4 4-2 4-4 4-4-1-4-2z" fill="#FF8C42" fill-opacity=".15" stroke="#FF8C42" stroke-width="1.5"/><circle cx="32" cy="18" r="2.5" fill="#FF8C42" fill-opacity=".3"/></svg>
|
|
|
+ <svg viewBox="0 0 48 48" fill="none" width="48" height="48"><circle cx="24" cy="24" r="20" stroke="#4A9BD7" stroke-width="2" fill="#E8F4FA"/><path d="M24 32s-7-5-7-9c0-2.5 2-4.5 4-4.5s3 1.5 3 3c0-1.5 1-3 3-3s4 2 4 4.5c0 4-7 9-7 9z" fill="#4A9BD7" fill-opacity=".15" stroke="#4A9BD7" stroke-width="1.5" stroke-linejoin="round"/><path d="M17 20c-1-3 1-6 4-6s4 2 4 4-2 4-4 4-4-1-4-2z" fill="#4A9BD7" fill-opacity=".15" stroke="#4A9BD7" stroke-width="1.5"/><circle cx="32" cy="18" r="2.5" fill="#4A9BD7" fill-opacity=".3"/></svg>
|
|
|
</div>
|
|
|
<h3>企业使命</h3>
|
|
|
- <p>用科技赋能每个家庭，让健康与幸福成为每个家庭的生活方式。</p>
|
|
|
+ <p>用 AI 赋能每个家庭，让健康与幸福成为每个家庭的生活方式。</p>
|
|
|
</div>
|
|
|
<div class="about-card">
|
|
|
<div class="about-icon">
|
|
|
@@ -123,8 +125,10 @@
|
|
|
<span class="section-tag">核心产品</span>
|
|
|
<h2 class="section-title">浠艾福 · Care Family</h2>
|
|
|
<p class="section-desc">
|
|
|
- 以家庭为单位的健康成长平台，围绕五大维度，通过活动、课程、商品、任务、咨询等多元服务，
|
|
|
- 连接家庭客户、专业服务商与平台运营三方角色，以五维能量体系驱动全家持续成长。
|
|
|
+ 以家庭为单位的 AI 智慧成长平台，围绕五大维度，
|
|
|
+ 通过活动、课程、商品、任务、咨询等多元服务，
|
|
|
+ 连接家庭客户、专业服务商与平台运营三方角色，
|
|
|
+ 以五维能量体系驱动全家持续成长。
|
|
|
</p>
|
|
|
</div>
|
|
|
|
|
|
@@ -160,26 +164,26 @@
|
|
|
<div class="pillar-section">
|
|
|
<h3 class="pillar-heading">一个家庭最顶级、最稳固的幸福</h3>
|
|
|
<div class="pillar-grid">
|
|
|
- <div class="pillar-card" style="--pillar-color:#F59E0B;--pillar-bg:#FFFBEB;">
|
|
|
+ <div class="pillar-card" style="--pillar-color:#0EA5E9;--pillar-bg:#ECFEFF;">
|
|
|
<div class="pillar-icon">
|
|
|
- <svg viewBox="0 0 48 48" fill="none" width="40" height="40"><circle cx="24" cy="24" r="20" stroke="#F59E0B" stroke-width="2" fill="#FFFBEB"/><path d="M18 30c2-6 10-6 12 0" stroke="#F59E0B" stroke-width="2" stroke-linecap="round"/><circle cx="24" cy="18" r="5" fill="#F59E0B" fill-opacity=".12" stroke="#F59E0B" stroke-width="1.5"/><path d="M15 22l3 2M33 22l-3 2" stroke="#F59E0B" stroke-width="1.2" stroke-linecap="round"/></svg>
|
|
|
+ <svg viewBox="0 0 48 48" fill="none" width="40" height="40"><circle cx="24" cy="24" r="20" stroke="#0EA5E9" stroke-width="2" fill="#ECFEFF"/><path d="M18 30c2-6 10-6 12 0" stroke="#0EA5E9" stroke-width="2" stroke-linecap="round"/><circle cx="24" cy="18" r="5" fill="#0EA5E9" fill-opacity=".12" stroke="#0EA5E9" stroke-width="1.5"/><path d="M15 22l3 2M33 22l-3 2" stroke="#0EA5E9" stroke-width="1.2" stroke-linecap="round"/></svg>
|
|
|
</div>
|
|
|
<h4>衣食无忧</h4>
|
|
|
<p>经济基础决定家庭底气，依托低门槛创客生态实现第二收入曲线，让每个家庭不为物质所困。</p>
|
|
|
</div>
|
|
|
- <div class="pillar-card" style="--pillar-color:#FF6B9D;--pillar-bg:#FFF0F5;">
|
|
|
+ <div class="pillar-card" style="--pillar-color:#C0A060;--pillar-bg:#F9F4EC;">
|
|
|
<div class="pillar-icon">
|
|
|
- <svg viewBox="0 0 48 48" fill="none" width="40" height="40"><circle cx="24" cy="24" r="20" stroke="#FF6B9D" stroke-width="2" fill="#FFF0F5"/><path d="M32 18c0-3-2-5-4-5s-4 2-4 4c0-2-2-4-4-4s-4 2-4 5" stroke="#FF6B9D" stroke-width="2" stroke-linecap="round"/><path d="M24 34s-6-4-6-8c0-2 1.5-3.5 3-3.5s3 1.5 3 3c0-1.5 1.5-3 3-3s3 1.5 3 3.5c0 4-6 8-6 8z" fill="#FF6B9D" fill-opacity=".12" stroke="#FF6B9D" stroke-width="1.5" stroke-linejoin="round"/></svg>
|
|
|
+ <svg viewBox="0 0 48 48" fill="none" width="40" height="40"><circle cx="24" cy="24" r="20" stroke="#C0A060" stroke-width="2" fill="#F9F4EC"/><path d="M24 14l3 3h4v4l3 3-3 3v4h-4l-3 3-3-3h-4v-4l-3-3 3-3v-4h4z" stroke="#C0A060" stroke-width="1.2" fill="#C0A060" fill-opacity=".08"/><path d="M24 18v12M18 24h12" stroke="#C0A060" stroke-width="1.8" stroke-linecap="round"/></svg>
|
|
|
</div>
|
|
|
- <h4>子女传承</h4>
|
|
|
- <p>将家族智慧与家风代代相传，在爱与价值观的滋养中，培养下一代健全人格与核心竞争力。</p>
|
|
|
+ <h4>受人尊敬</h4>
|
|
|
+ <p>以智慧与品格赢得社会的敬仰与尊崇，在成长中成就个人价值、实现家族荣耀的升华。</p>
|
|
|
</div>
|
|
|
- <div class="pillar-card" style="--pillar-color:#6366F1;--pillar-bg:#EEF0FF;">
|
|
|
+ <div class="pillar-card" style="--pillar-color:#EF4444;--pillar-bg:#FEF2F2;">
|
|
|
<div class="pillar-icon">
|
|
|
- <svg viewBox="0 0 48 48" fill="none" width="40" height="40"><circle cx="24" cy="24" r="20" stroke="#6366F1" stroke-width="2" fill="#EEF0FF"/><path d="M24 14l3 3h4v4l3 3-3 3v4h-4l-3 3-3-3h-4v-4l-3-3 3-3v-4h4z" stroke="#6366F1" stroke-width="1.2" fill="#6366F1" fill-opacity=".08"/><path d="M24 18v12M18 24h12" stroke="#6366F1" stroke-width="1.8" stroke-linecap="round"/></svg>
|
|
|
+ <svg viewBox="0 0 48 48" fill="none" width="40" height="40"><circle cx="24" cy="24" r="20" stroke="#EF4444" stroke-width="2" fill="#FEF2F2"/><path d="M32 18c0-3-2-5-4-5s-4 2-4 4c0-2-2-4-4-4s-4 2-4 5" stroke="#EF4444" stroke-width="2" stroke-linecap="round"/><path d="M24 34s-6-4-6-8c0-2 1.5-3.5 3-3.5s3 1.5 3 3c0-1.5 1.5-3 3-3s3 1.5 3 3.5c0 4-6 8-6 8z" fill="#EF4444" fill-opacity=".12" stroke="#EF4444" stroke-width="1.5" stroke-linejoin="round"/></svg>
|
|
|
</div>
|
|
|
- <h4>受人尊敬</h4>
|
|
|
- <p>以智慧与品格赢得社会的敬仰与尊崇，在成长中成就个人价值、实现家族荣耀的升华。</p>
|
|
|
+ <h4>子女传承</h4>
|
|
|
+ <p>将家族智慧与家风代代相传，在爱与价值观的滋养中，培养下一代健全人格与核心竞争力。</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -188,22 +192,125 @@
|
|
|
</div>
|
|
|
</section>
|
|
|
|
|
|
+ <!-- ==================== Core Products ==================== -->
|
|
|
+ <section class="section section-products" id="products">
|
|
|
+ <div class="container">
|
|
|
+ <div class="section-header">
|
|
|
+ <span class="section-tag">核心产品</span>
|
|
|
+ <h2 class="section-title">四大核心产品·为家庭量身定制</h2>
|
|
|
+ <p class="section-desc">
|
|
|
+ 从成长档案到精准营养，从规划指导到健康好水，
|
|
|
+ 浠艾福以 AI 与专业服务为每个家庭打造全生命周期的健康与成长解决方案。
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="products-grid">
|
|
|
+ <div class="product-card" style="--product-color:#0EA5E9;--product-bg:#ECFEFF;">
|
|
|
+ <div class="product-card-icon">
|
|
|
+ <svg viewBox="0 0 48 48" fill="none" width="40" height="40">
|
|
|
+ <circle cx="24" cy="24" r="20" stroke="#0EA5E9" stroke-width="1.8" fill="#ECFEFF"/>
|
|
|
+ <path d="M16 14h16v12l-5 5H18l-2-2V14z" stroke="#0EA5E9" stroke-width="1.5" fill="none"/>
|
|
|
+ <path d="M20 20h8M20 26h5" stroke="#0EA5E9" stroke-width="1.8" stroke-linecap="round"/>
|
|
|
+ <circle cx="20" cy="33" r="1.5" fill="#0EA5E9"/>
|
|
|
+ <circle cx="30" cy="33" r="1.5" fill="#0EA5E9"/>
|
|
|
+ </svg>
|
|
|
+ </div>
|
|
|
+ <h3>DAN 成长档案<span class="product-plus">+</span></h3>
|
|
|
+ <p>以 AI 智能记录孩子从身体发育到心智成长的完整轨迹。多模态成长报告、健康数据可视化、里程碑自动标记，让每一次成长都有迹可循，让家长不错过任何关键期。</p>
|
|
|
+ <div class="product-tags">
|
|
|
+ <span>AI 成长追踪</span>
|
|
|
+ <span>多模态报告</span>
|
|
|
+ <span>里程碑识别</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="product-card" style="--product-color:#C0A060;--product-bg:#F9F4EC;">
|
|
|
+ <div class="product-card-icon">
|
|
|
+ <svg viewBox="0 0 48 48" fill="none" width="40" height="40">
|
|
|
+ <circle cx="24" cy="24" r="20" stroke="#C0A060" stroke-width="1.8" fill="#F9F4EC"/>
|
|
|
+ <circle cx="22" cy="16" r="5" stroke="#C0A060" stroke-width="1.5" fill="none"/>
|
|
|
+ <path d="M10 36c0-6 4-10 10-10h6c6 0 10 4 10 10" stroke="#C0A060" stroke-width="1.5" fill="none" stroke-linecap="round"/>
|
|
|
+ <path d="M30 16l2-2 4 4" stroke="#C0A060" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
|
|
|
+ </svg>
|
|
|
+ </div>
|
|
|
+ <h3>成长规划</h3>
|
|
|
+ <p>由专业成长规划师为每个家庭定制个性化成长路径。结合五维能量评估与 AI 智能推荐，从任务设计到活动策划，让孩子的每一步成长都走在最适合自己的方向上。</p>
|
|
|
+ <div class="product-tags">
|
|
|
+ <span>个性化规划</span>
|
|
|
+ <span>五维评估</span>
|
|
|
+ <span>规划师陪伴</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="product-card" style="--product-color:#10B981;--product-bg:#ECFDF5;">
|
|
|
+ <div class="product-card-icon">
|
|
|
+ <svg viewBox="0 0 48 48" fill="none" width="40" height="40">
|
|
|
+ <circle cx="24" cy="24" r="20" stroke="#10B981" stroke-width="1.8" fill="#ECFDF5"/>
|
|
|
+ <path d="M24 12v4" stroke="#10B981" stroke-width="2" stroke-linecap="round"/>
|
|
|
+ <path d="M16 18l3 3" stroke="#10B981" stroke-width="1.5" stroke-linecap="round"/>
|
|
|
+ <path d="M32 18l-3 3" stroke="#10B981" stroke-width="1.5" stroke-linecap="round"/>
|
|
|
+ <circle cx="24" cy="26" r="8" stroke="#10B981" stroke-width="1.5" fill="none"/>
|
|
|
+ <circle cx="24" cy="26" r="3" fill="#10B981" fill-opacity=".15" stroke="#10B981" stroke-width="1"/>
|
|
|
+ <path d="M18 34c2 2 4 3 6 3s4-1 6-3" stroke="#10B981" stroke-width="1.5" stroke-linecap="round"/>
|
|
|
+ </svg>
|
|
|
+ </div>
|
|
|
+ <h3>第二基因（菌群）检测</h3>
|
|
|
+ <p class="product-sub">+ 精准营养方案</p>
|
|
|
+ <p>肠道菌群是人体的"第二基因"——通过高通量测序深度解析肠道微生态，精准识别营养需求与体质特征。搭配 AI 营养师定制个性化膳食方案，从根源调理全家人的健康。</p>
|
|
|
+ <div class="product-tags">
|
|
|
+ <span>肠道菌群检测</span>
|
|
|
+ <span>高通量测序</span>
|
|
|
+ <span>AI 精准营养</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="product-card" style="--product-color:#4A9BD7;--product-bg:#E8F4FA;">
|
|
|
+ <div class="product-card-icon">
|
|
|
+ <svg viewBox="0 0 48 48" fill="none" width="40" height="40">
|
|
|
+ <circle cx="24" cy="24" r="20" stroke="#4A9BD7" stroke-width="1.8" fill="#E8F4FA"/>
|
|
|
+ <path d="M24 8c-3 5-8 8-8 14s4 10 8 12c4-2 8-6 8-12s-5-9-8-14z" stroke="#4A9BD7" stroke-width="1.5" fill="none"/>
|
|
|
+ <circle cx="24" cy="20" r="3" fill="#4A9BD7" fill-opacity=".15" stroke="#4A9BD7" stroke-width="1"/>
|
|
|
+ <path d="M20 28c2 2 2 4 4 4s2-2 4-4" stroke="#4A9BD7" stroke-width="1.5" stroke-linecap="round"/>
|
|
|
+ </svg>
|
|
|
+ </div>
|
|
|
+ <h3>健康好水</h3>
|
|
|
+ <p>水是生命之源，更是健康之本。精选优质水源、科学水处理工艺，为家庭提供真正安全、健康、富含矿物质的饮用水。搭配智能饮水提醒与家庭用水评估，让喝对水成为全家最简单却最有效的健康投资。</p>
|
|
|
+ <div class="product-tags">
|
|
|
+ <span>优质水源</span>
|
|
|
+ <span>智能饮水提醒</span>
|
|
|
+ <span>家庭用水评估</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+
|
|
|
<!-- ==================== Wuxing Philosophy ==================== -->
|
|
|
<section class="section section-wuxing" id="wuxing">
|
|
|
<div class="container">
|
|
|
<div class="section-header">
|
|
|
- <span class="section-tag">五维哲学</span>
|
|
|
+ <span class="section-tag">五维能量</span>
|
|
|
<h2 class="section-title">五行相生相克 · 五维动态平衡</h2>
|
|
|
<p class="section-desc">
|
|
|
+ 在 AI 时代，家庭成长面临前所未有的机遇与挑战。
|
|
|
五维幸福并非各自孤立，而是像一个有机生态系统——
|
|
|
<strong>相生让系统前进，相克让系统不翻车</strong>。
|
|
|
每一维都在为下一维积蓄能量，同时也受到制约不至过度失衡。
|
|
|
+ AI 智能分析帮助家庭更精准地感知五维状态，让成长路径清晰可见。
|
|
|
</p>
|
|
|
</div>
|
|
|
|
|
|
<!-- Wuxing Cycle Diagram -->
|
|
|
<div class="wuxing-diagram">
|
|
|
<canvas id="wuxingCanvas"></canvas>
|
|
|
+ <div class="taiji-center">
|
|
|
+ <svg viewBox="0 0 120 120" width="70" height="70" class="taiji-svg">
|
|
|
+ <circle cx="60" cy="60" r="56" fill="none" stroke="currentColor" stroke-width="1.2" opacity="0.3"/>
|
|
|
+ <path d="M60 4 A56 56 0 0 1 60 116 A28 28 0 0 0 60 60 A28 28 0 0 1 60 4" fill="currentColor" opacity="0.3"/>
|
|
|
+ <circle cx="60" cy="32" r="10" fill="#fff"/>
|
|
|
+ <circle cx="60" cy="88" r="10" fill="currentColor" opacity="0.3"/>
|
|
|
+ </svg>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
|
|
|
<!-- Explanation Cards -->
|
|
|
@@ -213,30 +320,25 @@
|
|
|
<h3 class="we-title we-sheng">✨ 相生关系 · 循环促进</h3>
|
|
|
<p class="we-subtitle">每一维为下一维注入能量，形成正向螺旋上升</p>
|
|
|
<div class="we-grid">
|
|
|
- <div class="wuxing-card wc-sheng" style="--wc-color:#FF8C42">
|
|
|
- <span class="wc-arrow">身 → 智</span>
|
|
|
- <h4>身生智</h4>
|
|
|
- <p>强健体魄孕育智慧，身心健康奠定智慧根基。</p>
|
|
|
+ <div class="wuxing-card wc-sheng" style="--wc-color:#5D4037">
|
|
|
+ <span class="wc-arrow"><span style="color:#5D4037;font-weight:600">身</span> → <span style="color:#C0A060;font-weight:600">智</span></span>
|
|
|
+<p>强健体魄孕育<span style="color:#C0A060;font-weight:600">智</span>慧，<span style="color:#5D4037;font-weight:600">身</span><span style="color:#EF4444;font-weight:600">心</span>健康奠定<span style="color:#C0A060;font-weight:600">智</span>慧根基。</p>
|
|
|
</div>
|
|
|
- <div class="wuxing-card wc-sheng" style="--wc-color:#6366F1">
|
|
|
- <span class="wc-arrow">智 → 富</span>
|
|
|
- <h4>智生富</h4>
|
|
|
- <p>智慧启迪财富之门，知识赋能价值创造。</p>
|
|
|
+ <div class="wuxing-card wc-sheng" style="--wc-color:#C0A060">
|
|
|
+ <span class="wc-arrow"><span style="color:#C0A060;font-weight:600">智</span> → <span style="color:#0EA5E9;font-weight:600">富</span></span>
|
|
|
+<p><span style="color:#C0A060;font-weight:600">智</span>慧启迪财<span style="color:#0EA5E9;font-weight:600">富</span>之门，知识赋能价值创造。</p>
|
|
|
</div>
|
|
|
- <div class="wuxing-card wc-sheng" style="--wc-color:#F59E0B">
|
|
|
- <span class="wc-arrow">富 → 行</span>
|
|
|
- <h4>富生行</h4>
|
|
|
- <p>财富滋养关系网络，经济从容成就人情温暖。</p>
|
|
|
+ <div class="wuxing-card wc-sheng" style="--wc-color:#0EA5E9">
|
|
|
+ <span class="wc-arrow"><span style="color:#0EA5E9;font-weight:600">富</span> → <span style="color:#10B981;font-weight:600">行</span></span>
|
|
|
+<p>财<span style="color:#0EA5E9;font-weight:600">富</span>滋养关系网络，经济从容成就人情温暖。</p>
|
|
|
</div>
|
|
|
<div class="wuxing-card wc-sheng" style="--wc-color:#10B981">
|
|
|
- <span class="wc-arrow">行 → 心</span>
|
|
|
- <h4>行生心</h4>
|
|
|
- <p>关系和谐温暖心灵，良好人际滋养爱与归属。</p>
|
|
|
+ <span class="wc-arrow"><span style="color:#10B981;font-weight:600">行</span> → <span style="color:#EF4444;font-weight:600">心</span></span>
|
|
|
+<p>关系和谐温暖<span style="color:#EF4444;font-weight:600">心</span>灵，良好人际滋养爱与归属。</p>
|
|
|
</div>
|
|
|
- <div class="wuxing-card wc-sheng" style="--wc-color:#FF6B9D">
|
|
|
- <span class="wc-arrow">心 → 身</span>
|
|
|
- <h4>心生身</h4>
|
|
|
- <p>家族大爱呵护健康，情感关怀滋养体魄。</p>
|
|
|
+ <div class="wuxing-card wc-sheng" style="--wc-color:#EF4444">
|
|
|
+ <span class="wc-arrow"><span style="color:#EF4444;font-weight:600">心</span> → <span style="color:#5D4037;font-weight:600">身</span></span>
|
|
|
+<p>家族大爱呵护健康，情感关怀滋养体魄。</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -246,34 +348,30 @@
|
|
|
<h3 class="we-title we-ke">⚖️ 相克关系 · 动态制衡</h3>
|
|
|
<p class="we-subtitle">每个维度都有制约机制，防止任何一维过度膨胀</p>
|
|
|
<div class="we-grid">
|
|
|
- <div class="wuxing-card wc-ke" style="--wc-color:#FF8C42">
|
|
|
- <span class="wc-arrow">身 ⨯ 富</span>
|
|
|
- <h4>身克富</h4>
|
|
|
- <p>健康是最大财富，莫用健康换金钱。</p>
|
|
|
+ <div class="wuxing-card wc-ke" style="--wc-color:#5D4037">
|
|
|
+ <span class="wc-arrow"><span style="color:#5D4037;font-weight:600">身</span> ⨯ <span style="color:#0EA5E9;font-weight:600">富</span></span>
|
|
|
+<p>健康是最大财<span style="color:#0EA5E9;font-weight:600">富</span>，莫用健康换金钱。</p>
|
|
|
</div>
|
|
|
- <div class="wuxing-card wc-ke" style="--wc-color:#6366F1">
|
|
|
- <span class="wc-arrow">智 ⨯ 行</span>
|
|
|
- <h4>智克行</h4>
|
|
|
- <p>算计人际关系得失不如真诚以待，关系不需要完美策略。</p>
|
|
|
+ <div class="wuxing-card wc-ke" style="--wc-color:#C0A060">
|
|
|
+ <span class="wc-arrow"><span style="color:#C0A060;font-weight:600">智</span> ⨯ <span style="color:#10B981;font-weight:600">行</span></span>
|
|
|
+<p>算计人际关系得失不如真诚以待，关系不需要完美策略。</p>
|
|
|
</div>
|
|
|
- <div class="wuxing-card wc-ke" style="--wc-color:#F59E0B">
|
|
|
- <span class="wc-arrow">富 ⨯ 心</span>
|
|
|
- <h4>富克心</h4>
|
|
|
- <p>勿让铜臭掩盖温情，财富服务于家庭。</p>
|
|
|
+ <div class="wuxing-card wc-ke" style="--wc-color:#0EA5E9">
|
|
|
+ <span class="wc-arrow"><span style="color:#0EA5E9;font-weight:600">富</span> ⨯ <span style="color:#EF4444;font-weight:600">心</span></span>
|
|
|
+<p>勿让铜臭掩盖温情，财<span style="color:#0EA5E9;font-weight:600">富</span>服务于家庭。</p>
|
|
|
</div>
|
|
|
<div class="wuxing-card wc-ke" style="--wc-color:#10B981">
|
|
|
- <span class="wc-arrow">行 ⨯ 身</span>
|
|
|
- <h4>行克身</h4>
|
|
|
- <p>人际有度，关爱有方，莫因取悦他人透支自身健康。</p>
|
|
|
+ <span class="wc-arrow"><span style="color:#10B981;font-weight:600">行</span> ⨯ <span style="color:#5D4037;font-weight:600">身</span></span>
|
|
|
+<p>人际有度，关爱有方，莫因取悦他人透支自<span style="color:#5D4037;font-weight:600">身</span>健康。</p>
|
|
|
</div>
|
|
|
- <div class="wuxing-card wc-ke" style="--wc-color:#FF6B9D">
|
|
|
- <span class="wc-arrow">心 ⨯ 智</span>
|
|
|
- <h4>心克智</h4>
|
|
|
- <p>大爱需留理性空间，不过度保护。</p>
|
|
|
+ <div class="wuxing-card wc-ke" style="--wc-color:#EF4444">
|
|
|
+ <span class="wc-arrow"><span style="color:#EF4444;font-weight:600">心</span> ⨯ <span style="color:#C0A060;font-weight:600">智</span></span>
|
|
|
+<p>大爱需留理性空间，不过度保护。</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+
|
|
|
</div>
|
|
|
</section>
|
|
|
|
|
|
@@ -284,20 +382,20 @@
|
|
|
<span class="section-tag">五维幸福矩阵</span>
|
|
|
<h2 class="section-title">身 · 智 · 富 · 行 · 心</h2>
|
|
|
<p class="section-desc">
|
|
|
- 五大维度覆盖家庭健康成长的方方面面，能量值按比例分配至各维度，
|
|
|
- 综合计算健康指数，直观呈现家庭成长状态。
|
|
|
+ 五大维度覆盖家庭幸福健康成长的方方面面，AI 智能分析能量分配与健康指数，
|
|
|
+ 直观呈现家庭成长状态，让每个家庭在 AI 时代保持清醒的成长节奏。
|
|
|
</p>
|
|
|
</div>
|
|
|
|
|
|
<div class="dimension-grid">
|
|
|
<!-- 身(土) — 01 -->
|
|
|
- <div class="dimension-card" style="--dim-color: #FF8C42; --dim-bg: #FFF5E6;">
|
|
|
+ <div class="dimension-card" style="--dim-color: #5D4037; --dim-bg: #F5EFEB;">
|
|
|
<h3 class="dim-title">
|
|
|
<span class="dim-emoji">🌏</span>
|
|
|
- 身 · 主动健康
|
|
|
- <span class="dim-element" style="background:#FF8C42">五行属土</span>
|
|
|
+ <span style="color:var(--dim-color);font-size:1.35rem;font-weight:800">身</span> · 主动健康
|
|
|
+ <span class="dim-element" style="background:#5D4037">五行属土</span>
|
|
|
</h3>
|
|
|
- <p class="dim-desc">用最适合、最简单的方法（好水与精准营养），从根源调理家人体质。让身体无疾，心情愉快，畅享高质量的舒服长寿生活。</p>
|
|
|
+ <p class="dim-desc">用最简单的方法——好水与精准营养，从根源为家人调理体质。让身体无疾无忧、心情轻松愉快，畅享高质量的舒服长寿生活，活出每一天的活力。</p>
|
|
|
<ul class="dim-points">
|
|
|
<li>精准营养推荐</li>
|
|
|
<li>健康报告解析</li>
|
|
|
@@ -315,13 +413,13 @@
|
|
|
</div>
|
|
|
|
|
|
<!-- 智(金) — 02 -->
|
|
|
- <div class="dimension-card" style="--dim-color: #6366F1; --dim-bg: #EEF0FF;">
|
|
|
+ <div class="dimension-card" style="--dim-color: #C0A060; --dim-bg: #F9F4EC;">
|
|
|
<h3 class="dim-title">
|
|
|
<span class="dim-emoji">⚔️</span>
|
|
|
- 智 · 赋能未来
|
|
|
- <span class="dim-element" style="background:#6366F1">五行属金</span>
|
|
|
+ <span style="color:var(--dim-color);font-size:1.35rem;font-weight:800">智</span> · 赋能未来
|
|
|
+ <span class="dim-element" style="background:#C0A060">五行属金</span>
|
|
|
</h3>
|
|
|
- <p class="dim-desc">通过专业心智测评与综合素质培养，开启青少年面向未来的大智慧、健全人格与核心竞争力。</p>
|
|
|
+ <p class="dim-desc">通过专业心智测评与综合素质培养，开启青少年面向未来的大智慧与健全人格。帮助孩子建立核心竞争力，让家庭赢得社会的敬仰与尊崇。</p>
|
|
|
<ul class="dim-points">
|
|
|
<li>专业心智测评</li>
|
|
|
<li>综合素质培养</li>
|
|
|
@@ -339,13 +437,13 @@
|
|
|
</div>
|
|
|
|
|
|
<!-- 富(水) — 03 -->
|
|
|
- <div class="dimension-card" style="--dim-color: #F59E0B; --dim-bg: #FFFBEB;">
|
|
|
+ <div class="dimension-card" style="--dim-color: #0EA5E9; --dim-bg: #ECFEFF;">
|
|
|
<h3 class="dim-title">
|
|
|
<span class="dim-emoji">💧</span>
|
|
|
- 富 · 利他创富
|
|
|
- <span class="dim-element" style="background:#F59E0B">五行属水</span>
|
|
|
+ <span style="color:var(--dim-color);font-size:1.35rem;font-weight:800">富</span> · 利他创富
|
|
|
+ <span class="dim-element" style="background:#0EA5E9">五行属水</span>
|
|
|
</h3>
|
|
|
- <p class="dim-desc">依托低门槛的创客成长生态，在利他分享中顺便实现家庭的"第二收入曲线"，实现物质与精神的双重富沛。</p>
|
|
|
+ <p class="dim-desc">依托低门槛的创客成长生态，<strong>一灯传百灯，至万灯长明</strong>，在利他分享中实现家庭的"第二收入"，让每个家庭实现物质与精神的双重富沛。</p>
|
|
|
<ul class="dim-points">
|
|
|
<li>创客成长生态</li>
|
|
|
<li>积分奖励体系</li>
|
|
|
@@ -366,10 +464,10 @@
|
|
|
<div class="dimension-card" style="--dim-color: #10B981; --dim-bg: #ECFDF5;">
|
|
|
<h3 class="dim-title">
|
|
|
<span class="dim-emoji">🌿</span>
|
|
|
- 行 · 人际和谐
|
|
|
+ <span style="color:var(--dim-color);font-size:1.35rem;font-weight:800">行</span> · 人际和谐
|
|
|
<span class="dim-element" style="background:#10B981">五行属木</span>
|
|
|
</h3>
|
|
|
- <p class="dim-desc">"行"不仅是行动与行为，更核心的是人与人的关系——亲子关系、夫妻关系、同事关系、朋友关系。以和谐关系滋养家庭幸福，以善意行动温暖身边每一个人。</p>
|
|
|
+ <p class="dim-desc">"行"不仅是行动与行为，<strong>当一个人无法坚持，不妨找一群人试试</strong>——在亲子、夫妻、同事、朋友的关系中汲取力量，以善意行动温暖身边每一个人。</p>
|
|
|
<ul class="dim-points">
|
|
|
<li>亲子关系建设</li>
|
|
|
<li>夫妻情感经营</li>
|
|
|
@@ -387,25 +485,25 @@
|
|
|
</div>
|
|
|
|
|
|
<!-- 心(火) — 05 -->
|
|
|
- <div class="dimension-card" style="--dim-color: #FF6B9D; --dim-bg: #FFF0F5;">
|
|
|
+ <div class="dimension-card" style="--dim-color: #EF4444; --dim-bg: #FEF2F2;">
|
|
|
<h3 class="dim-title">
|
|
|
<span class="dim-emoji">🔥</span>
|
|
|
- 心 · 大爱相随
|
|
|
- <span class="dim-element" style="background:#FF6B9D">五行属火</span>
|
|
|
+ <span style="color:var(--dim-color);font-size:1.35rem;font-weight:800">心</span> · 大爱相随
|
|
|
+ <span class="dim-element" style="background:#EF4444">五行属火</span>
|
|
|
</h3>
|
|
|
- <p class="dim-desc">将长辈陪护与家庭情感，升华为以"心"传心的家族纽带。用大爱反哺父母，用言传身教启迪下一代。</p>
|
|
|
+ <p class="dim-desc">以心理学视角解读自我与家人，用理解与包容滋养家庭情感。将长辈陪护与亲子之爱凝聚为家族纽带，让内心有爱、有光、有永远的温暖陪伴。</p>
|
|
|
<ul class="dim-points">
|
|
|
- <li>情绪管理与疏导</li>
|
|
|
- <li>家庭情感联结</li>
|
|
|
- <li>家风传承记录</li>
|
|
|
+ <li>情绪认知与疏导</li>
|
|
|
+ <li>家庭关系心理学</li>
|
|
|
+ <li>人格与性格探索</li>
|
|
|
</ul>
|
|
|
<div class="dim-energy">
|
|
|
<h4>⚡ 能量提升</h4>
|
|
|
<ul>
|
|
|
- <li>坚持家庭情感沟通，每周家庭会议</li>
|
|
|
- <li>高质量亲子陪伴，放下手机全心投入</li>
|
|
|
- <li>培养感恩之心，每日分享与表达</li>
|
|
|
- <li>传承家风文化，记录家族故事</li>
|
|
|
+ <li>学习心理学，理解与接纳自我</li>
|
|
|
+ <li>专业心理测评，了解性格特质</li>
|
|
|
+ <li>以理解与包容对待差异</li>
|
|
|
+ <li>参考易经、星座等辅助认识自我</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -420,13 +518,14 @@
|
|
|
<span class="section-tag">核心功能</span>
|
|
|
<h2 class="section-title">全方位家庭成长服务</h2>
|
|
|
<p class="section-desc">
|
|
|
- 从任务管理到五维能量，从专业测评到成长档案，浠艾福为每个家庭提供完整的数字化成长解决方案。
|
|
|
+ 从任务管理到五维能量，从专业测评到成长档案，
|
|
|
+ 浠艾福融合 AI 智能分析为每个家庭提供完整的数字化成长解决方案。
|
|
|
</p>
|
|
|
</div>
|
|
|
|
|
|
<div class="features-grid">
|
|
|
<div class="feature-card">
|
|
|
- <div class="feature-icon" style="--fc:#FF8C42"><svg viewBox="0 0 32 32" fill="none" width="32" height="32"><path d="M6 16l6 6 14-14" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
|
|
|
+ <div class="feature-icon" style="--fc:#4A9BD7"><svg viewBox="0 0 32 32" fill="none" width="32" height="32"><path d="M6 16l6 6 14-14" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
|
|
|
<h3>任务管理系统</h3>
|
|
|
<p>创建、下发、执行与审核，支持小游戏互动，让好习惯在趣味中养成。</p>
|
|
|
</div>
|
|
|
@@ -436,17 +535,17 @@
|
|
|
<p>身心灵全方位能量追踪，能量按比例分配，健康指数可视化呈现。</p>
|
|
|
</div>
|
|
|
<div class="feature-card">
|
|
|
- <div class="feature-icon" style="--fc:#6366F1"><svg viewBox="0 0 32 32" fill="none" width="32" height="32"><rect x="6" y="10" width="20" height="14" rx="2" stroke="currentColor" stroke-width="2"/><path d="M10 6v4M22 6v4" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg></div>
|
|
|
+ <div class="feature-icon" style="--fc:#C0A060"><svg viewBox="0 0 32 32" fill="none" width="32" height="32"><rect x="6" y="10" width="20" height="14" rx="2" stroke="currentColor" stroke-width="2"/><path d="M10 6v4M22 6v4" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg></div>
|
|
|
<h3>测评预约系统</h3>
|
|
|
<p>家长申请、选择规划师、支付、结果录入，全流程线上化，专业测评报告一键获取。</p>
|
|
|
</div>
|
|
|
<div class="feature-card">
|
|
|
- <div class="feature-icon" style="--fc:#FF6B9D"><svg viewBox="0 0 32 32" fill="none" width="32" height="32"><path d="M16 26S6 20 6 14c0-3 2-5 5-5s5 2 5 4c0-2 2-4 5-4s5 2 5 5c0 6-10 12-10 12z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg></div>
|
|
|
+ <div class="feature-icon" style="--fc:#EF4444"><svg viewBox="0 0 32 32" fill="none" width="32" height="32"><path d="M16 26S6 20 6 14c0-3 2-5 5-5s5 2 5 4c0-2 2-4 5-4s5 2 5 5c0 6-10 12-10 12z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg></div>
|
|
|
<h3>家庭邀请与关系</h3>
|
|
|
<p>邀请二维码、令牌验证、家庭关系图，轻松构建家庭数字空间。</p>
|
|
|
</div>
|
|
|
<div class="feature-card">
|
|
|
- <div class="feature-icon" style="--fc:#F59E0B"><svg viewBox="0 0 32 32" fill="none" width="32" height="32"><path d="M16 4l3 9h10l-8 6 3 9-8-5-8 5 3-9-8-6h10l3-9z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg></div>
|
|
|
+ <div class="feature-icon" style="--fc:#0EA5E9"><svg viewBox="0 0 32 32" fill="none" width="32" height="32"><path d="M16 4l3 9h10l-8 6 3 9-8-5-8 5 3-9-8-6h10l3-9z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg></div>
|
|
|
<h3>心愿与奖励</h3>
|
|
|
<p>孩子创建心愿、家长审批兑换，积分驱动的正向激励体系。</p>
|
|
|
</div>
|
|
|
@@ -469,6 +568,123 @@
|
|
|
</div>
|
|
|
</section>
|
|
|
|
|
|
+ <!-- ==================== AI Technology ==================== -->
|
|
|
+ <section class="section section-ai-tech" id="ai-tech">
|
|
|
+ <div class="container">
|
|
|
+ <div class="section-header">
|
|
|
+ <span class="section-tag">AI 技术应用</span>
|
|
|
+ <h2 class="section-title">五维 AI 引擎 · 让成长看得见</h2>
|
|
|
+ <p class="section-desc">
|
|
|
+ 浠艾福深度融合 AI 大模型、百万数据常模与专业知识库，
|
|
|
+ 将 AI 能力渗透到家庭成长的每一个环节——从测评到营养、从能量分析到日常陪伴，
|
|
|
+ 让科技真正为家庭教育赋能。
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="ai-grid">
|
|
|
+ <div class="ai-card" style="--ai-color:#6366F1;--ai-bg:#EEF0FF;">
|
|
|
+ <div class="ai-card-header">
|
|
|
+ <div class="ai-card-icon">
|
|
|
+ <svg viewBox="0 0 48 48" fill="none" width="36" height="36">
|
|
|
+ <rect x="8" y="8" width="32" height="32" rx="8" stroke="#6366F1" stroke-width="1.8" fill="none"/>
|
|
|
+ <path d="M18 20l-3 8h2l1-3h4l1 3h2l-3-8h-4z" fill="#6366F1" opacity=".7"/>
|
|
|
+ <circle cx="33" cy="17" r="2" fill="#6366F1" opacity=".5"/>
|
|
|
+ <path d="M30 27l3 3 5-5" stroke="#6366F1" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
|
|
|
+ </svg>
|
|
|
+ </div>
|
|
|
+ <div class="ai-card-badge">大模型+常模</div>
|
|
|
+ </div>
|
|
|
+ <h3>AI 智能测评与解读</h3>
|
|
|
+ <p>孩子完成专业心智测评后，AI 大模型结合百万级青少年发展常模数据，自动生成多维度分析报告——从认知能力、情绪特质到社交倾向深度解读。告别冰冷的分数，为家长提供科学、可操作的个性化成长建议，让测评结果真正指导行动。</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="ai-card" style="--ai-color:#10B981;--ai-bg:#ECFDF5;">
|
|
|
+ <div class="ai-card-header">
|
|
|
+ <div class="ai-card-icon">
|
|
|
+ <svg viewBox="0 0 48 48" fill="none" width="36" height="36">
|
|
|
+ <circle cx="24" cy="24" r="18" stroke="#10B981" stroke-width="1.8" fill="none"/>
|
|
|
+ <path d="M16 28c2-4 6-4 8 0s6 4 8 0" stroke="#10B981" stroke-width="1.5" stroke-linecap="round"/>
|
|
|
+ <circle cx="18" cy="18" r="3" fill="#10B981" opacity=".15" stroke="#10B981" stroke-width="1.2"/>
|
|
|
+ <circle cx="30" cy="18" r="3" fill="#10B981" opacity=".15" stroke="#10B981" stroke-width="1.2"/>
|
|
|
+ <path d="M20 34l4 2 4-2" stroke="#10B981" stroke-width="1.5" stroke-linecap="round"/>
|
|
|
+ </svg>
|
|
|
+ </div>
|
|
|
+ <div class="ai-card-badge">专业知识库</div>
|
|
|
+ </div>
|
|
|
+ <h3>AI 精准营养方案</h3>
|
|
|
+ <p>结合肠道菌群高通量测序数据（第二基因检测）与日常健康记录，AI 营养模型调用专业知识库深度学习个体代谢特征，自动生成符合体质的膳食方案。从宏观营养素到微量元素，精准到每一餐的推荐，让营养不再是"估计"而是科学。</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="ai-card" style="--ai-color:#4A9BD7;--ai-bg:#E8F4FA;">
|
|
|
+ <div class="ai-card-header">
|
|
|
+ <div class="ai-card-icon">
|
|
|
+ <svg viewBox="0 0 48 48" fill="none" width="36" height="36">
|
|
|
+ <circle cx="24" cy="24" r="18" stroke="#4A9BD7" stroke-width="1.8" fill="none"/>
|
|
|
+ <path d="M24 10v4M24 34v4M10 24h4M34 24h4" stroke="#4A9BD7" stroke-width="1.5" stroke-linecap="round"/>
|
|
|
+ <circle cx="24" cy="24" r="6" fill="#4A9BD7" opacity=".12" stroke="#4A9BD7" stroke-width="1.2"/>
|
|
|
+ <path d="M16 16l4 4M28 28l4 4" stroke="#4A9BD7" stroke-width="1.2" stroke-linecap="round"/>
|
|
|
+ </svg>
|
|
|
+ </div>
|
|
|
+ <div class="ai-card-badge">数据智能</div>
|
|
|
+ </div>
|
|
|
+ <h3>AI 五维能量引擎</h3>
|
|
|
+ <p>实时分析家庭在身·智·富·行·心五大维度上的能量分配与消耗轨迹。AI 基于百万家庭常模数据自动识别失衡风险——比如"身"投入过多而"心"被忽视——及时预警并推荐平衡路径。健康指数动态可视化，让家庭成长状态一目了然。</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="ai-card" style="--ai-color:#C0A060;--ai-bg:#F9F4EC;">
|
|
|
+ <div class="ai-card-header">
|
|
|
+ <div class="ai-card-icon">
|
|
|
+ <svg viewBox="0 0 48 48" fill="none" width="36" height="36">
|
|
|
+ <circle cx="24" cy="24" r="18" stroke="#C0A060" stroke-width="1.8" fill="none"/>
|
|
|
+ <path d="M16 18h16" stroke="#C0A060" stroke-width="1.5" stroke-linecap="round"/>
|
|
|
+ <path d="M16 24h12" stroke="#C0A060" stroke-width="1.5" stroke-linecap="round"/>
|
|
|
+ <path d="M16 30h8" stroke="#C0A060" stroke-width="1.5" stroke-linecap="round"/>
|
|
|
+ <circle cx="36" cy="36" r="4" fill="#C0A060" opacity=".12" stroke="#C0A060" stroke-width="1.2"/>
|
|
|
+ <path d="M36 34v4M34 36h4" stroke="#C0A060" stroke-width="1.5" stroke-linecap="round"/>
|
|
|
+ </svg>
|
|
|
+ </div>
|
|
|
+ <div class="ai-card-badge">大模型对话</div>
|
|
|
+ </div>
|
|
|
+ <h3>AI 成长顾问</h3>
|
|
|
+ <p>家长可以随时用自然语言提问——"孩子最近情绪不太好怎么办？""有哪些适合我们家的亲子活动？"AI 大模型结合家庭档案与专业育儿知识库，给出有温度、有依据的个性化建议。24 小时在线，成为每个家庭身边触手可及的 AI 育儿助手。</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="ai-card" style="--ai-color:#EF4444;--ai-bg:#FEF2F2;">
|
|
|
+ <div class="ai-card-header">
|
|
|
+ <div class="ai-card-icon">
|
|
|
+ <svg viewBox="0 0 48 48" fill="none" width="36" height="36">
|
|
|
+ <rect x="10" y="8" width="28" height="32" rx="4" stroke="#EF4444" stroke-width="1.8" fill="none"/>
|
|
|
+ <path d="M16 16h16" stroke="#EF4444" stroke-width="1.5" stroke-linecap="round"/>
|
|
|
+ <path d="M16 22h12" stroke="#EF4444" stroke-width="1.5" stroke-linecap="round"/>
|
|
|
+ <circle cx="36" cy="32" r="5" fill="#EF4444" opacity=".12" stroke="#EF4444" stroke-width="1.2"/>
|
|
|
+ <path d="M34 32h4M36 30v4" stroke="#EF4444" stroke-width="1.5" stroke-linecap="round"/>
|
|
|
+ </svg>
|
|
|
+ </div>
|
|
|
+ <div class="ai-card-badge">多模态分析</div>
|
|
|
+ </div>
|
|
|
+ <h3>AI 多模态成长档案</h3>
|
|
|
+ <p>自动汇聚孩子的健康报告、测评数据、活动照片、成长记录等多模态信息，AI 从中识别关键成长里程碑——第一次独立完成任务的勇气、某项能力的跨越式提升——生成年度成长叙事报告。每一次进步都被看见，每一段成长都有故事。</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="ai-card" style="--ai-color:#A78BFA;--ai-bg:#F5F0FF;">
|
|
|
+ <div class="ai-card-header">
|
|
|
+ <div class="ai-card-icon">
|
|
|
+ <svg viewBox="0 0 48 48" fill="none" width="36" height="36">
|
|
|
+ <circle cx="24" cy="24" r="18" stroke="#A78BFA" stroke-width="1.8" fill="none"/>
|
|
|
+ <path d="M16 20l8 4 8-4" stroke="#A78BFA" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
|
+ <path d="M16 28l8 4 8-4" stroke="#A78BFA" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
|
+ <circle cx="24" cy="16" r="3" fill="#A78BFA" opacity=".15" stroke="#A78BFA" stroke-width="1.2"/>
|
|
|
+ </svg>
|
|
|
+ </div>
|
|
|
+ <div class="ai-card-badge">智能匹配</div>
|
|
|
+ </div>
|
|
|
+ <h3>AI 成长路径推荐</h3>
|
|
|
+ <p>基于家庭画像、孩子发展阶段与五维能量分布，AI 智能匹配最合适的任务、活动与课程——从亲子游戏到专注力训练，从体能挑战到情绪管理。不是千篇一律的模板，而是为每个孩子量身定制的成长路径，让努力始终走在正确的方向上。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+
|
|
|
<!-- ==================== Roles ==================== -->
|
|
|
<section class="section section-roles" id="roles">
|
|
|
<div class="container">
|
|
|
@@ -484,14 +700,14 @@
|
|
|
<div class="role-card role-parent">
|
|
|
<div class="role-badge">客户</div>
|
|
|
<div class="role-icon" style="display:flex;gap:4px;justify-content:center;">
|
|
|
- <svg viewBox="0 0 48 48" fill="none" width="36" height="36"><circle cx="24" cy="24" r="20" stroke="#FF8C42" stroke-width="2" fill="#FFF5E6"/><circle cx="24" cy="18" r="6" fill="#FF8C42" fill-opacity=".2" stroke="#FF8C42" stroke-width="1.5"/><path d="M14 36c0-6 4-10 10-10s10 4 10 10" stroke="#FF8C42" stroke-width="2" stroke-linecap="round"/></svg>
|
|
|
+ <svg viewBox="0 0 48 48" fill="none" width="36" height="36"><circle cx="24" cy="24" r="20" stroke="#4A9BD7" stroke-width="2" fill="#E8F4FA"/><circle cx="24" cy="18" r="6" fill="#4A9BD7" fill-opacity=".2" stroke="#4A9BD7" stroke-width="1.5"/><path d="M14 36c0-6 4-10 10-10s10 4 10 10" stroke="#4A9BD7" stroke-width="2" stroke-linecap="round"/></svg>
|
|
|
</div>
|
|
|
<h3>家庭客户</h3>
|
|
|
<p>以家庭为服务单位，覆盖全家各年龄段成员的健康成长需求。</p>
|
|
|
<ul class="role-perms">
|
|
|
- <li><strong>家长</strong> — 付费决策、任务审批、成长管理</li>
|
|
|
- <li><strong>孩子</strong> — 执行任务、参与活动、收集成长徽章</li>
|
|
|
- <li><strong>老人</strong> — 健康管理、亲情陪伴、家风传承</li>
|
|
|
+ <li><strong>独立账户</strong><span class="perm-desc"> — 每位家庭成员都有自己的成长账户与五维能量体系，独立又互通</span></li>
|
|
|
+ <li><strong>一站覆盖</strong><span class="perm-desc"> — 从健康管理到成长规划、从亲子互动到长辈陪护，同一平台覆盖全家</span></li>
|
|
|
+ <li><strong>幸福全景</strong><span class="perm-desc"> — 各成员的成长轨迹各自精彩，又共同汇聚为完整的家庭幸福全景</span></li>
|
|
|
</ul>
|
|
|
<div class="role-qr">
|
|
|
<div class="role-qr-code">
|
|
|
@@ -506,53 +722,53 @@
|
|
|
<rect x="6" y="72" width="22" height="22" rx="3" stroke="#222" stroke-width="2" fill="#fff"/>
|
|
|
<rect x="10" y="76" width="14" height="14" rx="2" fill="#222"/>
|
|
|
<rect x="14" y="80" width="6" height="6" fill="#fff"/>
|
|
|
- <rect x="34" y="6" width="6" height="6" rx="1" fill="#FF8C42" opacity=".7"/>
|
|
|
+ <rect x="34" y="6" width="6" height="6" rx="1" fill="#4A9BD7" opacity=".7"/>
|
|
|
<rect x="44" y="6" width="6" height="6" rx="1" fill="#222"/>
|
|
|
- <rect x="54" y="6" width="6" height="6" rx="1" fill="#FF8C42" opacity=".7"/>
|
|
|
+ <rect x="54" y="6" width="6" height="6" rx="1" fill="#4A9BD7" opacity=".7"/>
|
|
|
<rect x="64" y="6" width="4" height="6" rx="1" fill="#222"/>
|
|
|
<rect x="6" y="34" width="6" height="6" rx="1" fill="#222"/>
|
|
|
- <rect x="16" y="34" width="6" height="6" rx="1" fill="#FF8C42" opacity=".7"/>
|
|
|
+ <rect x="16" y="34" width="6" height="6" rx="1" fill="#4A9BD7" opacity=".7"/>
|
|
|
<rect x="28" y="34" width="6" height="6" rx="1" fill="#222"/>
|
|
|
- <rect x="38" y="34" width="4" height="6" rx="1" fill="#FF8C42" opacity=".7"/>
|
|
|
+ <rect x="38" y="34" width="4" height="6" rx="1" fill="#4A9BD7" opacity=".7"/>
|
|
|
<rect x="46" y="34" width="6" height="6" rx="1" fill="#222"/>
|
|
|
<rect x="56" y="34" width="6" height="6" rx="1" fill="#222"/>
|
|
|
- <rect x="66" y="34" width="6" height="6" rx="1" fill="#FF8C42" opacity=".7"/>
|
|
|
+ <rect x="66" y="34" width="6" height="6" rx="1" fill="#4A9BD7" opacity=".7"/>
|
|
|
<rect x="84" y="34" width="6" height="6" rx="1" fill="#222"/>
|
|
|
- <rect x="94" y="34" width="4" height="6" rx="1" fill="#FF8C42" opacity=".7"/>
|
|
|
- <rect x="6" y="44" width="6" height="6" rx="1" fill="#FF8C42" opacity=".7"/>
|
|
|
+ <rect x="94" y="34" width="4" height="6" rx="1" fill="#4A9BD7" opacity=".7"/>
|
|
|
+ <rect x="6" y="44" width="6" height="6" rx="1" fill="#4A9BD7" opacity=".7"/>
|
|
|
<rect x="16" y="44" width="6" height="4" rx="1" fill="#222"/>
|
|
|
<rect x="26" y="44" width="6" height="6" rx="1" fill="#222"/>
|
|
|
- <rect x="36" y="44" width="6" height="6" rx="1" fill="#FF8C42" opacity=".7"/>
|
|
|
+ <rect x="36" y="44" width="6" height="6" rx="1" fill="#4A9BD7" opacity=".7"/>
|
|
|
<rect x="46" y="46" width="6" height="4" rx="1" fill="#222"/>
|
|
|
- <rect x="56" y="44" width="6" height="6" rx="1" fill="#FF8C42" opacity=".7"/>
|
|
|
+ <rect x="56" y="44" width="6" height="6" rx="1" fill="#4A9BD7" opacity=".7"/>
|
|
|
<rect x="76" y="44" width="6" height="6" rx="1" fill="#222"/>
|
|
|
- <rect x="86" y="44" width="6" height="6" rx="1" fill="#FF8C42" opacity=".7"/>
|
|
|
+ <rect x="86" y="44" width="6" height="6" rx="1" fill="#4A9BD7" opacity=".7"/>
|
|
|
<rect x="6" y="54" width="6" height="6" rx="1" fill="#222"/>
|
|
|
<rect x="16" y="56" width="6" height="4" rx="1" fill="#222"/>
|
|
|
- <rect x="28" y="54" width="6" height="6" rx="1" fill="#FF8C42" opacity=".7"/>
|
|
|
- <rect x="44" y="54" width="6" height="6" rx="1" fill="#FF8C42" opacity=".7"/>
|
|
|
+ <rect x="28" y="54" width="6" height="6" rx="1" fill="#4A9BD7" opacity=".7"/>
|
|
|
+ <rect x="44" y="54" width="6" height="6" rx="1" fill="#4A9BD7" opacity=".7"/>
|
|
|
<rect x="54" y="54" width="6" height="6" rx="1" fill="#222"/>
|
|
|
<rect x="64" y="54" width="6" height="6" rx="1" fill="#222"/>
|
|
|
- <rect x="84" y="54" width="6" height="6" rx="1" fill="#FF8C42" opacity=".7"/>
|
|
|
- <rect x="34" y="64" width="6" height="6" rx="1" fill="#FF8C42" opacity=".7"/>
|
|
|
+ <rect x="84" y="54" width="6" height="6" rx="1" fill="#4A9BD7" opacity=".7"/>
|
|
|
+ <rect x="34" y="64" width="6" height="6" rx="1" fill="#4A9BD7" opacity=".7"/>
|
|
|
<rect x="44" y="64" width="6" height="6" rx="1" fill="#222"/>
|
|
|
- <rect x="64" y="64" width="6" height="6" rx="1" fill="#FF8C42" opacity=".7"/>
|
|
|
+ <rect x="64" y="64" width="6" height="6" rx="1" fill="#4A9BD7" opacity=".7"/>
|
|
|
<rect x="74" y="64" width="6" height="6" rx="1" fill="#222"/>
|
|
|
- <rect x="84" y="64" width="6" height="6" rx="1" fill="#FF8C42" opacity=".7"/>
|
|
|
+ <rect x="84" y="64" width="6" height="6" rx="1" fill="#4A9BD7" opacity=".7"/>
|
|
|
<rect x="94" y="64" width="4" height="6" rx="1" fill="#222"/>
|
|
|
<rect x="36" y="76" width="6" height="6" rx="1" fill="#222"/>
|
|
|
- <rect x="46" y="76" width="6" height="6" rx="1" fill="#FF8C42" opacity=".7"/>
|
|
|
+ <rect x="46" y="76" width="6" height="6" rx="1" fill="#4A9BD7" opacity=".7"/>
|
|
|
<rect x="58" y="76" width="6" height="6" rx="1" fill="#222"/>
|
|
|
- <rect x="68" y="76" width="6" height="6" rx="1" fill="#FF8C42" opacity=".7"/>
|
|
|
+ <rect x="68" y="76" width="6" height="6" rx="1" fill="#4A9BD7" opacity=".7"/>
|
|
|
<rect x="84" y="76" width="6" height="6" rx="1" fill="#222"/>
|
|
|
- <rect x="94" y="76" width="4" height="6" rx="1" fill="#FF8C42" opacity=".7"/>
|
|
|
+ <rect x="94" y="76" width="4" height="6" rx="1" fill="#4A9BD7" opacity=".7"/>
|
|
|
<rect x="6" y="86" width="6" height="6" rx="1" fill="#222"/>
|
|
|
- <rect x="16" y="86" width="6" height="6" rx="1" fill="#FF8C42" opacity=".7"/>
|
|
|
+ <rect x="16" y="86" width="6" height="6" rx="1" fill="#4A9BD7" opacity=".7"/>
|
|
|
<rect x="28" y="86" width="6" height="6" rx="1" fill="#222"/>
|
|
|
- <rect x="44" y="86" width="6" height="6" rx="1" fill="#FF8C42" opacity=".7"/>
|
|
|
+ <rect x="44" y="86" width="6" height="6" rx="1" fill="#4A9BD7" opacity=".7"/>
|
|
|
<rect x="58" y="86" width="6" height="6" rx="1" fill="#222"/>
|
|
|
<rect x="68" y="86" width="6" height="6" rx="1" fill="#222"/>
|
|
|
- <rect x="78" y="86" width="6" height="6" rx="1" fill="#FF8C42" opacity=".7"/>
|
|
|
+ <rect x="78" y="86" width="6" height="6" rx="1" fill="#4A9BD7" opacity=".7"/>
|
|
|
<rect x="90" y="86" width="6" height="6" rx="1" fill="#222"/>
|
|
|
</svg>
|
|
|
</div>
|
|
|
@@ -594,10 +810,10 @@
|
|
|
<h3>平台运营</h3>
|
|
|
<p>系统管理者，审核入驻、配置系统、数据管理、操作日志。</p>
|
|
|
<ul class="role-perms">
|
|
|
- <li>用户与家庭管理</li>
|
|
|
- <li>商品套餐审核</li>
|
|
|
- <li>系统配置与数据</li>
|
|
|
- <li>操作日志审计</li>
|
|
|
+ <li><strong>审核管理</strong><span class="perm-desc"> — 审核服务商入驻、商品套餐上线</span></li>
|
|
|
+ <li><strong>用户管理</strong><span class="perm-desc"> — 管理家庭账号、处理用户反馈</span></li>
|
|
|
+ <li><strong>系统设置</strong><span class="perm-desc"> — 配置系统参数、管理维度与知识库</span></li>
|
|
|
+ <li><strong>数据审计</strong><span class="perm-desc"> — 操作日志审计、平台数据分析</span></li>
|
|
|
</ul>
|
|
|
<a href="/admin/" class="role-login-btn">登录管理后台</a>
|
|
|
</div>
|
|
|
@@ -612,29 +828,29 @@
|
|
|
<span class="section-tag">联系我们</span>
|
|
|
<h2 class="section-title">携手共建家庭幸福未来</h2>
|
|
|
<p class="section-desc">
|
|
|
- 无论您是家长、成长规划师，还是合作伙伴，我们都期待与您一起，
|
|
|
- 为中国家庭的健康成长贡献力量。
|
|
|
+ 无论您是家长、成长规划师，还是合作伙伴，
|
|
|
+ 我们都期待与您一起，以 AI 之力为中国家庭的健康成长贡献力量。
|
|
|
</p>
|
|
|
</div>
|
|
|
|
|
|
<div class="contact-grid">
|
|
|
<div class="contact-info">
|
|
|
<div class="contact-item">
|
|
|
- <svg viewBox="0 0 24 24" fill="none" width="24" height="24"><circle cx="12" cy="12" r="10" stroke="#FF8C42" stroke-width="2"/><path d="M12 6v8l4 4" stroke="#FF8C42" stroke-width="2" stroke-linecap="round"/></svg>
|
|
|
+ <svg viewBox="0 0 24 24" fill="none" width="24" height="24"><circle cx="12" cy="12" r="10" stroke="#4A9BD7" stroke-width="2"/><path d="M12 6v8l4 4" stroke="#4A9BD7" stroke-width="2" stroke-linecap="round"/></svg>
|
|
|
<div>
|
|
|
<strong>公司全称</strong>
|
|
|
<span>亿图腾（北京）科技有限公司</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="contact-item">
|
|
|
- <svg viewBox="0 0 24 24" fill="none" width="24" height="24"><rect x="4" y="6" width="16" height="12" rx="2" stroke="#FF8C42" stroke-width="2"/><path d="M4 8l8 5 8-5" stroke="#FF8C42" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
|
|
+ <svg viewBox="0 0 24 24" fill="none" width="24" height="24"><rect x="4" y="6" width="16" height="12" rx="2" stroke="#4A9BD7" stroke-width="2"/><path d="M4 8l8 5 8-5" stroke="#4A9BD7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
|
|
<div>
|
|
|
<strong>产品名称</strong>
|
|
|
<span>浠艾福（Care Family）</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="contact-item">
|
|
|
- <svg viewBox="0 0 24 24" fill="none" width="24" height="24"><path d="M12 2C8 2 4 5 4 9c0 5 8 13 8 13s8-8 8-13c0-4-4-7-8-7z" stroke="#FF8C42" stroke-width="2"/><circle cx="12" cy="9" r="3" stroke="#FF8C42" stroke-width="2"/></svg>
|
|
|
+ <svg viewBox="0 0 24 24" fill="none" width="24" height="24"><path d="M12 2C8 2 4 5 4 9c0 5 8 13 8 13s8-8 8-13c0-4-4-7-8-7z" stroke="#4A9BD7" stroke-width="2"/><circle cx="12" cy="9" r="3" stroke="#4A9BD7" stroke-width="2"/></svg>
|
|
|
<div>
|
|
|
<strong>公司地址</strong>
|
|
|
<span>中国 · 北京</span>
|
|
|
@@ -642,7 +858,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="contact-cta">
|
|
|
- <p>欢迎体验浠艾福家庭健康成长平台</p>
|
|
|
+ <p>欢迎体验浠艾福家庭幸福健康成长平台</p>
|
|
|
<p class="cta-sub">微信小程序搜索「浠艾福」即可体验</p>
|
|
|
<div class="cta-cards">
|
|
|
<div class="cta-card">
|
|
|
@@ -674,7 +890,7 @@
|
|
|
<img src="logo.png" alt="浠艾福" class="footer-logo-img" width="48" height="48">
|
|
|
<span class="logo-text">亿图腾</span>
|
|
|
<span class="logo-tag">· 浠艾福</span>
|
|
|
- <p>以科技赋能每个家庭，让健康与幸福触手可及。</p>
|
|
|
+ <p>以 AI 科技赋能每个家庭，让健康与幸福触手可及。</p>
|
|
|
</div>
|
|
|
<div class="footer-links">
|
|
|
<div class="footer-col">
|
|
|
@@ -683,6 +899,7 @@
|
|
|
<li><a href="#product">浠艾福平台</a></li>
|
|
|
<li><a href="#dimensions">五维幸福</a></li>
|
|
|
<li><a href="#features">核心功能</a></li>
|
|
|
+ <li><a href="#ai-tech">AI 技术</a></li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<div class="footer-col">
|
|
|
@@ -693,6 +910,12 @@
|
|
|
<li><a href="#contact">联系方式</a></li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
+ <div class="footer-col">
|
|
|
+ <h4>友情链接</h4>
|
|
|
+ <ul>
|
|
|
+ <li><a href="https://www.psychdream.org.cn/" target="_blank" rel="noopener noreferrer">双培强基工程</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="footer-bottom">
|
