Ver código fonte

feat: FAQ结构化数据扩展至20条,同步前端FAQ展示

- JSON-LD FAQPage: 8条→20条,覆盖所有产品线和用户场景
- 新增菌群检测适用年龄/周期/技术科普、精准健康方案、
  规划师服务、五维评估流程、多孩管理、长辈使用、
  付费模式、AI教育对比、五行应用、数据安全等问答
- 前端可见#faq区同步扩展至20条,内容与结构化数据一致
Xiaogang Liao 4 meses atrás
pai
commit
638eac83db
1 arquivos alterados com 171 adições e 11 exclusões
  1. 171 11
      web/index.html

+ 171 - 11
web/index.html

@@ -8,6 +8,10 @@
   <meta property="og:title" content="亿图腾 · 浠艾福 — AI 智慧家庭成长平台">
   <meta property="og:description" content="给全家的一站式幸福提案 — AI + 身·心·智·行·富 五维全景幸福矩阵 · 五行相生相克">
   <meta property="og:type" content="website">
+  <meta property="og:image" content="https://www.etotem.com.cn/logo.png">
+  <meta property="og:image:width" content="512">
+  <meta property="og:image:height" content="512">
+  <meta property="og:url" content="https://www.etotem.com.cn/">
   <meta name="theme-color" content="#4A9BD7">
   <title>亿图腾 · 浠艾福 — 家庭幸福健康成长平台</title>
   <link rel="stylesheet" href="css/style.css">
@@ -48,12 +52,32 @@
           {"@type":"Question","name":"菌群检测是什么?怎么做?","acceptedAnswer":{"@type":"Answer","text":"肠道菌群是人体的\u201c第二基因\u201d。通过 16S rRNA 高通量测序深度解析肠道微生态,精准识别菌群多样性、致病菌与有益菌比例、肠漏(肠道屏障完整性)等关键指标。用户购买检测包→居家采样→寄回实验室→获取报告→AI 营养师从肠道菌群-肠-脑轴角度定制个性化膳食方案,根源调理全家人的体质与健康,让家庭健康长期可持续。整个过程在家即可完成。"}},
           {"@type":"Question","name":"DAN成长档案记录什么?","acceptedAnswer":{"@type":"Answer","text":"DAN 成长档案以 AI 智能记录每位家庭成员从身体到心智的完整成长轨迹。包含多模态成长报告、健康数据可视化、里程碑自动标记。目前已服务 120,000+ 家庭用户,帮助家长不错过每个成长关键期。"}},
           {"@type":"Question","name":"哪些人可以成为服务商?","acceptedAnswer":{"@type":"Answer","text":"成长规划师、健康营养师、心理咨询师、活动管理员等专业从业者均可入驻。微信搜索「浠艾福」小程序,在「我的」→「服务商入驻」中提交申请,平台审核通过后即可为家庭提供服务。目前已有 1,000+ 专业从业人员入驻。"}},
