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/CashbackRecordsView.vue

@@ -117,11 +117,11 @@ const pullIndicatorStyle = () => ({
 
 <template>
   <div class="cashback-page">
-    <div class="top-bar">
+    <header class="top-bar sub-toolbar">
       <button type="button" class="back-btn" @click="router.back()">
         &#x2039; {{ t('history.back') }}
       </button>
-    </div>
+    </header>
 
     <div class="pull-indicator" :style="pullIndicatorStyle()">
       <GoldSpinner v-if="spinning" :size="28" :progress="progress" :active="spinning" />
@@ -202,7 +202,7 @@ const pullIndicatorStyle = () => ({
 .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;
@@ -243,18 +243,18 @@ const pullIndicatorStyle = () => ({
   gap: 4px;
   padding: 18px 16px 16px;
   margin-bottom: 14px;
-  border-radius: var(--radius, 12px);
-  background: linear-gradient(135deg, rgba(212, 175, 55, 0.14), rgba(26, 26, 26, 0.92));
-  border: 1px solid rgba(212, 175, 55, 0.28);
+  border-radius: var(--radius);
+  background: var(--gradient-card);
+  border: 1px solid var(--border-gold-soft);
   text-align: center;
 }
 
 .hero-amount {
   font-size: 28px;
   font-weight: 800;
-  color: #f0b90b;
+  color: var(--primary-light);
   line-height: 1.2;
-  text-shadow: 0 0 20px rgba(240, 185, 11, 0.2);
+  text-shadow: 0 0 20px var(--surface-accent);
 }
 
 .hero-sub {
@@ -265,7 +265,7 @@ const pullIndicatorStyle = () => ({
 
 .section-title {
   font-size: 10.5px;
-  color: #555;
+  color: var(--text-muted);
   font-weight: 800;
   letter-spacing: 0.08em;
   text-transform: uppercase;
@@ -290,15 +290,15 @@ const pullIndicatorStyle = () => ({
 }
 
 .record-row--highlight {
-  background: rgba(212, 175, 55, 0.08);
-  box-shadow: inset 3px 0 0 #d4af37;
+  background: rgba(255, 255, 255, 0.1);
+  box-shadow: inset 3px 0 0 var(--primary);
 }
 
 .ledger-hint {
   margin: 0 0 12px;
   font-size: 12px;
   line-height: 1.5;
-  color: #666;
+  color: var(--text-muted);
 }
 
 .row-main {
@@ -331,9 +331,9 @@ const pullIndicatorStyle = () => ({
   flex-shrink: 0;
   font-size: 12px;
   font-weight: 700;
-  color: #f0b90b;
-  background: rgba(240, 185, 11, 0.1);
-  border: 1px solid rgba(240, 185, 11, 0.22);
+  color: var(--primary-light);
+  background: var(--surface-accent);
+  border: 1px solid var(--border-gold-soft);
   border-radius: 999px;
   padding: 3px 10px;
 }
@@ -354,9 +354,9 @@ const pullIndicatorStyle = () => ({
   gap: 8px;
   margin-top: 8px;
   padding-top: 8px;
-  border-top: 1px dashed rgba(255, 255, 255, 0.06);
+  border-top: 1px dashed var(--border);
   font-size: 11px;
-  color: #666;
+  color: var(--neutral);
 }
 
 .row-batch {
@@ -387,7 +387,7 @@ const pullIndicatorStyle = () => ({
   margin: 0;
   font-size: 13px;
   line-height: 1.5;
-  color: #666;
+  color: var(--neutral);
 }
 
 .sentinel {
@@ -403,7 +403,7 @@ const pullIndicatorStyle = () => ({
 .end-hint {
   text-align: center;
   font-size: 12px;
-  color: #555;
+  color: var(--neutral);
   font-weight: 600;
   padding: 16px 0 4px;
   letter-spacing: 0.03em;