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

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

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

apps/player/src/views/WalletDetailView.vue

@@ -238,7 +238,7 @@ const pullIndicatorStyle = () => ({
 .back-btn {
   background: none;
   border: none;
-  color: #003D6B;
+  color: var(--primary);
   font-size: 15px;
   font-weight: 700;
   padding: 4px 0 8px;
@@ -273,16 +273,16 @@ const pullIndicatorStyle = () => ({
   border-radius: 999px;
   font-size: 12px;
   font-weight: 700;
-  color: #6B7280;
-  background: #FFFFFF;
-  border: 1px solid #E5E7EB;
+  color: var(--text-muted);
+  background: var(--bg-card);
+  border: 1px solid var(--border);
   transition: all 0.2s;
 }
 
 .filter-tab.active {
   color: #FFFFFF;
-  background: #003D6B;
-  border-color: #003D6B;
+  background: var(--primary);
+  border-color: var(--primary);
 }
 
 .state {
@@ -291,7 +291,7 @@ const pullIndicatorStyle = () => ({
   align-items: center;
   gap: 12px;
   text-align: center;
-  color: #6B7280;
+  color: var(--text-muted);
   padding: 56px 20px;
   font-weight: 600;
   font-size: 14px;
@@ -312,8 +312,8 @@ const pullIndicatorStyle = () => ({
   font-size: 14px;
   padding: 12px 16px;
   border: none;
-  border-bottom: 1px solid #E5E7EB;
-  background: #FFFFFF;
+  border-bottom: 1px solid var(--border);
+  background: var(--bg-card);
   cursor: pointer;
 }
 
@@ -322,7 +322,7 @@ const pullIndicatorStyle = () => ({
 }
 
 .tx-row:active {
-  background: #F5F7FA;
+  background: var(--bg-hover);
 }
 
 .tx-main {
@@ -341,7 +341,7 @@ const pullIndicatorStyle = () => ({
 
 .tx-summary {
   font-size: 11px;
-  color: #6B7280;
+  color: var(--text-muted);
   font-weight: 600;
   white-space: nowrap;
   overflow: hidden;
@@ -355,11 +355,11 @@ const pullIndicatorStyle = () => ({
   margin-top: 4px;
 }
 
-.tx-type { font-weight: 700; color: #1A1A2E; }
-.pos { color: #003D6B; font-weight: 800; font-size: 15px; }
-.neg { color: #DC2626; font-weight: 700; }
-.tx-time { font-size: 11px; color: #6B7280; }
-.tx-arrow { font-size: 16px; color: #6B7280; font-weight: 700; line-height: 1; }
+.tx-type { font-weight: 700; color: var(--text); }
+.pos { color: var(--accent-light); font-weight: 800; font-size: 15px; }
+.neg { color: var(--danger); font-weight: 700; }
+.tx-time { font-size: 11px; color: var(--text-muted); }
+.tx-arrow { font-size: 16px; color: var(--text-muted); font-weight: 700; line-height: 1; }
 
 .sentinel {
   height: 1px;
@@ -374,11 +374,11 @@ const pullIndicatorStyle = () => ({
 .end-hint {
   text-align: center;
   font-size: 12px;
-  color: #6B7280;
+  color: var(--text-muted);
   font-weight: 600;
   padding: 16px 0 4px;
   letter-spacing: 0.03em;
 }
 
-.empty { text-align: center; color: #6B7280; padding: 40px 16px; font-weight: 600; }
+.empty { text-align: center; color: var(--text-muted); padding: 40px 16px; font-weight: 600; }
 </style>