feat(player): 新增桌面端 UI 与响应式双端路由架构

- 将原移动端页面重命名为 Mobile*，新增 22 个 Desktop* 视图与 DesktopShell 布局体系
- 路由入口改为 Wrapper 视图，通过 useViewport（≥1024px）自动切换移动/桌面端
- 新增投注单面板、盘口弹层、联赛侧栏、数据表格等桌面组件及独立样式令牌
- 扩展 betSlip store、串关筛选、冠军盘、Toast/悬浮信箱等交互与三语 i18n
- 公告/消息 Hub 拆分移动与桌面实现；API 投注/钱包/充值记录支持 pageSize 分页

apps/player/src/components/AppToast.vue

@@ -0,0 +1,47 @@
+<script setup lang="ts">
+import { useAppToast } from '../composables/useAppToast';
+
+const { visible, message } = useAppToast();
+</script>
+
+<template>
+  <Teleport to="body">
+    <Transition name="app-toast">
+      <div v-if="visible" class="app-toast" role="status" aria-live="polite">
+        {{ message }}
+      </div>
+    </Transition>
+  </Teleport>
+</template>
+
+<style scoped>
+.app-toast {
+  position: fixed;
+  top: calc(var(--desktop-header-h, 56px) + 16px);
+  left: 50%;
+  z-index: 5000;
+  transform: translateX(-50%);
+  max-width: min(90vw, 360px);
+  padding: 10px 18px;
+  border-radius: 8px;
+  border: 1px solid var(--border-gold-soft);
+  background: rgba(22, 22, 22, 0.96);
+  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.45);
+  color: var(--primary-light);
+  font-size: 13px;
+  font-weight: 700;
+  text-align: center;
+  pointer-events: none;
+}
+
+.app-toast-enter-active,
+.app-toast-leave-active {
+  transition: opacity 0.2s ease, transform 0.2s ease;
+}
+
+.app-toast-enter-from,
+.app-toast-leave-to {
+  opacity: 0;
+  transform: translate(-50%, -8px);
+}
+</style>