diff --git a/src/pages/mine.vue b/src/pages/mine.vue
index 804ca82..316a4d5 100644
--- a/src/pages/mine.vue
+++ b/src/pages/mine.vue
@@ -14,7 +14,7 @@
           <view class="user-details">
             <view v-if="!name" @click="handleToLogin" class="login-prompt">
               <text class="login-text">点击登录</text>
-              <uni-icons type="right" size="16" color="#ffffff"></uni-icons>
+              <uni-icons type="right" size="16" color="#8B4500"></uni-icons>
             </view>
             <view v-if="name" class="user-name-section">
               <text class="user-name">{{ name }}</text>
@@ -231,7 +231,7 @@ page {
 
   .header-section {
     padding: 40rpx 32rpx 80rpx;
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    background: linear-gradient(160deg, #FFF3D6 0%, #FFE0A0 60%, #FFCC6E 100%);
     position: relative;
     overflow: hidden;
     flex-shrink: 0;
@@ -243,7 +243,7 @@ page {
       right: -20%;
       width: 200%;
       height: 200%;
-      background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
+      background: radial-gradient(circle, rgba(255, 255, 255, 0.35) 0%, transparent 70%);
       animation: pulse 15s infinite;
     }
     
@@ -267,11 +267,11 @@ page {
             width: 120rpx;
             height: 120rpx;
             border-radius: 60rpx;
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            background: linear-gradient(135deg, #E8841A 0%, #F5A623 100%);
             display: flex;
             align-items: center;
             justify-content: center;
-            box-shadow: 0 12rpx 40rpx rgba(102, 126, 234, 0.4);
+            box-shadow: 0 12rpx 40rpx rgba(232, 132, 26, 0.4);
             position: relative;
             overflow: hidden;
             
@@ -295,7 +295,7 @@ page {
               width: 112rpx;
               height: 112rpx;
               border-radius: 56rpx;
-              background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+              background: linear-gradient(135deg, #E8841A 0%, #F5A623 100%);
               display: flex;
               align-items: center;
               justify-content: center;
@@ -312,12 +312,12 @@ page {
             display: flex;
             align-items: center;
             padding: 16rpx 24rpx;
-            background: rgba(255, 255, 255, 0.2);
+            background: rgba(139, 69, 0, 0.15);
             border-radius: 40rpx;
             backdrop-filter: blur(10rpx);
             
             .login-text {
-              color: #ffffff;
+              color: #8B4500;
               font-size: 28rpx;
               margin-right: 8rpx;
             }
@@ -329,7 +329,7 @@ page {
             margin-bottom: 12rpx;
             
             .user-name {
-              color: #ffffff;
+              color: #8B4500;
               font-size: 36rpx;
               font-weight: 600;
               margin-right: 12rpx;
@@ -337,15 +337,16 @@ page {
             
             .user-tag {
               padding: 4rpx 16rpx;
-              background: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);
+              background: linear-gradient(135deg, #E8841A 0%, #F5A623 100%);
               border-radius: 20rpx;
               color: #ffffff;
               font-size: 20rpx;
+              box-shadow: 0 2rpx 8rpx rgba(232, 132, 26, 0.4);
             }
           }
           
           .user-id {
-            color: rgba(255, 255, 255, 0.8);
+            color: rgba(139, 69, 0, 0.65);
             font-size: 24rpx;
           }
         }
@@ -353,7 +354,7 @@ page {
       
       .settings-btn {
         padding: 16rpx;
-        background: rgba(255, 255, 255, 0.2);
+        background: rgba(139, 69, 0, 0.12);
         border-radius: 50%;
         backdrop-filter: blur(10rpx);
       }
diff --git a/src/pages_mine/pages/about/index.vue b/src/pages_mine/pages/about/index.vue
index 9bcbf37..b49617b 100644
--- a/src/pages_mine/pages/about/index.vue
+++ b/src/pages_mine/pages/about/index.vue
@@ -18,7 +18,7 @@
           <text class="item-label">{{ item.label }}</text>
         </view>
         <view class="item-right">
-          <uni-link v-if="item.isLink" :href="item.value" :text="item.displayText" showUnderLine="false" color="#667eea"></uni-link>
+          <uni-link v-if="item.isLink" :href="item.value" :text="item.displayText" showUnderLine="false" color="#E8841A"></uni-link>
           <text v-else class="item-value">{{ item.value }}</text>
         </view>
       </view>
@@ -44,7 +44,7 @@ const infoList = computed(() => [
     label: '版本信息',
     value: `v${version}`,
     displayText: `v${version}`,
-    gradient: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',
+    gradient: 'linear-gradient(135deg, #E8841A 0%, #F5A623 100%)',
     isLink: false
   },
   {
@@ -95,7 +95,7 @@ page {
   display: flex;
   flex-direction: column;
   align-items: center;
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  background: linear-gradient(160deg, #FFF3D6 0%, #FFE0A0 60%, #FFCC6E 100%);
   position: relative;
   overflow: hidden;
   
@@ -106,7 +106,7 @@ page {
     right: -20%;
     width: 200%;
     height: 200%;
-    background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
+    background: radial-gradient(circle, rgba(255, 255, 255, 0.35) 0%, transparent 70%);
     animation: pulse 15s infinite;
   }
   
@@ -118,8 +118,7 @@ page {
       width: 140rpx;
       height: 140rpx;
       border-radius: 80rpx;
-      box-shadow: 0 12rpx 40rpx rgba(0, 0, 0, 0.2);
-      background: #ffffff;
+      box-shadow: 0 12rpx 40rpx rgba(232, 132, 26, 0.3);
       padding: 15rpx;
     }
     
@@ -129,21 +128,21 @@ page {
       right: -10rpx;
       width: 40rpx;
       height: 40rpx;
-      background: linear-gradient(135deg, #ffd89b 0%, #19547b 100%);
+      background: linear-gradient(135deg, #E8841A 0%, #F5A623 100%);
       border-radius: 20rpx;
-      border: 4rpx solid #667eea;
+      border: 4rpx solid rgba(232, 132, 26, 0.3);
     }
   }
   
   .app-name {
-    color: #ffffff;
+    color: #8B4500;
     font-size: 36rpx;
     font-weight: 700;
     margin-bottom: 8rpx;
   }
   
   .app-slogan {
-    color: rgba(255, 255, 255, 0.8);
+    color: rgba(139, 69, 0, 0.65);
     font-size: 26rpx;
   }
 }
diff --git a/src/pages_mine/pages/help/index.vue b/src/pages_mine/pages/help/index.vue
index 2a0662b..f2aa8b3 100644
--- a/src/pages_mine/pages/help/index.vue
+++ b/src/pages_mine/pages/help/index.vue
@@ -2,7 +2,7 @@
   <view class="help-container">
     <view v-for="(item, findex) in list" :key="findex" class="help-section">
       <view class="section-header">
-        <view class="header-icon" :style="{ background: findex === 0 ? 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)' : 'linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)' }">
+        <view class="header-icon" :style="{ background: findex === 0 ? 'linear-gradient(135deg, #E8841A 0%, #F5A623 100%)' : 'linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)' }">
           <uni-icons :type="findex === 0 ? 'help' : 'info'" size="20" color="#ffffff"></uni-icons>
         </view>
         <text class="section-title">{{ item.title }}</text>
@@ -46,9 +46,6 @@
             childList: [{
               title: '如何退出登录？',
               content: '请点击[我的] - [应用设置] - [退出登录]即可退出登录',
-            }, {
-              title: '如何修改用户头像？',
-              content: '请点击[我的] - [选择头像] - [点击提交]即可更换用户头像',
             }, {
               title: '如何修改登录密码？',
               content: '请点击[我的] - [应用设置] - [修改密码]即可修改登录密码',
@@ -139,7 +136,7 @@ page {
   .q-badge {
     width: 36rpx;
     height: 36rpx;
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    background: linear-gradient(135deg, #E8841A 0%, #F5A623 100%);
     border-radius: 8rpx;
     display: flex;
     align-items: center;
diff --git a/src/store/modules/user.ts b/src/store/modules/user.ts
index 1e96fea..55f5325 100644
--- a/src/store/modules/user.ts
+++ b/src/store/modules/user.ts
@@ -14,6 +14,7 @@ const useUserStore = defineStore("user", {
   state: () => ({
     token: getToken(),
     name: "",
+    userId: "",
     avatar: "",
     roles: Array(),
     permissions: [],
@@ -56,6 +57,7 @@ const useUserStore = defineStore("user", {
               this.roles = ["ROLE_DEFAULT"];
             }
             this.name = user.userName;
+            this.userId = user.userId;
             this.avatar = avatar;
             resolve(res);
           })