feat: 富维度月度引导语 + 健康/成长页五维闭环体系

富维度:
- 新增月度引导语（12个月差异化文案）
- 💧金色主题样式

健康页(health-main)登录前:
- 新增五维闭环体系可视化（身/心/智/行/富环形图）
- 相生关系: 身→智→富→行→心→身
- 相克关系: 身克富·智克行·富克心·行克身·心克智
- 五维介绍卡片（点击跳转对应维度页）

成长页(growth-main)登录前:
- 同构五维闭环体系（绿色主题区分）
- 替换原理念卡位置，内容更丰富
- 保留原登录后逻辑不变

cfc-frontend/pages/growth-main/index.vue

@@ -4,6 +4,96 @@
       <PageBanner theme="action" tagline="干预 · 记录 · 成长" quote="知行合一，每天进步一点点" />
       <!-- 品牌定位语 -->
       <view class="brand-strap"><text class="brand-strap-text">看见改变正在发生</text></view>
+      <!-- 五维健康体系 -->
+      <view class="wuxing-section">
+        <view class="wuxing-title">身·心·智·行·富 五维闭环</view>
+        <view class="wuxing-desc">五行相生相克，构成家庭健康的完整生态</view>
+        <view class="wuxing-diagram">
+          <view class="wd-center">
+            <text class="wd-center-text">家庭健康</text>
+            <text class="wd-center-sub">闭环系统</text>
+          </view>
+          <view class="wd-ring">
+            <view class="wd-node wd-body" @click="goPage('/pages/body-detail/index')">
+              <text class="wd-icon">🌏</text>
+              <text class="wd-name">身</text>
+              <text class="wd-desc">主动健康</text>
+            </view>
+            <view class="wd-node wd-wisdom" @click="goPage('/pages/wisdom-detail/index')">
+              <text class="wd-icon">⚡</text>
+              <text class="wd-name">智</text>
+              <text class="wd-desc">赋能未来</text>
+            </view>
+            <view class="wd-node wd-wealth" @click="goPage('/pages/wealth/index')">
+              <text class="wd-icon">💧</text>
+              <text class="wd-name">富</text>
+              <text class="wd-desc">利他创富</text>
+            </view>
+            <view class="wd-node wd-action" @click="goPage('/pages/action-detail/member-action-detail')">
+              <text class="wd-icon">🌿</text>
+              <text class="wd-name">行</text>
+              <text class="wd-desc">人际和谐</text>
+            </view>
+            <view class="wd-node wd-mind" @click="goPage('/pages/mind-detail/index')">
+              <text class="wd-icon">🔥</text>
+              <text class="wd-name">心</text>
+              <text class="wd-desc">大爱相随</text>
+            </view>
+          </view>
+        </view>
+        <view class="wuxing-relations">
+          <view class="rel-group">
+            <text class="rel-title">相生 → 系统前进</text>
+            <view class="rel-chain">
+              <text class="rel-item">🌏 身</text><text class="rel-arrow">→</text>
+              <text class="rel-item">⚡ 智</text><text class="rel-arrow">→</text>
+              <text class="rel-item">💧 富</text><text class="rel-arrow">→</text>
+              <text class="rel-item">🌿 行</text><text class="rel-arrow">→</text>
+              <text class="rel-item">🔥 心</text><text class="rel-arrow">→</text>
+              <text class="rel-item">🌏 身</text>
+            </view>
+            <text class="rel-hint">健康孕育智慧，智慧创造价值，价值滋养关系，关系反哺心灵，心灵守护健康</text>
+          </view>
+          <view class="rel-group">
+            <text class="rel-title">相克 → 系统平衡</text>
+            <view class="rel-chain">
+              <text class="rel-item">🌏 身</text><text class="rel-op">克</text><text class="rel-item">💧 富</text><text class="rel-dot">·</text>
+              <text class="rel-item">⚡ 智</text><text class="rel-op">克</text><text class="rel-item">🌿 行</text><text class="rel-dot">·</text>
+              <text class="rel-item">💧 富</text><text class="rel-op">克</text><text class="rel-item">🔥 心</text><text class="rel-dot">·</text>
+              <text class="rel-item">🌿 行</text><text class="rel-op">克</text><text class="rel-item">🌏 身</text><text class="rel-dot">·</text>
+              <text class="rel-item">🔥 心</text><text class="rel-op">克</text><text class="rel-item">⚡ 智</text>
+            </view>
+            <text class="rel-hint">健康不换来金钱，算计不如真诚，财富服务家庭，关爱有度，大爱留理性</text>
+          </view>
+        </view>
+        <view class="wuxing-cards">
+          <view class="wc-card wc-body" @click="goPage('/pages/body-detail/index')">
+            <text class="wc-icon">🌏</text>
+            <text class="wc-name">身 · 主动健康</text>
+            <text class="wc-text">用最适合的方法，从根源调理全家体质</text>
+          </view>
+          <view class="wc-card wc-wisdom" @click="goPage('/pages/wisdom-detail/index')">
+            <text class="wc-icon">⚡</text>
+            <text class="wc-name">智 · 赋能未来</text>
+            <text class="wc-text">心智测评与综合素质培养，开启下一代大智慧</text>
+          </view>
+          <view class="wc-card wc-wealth" @click="goPage('/pages/wealth/index')">
+            <text class="wc-icon">💧</text>
+            <text class="wc-name">富 · 利他创富</text>
+            <text class="wc-text">在利他分享中实现家庭第二收入曲线</text>
+          </view>
+          <view class="wc-card wc-action" @click="goPage('/pages/action-detail/member-action-detail')">
+            <text class="wc-icon">🌿</text>
+            <text class="wc-name">行 · 人际和谐</text>
+            <text class="wc-text">亲子关系·夫妻关系·社交人脉，以和谐滋养幸福</text>
+          </view>
+          <view class="wc-card wc-mind" @click="goPage('/pages/mind-detail/index')">
+            <text class="wc-icon">🔥</text>
+            <text class="wc-name">心 · 大爱相随</text>
+            <text class="wc-text">心理学视角解读自我与家人，升华家族纽带</text>
+          </view>
+        </view>
+      </view>
       <!-- 理念卡 -->
       <view class="concept-card">
         <text class="concept-quote">记录不是目的，看见改变才是。</text>
