refactor(wealth): B-5d 成员维度 section 四组件令牌化——财富子链收官（56 处，零观感变化）

- action/body/mind/wisdom-section 四组件 56 处：维度主色归位（$dim-action/$dim-body/$dim-mind/$dim-wisdom）
- 新全局令牌 1 枚：$status-danger-flat #E74C3C（flat 红，2 文件）
- 局部 1 枚：mind-section $c-mind-light（pink-300 渐变亮端）
- BodyWealthAlert 跳过：B-5a 已令牌化（残留 hex 仅局部声明值与注释引用）
- 修复 split(\n,1) 消耗分隔符 bug：重组补回 \n，局部声明不再吞后续选择器
- 等价回归四连 PASS

cfc-frontend/pages/member-detail/components/member-detail-sections/action-section.vue

@@ -153,10 +153,10 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .action-section {}
 .section-card {
-  background: #fff;
+  background: $app-surface;
   border-radius: 24rpx;
   padding: 24rpx;
   margin-bottom: 20rpx;
@@ -168,14 +168,14 @@ export default {
 .section-title {
   font-size: 30rpx;
   font-weight: bold;
-  color: #333;
+  color: $facade-text-strong;
 }
 .task-item {
   display: flex;
   flex-direction: row;
   align-items: center;
   padding: 14rpx 0;
-  border-bottom: 1rpx solid #f5f5f5;
+  border-bottom: 1rpx solid $facade-fill-2;
 }
 .task-status {
   width: 16rpx;
@@ -184,19 +184,19 @@ export default {
   margin-right: 16rpx;
 }
 .task-done {
-  background: #10B981;
+  background: $dim-action;
 }
 .task-pending {
-  background: #F59E0B;
+  background: $status-warning-2;
 }
 .task-name {
   flex: 1;
   font-size: 28rpx;
-  color: #333;
+  color: $facade-text-strong;
 }
 .task-points {
   font-size: 24rpx;
-  color: #10B981;
+  color: $dim-action;
 }
 .stats-row {
   display: flex;
@@ -212,11 +212,11 @@ export default {
 .stat-value {
   font-size: 40rpx;
   font-weight: bold;
-  color: #10B981;
+  color: $dim-action;
 }
 .stat-label {
   font-size: 24rpx;
-  color: #999;
+  color: $facade-text-muted;
   margin-top: 4rpx;
 }
 .activity-item {
@@ -224,16 +224,16 @@ export default {
   flex-direction: row;
   justify-content: space-between;
   padding: 12rpx 0;
-  border-bottom: 1rpx solid #f5f5f5;
+  border-bottom: 1rpx solid $facade-fill-2;
 }
 .activity-name {
   font-size: 26rpx;
-  color: #333;
+  color: $facade-text-strong;
   flex: 1;
 }
 .activity-date {
   font-size: 22rpx;
-  color: #999;
+  color: $facade-text-muted;
 }
 .empty-state {
   padding: 30rpx 0;
@@ -241,16 +241,16 @@ export default {
 }
 .empty-text {
   font-size: 28rpx;
-  color: #999;
+  color: $facade-text-muted;
 }
 .empty-sub {
   font-size: 24rpx;
-  color: #ccc;
+  color: $facade-text-ghost;
   margin-top: 8rpx;
 }
 .loading {
   text-align: center;
   padding: 40rpx;
-  color: #999;
+  color: $facade-text-muted;
 }
 </style>

cfc-frontend/pages/member-detail/components/member-detail-sections/body-section.vue

@@ -123,10 +123,10 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .body-section {}
 .section-card {
-  background: #fff;
+  background: $app-surface;
   border-radius: 24rpx;
   padding: 24rpx;
   margin-bottom: 20rpx;
@@ -138,7 +138,7 @@ export default {
 .section-title {
   font-size: 30rpx;
   font-weight: bold;
-  color: #333;
+  color: $facade-text-strong;
 }
 .report-card {
   display: flex;
@@ -149,35 +149,35 @@ export default {
 .report-score {
   font-size: 72rpx;
   font-weight: bold;
-  color: #FF8C42;
+  color: $dim-body;
 }
 .report-label {
   font-size: 24rpx;
-  color: #999;
+  color: $facade-text-muted;
   margin-top: 8rpx;
 }
 .report-meta {
   padding-top: 12rpx;
-  border-top: 1rpx solid #f0f0f0;
+  border-top: 1rpx solid $facade-fill;
 }
 .report-date {
   font-size: 24rpx;
-  color: #999;
+  color: $facade-text-muted;
 }
 .checkin-item {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   padding: 16rpx 0;
-  border-bottom: 1rpx solid #f5f5f5;
+  border-bottom: 1rpx solid $facade-fill-2;
 }
 .checkin-type {
   font-size: 28rpx;
-  color: #333;
+  color: $facade-text-strong;
 }
 .checkin-time {
   font-size: 24rpx;
-  color: #999;
+  color: $facade-text-muted;
 }
 .empty-state {
   padding: 30rpx 0;
@@ -185,16 +185,16 @@ export default {
 }
 .empty-text {
   font-size: 28rpx;
-  color: #999;
+  color: $facade-text-muted;
 }
 .empty-sub {
   font-size: 24rpx;
-  color: #ccc;
+  color: $facade-text-ghost;
   margin-top: 8rpx;
 }
 .loading {
   text-align: center;
   padding: 40rpx;
-  color: #999;
+  color: $facade-text-muted;
 }
 </style>

cfc-frontend/pages/member-detail/components/member-detail-sections/mind-section.vue

@@ -120,10 +120,11 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
+$c-mind-light: #FF9EC4; // mind 渐变亮端 pink-300（单页专有）
 .mind-section {}
 .section-card {
-  background: #fff;
+  background: $app-surface;
   border-radius: 24rpx;
   padding: 24rpx;
   margin-bottom: 20rpx;
@@ -135,7 +136,7 @@ export default {
 .section-title {
   font-size: 30rpx;
   font-weight: bold;
-  color: #333;
+  color: $facade-text-strong;
 }
 .score-item {
   display: flex;
@@ -145,24 +146,24 @@ export default {
 }
 .score-label {
   font-size: 26rpx;
-  color: #555;
+  color: $facade-text-deep;
   width: 160rpx;
 }
 .score-bar-bg {
   flex: 1;
   height: 20rpx;
-  background: #f0f0f0;
+  background: $facade-fill;
   border-radius: 10rpx;
   overflow: hidden;
 }
 .score-bar-fill {
   height: 100%;
-  background: linear-gradient(90deg, #FF6B9D, #FF9EC4);
+  background: linear-gradient(90deg, $dim-mind, $c-mind-light);
   border-radius: 10rpx;
 }
 .score-value {
   font-size: 24rpx;
-  color: #FF6B9D;
+  color: $dim-mind;
   width: 60rpx;
   text-align: right;
 }
@@ -171,20 +172,20 @@ export default {
   flex-direction: row;
   justify-content: space-between;
   padding: 14rpx 0;
-  border-bottom: 1rpx solid #f5f5f5;
+  border-bottom: 1rpx solid $facade-fill-2;
 }
 .contact-name {
   font-size: 28rpx;
-  color: #333;
+  color: $facade-text-strong;
   font-weight: bold;
 }
 .contact-relation {
   font-size: 24rpx;
-  color: #999;
+  color: $facade-text-muted;
 }
 .contact-phone {
   font-size: 24rpx;
-  color: #FF6B9D;
+  color: $dim-mind;
 }
 .alert-item {
   display: flex;
@@ -193,12 +194,12 @@ export default {
 }
 .alert-type {
   font-size: 24rpx;
-  color: #E74C3C;
+  color: $status-danger-flat;
   width: 100rpx;
 }
 .alert-desc {
   font-size: 26rpx;
-  color: #555;
+  color: $facade-text-deep;
   flex: 1;
 }
 .milestone-item {
@@ -209,15 +210,15 @@ export default {
 }
 .milestone-title {
   font-size: 26rpx;
-  color: #333;
+  color: $facade-text-strong;
 }
 .milestone-date {
   font-size: 24rpx;
-  color: #999;
+  color: $facade-text-muted;
 }
 .loading {
   text-align: center;
   padding: 40rpx;
-  color: #999;
+  color: $facade-text-muted;
 }
 </style>

cfc-frontend/pages/member-detail/components/member-detail-sections/wisdom-section.vue

@@ -119,10 +119,10 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .wisdom-section {}
 .section-card {
-  background: #fff;
+  background: $app-surface;
   border-radius: 24rpx;
   padding: 24rpx;
   margin-bottom: 20rpx;
@@ -134,7 +134,7 @@ export default {
 .section-title {
   font-size: 30rpx;
   font-weight: bold;
-  color: #333;
+  color: $facade-text-strong;
 }
 .result-overview {
   display: flex;
@@ -145,18 +145,18 @@ export default {
 .result-score {
   font-size: 72rpx;
   font-weight: bold;
-  color: #6366F1;
+  color: $dim-wisdom;
 }
 .result-dimension {
   font-size: 28rpx;
-  color: #555;
+  color: $facade-text-deep;
   margin-top: 8rpx;
 }
 .result-date {
   font-size: 24rpx;
-  color: #999;
+  color: $facade-text-muted;
   padding-top: 12rpx;
-  border-top: 1rpx solid #f0f0f0;
+  border-top: 1rpx solid $facade-fill;
   margin-top: 8rpx;
 }
 .history-item {
@@ -164,22 +164,22 @@ export default {
   flex-direction: row;
   justify-content: space-between;
   padding: 14rpx 0;
-  border-bottom: 1rpx solid #f5f5f5;
+  border-bottom: 1rpx solid $facade-fill-2;
 }
 .history-title {
   font-size: 26rpx;
-  color: #333;
+  color: $facade-text-strong;
   flex: 1;
 }
 .history-score {
   font-size: 26rpx;
-  color: #6366F1;
+  color: $dim-wisdom;
   width: 80rpx;
   text-align: center;
 }
 .history-date {
   font-size: 22rpx;
-  color: #999;
+  color: $facade-text-muted;
   width: 140rpx;
   text-align: right;
 }
@@ -189,16 +189,16 @@ export default {
 }
 .empty-text {
   font-size: 28rpx;
-  color: #999;
+  color: $facade-text-muted;
 }
 .empty-sub {
   font-size: 24rpx;
-  color: #ccc;
+  color: $facade-text-ghost;
   margin-top: 8rpx;
 }
 .loading {
   text-align: center;
   padding: 40rpx;
-  color: #999;
+  color: $facade-text-muted;
 }
 </style>

cfc-frontend/uni.scss

@@ -468,6 +468,7 @@ $app-text-subtle:   #94A3B8;
 
 // 状态深阶（文字 / 强调）
 $status-danger-deep:    #DC2626;  // 危险态文字：较差 / 已过期
+$status-danger-flat:  #E74C3C; // flat 红·危档（2 文件；vs $status-danger #EF4444）
 $status-warning-deep:   #D97706;  // 警示态文字
 $status-success-deep:   #059669;  // 成功态文字
 $status-success-text:   #16A34A;  // 成功态文字（green-600）