-          {"@type":"Question","name":"浠艾福适合什么样的家庭?","acceptedAnswer":{"@type":"Answer","text":"任何关注全家综合健康与成长的家庭都适合——从希望获得科学营养方案的父母,到需要专业成长规划的孩子,再到需要身心关怀的长辈。浠艾福提供从检测诊断到方案执行的全链路服务,一站式覆盖。"}}
+          {"@type":"Question","name":"浠艾福适合什么样的家庭?","acceptedAnswer":{"@type":"Answer","text":"任何关注全家综合健康与成长的家庭都适合——从希望获得科学营养方案的父母,到需要专业成长规划的孩子,再到需要身心关怀的长辈。浠艾福提供从检测诊断到方案执行的全链路服务,一站式覆盖。"}},
+          {"@type":"Question","name":"菌群检测适合多大年龄的孩子?","acceptedAnswer":{"@type":"Answer","text":"菌群检测适用于全年龄段,从婴幼儿到老年人均可检测。婴幼儿的肠道菌群正处于建立关键期,检测可早期发现菌群失衡风险;成年人的肠道菌群与代谢、免疫密切相关。采样方式无创无痛,不同年龄段有对应的采样指导方案。"}},
+          {"@type":"Question","name":"菌群检测多久出报告?","acceptedAnswer":{"@type":"Answer","text":"样本寄回实验室后,通常在 15 个工作日内出具专业报告。报告涵盖菌群多样性分析、有益菌/有害菌比例、潜在健康风险提示,并附送 AI 营养师定制的个性化膳食建议。检测流程全程可追踪。"}},
+          {"@type":"Question","name":"16S rRNA测序是什么?","acceptedAnswer":{"@type":"Answer","text":"16S rRNA 测序是当前国际通用的肠道菌群分析技术,通过对肠道微生物 16S 核糖体 RNA 基因进行高通量测序,可以精确鉴定样本中细菌的种类和相对丰度。该技术已广泛应用于临床研究和精准营养领域,是了解肠道微生态的金标准方法之一。"}},
+          {"@type":"Question","name":"精准健康方案包含什么内容?","acceptedAnswer":{"@type":"Answer","text":"精准健康方案基于菌群检测数据和日常健康记录,由 AI 健康模型结合专业知识库生成。包含:科学膳食搭配与精准营养素补充、优质饮水与作息指导、运动处方与节律建议、环境与空气健康提示。每位家庭成员获得个性化方案,持续跟踪调整,让健康改善可量化。"}},
+          {"@type":"Question","name":"成长规划师提供什么服务?","acceptedAnswer":{"@type":"Answer","text":"成长规划师是一对一陪伴式服务,包括:家庭五维能量评估、孩子成长阶段综合测评、个性化成长路径设计、阶段性目标设定与拆解、亲子活动策划与复盘、成长数据分析与方案调整。规划师结合 AI 推荐工具,确保每一步都有专业指导。"}},
+          {"@type":"Question","name":"五维能量评估是怎么做的?","acceptedAnswer":{"@type":"Answer","text":"五维能量评估通过 AI 智能问答测评、日常行为数据分析和专业量表三种方式综合进行。系统从身(主动健康)、智(赋能未来)、富(利他创富)、行(人际和谐)、心(大爱相随)五个维度收集数据,结合百万家庭常模进行对比分析,生成可视化的能量分布雷达图与健康指数,帮助家庭直观了解优势与短板。"}},
+          {"@type":"Question","name":"一个家庭账户可以添加几个孩子?","acceptedAnswer":{"@type":"Answer","text":"一个家庭账户可以添加多位家庭成员,包括孩子、夫妻双方和长辈。每位成员拥有独立的成长账户、五维能量体系和成长档案,数据既独立呈现又汇聚为完整的家庭幸福全景。多孩家庭可以轻松管理每个孩子的成长计划。"}},
+          {"@type":"Question","name":"浠艾福平台如何保障用户数据安全?","acceptedAnswer":{"@type":"Answer","text":"浠艾福采用多重数据安全措施:JWT Bearer Token 身份认证机制、数据加密传输与存储、独立的隐私政策和用户协议、角色化权限管理体系(家长/孩子/服务商/管理员各自拥有不同数据访问范围)。用户数据不会在未经授权的情况下被第三方获取。"}},
+          {"@type":"Question","name":"在浠艾福平台需要付费吗?","acceptedAnswer":{"@type":"Answer","text":"浠艾福提供免费的基础功能(DAN 成长档案基础版、五维能量概览、基础 AI 问答),也提供增值付费服务(菌群检测、精准健康方案、成长规划师一对一服务、专业心智测评等)。用户可根据家庭需求灵活选择,不强制消费。"}},
+          {"@type":"Question","name":"长辈也可以用浠艾福吗?","acceptedAnswer":{"@type":"Answer","text":"可以。浠艾福覆盖全家成员,长辈可以拥有独立的成长账户,关注自身健康管理(精准营养方案、体质调理、菌群检测),也参与家庭互动。平台支持多角色视角切换,让代际之间的理解与关爱更加顺畅。"}},
+          {"@type":"Question","name":"浠艾福和AI教育工具有什么区别?","acceptedAnswer":{"@type":"Answer","text":"市面上的 AI 教育工具通常只关注学习效率或单一学科。浠艾福以五行五维体系为核心,在聚焦孩子成长的同时,覆盖成人健康管理和长辈陪护关怀。核心差异在于:全家覆盖而非单一个体、五大维度全面发展而非单一能力、AI+专业规划师双驱动而非纯工具、从检测诊断到方案执行的完整闭环。是家庭幸福健康的全方位解决方案,而不仅仅是教育App。"}},
+          {"@type":"Question","name":"什么是五行相生相克在家庭教育中的应用?","acceptedAnswer":{"@type":"Answer","text":"浠艾福将五行哲学融入家庭成长体系:相生关系(身→智→富→行→心→身)让系统正向循环——强健体魄孕育智慧、智慧启迪财富、财富滋养社交、社交温暖心灵、大爱呵护健康。相克关系防止过度失衡——健康是最大财富莫用健康换金钱、勿让铜臭掩盖温情。AI 实时监控五维能量状态,在失衡前发出预警,帮助家庭保持动态平衡的成长节奏。"}}
         ]
       }
     ]
   }
   </script>
