refactor(wisdom-detail): B-3c self-quiz + cognitive-report 令牌化——wisdom 生态 5/5 收官（零观感变化）

- self-quiz 73 处全映射既有令牌（金色族 33 + 文字/填充 40）
- cognitive-report 87 处：靛紫渐变族 14（$accent-indigo/deep 归位）+ 状态族 26 + wisdom 浅底 3 + 填充 6 + 文字 25
- uni.scss 新登记 3 枚：$dim-wisdom-tint-4 #F8F9FF、$dim-wisdom-tint-5 #F9F9FF、$status-success-2 #22C55E（green-500 副档）
- cognitive-report 保留单页专有 $c-accent-ios #FF9500（先替换后插声明）；两页补 lang="scss"
- equiv-regression 双 PASS

cfc-frontend/pages/wisdom-detail/cognitive-report.vue

@@ -348,17 +348,19 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
+// iOS 警示橙（单页专有；vs $status-warning-2 #F59E0B 全局警示档）
+$c-accent-ios: #FF9500;
 .container {
   min-height: 100vh;
-  background: #f5f7fa;
+  background: $app-bg;
   padding-bottom: 120rpx;
 }
 
 /* ===== 报告卡 ===== */
 .report-card {
   margin: 20rpx 30rpx;
-  background: #fff;
+  background: $app-surface;
   border-radius: 24rpx;
   padding: 40rpx;
   box-shadow: 0 4rpx 20rpx rgba(0,0,0,0.06);
@@ -375,22 +377,22 @@ export default {
 .report-title {
   font-size: calc(36rpx * var(--font-scale, 1));
   font-weight: bold;
-  color: #333;
+  color: $facade-text-strong;
 }
 
 .report-date {
   font-size: calc(24rpx * var(--font-scale, 1));
-  color: #999;
+  color: $facade-text-muted;
 }
 
 /* ===== 综合评分 ===== */
 .overall-score-wrap {
   text-align: center;
   padding: 40rpx 0;
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  background: linear-gradient(135deg, $accent-indigo 0%, $accent-indigo-deep 100%);
   border-radius: 20rpx;
   margin-bottom: 40rpx;
-  color: #fff;
+  color: $app-surface;
 }
 
 .overall-label {
@@ -443,19 +445,19 @@ export default {
 
 .dimension-name {
   font-size: calc(28rpx * var(--font-scale, 1));
-  color: #333;
+  color: $facade-text-strong;
   font-weight: 500;
 }
 
 .dimension-score {
   font-size: calc(32rpx * var(--font-scale, 1));
   font-weight: bold;
-  color: #667eea;
+  color: $accent-indigo;
 }
 
 .dimension-desc {
   font-size: calc(22rpx * var(--font-scale, 1));
-  color: #999;
+  color: $facade-text-muted;
   line-height: 1.4;
 }
 
@@ -467,7 +469,7 @@ export default {
   gap: 24rpx;
   margin-bottom: 20rpx;
   padding: 12rpx 16rpx;
-  background: #f8f9ff;
+  background: $dim-wisdom-tint-4;
   border-radius: 12rpx;
 }
 
@@ -476,7 +478,7 @@ export default {
   flex-direction: row;
   align-items: center;
   font-size: calc(22rpx * var(--font-scale, 1));
-  color: #888;
+  color: $facade-text-faint;
 }
 
 .norm-dot {
@@ -487,11 +489,11 @@ export default {
 }
 
 .norm-dot-p50 {
-  background: #FF9500;
+  background: $c-accent-ios;
 }
 
 .norm-dot-child {
-  background: #667eea;
+  background: $accent-indigo;
 }
 
 .dimension-score-wrap {
@@ -509,23 +511,23 @@ export default {
 }
 
 .nl-weak, .nl-below-average {
-  background: #FEF2F2;
-  color: #EF4444;
+  background: $status-danger-tint-2;
+  color: $status-danger;
 }
 
 .nl-average {
-  background: #FFFBEB;
-  color: #F59E0B;
+  background: $status-warning-tint;
+  color: $status-warning-2;
 }
 
 .nl-good, .nl-excellent {
-  background: #F0FDF4;
-  color: #22C55E;
+  background: $status-success-tint-2;
+  color: $status-success-2;
 }
 
 .dimension-bar {
   height: 16rpx;
-  background: #f0f0f0;
+  background: $facade-fill;
   border-radius: 8rpx;
   margin-bottom: 8rpx;
   position: relative;
@@ -533,7 +535,7 @@ export default {
 
 .dimension-bar-fill {
   height: 100%;
-  background: linear-gradient(90deg, #667eea, #764ba2);
+  background: linear-gradient(90deg, $accent-indigo, $accent-indigo-deep);
   border-radius: 8rpx;
   transition: width 0.5s;
 }
@@ -550,7 +552,7 @@ export default {
 .norm-marker-line {
   width: 4rpx;
   height: 24rpx;
-  background: #FF9500;
+  background: $c-accent-ios;
   border-radius: 2rpx;
 }
 
@@ -562,11 +564,11 @@ export default {
 }
 
 .report-analysis {
-  background: #f9f9ff;
+  background: $dim-wisdom-tint-5;
 }
 
 .report-suggestions {
-  background: #f0fdf4;
+  background: $status-success-tint-2;
 }
 
 .analysis-header-row {
@@ -584,12 +586,12 @@ export default {
 .analysis-title {
   font-size: calc(30rpx * var(--font-scale, 1));
   font-weight: bold;
-  color: #333;
+  color: $facade-text-strong;
 }
 
 .analysis-content, .suggestion-content {
   font-size: calc(26rpx * var(--font-scale, 1));
-  color: #666;
+  color: $facade-text-body;
   line-height: 1.7;
   display: block;
 }
@@ -612,25 +614,25 @@ export default {
 }
 
 .action-btn.primary {
-  background: linear-gradient(135deg, #667eea, #764ba2);
+  background: linear-gradient(135deg, $accent-indigo, $accent-indigo-deep);
   margin-left: 16rpx;
   box-shadow: 0 4rpx 16rpx rgba(102,126,234,0.3);
 }
 
 .action-btn.secondary {
-  background: #fff;
-  border: 2rpx solid #ddd;
+  background: $app-surface;
+  border: 2rpx solid $facade-border-soft;
   margin-right: 16rpx;
 }
 
 .action-btn-text {
   font-size: 28rpx;
   font-weight: 500;
-  color: #fff;
+  color: $app-surface;
 }
 
 .action-btn.secondary .action-btn-text {
-  color: #666;
+  color: $facade-text-body;
 }
 
 /* ===== 家庭行动建议 ===== */
@@ -653,18 +655,18 @@ export default {
 .action-plan-title {
   font-size: calc(34rpx * var(--font-scale, 1));
   font-weight: bold;
-  color: #333;
+  color: $facade-text-strong;
 }
 
 .action-plan-desc {
   font-size: calc(26rpx * var(--font-scale, 1));
-  color: #888;
+  color: $facade-text-faint;
   margin-bottom: 20rpx;
   display: block;
 }
 
 .overall-suggestion {
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  background: linear-gradient(135deg, $accent-indigo 0%, $accent-indigo-deep 100%);
   border-radius: 16rpx;
   padding: 24rpx 28rpx;
   margin-bottom: 24rpx;
@@ -672,31 +674,31 @@ export default {
 
 .overall-suggestion-text {
   font-size: calc(26rpx * var(--font-scale, 1));
-  color: #fff;
+  color: $app-surface;
   line-height: 1.6;
   display: block;
 }
 
 /* 各维度推荐卡片 */
 .rec-item {
-  background: #fff;
+  background: $app-surface;
   border-radius: 20rpx;
   padding: 28rpx;
   margin-bottom: 20rpx;
   box-shadow: 0 4rpx 16rpx rgba(0,0,0,0.05);
-  border-left: 8rpx solid #667eea;
+  border-left: 8rpx solid $accent-indigo;
 }
 
 .rec-item.rec-level-high {
-  border-left-color: #EF4444;
+  border-left-color: $status-danger;
 }
 
 .rec-item.rec-level-normal {
-  border-left-color: #F59E0B;
+  border-left-color: $status-warning-2;
 }
 
 .rec-item.rec-level-low {
-  border-left-color: #22C55E;
+  border-left-color: $status-success-2;
 }
 
 .rec-header {
@@ -721,13 +723,13 @@ export default {
 .rec-label {
   font-size: calc(28rpx * var(--font-scale, 1));
   font-weight: bold;
-  color: #333;
+  color: $facade-text-strong;
   margin-right: 12rpx;
 }
 
 .rec-score {
   font-size: calc(24rpx * var(--font-scale, 1));
-  color: #888;
+  color: $facade-text-faint;
 }
 
 .rec-level-tag {
@@ -738,23 +740,23 @@ export default {
 }
 
 .tag-high {
-  background: #FEF2F2;
-  color: #EF4444;
+  background: $status-danger-tint-2;
+  color: $status-danger;
 }
 
 .tag-normal {
-  background: #FFFBEB;
-  color: #F59E0B;
+  background: $status-warning-tint;
+  color: $status-warning-2;
 }
 
 .tag-low {
-  background: #F0FDF4;
-  color: #22C55E;
+  background: $status-success-tint-2;
+  color: $status-success-2;
 }
 
 .rec-suggestion {
   font-size: calc(26rpx * var(--font-scale, 1));
-  color: #555;
+  color: $facade-text-deep;
   line-height: 1.6;
   display: block;
   margin-bottom: 16rpx;
@@ -781,18 +783,18 @@ export default {
 }
 
 .add-task-btn {
-  background: #EEF2FF;
-  color: #667eea;
+  background: $dim-wisdom-tint-2;
+  color: $accent-indigo;
 }
 
 .game-btn {
-  background: #FEF3C7;
-  color: #D97706;
+  background: $status-warning-soft;
+  color: $status-warning-deep;
 }
 
 .article-btn {
-  background: #F0FDF4;
-  color: #16A34A;
+  background: $status-success-tint-2;
+  color: $status-success-strong-2;
 }
 
 .rec-tag-btn-icon {
@@ -815,7 +817,7 @@ export default {
 
 .loading-text {
   font-size: calc(28rpx * var(--font-scale, 1));
-  color: #999;
+  color: $facade-text-muted;
 }
 
 /* ===== 空状态 ===== */
@@ -833,22 +835,22 @@ export default {
 
 .empty-title {
   font-size: calc(32rpx * var(--font-scale, 1));
-  color: #333;
+  color: $facade-text-strong;
   font-weight: bold;
   margin-bottom: 16rpx;
 }
 
 .empty-desc {
   font-size: calc(26rpx * var(--font-scale, 1));
-  color: #999;
+  color: $facade-text-muted;
   text-align: center;
   line-height: 1.6;
   margin-bottom: 40rpx;
 }
 
 .empty-btn {
-  background: linear-gradient(135deg, #667eea, #764ba2);
-  color: #fff;
+  background: linear-gradient(135deg, $accent-indigo, $accent-indigo-deep);
+  color: $app-surface;
   font-size: 28rpx;
   font-weight: bold;
   padding: 16rpx 64rpx;
@@ -876,7 +878,7 @@ export default {
 .trend-title {
   font-size: calc(34rpx * var(--font-scale, 1));
   font-weight: bold;
-  color: #333;
+  color: $facade-text-strong;
 }
 
 .trend-overview-row {
@@ -888,7 +890,7 @@ export default {
 
 .trend-stat {
   flex: 1;
-  background: #fff;
+  background: $app-surface;
   border-radius: 16rpx;
   padding: 20rpx;
   text-align: center;
@@ -897,7 +899,7 @@ export default {
 
 .trend-stat-label {
   font-size: calc(24rpx * var(--font-scale, 1));
-  color: #888;
+  color: $facade-text-faint;
   display: block;
   margin-bottom: 8rpx;
 }
@@ -909,19 +911,19 @@ export default {
 }
 
 .ts-up {
-  color: #22C55E;
+  color: $status-success-2;
 }
 
 .ts-down {
-  color: #EF4444;
+  color: $status-danger;
 }
 
 .ts-flat {
-  color: #F59E0B;
+  color: $status-warning-2;
 }
 
 .ts-neutral {
-  color: #333;
+  color: $facade-text-strong;
 }
 
 .trend-stat-sub {
@@ -931,15 +933,15 @@ export default {
 }
 
 .ts-up + .trend-stat-sub {
-  color: #22C55E;
+  color: $status-success-2;
 }
 
 .ts-down + .trend-stat-sub {
-  color: #EF4444;
+  color: $status-danger;
 }
 
 .trend-compare {
-  background: #fff;
+  background: $app-surface;
   border-radius: 20rpx;
   padding: 24rpx;
   box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.05);
@@ -948,13 +950,13 @@ export default {
 .tc-header {
   margin-bottom: 16rpx;
   padding-bottom: 12rpx;
-  border-bottom: 2rpx solid #f0f0f0;
+  border-bottom: 2rpx solid $facade-fill;
 }
 
 .tc-title {
   font-size: calc(28rpx * var(--font-scale, 1));
   font-weight: bold;
-  color: #333;
+  color: $facade-text-strong;
 }
 
 .tc-dim-row {
@@ -962,12 +964,12 @@ export default {
   flex-direction: row;
   align-items: center;
   padding: 12rpx 0;
-  border-bottom: 1rpx solid #f5f5f5;
+  border-bottom: 1rpx solid $facade-fill-2;
 }
 
 .tc-header-row {
   padding-bottom: 10rpx;
-  border-bottom: 2rpx solid #e8e8e8;
+  border-bottom: 2rpx solid $facade-fill-4;
 }
 
 .tc-dim-row:last-child {
@@ -977,13 +979,13 @@ export default {
 .tc-dim-name {
   flex: 2;
   font-size: calc(26rpx * var(--font-scale, 1));
-  color: #333;
+  color: $facade-text-strong;
 }
 
 .tc-old {
   flex: 1;
   font-size: calc(24rpx * var(--font-scale, 1));
-  color: #999;
+  color: $facade-text-muted;
   text-align: center;
 }
 
@@ -992,15 +994,15 @@ export default {
   font-size: calc(26rpx * var(--font-scale, 1));
   font-weight: bold;
   text-align: center;
-  color: #333;
+  color: $facade-text-strong;
 }
 
 .sc-up {
-  color: #22C55E;
+  color: $status-success-2;
 }
 
 .sc-down {
-  color: #EF4444;
+  color: $status-danger;
 }
 
 .tc-change {
@@ -1010,14 +1012,14 @@ export default {
 }
 
 .change-up {
-  color: #22C55E;
+  color: $status-success-2;
 }
 
 .change-down {
-  color: #EF4444;
+  color: $status-danger;
 }
 
 .change-flat {
-  color: #999;
+  color: $facade-text-muted;
 }
 </style>

cfc-frontend/pages/wisdom-detail/self-quiz.vue

@@ -463,17 +463,17 @@ export default {
 }
 </script>
 
-<style scoped>
+<style scoped lang="scss">
 .container {
   min-height: 100vh;
-  background: #f5f7fa;
+  background: $app-bg;
   padding: 30rpx;
   padding-bottom: 120rpx;
   box-sizing: border-box;
 }
 
 .resume-prompt {
-  background: #fff;
+  background: $app-surface;
   border-radius: 20rpx;
   padding: 50rpx 30rpx;
   text-align: center;
@@ -482,7 +482,7 @@ export default {
 }
 .resume-text {
   font-size: 28rpx;
-  color: #333;
+  color: $facade-text-strong;
   display: block;
   margin-bottom: 30rpx;
 }
@@ -514,45 +514,45 @@ export default {
   display: flex;
   align-items: center;
   justify-content: center;
-  border: 3rpx solid #ddd;
-  background: #fff;
+  border: 3rpx solid $facade-border-soft;
+  background: $app-surface;
   transition: all 0.3s;
 }
 .step-dot--active {
-  background: #FFD700;
-  border-color: #FFD700;
+  background: $accent-gold;
+  border-color: $accent-gold;
 }
 .step-dot--done {
-  border-color: #FFD700;
-  background: #FFD700;
+  border-color: $accent-gold;
+  background: $accent-gold;
 }
 .step-dot--pending {
-  border-color: #ddd;
-  background: #fff;
+  border-color: $facade-border-soft;
+  background: $app-surface;
 }
 .step-check {
   font-size: 22rpx;
-  color: #fff;
+  color: $app-surface;
   font-weight: bold;
 }
 .step-num {
   font-size: 22rpx;
-  color: #999;
+  color: $facade-text-muted;
 }
 .step-dot--active .step-num {
-  color: #fff;
+  color: $app-surface;
 }
 .step-label {
   font-size: 20rpx;
   margin-top: 8rpx;
-  color: #999;
+  color: $facade-text-muted;
 }
 .step-label--active {
-  color: #FFD700;
+  color: $accent-gold;
   font-weight: bold;
 }
 .step-label--muted {
-  color: #ccc;
+  color: $facade-text-ghost;
 }
 
 .step-content {
@@ -570,19 +570,19 @@ export default {
 .content-title {
   font-size: 36rpx;
   font-weight: bold;
-  color: #333;
+  color: $facade-text-strong;
   display: block;
 }
 .content-sub {
   font-size: 24rpx;
-  color: #999;
+  color: $facade-text-muted;
   margin-top: 10rpx;
   display: block;
 }
 .section-title {
   font-size: 28rpx;
   font-weight: bold;
-  color: #333;
+  color: $facade-text-strong;
   margin-bottom: 20rpx;
 }
 
@@ -593,7 +593,7 @@ export default {
 .goal-card {
   width: calc(50% - 12rpx);
   margin: 6rpx;
-  background: #fff;
+  background: $app-surface;
   border-radius: 20rpx;
   padding: 30rpx 16rpx;
   box-shadow: 0 4rpx 20rpx rgba(0,0,0,0.06);
@@ -605,14 +605,14 @@ export default {
   box-sizing: border-box;
 }
 .goal-card--selected {
-  border-color: #FFD700;
-  background: #FFF8E1;
+  border-color: $accent-gold;
+  background: $mat-amber-tint;
 }
 .goal-icon-wrap {
   width: 80rpx;
   height: 80rpx;
   border-radius: 50%;
-  background: linear-gradient(135deg, #FFD700, #FFA500);
+  background: linear-gradient(135deg, $accent-gold, $accent-gold-deep);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -620,18 +620,18 @@ export default {
 }
 .goal-icon {
   font-size: 32rpx;
-  color: #fff;
+  color: $app-surface;
   font-weight: bold;
 }
 .goal-title {
   font-size: 28rpx;
   font-weight: bold;
-  color: #333;
+  color: $facade-text-strong;
   margin-bottom: 6rpx;
 }
 .goal-desc {
   font-size: 22rpx;
-  color: #999;
+  color: $facade-text-muted;
   text-align: center;
   line-height: 1.4;
 }
@@ -642,7 +642,7 @@ export default {
 .type-card {
   display: flex;
   align-items: center;
-  background: #fff;
+  background: $app-surface;
   border-radius: 20rpx;
   padding: 28rpx 24rpx;
   margin-bottom: 20rpx;
@@ -651,14 +651,14 @@ export default {
   transition: all 0.3s;
 }
 .type-card--selected {
-  border-color: #FFD700;
-  background: #FFF8E1;
+  border-color: $accent-gold;
+  background: $mat-amber-tint;
 }
 .type-icon-wrap {
   width: 72rpx;
   height: 72rpx;
   border-radius: 50%;
-  background: linear-gradient(135deg, #FFD700, #FFA500);
+  background: linear-gradient(135deg, $accent-gold, $accent-gold-deep);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -667,7 +667,7 @@ export default {
 }
 .type-icon {
   font-size: 28rpx;
-  color: #fff;
+  color: $app-surface;
   font-weight: bold;
 }
 .type-info {
@@ -676,12 +676,12 @@ export default {
 .type-name {
   font-size: 28rpx;
   font-weight: bold;
-  color: #333;
+  color: $facade-text-strong;
   display: block;
 }
 .type-desc {
   font-size: 22rpx;
-  color: #999;
+  color: $facade-text-muted;
   margin-top: 4rpx;
   display: block;
 }
@@ -689,7 +689,7 @@ export default {
   width: 36rpx;
   height: 36rpx;
   border-radius: 50%;
-  border: 3rpx solid #ddd;
+  border: 3rpx solid $facade-border-soft;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -697,13 +697,13 @@ export default {
   margin-left: 16rpx;
 }
 .type-radio--checked {
-  border-color: #FFD700;
+  border-color: $accent-gold;
 }
 .type-radio-dot {
   width: 20rpx;
   height: 20rpx;
   border-radius: 50%;
-  background: #FFD700;
+  background: $accent-gold;
 }
 
 .progress-header {
@@ -711,25 +711,25 @@ export default {
 }
 .progress-label {
   font-size: 26rpx;
-  color: #666;
+  color: $facade-text-body;
   display: block;
   margin-bottom: 12rpx;
 }
 .progress-bar {
   height: 8rpx;
-  background: #eee;
+  background: $facade-fill-3;
   border-radius: 4rpx;
   overflow: hidden;
 }
 .progress-fill {
   height: 100%;
-  background: linear-gradient(135deg, #FFD700, #FFA500);
+  background: linear-gradient(135deg, $accent-gold, $accent-gold-deep);
   border-radius: 4rpx;
   transition: width 0.3s ease;
 }
 
 .question-card {
-  background: #fff;
+  background: $app-surface;
   border-radius: 20rpx;
   padding: 36rpx 28rpx;
   box-shadow: 0 4rpx 20rpx rgba(0,0,0,0.06);
@@ -738,15 +738,15 @@ export default {
 .q-tag {
   display: inline-block;
   padding: 6rpx 20rpx;
-  background: #FFF8E1;
-  color: #B8860B;
+  background: $mat-amber-tint;
+  color: $hint-gold-ink;
   font-size: 20rpx;
   border-radius: 20rpx;
   margin-bottom: 20rpx;
 }
 .q-text {
   font-size: 30rpx;
-  color: #333;
+  color: $facade-text-strong;
   line-height: 1.6;
   display: block;
   margin-bottom: 30rpx;
@@ -761,12 +761,12 @@ export default {
   align-items: center;
   padding: 24rpx 20rpx;
   border-radius: 16rpx;
-  border: 2rpx solid #eee;
+  border: 2rpx solid $facade-fill-3;
   transition: all 0.3s;
 }
 .q-option--selected {
-  border-color: #FFD700;
-  background: #FFF8E1;
+  border-color: $accent-gold;
+  background: $mat-amber-tint;
 }
 .q-option--tf {
   justify-content: center;
@@ -775,16 +775,16 @@ export default {
 .q-option-tf-text {
   font-size: 28rpx;
   font-weight: bold;
-  color: #666;
+  color: $facade-text-body;
 }
 .q-option--selected .q-option-tf-text {
-  color: #B8860B;
+  color: $hint-gold-ink;
 }
 .q-radio {
   width: 32rpx;
   height: 32rpx;
   border-radius: 50%;
-  border: 3rpx solid #ddd;
+  border: 3rpx solid $facade-border-soft;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -792,17 +792,17 @@ export default {
   margin-right: 16rpx;
 }
 .q-radio--checked {
-  border-color: #FFD700;
+  border-color: $accent-gold;
 }
 .q-radio-dot {
   width: 18rpx;
   height: 18rpx;
   border-radius: 50%;
-  background: #FFD700;
+  background: $accent-gold;
 }
 .q-option-text {
   font-size: 26rpx;
-  color: #333;
+  color: $facade-text-strong;
   flex: 1;
 }
 
@@ -830,8 +830,8 @@ export default {
   box-sizing: border-box;
 }
 .btn--primary {
-  background: linear-gradient(135deg, #FFD700, #FFA500);
-  color: #fff;
+  background: linear-gradient(135deg, $accent-gold, $accent-gold-deep);
+  color: $app-surface;
 }
 .btn--primary:active {
   opacity: 0.9;
@@ -842,15 +842,15 @@ export default {
   pointer-events: none;
 }
 .btn--outline {
-  border: 3rpx solid #FFD700;
-  color: #B8860B;
-  background: #fff;
+  border: 3rpx solid $accent-gold;
+  color: $hint-gold-ink;
+  background: $app-surface;
 }
 .btn--outline:active {
-  background: #FFF8E1;
+  background: $mat-amber-tint;
 }
 .btn--ghost {
-  color: #999;
+  color: $facade-text-muted;
   background: transparent;
 }
 
@@ -864,7 +864,7 @@ export default {
   width: 160rpx;
   height: 160rpx;
   border-radius: 50%;
-  background: linear-gradient(135deg, #FFD700, #FFA500);
+  background: linear-gradient(135deg, $accent-gold, $accent-gold-deep);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -874,11 +874,11 @@ export default {
 .score-value {
   font-size: 40rpx;
   font-weight: bold;
-  color: #fff;
+  color: $app-surface;
 }
 .score-label {
   font-size: 28rpx;
-  color: #666;
+  color: $facade-text-body;
   display: block;
 }
 
@@ -895,22 +895,22 @@ export default {
 }
 .dim-bar-name {
   font-size: 24rpx;
-  color: #333;
+  color: $facade-text-strong;
   font-weight: bold;
 }
 .dim-bar-count {
   font-size: 22rpx;
-  color: #999;
+  color: $facade-text-muted;
 }
 .dim-bar-track {
   height: 8rpx;
-  background: #eee;
+  background: $facade-fill-3;
   border-radius: 4rpx;
   overflow: hidden;
 }
 .dim-bar-fill {
   height: 100%;
-  background: linear-gradient(135deg, #FFD700, #FFA500);
+  background: linear-gradient(135deg, $accent-gold, $accent-gold-deep);
   border-radius: 4rpx;
   transition: width 0.6s ease;
 }

cfc-frontend/uni.scss

@@ -531,6 +531,8 @@ $dim-wisdom-deep:  #4F46E5; // wisdom 深档 indigo-600（6 文件；渐变尾
 $dim-wisdom-ink:   #3730A3; // wisdom 极深文字 indigo-800（3 文件）
 $dim-wisdom-tint-2:#EEF2FF; // wisdom 浅底·副档 indigo-50（8 文件；vs $dim-wisdom-tint #F0F0FF）
 $dim-wisdom-tint-3:#F0F4FF; // wisdom 浅底·三档 indigo-50 邻档（7 文件）
+$dim-wisdom-tint-4:#F8F9FF; // wisdom 浅底·四档 indigo 极浅（2 文件）
+$dim-wisdom-tint-5:#F9F9FF; // wisdom 浅底·五档 indigo 极浅邻档（4 文件）
 
 // ---- 身体（body）维度伴生档（B-2 body-detail 生态收敛时登记）----
 $dim-body-light: #FFB366;  // body 亮档（diet/discover/health 等 10 文件；vs $dim-body #FF8C42）
@@ -621,3 +623,4 @@ $status-info-soft:    #DBEAFE; // blue-100 信息浅档（15 文件；vs $status
 $facade-hairline:     #E0E0E0; // 浅灰描边（26 文件高频）
 $status-success-soft-2: #DCFCE7; // green-100 浅档（15 文件；vs $status-success-soft #D1FAE5 emerald-100）
 $status-success-strong-2: #16A34A; // green-600 深文字（21 文件；vs $status-success-strong #065F46 emerald-800）
+$status-success-2:   #22C55E; // green-500 成功主色·副档（13 文件；vs $status-success #10B981 emerald-500）