feat(player): 完善 H5 投注端与 API 演示数据

- 球赛/串关/优胜冠军、赛事详情、历史投注与个人资料编辑
- 固定顶栏、公告与底栏，仅内容区滚动
- 底部导航与站点 favicon 使用 logo，登录页精简
- API 种子、冠军盘与历史注单增强

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

apps/player/src/views/WalletView.vue

@@ -0,0 +1,54 @@
+<script setup lang="ts">
+import { ref, onMounted } from 'vue';
+import { useI18n } from 'vue-i18n';
+import api from '../api';
+import { formatMoney } from '../utils/localeDisplay';
+
+const { t, locale } = useI18n();
+const transactions = ref<
+  Array<{ transactionType: string; amount: string; createdAt: string; transactionId?: string }>
+>([]);
+
+onMounted(async () => {
+  const { data } = await api.get('/player/wallet/transactions');
+  transactions.value = data.data.items ?? [];
+});
+</script>
+
+<template>
+  <div>
+    <h2 class="section-title">{{ t('nav.wallet') }}</h2>
+    <div v-if="transactions.length" class="card">
+      <div
+        v-for="tx in transactions"
+        :key="tx.transactionId ?? tx.createdAt"
+        class="tx-row"
+      >
+        <span>{{ tx.transactionType }}</span>
+        <span :class="parseFloat(tx.amount) >= 0 ? 'pos' : 'neg'">
+          {{ formatMoney(tx.amount, locale) }}
+        </span>
+        <span class="tx-time">{{ new Date(tx.createdAt).toLocaleString() }}</span>
+      </div>
+    </div>
+    <div v-else class="empty">{{ t('wallet.no_records') }}</div>
+  </div>
+</template>
+
+<style scoped>
+.tx-row {
+  display: flex;
+  justify-content: space-between;
+  font-size: 14px;
+  padding: 12px 0;
+  border-bottom: 1px solid var(--border);
+  flex-wrap: wrap;
+}
+.tx-row:last-child {
+  border-bottom: none;
+}
+.pos { color: var(--primary-light); font-weight: 800; font-size: 15px; }
+.neg { color: var(--danger); font-weight: 700; }
+.tx-time { width: 100%; font-size: 11px; color: var(--text-muted); margin-top: 4px; }
+.empty { text-align: center; color: var(--text-muted); padding: 40px 16px; font-weight: 600; }
+</style>