+  <!-- Microsoft Clarity 用户行为分析 -->
+  <script>
+    (function(c,l,a,r,i,t,y){
+      c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
+      t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
+      y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
+    })(window, document, "clarity", "script", "xbtkn3d56w");
+  </script>
 </head>
 <body>
 
@@ -72,10 +96,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="#dimensions" class="nav-link">五维幸福</a></li>
+          <li><a href="#wuxing" 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="#knowledge" class="nav-link">成长百科</a></li>
           <li><a href="#roles" class="nav-link">平台角色</a></li>
           <li><a href="#contact" class="nav-link">联系我们</a></li>
         </ul>
@@ -211,8 +235,6 @@
             </a>
           </div>
         </div>
-
-        </div>
     </div>
   </section>
 
@@ -240,7 +262,13 @@
             </svg>
           </div>
           <h3>DAN 成长档案<span class="product-plus">+</span></h3>
-          <p>以 AI 智能记录每位家庭成员从身体到心智的完整成长轨迹。多模态成长报告、健康数据可视化、里程碑自动标记,让每一次成长都有迹可循。 120,000+ 家庭正在用 DAN 记录孩子的第一次翻身、第一次独立阅读、第一次登台演讲——每一个里程碑,都是成长的故事。</p>
+          <p class="product-summary">AI 智能记录每位家庭成员从身体到心智的完整成长轨迹,让每一次成长都有迹可循。</p>
+          <ul class="product-features">
+            <li>多模态成长报告(文字/图片/视频)</li>
+            <li>健康数据可视化看板</li>
+            <li>里程碑自动标记与提醒</li>
+            <li>已服务 <strong>120,000+</strong> 家庭</li>
+          </ul>
           <div class="product-tags">
             <span>AI 成长追踪</span>
             <span>多模态报告</span>
@@ -258,7 +286,13 @@
             </svg>
           </div>
           <h3>成长规划</h3>
-          <p>由资深成长规划师为每个家庭量身定制个性化成长路径。结合五维能量评估与 AI 智能推荐,从阶段性目标设定到日常任务拆解、从亲子活动策划到阶段性复盘,让每位家庭成员的每一步成长都走在最适合自己的方向上,有节奏、有反馈、有成果。</p>
+          <p class="product-summary">资深成长规划师为家庭量身定制成长路径,结合五维评估与 AI 智能推荐。</p>
+          <ul class="product-features">
+            <li>阶段性目标设定与拆解</li>
+            <li>亲子活动策划与复盘</li>
+            <li>规划师一对一陪伴指导</li>
+            <li>五维能量评估驱动方向调整</li>
+          </ul>
           <div class="product-tags">
             <span>个性化规划</span>
             <span>五维评估</span>
@@ -279,7 +313,13 @@
             </svg>
           </div>
           <h3>第二基因(菌群)检测</h3>
-          <p>肠道菌群是人体的"第二基因"——通过 16S rRNA 高通量测序深度解析肠道微生态,精准识别菌群多样性、致病菌与有益菌比例、肠漏(肠道屏障完整性)等关键指标。搭配 AI 营养师从肠道菌群-肠-脑轴、代谢产物调控角度定制个性化膳食方案,根源调理全家人的体质与健康,让家庭健康长期可持续。</p>
+          <p class="product-summary">16S rRNA 高通量测序深度解析肠道微生态,AI 营养师定制个性化膳食方案,根源调理全家体质。</p>
+          <ul class="product-features">
+            <li>菌群多样性 &amp; 致病菌/有益菌比例分析</li>
+            <li>肠漏(肠道屏障完整性)评估</li>
+            <li>AI 从肠-脑轴角度定制膳食方案</li>
+            <li>居家采样,寄回出报告</li>
+          </ul>
           <div class="product-tags">
             <span>肠道菌群检测</span>
             <span>16S rRNA 测序</span>
