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

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);
     }
   }