feat(web): restructure sections - swap pillars before capabilities, rename

- Swapped 幸福支柱 (was #pillars) before 核心能力 (was #products)
- Renamed: 幸福三支柱 → 幸福支柱
- Renamed: 四大核心能力·数据到行动的闭环 → 核心能力
- Renamed: 五行相生相克 · 五维动态平衡 → 能量维度 (subtitle: 五大能量维度 · 动态平衡)
- Updated nav with new names and order

web/index.html

@@ -106,7 +106,9 @@
         <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="#pillars" class="nav-link">幸福支柱</a></li>
+          <li><a href="#products" 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>
@@ -248,12 +250,95 @@
     </div>
   </section>
 
+  <!-- ==================== Three Pillars of Happiness ==================== -->
+  <section class="section section-pillars" id="pillars">
+    <div class="container">
+      <div class="section-header">
+        <span class="section-tag">目标体系</span>
+        <h2 class="section-title">幸福支柱</h2>
+        <p class="section-subtitle">目标指引方向 · 五维落地执行</p>
+        <p class="section-desc">
+          三大目标支柱指引家庭幸福方向，扩展至五维行动体系落地执行。
+          每一支柱映射两个核心维度，从愿景到行动，让幸福可感知、可衡量、可持续。
+        </p>
+      </div>
+
+      <div class="pillars-grid">
+        <!-- 衣食无忧 -->
+        <div class="pillar-card pillar-card--material reveal">
+          <div class="pillar-main">
+            <div class="pillar-left">
+              <div class="pillar-name">衣食无忧</div>
+              <div class="pillar-subtitle">物质生存基础</div>
+            </div>
+            <div class="pillar-arrow">✕</div>
+            <div class="pillar-dimensions">
+              <span class="pillar-dim-badge" style="--dim-color:#FF8C42; background:#FF8C42">
+                身 <span class="dim-sub">主动健康</span>
+              </span>
+              <span class="pillar-dim-badge" style="--dim-color:#F59E0B; background:#F59E0B">
+                富 <span class="dim-sub">利他创富</span>
+              </span>
+            </div>
+          </div>
+          <div class="pillar-interpretation">
+            <strong>身</strong>是无忧的根基——无病无灾才有底气；<strong>富</strong>是无忧的源泉——持续进账才有保障。两者结合，既保命又保财，构成家庭坚实的物理底盘。
+          </div>
+        </div>
+
+        <!-- 受人尊敬 -->
+        <div class="pillar-card pillar-card--respect reveal">
+          <div class="pillar-main">
+            <div class="pillar-left">
+              <div class="pillar-name">受人尊敬</div>
+              <div class="pillar-subtitle">社会价值认同</div>
+            </div>
+            <div class="pillar-arrow">➡️</div>
+            <div class="pillar-dimensions">
+              <span class="pillar-dim-badge" style="--dim-color:#6366F1; background:#6366F1">
+                智 <span class="dim-sub">赋能未来</span>
+              </span>
+              <span class="pillar-dim-badge" style="--dim-color:#10B981; background:#10B981">
+                行 <span class="dim-sub">人际和谐</span>
+              </span>
+            </div>
+          </div>
+          <div class="pillar-interpretation">
+            <strong>智</strong>是受人尊敬的内核——真才实学与健全人格赢得认可；<strong>行</strong>是受人尊敬的外显——和睦友善与广结善缘积累声望。内外兼修，社会价值自然彰显。
+          </div>
+        </div>
+
+        <!-- 子女传承 -->
+        <div class="pillar-card pillar-card--legacy reveal">
+          <div class="pillar-main">
+            <div class="pillar-left">
+              <div class="pillar-name">子女传承</div>
+              <div class="pillar-subtitle">生命延续与期望</div>
+            </div>
+            <div class="pillar-arrow">➡️</div>
+            <div class="pillar-dimensions">
+              <span class="pillar-dim-badge" style="--dim-color:#FF6B9D; background:#FF6B9D">
+                心 <span class="dim-sub">大爱相随</span>
+              </span>
+              <span class="pillar-dim-badge" style="--dim-color:#6366F1; background:#6366F1">
+                智 <span class="dim-sub">赋能未来</span>
+              </span>
+            </div>
+          </div>
+          <div class="pillar-interpretation">
+            传承不仅是血脉，更是爱与智慧。<strong>心</strong>负责凝聚家族情感纽带，让子女感受温暖与归属；<strong>智</strong>负责赋予子女立足未来的核心竞争力，让传承有质量。
+          </div>
+        </div>
+      </div>
+    </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>
+        <h2 class="section-title">核心能力</h2>
         <p class="section-desc">
           从数据采集到数据分析，从方案确认到执行跟踪，浠艾福以 AI 与专业服务
           形成完整的家庭健康与成长管理闭环。
@@ -362,95 +447,13 @@
     </div>
   </section>
 
-  <!-- ==================== Three Pillars of Happiness ==================== -->
-  <section class="section section-pillars" id="pillars">
-    <div class="container">
-      <div class="section-header">
-        <span class="section-tag">目标体系</span>
-        <h2 class="section-title">幸福三支柱</h2>
-        <p class="section-subtitle">目标指引方向 · 五维落地执行</p>
-        <p class="section-desc">
-          三大目标支柱指引家庭幸福方向，扩展至五维行动体系落地执行。
-          每一支柱映射两个核心维度，从愿景到行动，让幸福可感知、可衡量、可持续。
-        </p>
-      </div>
-
-      <div class="pillars-grid">
-        <!-- 衣食无忧 -->
-        <div class="pillar-card pillar-card--material reveal">
-          <div class="pillar-main">
-            <div class="pillar-left">
-              <div class="pillar-name">衣食无忧</div>
-              <div class="pillar-subtitle">物质生存基础</div>
-            </div>
-            <div class="pillar-arrow">✕</div>
-            <div class="pillar-dimensions">
-              <span class="pillar-dim-badge" style="--dim-color:#FF8C42; background:#FF8C42">
-                身 <span class="dim-sub">主动健康</span>
-              </span>
-              <span class="pillar-dim-badge" style="--dim-color:#F59E0B; background:#F59E0B">
-                富 <span class="dim-sub">利他创富</span>
-              </span>
-            </div>
-          </div>
-          <div class="pillar-interpretation">
-            <strong>身</strong>是无忧的根基——无病无灾才有底气；<strong>富</strong>是无忧的源泉——持续进账才有保障。两者结合，既保命又保财，构成家庭坚实的物理底盘。
-          </div>
-        </div>
-
-        <!-- 受人尊敬 -->
-        <div class="pillar-card pillar-card--respect reveal">
-          <div class="pillar-main">
-            <div class="pillar-left">
-              <div class="pillar-name">受人尊敬</div>
-              <div class="pillar-subtitle">社会价值认同</div>
-            </div>
-            <div class="pillar-arrow">➡️</div>
-            <div class="pillar-dimensions">
-              <span class="pillar-dim-badge" style="--dim-color:#6366F1; background:#6366F1">
-                智 <span class="dim-sub">赋能未来</span>
-              </span>
-              <span class="pillar-dim-badge" style="--dim-color:#10B981; background:#10B981">
-                行 <span class="dim-sub">人际和谐</span>
-              </span>
-            </div>
-          </div>
-          <div class="pillar-interpretation">
-            <strong>智</strong>是受人尊敬的内核——真才实学与健全人格赢得认可；<strong>行</strong>是受人尊敬的外显——和睦友善与广结善缘积累声望。内外兼修，社会价值自然彰显。
-          </div>
-        </div>
-
-        <!-- 子女传承 -->
-        <div class="pillar-card pillar-card--legacy reveal">
-          <div class="pillar-main">
-            <div class="pillar-left">
-              <div class="pillar-name">子女传承</div>
-              <div class="pillar-subtitle">生命延续与期望</div>
-            </div>
-            <div class="pillar-arrow">➡️</div>
-            <div class="pillar-dimensions">
-              <span class="pillar-dim-badge" style="--dim-color:#FF6B9D; background:#FF6B9D">
-                心 <span class="dim-sub">大爱相随</span>
-              </span>
-              <span class="pillar-dim-badge" style="--dim-color:#6366F1; background:#6366F1">
-                智 <span class="dim-sub">赋能未来</span>
-              </span>
-            </div>
-          </div>
-          <div class="pillar-interpretation">
-            传承不仅是血脉，更是爱与智慧。<strong>心</strong>负责凝聚家族情感纽带，让子女感受温暖与归属；<strong>智</strong>负责赋予子女立足未来的核心竞争力，让传承有质量。
-          </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>
-        <h2 class="section-title">五行相生相克 · 五维动态平衡</h2>
+        <h2 class="section-title">能量维度</h2>
+        <p class="section-subtitle">五大能量维度 · 动态平衡</p>
         <p class="section-desc">
           在 AI 时代，家庭成长面临前所未有的机遇与挑战。
           五维幸福并非各自孤立，而是像一个有机生态系统——