@@ -297,7 +337,13 @@
             </svg>
           </div>
           <h3>精准健康方案</h3>
-          <p>健康调养,精准为先。基于肠道菌群检测、体质分析与 AI 智能推荐,为每位家庭成员量身定制个性化方案。从阳光照射节律、空气环境改善、科学膳食搭配、优质饮水指导到运动处方,全方位守护全家人的身体健康。并持续跟踪阶段性变化,及时调整方案,让健康改善可见、可量化。</p>
+          <p class="product-summary">基于检测与 AI 推荐为每位家庭成员量身定制健康方案,持续跟踪调整。</p>
+          <ul class="product-features">
+            <li>体质分析 + AI 智能推荐</li>
+            <li>科学膳食搭配 &amp; 优质饮水指导</li>
+            <li>运动处方 &amp; 节律调理</li>
+            <li>阶段性跟踪,健康改善可量化</li>
+          </ul>
           <div class="product-tags">
             <span>个性化方案</span>
             <span>AI 营养推荐</span>
@@ -962,7 +1008,7 @@
         <span class="section-tag">常见问题</span>
         <h2 class="section-title">你可能想知道的</h2>
         <p class="section-desc">
-          关于浠艾福平台,家长们最常问的 8 个问题。
+          关于浠艾福平台,家长们最常问的问题。
         </p>
       </div>
       <div class="faq-list">
@@ -984,12 +1030,48 @@
         </details>
         <details class="faq-item">
           <summary>菌群检测是什么?怎么做?</summary>
-          <div class="faq-answer">肠道菌群是人体的"第二基因"。通过高通量测序深度解析肠道微生态,精准识别营养需求与体质特征。用户购买检测包→采集样本→寄回实验室→获取报告→AI 营养师定制个性化膳食方案。整个过程在家即可完成。</div>
+          <div class="faq-answer">肠道菌群是人体的"第二基因"。通过 16S rRNA 高通量测序深度解析肠道微生态,精准识别菌群多样性、致病菌与有益菌比例、肠漏(肠道屏障完整性)等关键指标。用户购买检测包→居家采样→寄回实验室→获取报告→AI 营养师从肠道菌群-肠-脑轴角度定制个性化膳食方案,整个过程在家即可完成。</div>
+        </details>
+        <details class="faq-item">
+          <summary>菌群检测适合多大年龄的孩子?</summary>
+          <div class="faq-answer">菌群检测适用于全年龄段,从婴幼儿到老年人均可检测。婴幼儿的肠道菌群正处于建立关键期,检测可早期发现菌群失衡风险;成年人的肠道菌群与代谢、免疫密切相关。采样方式无创无痛,不同年龄段有对应的采样指导方案。</div>
+        </details>
+        <details class="faq-item">
+          <summary>菌群检测多久出报告?</summary>
+          <div class="faq-answer">样本寄回实验室后,通常在 15 个工作日内出具专业报告。报告涵盖菌群多样性分析、有益菌/有害菌比例、潜在健康风险提示,并附送 AI 营养师定制的个性化膳食建议。检测流程全程可追踪。</div>
+        </details>
+        <details class="faq-item">
+          <summary>16S rRNA测序是什么?</summary>
+          <div class="faq-answer">16S rRNA 测序是当前国际通用的肠道菌群分析技术,通过对肠道微生物 16S 核糖体 RNA 基因进行高通量测序,可以精确鉴定样本中细菌的种类和相对丰度。该技术已广泛应用于临床研究和精准营养领域,是了解肠道微生态的金标准方法之一。</div>
         </details>
         <details class="faq-item">
           <summary>DAN成长档案记录什么?</summary>
           <div class="faq-answer">DAN 成长档案以 AI 智能记录每位家庭成员从身体到心智的完整成长轨迹。包含多模态成长报告、健康数据可视化、里程碑自动标记。目前已服务 120,000+ 家庭用户,帮助家长不错过每个成长关键期。</div>
         </details>
