feat(player): 统一移动端主题样式并优化多页面视觉一致性

将玩家端组件与核心页面全面切换为统一主题变量，优化卡片、按钮、弹窗、列表和盘口相关模块的视觉表现，并补充多语言文案以匹配新的交互与布局风格。

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/player/src/views/ForgotPasswordView.vue

@@ -197,30 +197,48 @@ function goLogin() {
   align-items: center;
   justify-content: flex-end;
   padding: 30vh 16px calc(10vh + max(20px, env(safe-area-inset-bottom)));
-  background: linear-gradient(160deg, #E8EDF2 0%, #F5F7FA 40%, #FFFFFF 100%);
+  background-color: var(--bg-body);
   background-size: cover;
   background-position: center top;
   background-repeat: no-repeat;
 }
 
+.login-page::before {
+  content: '';
+  position: absolute;
+  inset: 0;
+  background: rgba(15, 32, 39, 0.7);
+  z-index: 0;
+}
+
+.login-page::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  background: linear-gradient(160deg, rgba(244, 162, 97, 0.15) 0%, rgba(59, 130, 246, 0.08) 50%, transparent 100%);
+  z-index: 0;
+}
+
 .login-form {
+  position: relative;
+  z-index: 1;
   width: 100%;
   max-width: 320px;
   display: flex;
   flex-direction: column;
   gap: 8px;
   padding: 20px;
-  background: #FFFFFF;
-  border: 1px solid #E5E7EB;
+  background: var(--bg-card);
+  border: 1px solid var(--border);
   border-radius: 8px;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
 }
 
 .form-title {
   margin: 0 0 2px;
   font-size: 16px;
   font-weight: 800;
-  color: #1A1A2E;
+  color: var(--text);
   text-align: center;
 }
 
@@ -232,7 +250,7 @@ function goLogin() {
 
 label {
   font-size: 10px;
-  color: #6B7280;
+  color: var(--text-muted);
   font-weight: 600;
   letter-spacing: 0.03em;
 }
@@ -241,22 +259,22 @@ label {
   width: 100%;
   height: 36px;
   padding: 0 10px;
-  border: 1px solid #E5E7EB;
+  border: 1px solid var(--border);
   border-radius: 6px;
-  background: #FFFFFF;
-  color: #1A1A2E;
+  background: var(--bg-input);
+  color: var(--text);
   font-size: 14px;
   font-family: inherit;
 }
 
 .field-input::placeholder {
-  color: rgba(107, 114, 128, 0.6);
+  color: rgba(148, 163, 184, 0.6);
 }
 
 .field-input:focus {
   outline: none;
-  border-color: #0066CC;
-  box-shadow: 0 0 0 2px rgba(0, 102, 204, 0.15);
+  border-color: var(--primary);
+  box-shadow: 0 0 0 2px rgba(244, 162, 97, 0.15);
 }
 
 .inline-row {
@@ -274,10 +292,10 @@ label {
   flex-shrink: 0;
   height: 36px;
   padding: 0 10px;
-  border: 1px solid #E5E7EB;
+  border: 1px solid var(--border);
   border-radius: 6px;
-  background: #F5F7FA;
-  color: #003D6B;
+  background: var(--bg-elevated);
+  color: var(--primary);
   font-size: 11px;
   font-weight: 600;
   white-space: nowrap;
@@ -307,19 +325,19 @@ label {
   padding: 8px 14px;
   border: none;
   background: transparent;
-  color: #003D6B;
+  color: var(--primary);
   font-size: 13px;
   font-weight: 600;
   cursor: pointer;
 }
 
 .btn-skip:active {
-  color: #005B9F;
+  color: var(--primary-light);
 }
 
 .error {
   margin: 0;
-  color: #DC2626;
+  color: var(--danger);
   font-size: 12px;
   font-weight: 600;
   line-height: 1.3;