feat(player+api): 桌面端钱包/注单栏重构，首页快速下注与移动端体验优化

桌面端：
- 新增 DesktopWalletPageHeader 统一钱包子导航，移除重复大标题
- 重构我的余额页布局（居中窄卡片 + 余额/统计/账户设置）
- 新增 DesktopBetSlipRail 可折叠注单侧栏，优化 BetSlipPanel 交互
- 首页 upcoming 赛事卡片支持胜平负/让球/大小球快速下注
- 优化 DesktopShell 布局、3D 轮播、各账户/消息/充值页面样式

移动端：
- 重构 MobileWalletView 钱包页 UI
- 修复 MarketSelectionsPanel 下注区黑色背景问题
- 新增 PageBackButton 与 useSmartBack 智能返回逻辑
- 优化公告/消息/个人中心等详情页导航

API：
- listUpcomingPublished 支持 includeMarkets，返回首页卡片所需核心玩法

apps/player/src/views/desktop/DesktopProfileView.vue

@@ -1,4 +1,4 @@
-<script setup lang="ts">
+<script setup lang="ts">
 import { ref, onMounted, onActivated, computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
@@ -11,7 +11,6 @@ import { usePlayerProfile } from '../../composables/usePlayerProfile';
 import { useInboxFeature } from '../../composables/useInboxFeature';
 import { formatMoney } from '../../utils/localeDisplay';
 import { parseCashbackApiData, sumCashbackAmount } from '../../utils/cashback';
-import walletBg from '../../assets/images/wallet-bg.webp';
 
 const { t, locale } = useI18n();
 const router = useRouter();
@@ -91,9 +90,6 @@ const balanceDisplay = computed(() =>
         <template v-else>
           <!-- Wallet Banner -->
           <div class="wallet-banner">
-            <img class="wallet-banner-img" :src="walletBg" alt="" />
-            <div class="wallet-banner-scrim" aria-hidden="true" />
-            
             <div class="card-overlay">
               <div class="bank-card-top">
                 <div class="bank-card-top-left">
@@ -199,46 +195,16 @@ const balanceDisplay = computed(() =>
   aspect-ratio: 21 / 9;
   border-radius: 16px;
   overflow: hidden;
-  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
-}
-
-.wallet-banner::after {
-  content: '';
-  position: absolute;
-  inset: 0;
-  z-index: 1;
-  border-radius: inherit;
-  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.22);
-  pointer-events: none;
-}
-
-.wallet-banner-img {
-  position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-  display: block;
-  object-fit: cover;
-  transform: scale(1.05);
-  filter: brightness(0.86);
-  pointer-events: none;
-  user-select: none;
-}
-
-.wallet-banner-scrim {
-  position: absolute;
-  inset: 0;
-  z-index: 2;
-  pointer-events: none;
-  background: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.18) 42%, rgba(0,0,0,0.46) 100%);
+  box-shadow: 0 4px 16px rgba(0, 61, 107, 0.18);
+  background: linear-gradient(135deg, #003D6B 0%, #005B9F 52%, #002847 100%);
 }
 
 .card-overlay {
-  position: absolute;
-  inset: 0;
-  z-index: 3;
+  position: relative;
+  z-index: 1;
   display: flex;
   flex-direction: column;
+  height: 100%;
   padding: 24px;
 }
 
@@ -276,7 +242,7 @@ const balanceDisplay = computed(() =>
 .bank-card-type {
   font-size: 10px;
   font-weight: 800;
-  color: rgba(0, 102, 204, 0.8);
+  color: rgba(255, 255, 255, 0.72);
   font-style: italic;
 }
 
@@ -286,17 +252,16 @@ const balanceDisplay = computed(() =>
   gap: 4px;
   padding: 8px 16px;
   border-radius: 14px;
-  background: rgba(0, 0, 0, 0.45);
-  border: 1px solid rgba(0, 102, 204, 0.35);
-  color: var(--primary-light);
+  background: rgba(255, 255, 255, 0.12);
+  border: 1px solid rgba(255, 255, 255, 0.28);
+  color: #fff;
   font-size: 13px;
   font-weight: 600;
   text-decoration: none;
-  backdrop-filter: blur(6px);
   transition: background 0.15s ease;
 }
 
-.recharge-btn:hover { background: rgba(0, 102, 204, 0.15); }
+.recharge-btn:hover { background: rgba(255, 255, 255, 0.2); }
 
 .bank-card-balance {
   flex: 1;
@@ -310,16 +275,15 @@ const balanceDisplay = computed(() =>
   font-size: 11px;
   font-weight: 600;
   text-transform: uppercase;
-  color: rgba(255, 255, 255, 0.82);
+  color: rgba(255, 255, 255, 0.72);
 }
 
 .bank-card-number {
   margin: 0;
   font-family: 'SF Mono', 'Consolas', monospace;
   font-weight: 700;
-  color: var(--primary-light);
+  color: #fff;
   font-size: 38px;
-  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.55);
 }
 
 .bank-card-footer {
@@ -355,7 +319,7 @@ const balanceDisplay = computed(() =>
 .info-card, .lang-card {
   background: var(--bg-card);
   backdrop-filter: blur(12px);
-  border: 1px solid rgba(255, 255, 255, 0.08);
+  border: 1px solid rgba(0, 0, 0, 0.04);
   border-radius: 10px;
   padding: 20px;
 }
@@ -376,7 +340,7 @@ const balanceDisplay = computed(() =>
   gap: 12px;
   align-items: center;
   padding: 8px 0;
-  border-bottom: 1px solid rgba(255,255,255,0.04);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
 }
 
 .info-label { width: 80px; flex-shrink: 0; font-size: 12px; color: var(--text-muted); font-weight: 600; }