feat(ui): 基于10大子代理全面优化浅色暖色系视觉断层与多端无障碍体验

pwuniapp/pages/activity/list.vue

@@ -568,6 +568,13 @@ const createActivity = () => {
   }
 }
 
+@media screen and (min-width: 481px) {
+  .fab-btn {
+    right: calc(50% - 225px + 36rpx);
+    bottom: calc(140rpx + 20px);
+  }
+}
+
 @keyframes fabPulse {
   0%, 100% { box-shadow: 0 8rpx 24rpx rgba(99, 102, 241, 0.45); }
   50% { box-shadow: 0 8rpx 36rpx rgba(99, 102, 241, 0.75); }

pwuniapp/pages/index/index.vue

@@ -39,7 +39,7 @@
     </swiper>
 
     <!-- 快捷功能金刚区 (纯矢量SVG图标，88rpx触控热区) -->
-    <view class="quick-grid">
+    <view class="quick-grid grid-card">
       <view class="quick-item btn-active" @click="navTo('/pages/activity/list')">
         <view class="quick-icon-bg bg-purple">
           <image class="quick-svg" :src="ICONS.teamUp" mode="aspectFit" />
@@ -761,6 +761,21 @@ const navTo = (url) => {
     }
   }
 
+  .quick-grid, .grid-card {
+    background-color: #FFFFFF;
+    border-color: #F0ECE4;
+    box-shadow: 0 4rpx 20rpx rgba(28, 25, 23, 0.04);
+
+    .quick-item {
+      .quick-title {
+        color: #1C1917;
+      }
+      .quick-sub {
+        color: #78716C;
+      }
+    }
+  }
+
   .section-title-wrap .section-title text {
     color: #1C1917;
   }
@@ -770,8 +785,21 @@ const navTo = (url) => {
     border: 1px solid #F0ECE4;
     box-shadow: 0 6rpx 24rpx rgba(28, 25, 23, 0.05);
 
-    .expert-info .nickname {
-      color: #1C1917;
+    .expert-info {
+      .nickname {
+        color: #1C1917;
+      }
+      .bio, .order-count {
+        color: #78716C;
+      }
+    }
+
+    .voice-bar {
+      background: rgba(234, 88, 12, 0.08);
+      border: 1px solid rgba(234, 88, 12, 0.2);
+      .voice-title {
+        color: #EA580C;
+      }
     }
   }
 }

pwuniapp/pages/user/index.vue

@@ -16,7 +16,7 @@
     </view>
 
     <!-- 核心亮点：双身份流光切换卡 (纯矢量与流光动效) -->
-    <view class="role-switch-card card-active" @click="toggleRole">
+    <view class="role-switch-card identity-banner card-active" @click="toggleRole">
       <view class="role-glow-border"></view>
       <view class="role-content">
         <view class="role-left">
@@ -608,10 +608,19 @@ const navTo = (url) => {
     }
   }
 
-  .role-switch-card {
+  .role-switch-card, .identity-banner {
     background-color: #FFFFFF;
     border: 1px solid #F0ECE4;
-    box-shadow: 0 4rpx 20rpx rgba(28, 25, 23, 0.05);
+    box-shadow: 0 4rpx 20rpx rgba(234, 88, 12, 0.12);
+
+    &::after {
+      background: linear-gradient(135deg, #FFFFFF 0%, #FDFBF7 100%);
+      border-radius: 22rpx;
+    }
+
+    &::before {
+      background: conic-gradient(from 0deg, transparent 0%, #EA580C 25%, #F59E0B 50%, #EA580C 75%, transparent 100%);
+    }
 
     .role-content .role-left {
       .current-role-tag {
@@ -622,11 +631,9 @@ const navTo = (url) => {
       }
     }
 
-    .role-glow-border {
-      background: conic-gradient(from 0deg, #F97316, #F59E0B, #EA580C, #F97316);
-    }
     .btn-switch-role {
       background: linear-gradient(135deg, #F97316, #EA580C);
+      color: #FFFFFF;
       box-shadow: 0 4rpx 16rpx rgba(234, 88, 12, 0.35);
     }
   }