+        <details class="faq-item">
+          <summary>精准健康方案包含什么内容?</summary>
+          <div class="faq-answer">精准健康方案基于菌群检测数据和日常健康记录,由 AI 健康模型结合专业知识库生成。包含:科学膳食搭配与精准营养素补充、优质饮水与作息指导、运动处方与节律建议。每位家庭成员获得个性化方案,持续跟踪调整,让健康改善可量化。</div>
+        </details>
+        <details class="faq-item">
+          <summary>成长规划师提供什么服务?</summary>
+          <div class="faq-answer">成长规划师是一对一陪伴式服务,包括:家庭五维能量评估、孩子成长阶段综合测评、个性化成长路径设计、阶段性目标设定与拆解、亲子活动策划与复盘、成长数据分析与方案调整。规划师结合 AI 推荐工具,确保每一步都有专业指导。</div>
+        </details>
+        <details class="faq-item">
+          <summary>五维能量评估是怎么做的?</summary>
+          <div class="faq-answer">五维能量评估通过 AI 智能问答测评、日常行为数据分析和专业量表三种方式综合进行。系统从身(主动健康)、智(赋能未来)、富(利他创富)、行(人际和谐)、心(大爱相随)五个维度收集数据,结合百万家庭常模进行对比分析,生成可视化的能量分布雷达图与健康指数。</div>
+        </details>
+        <details class="faq-item">
+          <summary>一个家庭账户可以添加几个孩子?</summary>
+          <div class="faq-answer">一个家庭账户可以添加多位家庭成员,包括孩子、夫妻双方和长辈。每位成员拥有独立的成长账户、五维能量体系和成长档案,数据既独立呈现又汇聚为完整的家庭幸福全景。多孩家庭可以轻松管理每个孩子的成长计划。</div>
+        </details>
+        <details class="faq-item">
+          <summary>长辈也可以用浠艾福吗?</summary>
+          <div class="faq-answer">可以。浠艾福覆盖全家成员,长辈可以拥有独立的成长账户,关注自身健康管理(精准营养方案、体质调理、菌群检测),也参与家庭互动。平台支持多角色视角切换,让代际之间的理解与关爱更加顺畅。</div>
+        </details>
+        <details class="faq-item">
+          <summary>在浠艾福平台需要付费吗?</summary>
+          <div class="faq-answer">浠艾福提供免费的基础功能(DAN 成长档案基础版、五维能量概览、基础 AI 问答),也提供增值付费服务(菌群检测、精准健康方案、成长规划师一对一服务、专业心智测评等)。用户可根据家庭需求灵活选择,不强制消费。</div>
+        </details>
         <details class="faq-item">
           <summary>哪些人可以成为服务商?</summary>
           <div class="faq-answer">成长规划师、健康营养师、心理咨询师、活动管理员等专业从业者均可入驻。微信搜索「浠艾福」小程序,在"我的"→"服务商入驻"中提交申请,平台审核通过后即可为家庭提供服务。目前已有 1,000+ 专业从业人员入驻。</div>
@@ -998,6 +1080,18 @@
           <summary>浠艾福适合什么样的家庭?</summary>
           <div class="faq-answer">任何关注全家综合健康与成长的家庭都适合——从希望获得科学营养方案的父母,到需要专业成长规划的孩子,再到需要身心关怀的长辈。浠艾福提供从检测诊断到方案执行的全链路服务,一站式覆盖。</div>
         </details>
+        <details class="faq-item">
+          <summary>浠艾福和AI教育工具有什么区别?</summary>
+          <div class="faq-answer">市面上的 AI 教育工具通常只关注学习效率或单一学科。浠艾福以五行五维体系为核心,在聚焦孩子成长的同时,覆盖成人健康管理和长辈陪护关怀。核心差异在于:全家覆盖而非单一个体、五大维度全面发展而非单一能力、AI+专业规划师双驱动而非纯工具、从检测诊断到方案执行的完整闭环。</div>
+        </details>
+        <details class="faq-item">
+          <summary>什么是五行相生相克在家庭教育中的应用?</summary>
+          <div class="faq-answer">浠艾福将五行哲学融入家庭成长体系:相生关系(身→智→富→行→心→身)让系统正向循环——强健体魄孕育智慧、智慧启迪财富、财富滋养社交、社交温暖心灵、大爱呵护健康。相克关系防止过度失衡——健康是最大财富莫用健康换金钱、勿让铜臭掩盖温情。AI 实时监控五维能量状态,在失衡前发出预警,帮助家庭保持动态平衡的成长节奏。</div>
+        </details>
+        <details class="faq-item">
+          <summary>浠艾福平台如何保障用户数据安全?</summary>
+          <div class="faq-answer">浠艾福采用多重数据安全措施:JWT Bearer Token 身份认证机制、数据加密传输与存储、独立的隐私政策和用户协议、角色化权限管理体系(家长/孩子/服务商/管理员各自拥有不同数据访问范围)。用户数据不会在未经授权的情况下被第三方获取。</div>
+        </details>
       </div>
     </div>
   </section>
