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

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

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

apps/player/src/components/outright/OutrightEventSection.vue

@@ -86,11 +86,11 @@ const headMeta = computed(() => {
   position: relative;
   isolation: isolate;
   margin-bottom: 12px;
-  border: 1px solid #E5E7EB;
+  border: 1px solid var(--border);
   border-radius: 8px;
-  background: #FFFFFF;
+  background: var(--bg-card);
   overflow: hidden;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
 }
 
 .event-head {
@@ -113,7 +113,7 @@ const headMeta = computed(() => {
   position: absolute;
   inset: 0;
   background: v-bind(matchCardBg) center / 100% 100% no-repeat;
-  opacity: 0.08;
+  opacity: 0.04;
   z-index: -1;
   pointer-events: none;
 }
@@ -123,8 +123,8 @@ const headMeta = computed(() => {
   width: 26px;
   height: 26px;
   border-radius: 50%;
-  background: #F5F7FA;
-  border: 1px solid #E5E7EB;
+  background: var(--bg-elevated);
+  border: 1px solid var(--border);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -132,11 +132,11 @@ const headMeta = computed(() => {
 }
 
 .toggle-icon.open {
-  border-color: #003D6B;
+  border-color: var(--primary);
 }
 
 .toggle-mark {
-  color: #003D6B;
+  color: var(--primary);
   font-size: 17px;
   font-weight: 900;
   line-height: 1;
@@ -153,21 +153,21 @@ const headMeta = computed(() => {
 .event-title {
   font-size: 13px;
   font-weight: 800;
-  color: #003D6B;
+  color: var(--primary);
   line-height: 1.35;
 }
 
 .event-league {
   font-size: 11px;
   font-weight: 600;
-  color: #6B7280;
+  color: var(--text-muted);
   line-height: 1.3;
 }
 
 .event-meta {
   font-size: 11px;
   font-weight: 600;
-  color: #6B7280;
+  color: var(--text-muted);
 }
 
 .event-saishi {
@@ -177,7 +177,7 @@ const headMeta = computed(() => {
   max-width: 40px;
   object-fit: contain;
   padding-left: 8px;
-  border-left: 1px solid #E5E7EB;
+  border-left: 1px solid var(--border);
 }
 
 .options-scroll {
@@ -186,7 +186,7 @@ const headMeta = computed(() => {
   -webkit-overflow-scrolling: touch;
   padding: 8px 2px 2px;
   scrollbar-width: thin;
-  scrollbar-color: #E5E7EB transparent;
+  scrollbar-color: var(--border) transparent;
 }
 
 .options-grid {