fix: 修复推荐码文字可见性和统一恢复账号页面设计

向导页修复：
- 推荐码输入文字改为金黄色(#FFD700)，与白色底边框形成对比

恢复账号页面重构：
- 背景改为白色，与手机号注册等页面保持一致
- 添加标准 AppBar，标题居中显示"恢复账号"
- 输入框改为完全透明底部边框设计，与外部容器无感融合
- 文字颜色与底色反色：深灰色(#333333)
- 登录按钮改为金色背景(#D4A84B) + 白色文字
- 更新所有颜色以适配白色背景主题
- "立即注册"文字改为金色

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

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: Colors.white,
+                    color: const Color(0xFFFFD700),
                     fontWeight: FontWeight.w600,
                     letterSpacing: 0.5,
                   ),

frontend/mobile-app/lib/features/auth/presentation/pages/phone_login_page.dart

@@ -128,51 +128,51 @@ class _PhoneLoginPageState extends ConsumerState<PhoneLoginPage> {
   @override
   Widget build(BuildContext context) {
     return Scaffold(
-      body: Container(
+      backgroundColor: Colors.white,
-        decoration: const BoxDecoration(
+      appBar: AppBar(
-          gradient: LinearGradient(
+        backgroundColor: Colors.white,
-            begin: Alignment.topLeft,
+        elevation: 0,
-            end: Alignment.bottomRight,
+        leading: IconButton(
-            colors: [
+          icon: const Icon(Icons.arrow_back_ios, color: Color(0xFF333333)),
-              Color(0xFFD4A84B),
+          onPressed: () => context.pop(),
-              Color(0xFFB8860B),
+        ),
-              Color(0xFFD4A84B),
+        title: Text(
-            ],
+          '恢复账号',
-            stops: [0.0, 0.5, 1.0],
+          style: TextStyle(
+            fontSize: 18.sp,
+            fontWeight: FontWeight.w600,
+            color: const Color(0xFF333333),
           ),
         ),
+        centerTitle: true,
+      ),
+      body: GestureDetector(
+        onTap: () => FocusScope.of(context).unfocus(),
         child: SafeArea(
-          child: Column(
+          child: Padding(
-            children: [
-              // 顶部导航栏
-              _buildAppBar(),
-              // 表单内容
-              Expanded(
-                child: SingleChildScrollView(
             padding: EdgeInsets.symmetric(horizontal: 24.w),
             child: Column(
               crossAxisAlignment: CrossAxisAlignment.start,
               children: [
-                      SizedBox(height: 60.h),
+                SizedBox(height: 32.h),
-                      // 标题 - 居中显示
+                // 标题
-                      Center(
+                Text(
-                        child: Text(
+                  '手机号+密码登录',
-                          '恢复账号',
                   style: TextStyle(
-                            fontSize: 32.sp,
+                    fontSize: 24.sp,
-                            fontWeight: FontWeight.bold,
+                    fontWeight: FontWeight.w700,
-                            color: Colors.white,
+                    color: const Color(0xFF333333),
-                            shadows: [
-                              Shadow(
-                                color: Colors.black.withValues(alpha: 0.3),
-                                blurRadius: 8,
-                                offset: const Offset(0, 2),
-                              ),
-                            ],
                   ),
                 ),
+                SizedBox(height: 8.h),
+                Text(
+                  '输入您的手机号和密码',
+                  style: TextStyle(
+                    fontSize: 14.sp,
+                    color: const Color(0xFF999999),
                   ),
-                      SizedBox(height: 48.h),
+                ),
+                SizedBox(height: 32.h),
                 // 手机号输入框
                 _buildPhoneInput(),
                 SizedBox(height: 16.h),
@@ -196,37 +196,6 @@ class _PhoneLoginPageState extends ConsumerState<PhoneLoginPage> {
             ),
           ),
         ),
-            ],
-          ),
-        ),
-      ),
-    );
-  }
-
-  /// 构建顶部导航栏
-  Widget _buildAppBar() {
-    return Container(
-      height: 56.h,
-      padding: EdgeInsets.symmetric(horizontal: 16.w),
-      child: Row(
-        children: [
-          GestureDetector(
-            onTap: () => context.pop(),
-            child: Container(
-              width: 40.w,
-              height: 40.w,
-              decoration: BoxDecoration(
-                color: Colors.white.withValues(alpha: 0.25),
-                borderRadius: BorderRadius.circular(12.r),
-              ),
-              child: Icon(
-                Icons.arrow_back,
-                color: Colors.white,
-                size: 20.sp,
-              ),
-            ),
-          ),
-        ],
       ),
     );
   }
@@ -240,18 +209,19 @@ class _PhoneLoginPageState extends ConsumerState<PhoneLoginPage> {
           '手机号',
           style: TextStyle(
             fontSize: 14.sp,
-            color: Colors.white.withValues(alpha: 0.95),
+            color: const Color(0xFF666666),
             fontWeight: FontWeight.w600,
           ),
         ),
         SizedBox(height: 8.h),
         Container(
+          padding: EdgeInsets.symmetric(vertical: 12.h, horizontal: 0),
           decoration: BoxDecoration(
-            color: Colors.white.withValues(alpha: 0.2),
+            border: Border(
-            borderRadius: BorderRadius.circular(12.r),
+              bottom: BorderSide(
-            border: Border.all(
+                color: const Color(0xFFE0E0E0),
-              color: Colors.white.withValues(alpha: 0.4),
+                width: 1,
-              width: 1.5,
+              ),
             ),
           ),
           child: TextField(
@@ -264,24 +234,18 @@ class _PhoneLoginPageState extends ConsumerState<PhoneLoginPage> {
             ],
             style: TextStyle(
               fontSize: 16.sp,
-              color: Colors.white,
+              color: const Color(0xFF333333),
+              fontWeight: FontWeight.w500,
             ),
             decoration: InputDecoration(
               hintText: '请输入手机号',
               hintStyle: TextStyle(
                 fontSize: 16.sp,
-                color: Colors.white.withValues(alpha: 0.5),
+                color: const Color(0xFFCCCCCC),
               ),
               border: InputBorder.none,
-              contentPadding: EdgeInsets.symmetric(
+              isDense: false,
-                horizontal: 16.w,
+              contentPadding: EdgeInsets.zero,
-                vertical: 14.h,
-              ),
-              prefixIcon: Icon(
-                Icons.phone_android,
-                color: Colors.white.withValues(alpha: 0.8),
-                size: 20.sp,
-              ),
             ),
             onChanged: (_) {
               if (_errorMessage != null) {
@@ -303,56 +267,42 @@ class _PhoneLoginPageState extends ConsumerState<PhoneLoginPage> {
           '密码',
           style: TextStyle(
             fontSize: 14.sp,
-            color: Colors.white.withValues(alpha: 0.95),
+            color: const Color(0xFF666666),
             fontWeight: FontWeight.w600,
           ),
         ),
         SizedBox(height: 8.h),
         Container(
+          padding: EdgeInsets.symmetric(vertical: 12.h, horizontal: 0),
           decoration: BoxDecoration(
-            color: Colors.white.withValues(alpha: 0.2),
+            border: Border(
-            borderRadius: BorderRadius.circular(12.r),
+              bottom: BorderSide(
-            border: Border.all(
+                color: const Color(0xFFE0E0E0),
-              color: Colors.white.withValues(alpha: 0.4),
+                width: 1,
-              width: 1.5,
               ),
             ),
+          ),
+          child: Row(
+            children: [
+              Expanded(
                 child: TextField(
                   controller: _passwordController,
                   focusNode: _passwordFocusNode,
                   obscureText: _obscurePassword,
                   style: TextStyle(
                     fontSize: 16.sp,
-              color: Colors.white,
+                    color: const Color(0xFF333333),
+                    fontWeight: FontWeight.w500,
                   ),
                   decoration: InputDecoration(
                     hintText: '请输入密码',
                     hintStyle: TextStyle(
                       fontSize: 16.sp,
-                color: Colors.white.withValues(alpha: 0.5),
+                      color: const Color(0xFFCCCCCC),
                     ),
                     border: InputBorder.none,
-              contentPadding: EdgeInsets.symmetric(
+                    isDense: false,
-                horizontal: 16.w,
+                    contentPadding: EdgeInsets.zero,
-                vertical: 14.h,
-              ),
-              prefixIcon: Icon(
-                Icons.lock_outline,
-                color: Colors.white.withValues(alpha: 0.8),
-                size: 20.sp,
-              ),
-              suffixIcon: GestureDetector(
-                onTap: () {
-                  setState(() {
-                    _obscurePassword = !_obscurePassword;
-                  });
-                },
-                child: Icon(
-                  _obscurePassword ? Icons.visibility_off : Icons.visibility,
-                  color: Colors.white.withValues(alpha: 0.8),
-                  size: 20.sp,
-                ),
-              ),
                   ),
                   onChanged: (_) {
                     if (_errorMessage != null) {
@@ -362,6 +312,22 @@ class _PhoneLoginPageState extends ConsumerState<PhoneLoginPage> {
                   onSubmitted: (_) => _login(),
                 ),
               ),
+              // 密码可见性切换按钮
+              GestureDetector(
+                onTap: () {
+                  setState(() {
+                    _obscurePassword = !_obscurePassword;
+                  });
+                },
+                child: Icon(
+                  _obscurePassword ? Icons.visibility_off : Icons.visibility,
+                  color: const Color(0xFF999999),
+                  size: 20.sp,
+                ),
+              ),
+            ],
+          ),
+        ),
       ],
     );
   }
@@ -413,14 +379,13 @@ class _PhoneLoginPageState extends ConsumerState<PhoneLoginPage> {
         onPressed: canLogin ? _login : null,
         style: ElevatedButton.styleFrom(
           backgroundColor: canLogin
-              ? Colors.white
+              ? const Color(0xFFD4A84B)
-              : Colors.white.withValues(alpha: 0.3),
+              : const Color(0xFFE0E0E0),
-          disabledBackgroundColor: Colors.white.withValues(alpha: 0.3),
+          disabledBackgroundColor: const Color(0xFFE0E0E0),
           shape: RoundedRectangleBorder(
             borderRadius: BorderRadius.circular(12.r),
           ),
-          elevation: canLogin ? 4 : 0,
+          elevation: 0,
-          shadowColor: Colors.black.withValues(alpha: 0.3),
         ),
         child: _isLoggingIn
             ? SizedBox(
@@ -428,7 +393,7 @@ class _PhoneLoginPageState extends ConsumerState<PhoneLoginPage> {
                 height: 20.h,
                 child: const CircularProgressIndicator(
                   strokeWidth: 2,
-                  valueColor: AlwaysStoppedAnimation<Color>(Color(0xFFB8860B)),
+                  valueColor: AlwaysStoppedAnimation<Color>(Colors.white),
                 ),
               )
             : Text(
@@ -436,7 +401,7 @@ class _PhoneLoginPageState extends ConsumerState<PhoneLoginPage> {
                 style: TextStyle(
                   fontSize: 16.sp,
                   fontWeight: FontWeight.w700,
-                  color: canLogin ? const Color(0xFFB8860B) : Colors.white.withValues(alpha: 0.5),
+                  color: canLogin ? Colors.white : const Color(0xFFCCCCCC),
                 ),
               ),
       ),
@@ -449,7 +414,7 @@ class _PhoneLoginPageState extends ConsumerState<PhoneLoginPage> {
       children: [
         Expanded(
           child: Divider(
-            color: Colors.white.withValues(alpha: 0.4),
+            color: const Color(0xFFE0E0E0),
             thickness: 1,
           ),
         ),
@@ -459,14 +424,14 @@ class _PhoneLoginPageState extends ConsumerState<PhoneLoginPage> {
             '或',
             style: TextStyle(
               fontSize: 14.sp,
-              color: Colors.white.withValues(alpha: 0.7),
+              color: const Color(0xFF999999),
               fontWeight: FontWeight.w500,
             ),
           ),
         ),
         Expanded(
           child: Divider(
-            color: Colors.white.withValues(alpha: 0.4),
+            color: const Color(0xFFE0E0E0),
             thickness: 1,
           ),
         ),
@@ -484,7 +449,7 @@ class _PhoneLoginPageState extends ConsumerState<PhoneLoginPage> {
             '还没有账号？',
             style: TextStyle(
               fontSize: 14.sp,
-              color: Colors.white.withValues(alpha: 0.8),
+              color: const Color(0xFF999999),
               fontWeight: FontWeight.w500,
             ),
           ),
@@ -498,10 +463,8 @@ class _PhoneLoginPageState extends ConsumerState<PhoneLoginPage> {
               '立即注册',
               style: TextStyle(
                 fontSize: 14.sp,
-                color: Colors.white,
+                color: const Color(0xFFD4A84B),
                 fontWeight: FontWeight.w700,
-                decoration: TextDecoration.underline,
-                decorationColor: Colors.white,
               ),
             ),
           ),