diff --git a/src/pages/user/components/UserCard.tsx b/src/pages/user/components/UserCard.tsx
index a1dc10e..1decac6 100644
--- a/src/pages/user/components/UserCard.tsx
+++ b/src/pages/user/components/UserCard.tsx
@@ -174,7 +174,7 @@ function UserCard() {
                 )
               }
               <View className={'user-info flex flex-col px-3'}>
-                <View className={'user-card__name py-1 font-bold max-w-28'}>{getDisplayName()}</View>
+                <View className={'user-card__name py-1 font-bold'}>{getDisplayName()}</View>
                 {isLoggedIn ? (
                   <View className={'grade text-xs py-0'}>
                     <Tag type="success">{getRoleName()}</Tag>
diff --git a/src/pages/user/user.config.ts b/src/pages/user/user.config.ts
index 090f19c..2bd0633 100644
--- a/src/pages/user/user.config.ts
+++ b/src/pages/user/user.config.ts
@@ -1,4 +1,3 @@
 export default definePageConfig({
-  navigationBarTitleText: '我的',
-  navigationBarBackgroundColor: '#e9fff2'
+  navigationBarTitleText: '我的'
 })
diff --git a/src/pages/user/user.scss b/src/pages/user/user.scss
index 2f683d0..00b8897 100644
--- a/src/pages/user/user.scss
+++ b/src/pages/user/user.scss
@@ -7,19 +7,20 @@
   position: relative;
   overflow: hidden;
   padding-top: 12px;
-  background:
-    linear-gradient(90deg, rgba(34, 197, 94, 0.14) 0%, rgba(56, 189, 248, 0.12) 52%, rgba(245, 158, 11, 0.08) 100%),
-    linear-gradient(135deg, #e8f8ef 0%, #eef7ff 58%, #f9fafb 100%);
+  background: transparent;
 }
 
-.header-bg::before {
+/* 右上角光晕点缀 */
+.header-bg::after {
   content: '';
   position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  height: 4px;
-  background: linear-gradient(90deg, #22c55e 0%, #38bdf8 55%, #f59e0b 100%);
+  top: -40px;
+  right: -40px;
+  width: 180px;
+  height: 180px;
+  border-radius: 50%;
+  background: radial-gradient(circle, rgba(59, 130, 246, 0.3) 0%, rgba(96, 165, 250, 0.1) 55%, transparent 75%);
+  z-index: 0;
 }
 
 .user-card-wrap {
@@ -29,10 +30,10 @@
 }
 
 .user-card {
-  border: 1px solid rgba(148, 163, 184, 0.18);
+  border: 1px solid rgba(255, 255, 255, 0.22);
   border-radius: 18px !important;
   background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 252, 255, 0.94) 100%);
-  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
+  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.18);
 }
 
 .user-card-header {
@@ -46,9 +47,9 @@
 }
 
 .user-card__name {
-  max-width: 150px;
+  max-width: 300px;
   overflow: hidden;
-  color: #0f172a;
+  color: #ffffff;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
diff --git a/src/pages/user/user.tsx b/src/pages/user/user.tsx
index 237ff85..72bf5a1 100644
--- a/src/pages/user/user.tsx
+++ b/src/pages/user/user.tsx
@@ -29,6 +29,27 @@ function User() {
   if (isAdmin()) {
     return <>
       <div className={'user-page w-full'}>
+        {/* 装饰性背景 - 深蓝色渐变 + 圆点装饰 */}
+        <div className={'h-64 w-full fixed top-0 z-0'}
+          style={{
+            background: 'linear-gradient(135deg, #0f172a 0%, #1e3a5f 50%, #1e40af 100%)'
+          }}>
+          <div className="absolute w-32 h-32 rounded-full" style={{
+            backgroundColor: 'rgba(255, 255, 255, 0.1)',
+            top: '-16px',
+            right: '-16px'
+          }}></div>
+          <div className="absolute w-24 h-24 rounded-full" style={{
+            backgroundColor: 'rgba(255, 255, 255, 0.08)',
+            bottom: '-12px',
+            left: '-12px'
+          }}></div>
+          <div className="absolute w-16 h-16 rounded-full" style={{
+            backgroundColor: 'rgba(255, 255, 255, 0.05)',
+            top: '60px',
+            left: '120px'
+          }}></div>
+        </div>
         <UserCard/>
         {/*<UserOrder/>*/}
         <UserCell/>
@@ -62,6 +83,27 @@ function User() {
       {/*  <span>我的</span>*/}
       {/*</NavBar>*/}
       <div className={'user-page w-full'}>
+        {/* 装饰性背景 - 深蓝色渐变 + 圆点装饰 */}
+        <div className={'h-40 w-full fixed top-0 z-0'}
+          style={{
+            background: 'linear-gradient(135deg, #0f172a 0%, #1e3a5f 50%, #1e40af 100%)'
+          }}>
+          <div className="absolute w-32 h-32 rounded-full" style={{
+            backgroundColor: 'rgba(255, 255, 255, 0.1)',
+            top: '-16px',
+            right: '-16px'
+          }}></div>
+          <div className="absolute w-24 h-24 rounded-full" style={{
+            backgroundColor: 'rgba(255, 255, 255, 0.08)',
+            bottom: '-12px',
+            left: '-12px'
+          }}></div>
+          <div className="absolute w-16 h-16 rounded-full" style={{
+            backgroundColor: 'rgba(255, 255, 255, 0.05)',
+            top: '60px',
+            left: '120px'
+          }}></div>
+        </div>
         <UserCard/>
         {/*<UserOrder/>*/}
         <UserCell/>