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

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

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

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

apps/player/src/components/HomeAnnouncementCard.vue

@@ -130,7 +130,7 @@ watch(totalPages, () => {
   justify-content: space-between;
   padding: 12px 16px;
   border-bottom: 1px solid var(--border);
-  background: rgba(201, 162, 39, 0.05);
+  background: rgba(0, 102, 204, 0.04);
 }
 
 .header-title {
@@ -139,7 +139,7 @@ watch(totalPages, () => {
   gap: 8px;
   font-size: 14px;
   font-weight: 800;
-  color: var(--primary-light);
+  color: var(--primary);
 }
 
 .announce-icon {
@@ -158,8 +158,8 @@ watch(totalPages, () => {
   height: 24px;
   border-radius: 4px;
   border: 1px solid var(--border);
-  background: #1a1a1a;
-  color: var(--gold);
+  background: var(--bg-card);
+  color: var(--primary);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -189,7 +189,7 @@ watch(totalPages, () => {
   border: none;
   background: transparent;
   text-align: left;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
+  border-bottom: 1px solid var(--border);
   transition: background 0.2s;
 }
 
@@ -198,22 +198,23 @@ watch(totalPages, () => {
 }
 
 .announce-row:hover {
-  background: rgba(255, 255, 255, 0.03);
+  background: var(--bg-hover);
 }
 
 .row-main {
   flex: 1;
   min-width: 0;
   display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 16px;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 4px;
 }
 
 .title {
-  flex: 1;
+  width: 100%;
   font-size: 13px;
-  color: #fff;
+  font-weight: 600;
+  color: var(--text);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -226,7 +227,7 @@ watch(totalPages, () => {
 }
 
 .chevron {
-  color: var(--gold);
+  color: var(--text-muted);
   font-size: 18px;
   font-family: monospace;
 }