@@ -1173,6 +1267,28 @@
     </div>
   </section>
 
+  <!-- ==================== Knowledge Base ==================== -->
+  <section class="section section-knowledge" id="knowledge">
+    <div class="container">
+      <div class="section-header">
+        <span class="section-tag">成长百科</span>
+        <h2 class="section-title">科学育儿 · 从了解开始</h2>
+        <p class="section-desc">
+          避免盲目培养、野蛮成长。从专业视角了解孩子每个阶段的身心发展规律,
+          用科学知识为孩子的健康成长保驾护航。
+        </p>
+      </div>
+      <div class="knowledge-grid" id="knowledgeGrid">
+        <div class="knowledge-loading" id="knowledgeLoading">
+          <span class="knowledge-loading-text">加载中...</span>
+        </div>
+      </div>
+      <div class="knowledge-footer">
+        <p class="knowledge-tip">微信搜索「<strong>浠艾福</strong>」小程序,获取更多专业成长知识</p>
+      </div>
+    </div>
+  </section>
+
   <!-- ==================== Footer ==================== -->
   <footer class="site-footer">
     <div class="container">
@@ -1201,6 +1317,14 @@
               <li><a href="#contact">联系方式</a></li>
             </ul>
           </div>
+          <div class="footer-col">
+            <h4>联系方式</h4>
+            <ul class="footer-contact">
+              <li><a href="tel:010-86461234">010-86461234</a></li>
+              <li><a href="mailto:contact@etotem.com.cn">contact@etotem.com.cn</a></li>
+              <li>北京市海淀区</li>
+            </ul>
+          </div>
           <div class="footer-col">
             <h4>友情链接</h4>
             <ul>
@@ -1211,10 +1335,46 @@
       </div>
       <div class="footer-bottom">
         <p>&copy; 2026 亿图腾(北京)科技有限公司. All rights reserved.</p>
+        <p class="footer-legal">
+          <a href="#">隐私政策</a>
+          <a href="#">用户协议</a>
+          <span>京ICP备XXXXXXXX号</span>
+        </p>
       </div>
     </div>
   </footer>
 
+  <!-- ==================== Floating CTA ==================== -->
+  <div class="float-cta" id="floatCta">
+    <button class="float-cta-btn" id="floatCtaBtn" aria-label="扫码体验">
+      <svg viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+        <path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2V9z"/>
+        <polyline points="9 22 9 12 15 12 15 22"/>
+      </svg>
+    </button>
+    <div class="float-cta-popup" id="floatCtaPopup">
+      <div class="float-cta-popup-inner">
+        <button class="float-cta-close" id="floatCtaClose" aria-label="关闭">&times;</button>
+        <p class="float-cta-title">微信扫码体验</p>
+        <div class="float-cta-qr">
+          <svg viewBox="0 0 24 24" width="56" height="56" fill="none" stroke="#4A9BD7" stroke-width="1.2">
+            <rect x="2" y="2" width="8" height="8" rx="1.5"/>
+            <rect x="14" y="2" width="8" height="8" rx="1.5"/>
+            <rect x="2" y="14" width="8" height="8" rx="1.5"/>
+            <path d="M14 14h2v2h-2zM18 14h2v2h-2zM14 18h2v2h-2zM18 18h2v2h-2zM16 16h2v2h-2z"/>
+          </svg>
+        </div>
+        <p class="float-cta-tip">微信搜索「<strong>浠艾福</strong>」小程序</p>
+      </div>
+    </div>
+  </div>
+
+  <!-- ==================== Cookie Consent ==================== -->
+  <div class="cookie-consent" id="cookieConsent">
+    <p class="cookie-consent-text">本网站使用 Cookie 提升用户体验。继续使用即表示您同意我们的 <a href="#">隐私政策</a>。</p>
+    <button class="cookie-consent-btn" id="cookieConsentBtn">知道了</button>
+  </div>
+
   <!-- JavaScript -->
   <script src="js/main.js"></script>
 </body>