@@ -356,3 +446,52 @@ export default {
 .survey-empty{padding:12rpx 0}
 .survey-empty-text{font-size:24rpx;color:#999}
 </style>
+
+/* ===== 五维闭环体系样式 ===== */
+.wuxing-section { margin: 0 24rpx 16rpx; background: #fff; border-radius: 20rpx; padding: 24rpx; box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.06); }
+.wuxing-title { font-size: 30rpx; font-weight: bold; color: #333; text-align: center; margin-bottom: 6rpx; }
+.wuxing-desc { font-size: 22rpx; color: #999; text-align: center; margin-bottom: 20rpx; }
+.wuxing-diagram { position: relative; height: 320rpx; margin: 0 auto 20rpx; }
+.wd-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 140rpx; height: 140rpx; background: linear-gradient(135deg, #10B981, #34D399); border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0 4rpx 20rpx rgba(16,185,129,0.3); z-index: 2; }
+.wd-center-text { font-size: 24rpx; font-weight: bold; color: #fff; }
+.wd-center-sub { font-size: 18rpx; color: rgba(255,255,255,0.8); margin-top: 2rpx; }
+.wd-ring { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
+.wd-node { position: absolute; width: 130rpx; text-align: center; cursor: pointer; }
+.wd-node:nth-child(1) { top: 0; left: 50%; transform: translateX(-50%); }
+.wd-node:nth-child(2) { top: 25%; right: 0; }
+.wd-node:nth-child(3) { bottom: 25%; right: 0; }
+.wd-node:nth-child(4) { bottom: 0; left: 50%; transform: translateX(-50%); }
+.wd-node:nth-child(5) { bottom: 25%; left: 0; }
+.wd-icon { font-size: 40rpx; display: block; }
+.wd-name { font-size: 26rpx; font-weight: bold; display: block; margin-top: 4rpx; }
+.wd-desc { font-size: 18rpx; color: #999; display: block; }
+.wd-node.wd-body .wd-name { color: #FF8C42; }
+.wd-node.wd-wisdom .wd-name { color: #6366F1; }
+.wd-node.wd-wealth .wd-name { color: #F59E0B; }
+.wd-node.wd-action .wd-name { color: #10B981; }
+.wd-node.wd-mind .wd-name { color: #FF6B9D; }
+.wuxing-relations { margin-top: 8rpx; }
+.rel-group { margin-bottom: 16rpx; }
+.rel-title { font-size: 24rpx; font-weight: bold; color: #333; margin-bottom: 8rpx; display: block; }
+.rel-chain { display: flex; flex-wrap: wrap; align-items: center; gap: 4rpx; margin-bottom: 6rpx; }
+.rel-item { font-size: 22rpx; padding: 4rpx 10rpx; border-radius: 8rpx; background: #f5f5f5; }
+.rel-arrow { font-size: 20rpx; color: #10B981; font-weight: bold; }
+.rel-op { font-size: 20rpx; color: #f56c6c; font-weight: bold; }
+.rel-dot { font-size: 20rpx; color: #ccc; }
+.rel-hint { font-size: 20rpx; color: #999; line-height: 1.5; display: block; }
+.wuxing-cards { display: flex; flex-direction: column; gap: 10rpx; margin-top: 16rpx; }
+.wc-card { display: flex; align-items: center; padding: 16rpx 20rpx; border-radius: 16rpx; border: 2rpx solid #f0f0f0; }
+.wc-card:active { opacity: 0.85; }
+.wc-icon { font-size: 36rpx; margin-right: 16rpx; flex-shrink: 0; }
+.wc-name { font-size: 24rpx; font-weight: 600; flex: 1; }
+.wc-text { font-size: 20rpx; color: #999; display: block; margin-top: 2rpx; }
+.wc-body { border-color: rgba(255,140,66,0.3); background: rgba(255,140,66,0.04); }
+.wc-body .wc-name { color: #FF8C42; }
+.wc-wisdom { border-color: rgba(99,102,241,0.3); background: rgba(99,102,241,0.04); }
+.wc-wisdom .wc-name { color: #6366F1; }
+.wc-wealth { border-color: rgba(245,158,11,0.3); background: rgba(245,158,11,0.04); }
+.wc-wealth .wc-name { color: #F59E0B; }
+.wc-action { border-color: rgba(16,185,129,0.3); background: rgba(16,185,129,0.04); }
+.wc-action .wc-name { color: #10B981; }
+.wc-mind { border-color: rgba(255,107,157,0.3); background: rgba(255,107,157,0.04); }
+.wc-mind .wc-name { color: #FF6B9D; }

cfc-frontend/pages/health-main/index.vue

@@ -53,6 +53,116 @@
             '每日打卡追踪身体/情绪/认知趋势'
           ]" />
       </view>
+
+      <!-- 五维健康体系 -->
+      <view class="wuxing-section">
+        <view class="wuxing-title">身·心·智·行·富 五维闭环</view>
+        <view class="wuxing-desc">五行相生相克，构成家庭健康的完整生态</view>
+        <view class="wuxing-diagram">
+          <view class="wd-center">
+            <text class="wd-center-text">家庭健康</text>
+            <text class="wd-center-sub">闭环系统</text>
+          </view>
+          <view class="wd-ring">
+            <view class="wd-node wd-body" @click="goPage('/pages/body-detail/index')">
+              <text class="wd-icon">🌏</text>
+              <text class="wd-name">身</text>
+              <text class="wd-desc">主动健康</text>
+            </view>
+            <view class="wd-node wd-wisdom" @click="goPage('/pages/wisdom-detail/index')">
+              <text class="wd-icon">⚡</text>
+              <text class="wd-name">智</text>
+              <text class="wd-desc">赋能未来</text>
+            </view>
+            <view class="wd-node wd-wealth" @click="goPage('/pages/wealth/index')">
+              <text class="wd-icon">💧</text>
+              <text class="wd-name">富</text>
+              <text class="wd-desc">利他创富</text>
+            </view>
+            <view class="wd-node wd-action" @click="goPage('/pages/action-detail/member-action-detail')">
+              <text class="wd-icon">🌿</text>
+              <text class="wd-name">行</text>
+              <text class="wd-desc">人际和谐</text>
+            </view>
+            <view class="wd-node wd-mind" @click="goPage('/pages/mind-detail/index')">
+              <text class="wd-icon">🔥</text>
+              <text class="wd-name">心</text>
+              <text class="wd-desc">大爱相随</text>
+            </view>
+          </view>
+        </view>
+        <view class="wuxing-relations">
+          <view class="rel-group">
+            <text class="rel-title">相生 → 系统前进</text>
+            <view class="rel-chain">
+              <text class="rel-item">🌏 身</text>
+              <text class="rel-arrow">→</text>
+              <text class="rel-item">⚡ 智</text>
+              <text class="rel-arrow">→</text>
+              <text class="rel-item">💧 富</text>
+              <text class="rel-arrow">→</text>
+              <text class="rel-item">🌿 行</text>
+              <text class="rel-arrow">→</text>
+              <text class="rel-item">🔥 心</text>
+              <text class="rel-arrow">→</text>
+              <text class="rel-item">🌏 身</text>
+            </view>
+            <text class="rel-hint">健康孕育智慧，智慧创造价值，价值滋养关系，关系反哺心灵，心灵守护健康</text>
+          </view>
+          <view class="rel-group">
+            <text class="rel-title">相克 → 系统平衡</text>
+            <view class="rel-chain">
+              <text class="rel-item">🌏 身</text>
+              <text class="rel-op">克</text>
+              <text class="rel-item">💧 富</text>
+              <text class="rel-dot">·</text>
+              <text class="rel-item">⚡ 智</text>
+              <text class="rel-op">克</text>
+              <text class="rel-item">🌿 行</text>
+              <text class="rel-dot">·</text>
+              <text class="rel-item">💧 富</text>
+              <text class="rel-op">克</text>
+              <text class="rel-item">🔥 心</text>
+              <text class="rel-dot">·</text>
+              <text class="rel-item">🌿 行</text>
+              <text class="rel-op">克</text>
+              <text class="rel-item">🌏 身</text>
+              <text class="rel-dot">·</text>
+              <text class="rel-item">🔥 心</text>
+              <text class="rel-op">克</text>
+              <text class="rel-item">⚡ 智</text>
+            </view>
+            <text class="rel-hint">健康不换来金钱，算计不如真诚，财富服务家庭，关爱有度，大爱留理性</text>
+          </view>
+        </view>
+        <view class="wuxing-cards">
+          <view class="wc-card wc-body" @click="goPage('/pages/body-detail/index')">
+            <text class="wc-icon">🌏</text>
+            <text class="wc-name">身 · 主动健康</text>
+            <text class="wc-text">用最适合的方法，从根源调理全家体质</text>
+          </view>
+          <view class="wc-card wc-wisdom" @click="goPage('/pages/wisdom-detail/index')">
+            <text class="wc-icon">⚡</text>
+            <text class="wc-name">智 · 赋能未来</text>
+            <text class="wc-text">心智测评与综合素质培养，开启下一代大智慧</text>
+          </view>
+          <view class="wc-card wc-wealth" @click="goPage('/pages/wealth/index')">
+            <text class="wc-icon">💧</text>
+            <text class="wc-name">富 · 利他创富</text>
+            <text class="wc-text">在利他分享中实现家庭第二收入曲线</text>
+          </view>
+          <view class="wc-card wc-action" @click="goPage('/pages/action-detail/member-action-detail')">
+            <text class="wc-icon">🌿</text>
+            <text class="wc-name">行 · 人际和谐</text>
+            <text class="wc-text">亲子关系·夫妻关系·社交人脉，以和谐滋养幸福</text>
+          </view>
+          <view class="wc-card wc-mind" @click="goPage('/pages/mind-detail/index')">
+            <text class="wc-icon">🔥</text>
+            <text class="wc-name">心 · 大爱相随</text>
+            <text class="wc-text">心理学视角解读自我与家人，升华家族纽带</text>
+          </view>
+        </view>
+      </view>
     </view>
     <view v-else>
       <PageBanner theme="body" tagline="看见·主动健康闭环" quote="采集→看见→行动" />
@@ -368,3 +478,52 @@ export default {
 .self-test-sub { font-size: 22rpx; color: rgba(255,255,255,0.8); display: block; margin-top: 4rpx; }
 .self-test-arrow { font-size: 36rpx; color: rgba(255,255,255,0.7); }
 .login-guide-section { margin: 0 24rpx 24rpx; }
+
+/* ===== 五维闭环体系样式 ===== */
+.wuxing-section { margin: 0 24rpx 16rpx; background: #fff; border-radius: 20rpx; padding: 24rpx; box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.06); }
+.wuxing-title { font-size: 30rpx; font-weight: bold; color: #333; text-align: center; margin-bottom: 6rpx; }
+.wuxing-desc { font-size: 22rpx; color: #999; text-align: center; margin-bottom: 20rpx; }
+.wuxing-diagram { position: relative; height: 320rpx; margin: 0 auto 20rpx; }
+.wd-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 140rpx; height: 140rpx; background: linear-gradient(135deg, #F97316, #FB923C); border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: 0 4rpx 20rpx rgba(249,115,22,0.3); z-index: 2; }
+.wd-center-text { font-size: 24rpx; font-weight: bold; color: #fff; }
+.wd-center-sub { font-size: 18rpx; color: rgba(255,255,255,0.8); margin-top: 2rpx; }
+.wd-ring { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
+.wd-node { position: absolute; width: 130rpx; text-align: center; cursor: pointer; }
+.wd-node:nth-child(1) { top: 0; left: 50%; transform: translateX(-50%); }
+.wd-node:nth-child(2) { top: 25%; right: 0; }
+.wd-node:nth-child(3) { bottom: 25%; right: 0; }
+.wd-node:nth-child(4) { bottom: 0; left: 50%; transform: translateX(-50%); }
+.wd-node:nth-child(5) { bottom: 25%; left: 0; }
+.wd-icon { font-size: 40rpx; display: block; }
+.wd-name { font-size: 26rpx; font-weight: bold; display: block; margin-top: 4rpx; }
+.wd-desc { font-size: 18rpx; color: #999; display: block; }
+.wd-node.wd-body .wd-name { color: #FF8C42; }
+.wd-node.wd-wisdom .wd-name { color: #6366F1; }
+.wd-node.wd-wealth .wd-name { color: #F59E0B; }
+.wd-node.wd-action .wd-name { color: #10B981; }
+.wd-node.wd-mind .wd-name { color: #FF6B9D; }
+.wuxing-relations { margin-top: 8rpx; }
+.rel-group { margin-bottom: 16rpx; }
+.rel-title { font-size: 24rpx; font-weight: bold; color: #333; margin-bottom: 8rpx; display: block; }
+.rel-chain { display: flex; flex-wrap: wrap; align-items: center; gap: 4rpx; margin-bottom: 6rpx; }
+.rel-item { font-size: 22rpx; padding: 4rpx 10rpx; border-radius: 8rpx; background: #f5f5f5; }
+.rel-arrow { font-size: 20rpx; color: #F97316; font-weight: bold; }
+.rel-arrow-cl { font-size: 20rpx; color: #f56c6c; font-weight: bold; }
+.rel-dot { font-size: 20rpx; color: #ccc; }
+.rel-hint { font-size: 20rpx; color: #999; line-height: 1.5; display: block; }
+.wuxing-cards { display: flex; flex-direction: column; gap: 10rpx; margin-top: 16rpx; }
+.wc-card { display: flex; align-items: center; padding: 16rpx 20rpx; border-radius: 16rpx; border: 2rpx solid #f0f0f0; }
+.wc-card:active { opacity: 0.85; }
+.wc-icon { font-size: 36rpx; margin-right: 16rpx; flex-shrink: 0; }
+.wc-name { font-size: 24rpx; font-weight: 600; flex: 1; }
+.wc-text { font-size: 20rpx; color: #999; display: block; margin-top: 2rpx; }
+.wc-body { border-color: rgba(255,140,66,0.3); background: rgba(255,140,66,0.04); }
+.wc-body .wc-name { color: #FF8C42; }
+.wc-wisdom { border-color: rgba(99,102,241,0.3); background: rgba(99,102,241,0.04); }
+.wc-wisdom .wc-name { color: #6366F1; }
+.wc-wealth { border-color: rgba(245,158,11,0.3); background: rgba(245,158,11,0.04); }
+.wc-wealth .wc-name { color: #F59E0B; }
+.wc-action { border-color: rgba(16,185,129,0.3); background: rgba(16,185,129,0.04); }
+.wc-action .wc-name { color: #10B981; }
+.wc-mind { border-color: rgba(255,107,157,0.3); background: rgba(255,107,157,0.04); }
+.wc-mind .wc-name { color: #FF6B9D; }

cfc-frontend/pages/wealth/index.vue

@@ -14,6 +14,12 @@
         <text class="brand-strap-text">分享价值，收获财富</text>
       </view>
 
+      <!-- 月度引导语 -->
+      <view class="monthly-guidance" v-if="!isLoggedIn">
+        <text class="guidance-icon">💧</text>
+        <text class="guidance-text">{{ monthlyGuidance }}</text>
+      </view>
+
       <!-- 登录引导 -->
       <view class="login-guide-section">
         <LoginGuideCard
@@ -299,6 +305,25 @@ export default {
     this.loadFamilyMembersVisible()
     this._watchPageReady()
   },
+    /** 每月引导语 */
+    monthlyGuidance: function() {
+      var month = new Date().getMonth()
+      var messages = [
+        '一月：理财从记账开始，养习惯',
+        '二月：新年规划，梳理家庭收支',
+        '三月：春耕时节，播种财富种子',
+        '四月：清明踏青，规划家庭支出',
+        '五月：劳动节后，复盘收支状况',
+        '六月：年中复盘，调整财富目标',
+        '七月：暑期规划，优化家庭消费',
+        '八月：开学季，教育专项规划',
+        '九月：金秋收获，检视推广收益',
+        '十月：国庆消费，理性理财',
+        '十一月：年终冲刺，盘点年度收益',
+        '十二月：年度总结，规划来年财富'
+      ]
+      return messages[month] || messages[0]
+    },
   methods: {
     onFamilyMemberSelect(member) {
       this.selectedMemberId = member.id
@@ -838,3 +863,16 @@ export default {
   color: #F59E0B;
 }
 </style>
+
+/* 月度引导语 */
+.monthly-guidance {
+  margin: 0 30rpx 20rpx;
+  background: linear-gradient(135deg, #FFFBEB, rgba(245,158,11,0.1));
+  border-radius: 16rpx;
+  padding: 20rpx 24rpx;
+  display: flex;
+  align-items: center;
+  gap: 12rpx;
+}
+.guidance-icon { font-size: 32rpx; flex-shrink: 0; }
+.guidance-text { font-size: 26rpx; color: #F59E0B; font-weight: 500; }

cfc-web/.last_build_commit

@@ -1 +1 @@
-684ab3a3ca3fc701994793afb254c4b7393d099a
+893bd9f5292c44d6dc4ef71081df8b208ea41463

cfc-web/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "cfc-web",
-  "version": "1.0.957",
+  "version": "1.0.958",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "cfc-web",
-      "version": "1.0.957",
+      "version": "1.0.958",
       "dependencies": {
         "@wangeditor/editor": "^5.1.23",
         "@wangeditor/editor-for-vue": "^1.0.2",