feat(player/admin/api): 玩家端暗色极简主题重构与盘口单串关修复

## 管理端 / API（Bug 修复）
- matches.service：getAdminMatchDetail 返回 markets 时补充 allowSingle、allowParlay 字段
- MatchMarketsPanel：mapMarkets 从接口读取单关/串关开关，不再硬编码为 true
- match-form.ts：AdminMarket 类型补充 allowSingle、allowParlay

## 玩家端 — 全局主题（styles.css / index.html / site.webmanifest）
- 海军暗色 + 白色强调 token，卡片高光渐变（--gradient-card）
- 下拉/弹窗实底不透明（--dropdown-bg: #0A2540）
- 统一 sub-toolbar、status-ribbon、filter-tab 等全局样式
- theme-color 同步为 #001A33

## 玩家端 — 布局与壳层
- MainLayout：详情子页去顶栏/公告，sub-toolbar 全宽铺底
- WalletBalanceCard（新）：个人页钱包卡片（反水 + 未结算）
- walletStats.ts（新）：钱包统计逻辑抽取

## 玩家端 — 赛事 / 投注
- MatchDetailView：顶栏 8px 顶距、卡片全宽（--detail-gutter-x: 0）
- 盘口状态标签（暂停/已关闭）、去掉 MarketTypeTile 右侧箭头
- VsBadge（新）：纯文字 VS，删除 vs.png
- isMarketLocked：仅关单关但允许串关时仍可点击，支持串关流程
- BetSlipDrawer：仅串关盘口禁用单关提交并提示 slip_parlay_only_hint
- betSlip：SlipItem 增加 allowSingle 字段
- MatchBetCard / LeagueAccordionItem：45° 待开赛角标，去掉展开左侧白边
- OutrightEventSection：去掉展开时左侧白色选中条
- FootballView：加大左右边距、筛选栏去 sticky、选中态增强
- BannerCarousel：恢复原始全宽轮播

## 玩家端 — 钱包 / 个人 / 认证 / 其他页面
- WalletView：移除顶部钱包卡片，保留账单列表
- ProfileView：保留 WalletBalanceCard
- 充值/账单/注单/登录注册等页面配色与间距统一
- 公告标签、余额面板、语言切换、区号选择等弹层改为实底

## 国际化
- zh-CN / en-US / ms-MY：新增 slip_parlay_only_hint（仅串关盘口提示）

## 资产
- 更新 banner.svg、empty-matches.svg 配色
- 删除 vs.png

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

apps/player/src/views/WalletTransactionDetailView.vue

@@ -141,9 +141,9 @@ function goCashbackDetail() {
       <GoldSpinner v-if="spinning" :size="28" :progress="progress" :active="spinning" />
     </div>
 
-    <div class="top-bar">
+    <header class="top-bar sub-toolbar">
       <button class="back-btn" type="button" @click="router.back()">‹ {{ t('history.back') }}</button>
-    </div>
+    </header>
 
     <div v-if="loading" class="state">
       <GoldSpinner :size="36" />
@@ -238,7 +238,7 @@ function goCashbackDetail() {
 .back-btn {
   background: none;
   border: none;
-  color: var(--primary-light, #d4af37);
+  color: var(--primary-light);
   font-size: 15px;
   font-weight: 700;
   padding: 4px 0 8px;
@@ -251,13 +251,13 @@ function goCashbackDetail() {
 .state {
   text-align: center;
   padding: 60px 20px;
-  color: #666;
+  color: var(--text-muted);
   font-size: 14px;
   font-weight: 600;
 }
 
 .hero {
-  border-radius: 14px;
+  border-radius: var(--radius);
   padding: 20px;
   display: flex;
   flex-direction: column;
@@ -265,18 +265,18 @@ function goCashbackDetail() {
   gap: 6px;
   margin-bottom: 12px;
   text-align: center;
-  background: #141414;
-  border: 1px solid #222;
+  background: var(--bg-card);
+  border: 1px solid var(--border);
 }
 
 .hero.pos {
-  border-color: rgba(212, 175, 55, 0.25);
-  background: linear-gradient(135deg, rgba(212, 175, 55, 0.1), rgba(212, 175, 55, 0.03));
+  border-color: rgba(46, 204, 113, 0.35);
+  background: linear-gradient(135deg, rgba(46, 204, 113, 0.16), rgba(46, 204, 113, 0.05));
 }
 
 .hero.neg {
-  border-color: rgba(224, 80, 80, 0.2);
-  background: linear-gradient(135deg, rgba(224, 80, 80, 0.1), rgba(224, 80, 80, 0.03));
+  border-color: rgba(255, 255, 255, 0.35);
+  background: linear-gradient(135deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.05));
 }
 
 .hero-type {
@@ -284,13 +284,13 @@ function goCashbackDetail() {
   font-weight: 800;
   letter-spacing: 0.06em;
   text-transform: uppercase;
-  color: #888;
+  color: var(--text-muted);
 }
 
 .hero-summary {
   font-size: 13px;
   font-weight: 600;
-  color: #bbb;
+  color: var(--text);
   max-width: 100%;
   word-break: break-all;
 }
@@ -301,27 +301,27 @@ function goCashbackDetail() {
   line-height: 1.1;
 }
 
-.hero.pos .hero-amount { color: var(--primary-light); }
-.hero.neg .hero-amount { color: var(--danger); }
+.hero.pos .hero-amount { color: var(--success); }
+.hero.neg .hero-amount { color: var(--primary); }
 
 .hero-time {
   font-size: 11px;
-  color: #555;
+  color: var(--neutral);
   font-weight: 600;
 }
 
 .section {
-  background: #141414;
-  border: 1px solid #222;
-  border-radius: 12px;
-  padding: 14px 16px;
-  margin-bottom: 10px;
+  background: var(--bg-card);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: var(--space-card) 16px;
+  margin-bottom: var(--space-section);
 }
 
 .section-title {
   font-size: 12px;
   font-weight: 800;
-  color: #888;
+  color: var(--text-muted);
   letter-spacing: 0.04em;
   margin-bottom: 10px;
 }
@@ -338,18 +338,18 @@ function goCashbackDetail() {
   align-items: flex-start;
   gap: 12px;
   font-size: 13px;
-  color: #aaa;
+  color: var(--text-muted);
 }
 
 .sum-row span:last-child {
-  color: #f0f0f0;
+  color: var(--text);
   font-weight: 700;
   text-align: right;
   word-break: break-all;
 }
 
-.pos { color: var(--primary-light) !important; }
-.neg { color: var(--danger) !important; }
+.pos { color: var(--success) !important; }
+.neg { color: var(--primary) !important; }
 
 .mono {
   font-family: ui-monospace, monospace;
@@ -366,8 +366,8 @@ function goCashbackDetail() {
   margin-top: 12px;
   padding: 10px 14px;
   border-radius: 10px;
-  border: 1px solid var(--border-gold-soft, rgba(212, 175, 55, 0.35));
-  background: rgba(212, 175, 55, 0.08);
+  border: 1px solid var(--border-gold-soft);
+  background: var(--surface-accent);
   color: var(--primary-light);
   font-size: 13px;
   font-weight: 700;
@@ -377,7 +377,7 @@ function goCashbackDetail() {
 .tx-id {
   font-family: ui-monospace, monospace;
   font-size: 12px;
-  color: #ccc;
+  color: var(--text-muted);
   word-break: break-all;
   line-height: 1.5;
 }