diff --git a/frontend/mobile-app/lib/features/auth/presentation/pages/guide_page.dart b/frontend/mobile-app/lib/features/auth/presentation/pages/guide_page.dart
index 42a44e91..65d2082d 100644
--- a/frontend/mobile-app/lib/features/auth/presentation/pages/guide_page.dart
+++ b/frontend/mobile-app/lib/features/auth/presentation/pages/guide_page.dart
@@ -610,7 +610,7 @@ class _WelcomePageContentState extends ConsumerState<_WelcomePageContent> {
                   ),
                   style: TextStyle(
                     fontSize: 17.sp,
-                    color: const Color(0xFFFFD700),
+                    color: Colors.black,
                     fontWeight: FontWeight.w600,
                     letterSpacing: 0.5,
                   ),
diff --git a/frontend/mobile-app/lib/features/auth/presentation/pages/phone_login_page.dart b/frontend/mobile-app/lib/features/auth/presentation/pages/phone_login_page.dart
index 1540f1c4..c8c6c6e2 100644
--- a/frontend/mobile-app/lib/features/auth/presentation/pages/phone_login_page.dart
+++ b/frontend/mobile-app/lib/features/auth/presentation/pages/phone_login_page.dart
@@ -128,30 +128,29 @@ class _PhoneLoginPageState extends ConsumerState<PhoneLoginPage> {
   @override
   Widget build(BuildContext context) {
     return Scaffold(
-      backgroundColor: Colors.white,
-      appBar: AppBar(
-        backgroundColor: Colors.white,
-        elevation: 0,
-        leading: IconButton(
-          icon: const Icon(Icons.arrow_back_ios, color: Color(0xFF333333)),
-          onPressed: () => context.pop(),
-        ),
-        title: Text(
-          '恢复账号',
-          style: TextStyle(
-            fontSize: 18.sp,
-            fontWeight: FontWeight.w600,
-            color: const Color(0xFF333333),
+      body: Container(
+        decoration: const BoxDecoration(
+          gradient: LinearGradient(
+            begin: Alignment.topCenter,
+            end: Alignment.bottomCenter,
+            colors: [
+              Color(0xFFFFF5E6), // 浅米色
+              Color(0xFFEAE0C8), // 浅橙色
+            ],
           ),
         ),
-        centerTitle: true,
-      ),
-      body: GestureDetector(
-        onTap: () => FocusScope.of(context).unfocus(),
         child: SafeArea(
-          child: SingleChildScrollView(
-            padding: EdgeInsets.symmetric(horizontal: 24.w),
-            child: Column(
+          child: Column(
+            children: [
+              // 顶部导航栏
+              _buildAppBar(),
+              // 内容区域
+              Expanded(
+                child: GestureDetector(
+                  onTap: () => FocusScope.of(context).unfocus(),
+                  child: SingleChildScrollView(
+                    padding: EdgeInsets.symmetric(horizontal: 24.w),
+                    child: Column(
               crossAxisAlignment: CrossAxisAlignment.start,
               children: [
                 SizedBox(height: 32.h),
@@ -161,7 +160,7 @@ class _PhoneLoginPageState extends ConsumerState<PhoneLoginPage> {
                   style: TextStyle(
                     fontSize: 24.sp,
                     fontWeight: FontWeight.w700,
-                    color: const Color(0xFF333333),
+                    color: const Color(0xFF5D4037),
                   ),
                 ),
                 SizedBox(height: 8.h),
@@ -169,7 +168,7 @@ class _PhoneLoginPageState extends ConsumerState<PhoneLoginPage> {
                   '输入您的手机号和密码',
                   style: TextStyle(
                     fontSize: 14.sp,
-                    color: const Color(0xFF999999),
+                    color: const Color(0xFF8B6F47),
                   ),
                 ),
                 SizedBox(height: 32.h),
@@ -192,11 +191,43 @@ class _PhoneLoginPageState extends ConsumerState<PhoneLoginPage> {
                 SizedBox(height: 24.h),
                 // 注册提示
                 _buildRegisterHint(),
-                SizedBox(height: 32.h),
-              ],
+                      SizedBox(height: 32.h),
+                    ],
+                  ),
+                ),
+              ),
+            ),
+          ],
+        ),
+      ),
+    ),
+    );
+  }
+
+  /// 构建顶部导航栏
+  Widget _buildAppBar() {
+    return Container(
+      height: 56.h,
+      padding: EdgeInsets.symmetric(horizontal: 8.w),
+      child: Row(
+        children: [
+          IconButton(
+            icon: const Icon(Icons.arrow_back_ios, color: Color(0xFF5D4037)),
+            onPressed: () => context.pop(),
+          ),
+          Expanded(
+            child: Text(
+              '恢复账号',
+              style: TextStyle(
+                fontSize: 18.sp,
+                fontWeight: FontWeight.w600,
+                color: const Color(0xFF5D4037),
+              ),
+              textAlign: TextAlign.center,
             ),
           ),
-        ),
+          SizedBox(width: 48.w), // 平衡左侧返回按钮的宽度
+        ],
       ),
     );
   }
@@ -210,7 +241,7 @@ class _PhoneLoginPageState extends ConsumerState<PhoneLoginPage> {
           '手机号',
           style: TextStyle(
             fontSize: 14.sp,
-            color: const Color(0xFF666666),
+            color: const Color(0xFF5D4037),
             fontWeight: FontWeight.w600,
           ),
         ),
@@ -220,7 +251,7 @@ class _PhoneLoginPageState extends ConsumerState<PhoneLoginPage> {
           decoration: BoxDecoration(
             border: Border(
               bottom: BorderSide(
-                color: const Color(0xFFE0E0E0),
+                color: const Color(0xFFD4A574),
                 width: 1,
               ),
             ),
@@ -235,14 +266,14 @@ class _PhoneLoginPageState extends ConsumerState<PhoneLoginPage> {
             ],
             style: TextStyle(
               fontSize: 16.sp,
-              color: const Color(0xFF333333),
+              color: const Color(0xFF5D4037),
               fontWeight: FontWeight.w500,
             ),
             decoration: InputDecoration(
               hintText: '请输入手机号',
               hintStyle: TextStyle(
                 fontSize: 16.sp,
-                color: const Color(0xFFCCCCCC),
+                color: const Color(0xFFB8956A),
               ),
               border: InputBorder.none,
               isDense: false,
@@ -268,7 +299,7 @@ class _PhoneLoginPageState extends ConsumerState<PhoneLoginPage> {
           '密码',
           style: TextStyle(
             fontSize: 14.sp,
-            color: const Color(0xFF666666),
+            color: const Color(0xFF5D4037),
             fontWeight: FontWeight.w600,
           ),
         ),
@@ -278,7 +309,7 @@ class _PhoneLoginPageState extends ConsumerState<PhoneLoginPage> {
           decoration: BoxDecoration(
             border: Border(
               bottom: BorderSide(
-                color: const Color(0xFFE0E0E0),
+                color: const Color(0xFFD4A574),
                 width: 1,
               ),
             ),
@@ -292,14 +323,14 @@ class _PhoneLoginPageState extends ConsumerState<PhoneLoginPage> {
                   obscureText: _obscurePassword,
                   style: TextStyle(
                     fontSize: 16.sp,
-                    color: const Color(0xFF333333),
+                    color: const Color(0xFF5D4037),
                     fontWeight: FontWeight.w500,
                   ),
                   decoration: InputDecoration(
                     hintText: '请输入密码',
                     hintStyle: TextStyle(
                       fontSize: 16.sp,
-                      color: const Color(0xFFCCCCCC),
+                      color: const Color(0xFFB8956A),
                     ),
                     border: InputBorder.none,
                     isDense: false,
@@ -322,7 +353,7 @@ class _PhoneLoginPageState extends ConsumerState<PhoneLoginPage> {
                 },
                 child: Icon(
                   _obscurePassword ? Icons.visibility_off : Icons.visibility,
-                  color: const Color(0xFF999999),
+                  color: const Color(0xFF8B6F47),
                   size: 20.sp,
                 ),
               ),
@@ -380,9 +411,9 @@ class _PhoneLoginPageState extends ConsumerState<PhoneLoginPage> {
         onPressed: canLogin ? _login : null,
         style: ElevatedButton.styleFrom(
           backgroundColor: canLogin
-              ? const Color(0xFFD4A84B)
-              : const Color(0xFFE0E0E0),
-          disabledBackgroundColor: const Color(0xFFE0E0E0),
+              ? const Color(0xFF8B5A2B)
+              : const Color(0xFFD4C4B0),
+          disabledBackgroundColor: const Color(0xFFD4C4B0),
           shape: RoundedRectangleBorder(
             borderRadius: BorderRadius.circular(12.r),
           ),
@@ -402,7 +433,7 @@ class _PhoneLoginPageState extends ConsumerState<PhoneLoginPage> {
                 style: TextStyle(
                   fontSize: 16.sp,
                   fontWeight: FontWeight.w700,
-                  color: canLogin ? Colors.white : const Color(0xFFCCCCCC),
+                  color: canLogin ? Colors.white : const Color(0xFFB8956A),
                 ),
               ),
       ),
@@ -415,7 +446,7 @@ class _PhoneLoginPageState extends ConsumerState<PhoneLoginPage> {
       children: [
         Expanded(
           child: Divider(
-            color: const Color(0xFFE0E0E0),
+            color: const Color(0xFFD4A574),
             thickness: 1,
           ),
         ),
@@ -425,14 +456,14 @@ class _PhoneLoginPageState extends ConsumerState<PhoneLoginPage> {
             '或',
             style: TextStyle(
               fontSize: 14.sp,
-              color: const Color(0xFF999999),
+              color: const Color(0xFF8B6F47),
               fontWeight: FontWeight.w500,
             ),
           ),
         ),
         Expanded(
           child: Divider(
-            color: const Color(0xFFE0E0E0),
+            color: const Color(0xFFD4A574),
             thickness: 1,
           ),
         ),
@@ -450,7 +481,7 @@ class _PhoneLoginPageState extends ConsumerState<PhoneLoginPage> {
             '还没有账号？',
             style: TextStyle(
               fontSize: 14.sp,
-              color: const Color(0xFF999999),
+              color: const Color(0xFF8B6F47),
               fontWeight: FontWeight.w500,
             ),
           ),
@@ -464,7 +495,7 @@ class _PhoneLoginPageState extends ConsumerState<PhoneLoginPage> {
               '立即注册',
               style: TextStyle(
                 fontSize: 14.sp,
-                color: const Color(0xFFD4A84B),
+                color: const Color(0xFF8B5A2B),
                 fontWeight: FontWeight.w700,
               ),
             ),