feat(player): 注册账号、登录双模式与移动端性能优化

注册必填 7-32 位账号，手机号区号/本地号分存；登录默认账号模式并支持切换手机号登录；Player i18n 拆包与赛事接口优化。

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

apps/player/src/views/FootballView.vue

@@ -2,8 +2,8 @@
 import { ref, computed, watch } from 'vue';
 import { useRouter } from 'vue-router';
 import { useI18n } from 'vue-i18n';
-import api from '../api';
 import { useBetSlipStore } from '../stores/betSlip';
+import { usePlayerMatches } from '../composables/usePlayerMatches';
 import LeagueAccordionItem from '../components/LeagueAccordionItem.vue';
 import OutrightPanel from '../components/outright/OutrightPanel.vue';
 import ParlayPanel from '../components/parlay/ParlayPanel.vue';
@@ -55,21 +55,16 @@ const slip = useBetSlipStore();
 const mainTab = ref<MainTab>('matches');
 const timeTab = ref<TimeTab>('early');
 const showAll = ref(false);
-const matches = ref<Match[]>([]);
-const loading = ref(true);
+const { summaryMatches, summaryLoading, loadSummary } = usePlayerMatches();
+const matches = summaryMatches;
+const loading = summaryLoading;
 const expandedLeagues = ref<Set<string>>(new Set());
 
 async function loadMatches() {
-  loading.value = true;
-  try {
-    const { data } = await api.get('/player/matches');
-    matches.value = data.data ?? [];
-  } finally {
-    loading.value = false;
-  }
+  await loadSummary(true);
 }
 
-useOnLocaleChange(loadMatches);
+useOnLocaleChange(() => loadSummary(true));
 
 const { pullDistance, refreshing, spinning, progress } = usePullToRefresh({
   onRefresh: async () => { await loadMatches(); },
@@ -141,6 +136,10 @@ watch(leagueGroups, (groups) => {
     if (!groups.some((g) => g.leagueId === id)) ids.delete(id);
   }
   if (ids.size !== expandedLeagues.value.size) expandedLeagues.value = ids;
+  // 默认只展开第一个联赛，减少首屏 DOM
+  if (groups.length > 0 && expandedLeagues.value.size === 0) {
+    expandedLeagues.value = new Set([groups[0].leagueId]);
+  }
 });
 
 function isLeagueExpanded(leagueId: string) {