增量提交

Claw/client/wechat_app/components/user-avatar/user-avatar.wxss

@@ -1,4 +1,4 @@
-/* 用户头像组件样式 */
+/* 用户头像组件样式 - 深色适配 */
 .user-avatar {
   position: relative;
   display: inline-block;
@@ -29,10 +29,11 @@
 /* 形状样式 */
 .user-avatar.circle {
   border-radius: 50%;
+  border: 3rpx solid rgba(22,119,255,0.35);
 }
 
 .user-avatar.rounded {
-  border-radius: 10rpx;
+  border-radius: 12rpx;
 }
 
 .user-avatar.square {
@@ -54,24 +55,27 @@
   width: 20rpx;
   height: 20rpx;
   border-radius: 50%;
-  border: 4rpx solid white;
+  border: 3rpx solid #1a1a1a;
   z-index: 1;
 }
 
 .status-indicator.online {
-  background-color: #07c160;
+  background-color: #52c41a;
+  box-shadow: 0 0 6rpx rgba(82,196,26,0.5);
 }
 
 .status-indicator.offline {
-  background-color: #999;
+  background-color: #555555;
 }
 
 .status-indicator.busy {
-  background-color: #f0ad4e;
+  background-color: #faad14;
+  box-shadow: 0 0 6rpx rgba(250,173,20,0.5);
 }
 
 .status-indicator.away {
-  background-color: #10aeff;
+  background-color: #1677FF;
+  box-shadow: 0 0 6rpx rgba(22,119,255,0.5);
 }
 
 /* 徽章 */
@@ -79,7 +83,7 @@
   position: absolute;
   top: -10rpx;
   right: -10rpx;
-  background-color: #dd524d;
+  background: linear-gradient(135deg, #ff4d4f, #cf1322);
   color: white;
   border-radius: 50%;
   min-width: 32rpx;
@@ -91,6 +95,7 @@
   font-weight: bold;
   padding: 0 8rpx;
   z-index: 2;
+  box-shadow: 0 4rpx 12rpx rgba(255,77,79,0.4);
 }
 
 .badge-text {
@@ -98,14 +103,14 @@
   line-height: 1;
 }
 
-/* 加载遮罩 */
+/* 加载遮罩 - 深色 */
 .loading-overlay {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
-  background-color: rgba(255, 255, 255, 0.8);
+  background-color: rgba(26,26,26,0.85);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -115,8 +120,8 @@
 .loading-spinner {
   width: 40rpx;
   height: 40rpx;
-  border: 4rpx solid #f3f3f3;
-  border-top: 4rpx solid #07c160;
+  border: 4rpx solid #2a2a2a;
+  border-top: 4rpx solid #1677FF;
   border-radius: 50%;
   animation: spin 1s linear infinite;
 }
@@ -134,10 +139,10 @@
   left: 0;
   right: 0;
   bottom: 0;
-  background: linear-gradient(135deg, #07c160 0%, #06a050 100%);
+  background: linear-gradient(135deg, #1677FF 0%, #0958d9 100%);
   z-index: -1;
 }
 
 .user-avatar.error::before {
-  background: linear-gradient(135deg, #dd524d 0%, #c82333 100%);
-}
+  background: linear-gradient(135deg, #ff4d4f 0%, #cf1322 100%);
+}