feat(admin,api,player): 结算预览分页、统计图表与返水限额

完善结算计算与预览 API（含后端分页），加强管理端结算/返水/权限，并优化玩家端投注单与队徽展示。

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

apps/player/src/views/HomeView.vue

@@ -6,7 +6,7 @@ import vsImg from '../assets/images/vs.png';
 import cardBg from '../assets/images/卡片.png';
 import BannerCarousel from '../components/BannerCarousel.vue';
 import { usePlayerHome } from '../composables/usePlayerHome';
-import { teamFlagUrl } from '../utils/teamFlag';
+import TeamEmblem from '../components/TeamEmblem.vue';
 
 const matchCardBg = `url(${cardBg})`;
 const { t, locale } = useI18n();
@@ -28,13 +28,6 @@ function formatKickoff(startTime: string) {
   });
 }
 
-function homeFlag(match: (typeof hotMatches.value)[number]) {
-  return teamFlagUrl(match.homeTeamCode, match.homeTeamName);
-}
-
-function awayFlag(match: (typeof hotMatches.value)[number]) {
-  return teamFlagUrl(match.awayTeamCode, match.awayTeamName);
-}
 </script>
 
 <template>
@@ -53,8 +46,12 @@ function awayFlag(match: (typeof hotMatches.value)[number]) {
         <div class="match-time">{{ formatKickoff(match.startTime) }}</div>
       </div>
       <div class="match-flags" aria-hidden="true">
-        <img v-if="homeFlag(match)" :src="homeFlag(match)" alt="" class="flag" />
-        <span v-else class="flag-ph">⚽</span>
+        <TeamEmblem
+          size="md"
+          :team-code="match.homeTeamCode"
+          :team-name="match.homeTeamName"
+          :logo-url="match.homeTeamLogoUrl"
+        />
         <div class="vs-arena">
           <svg class="hz-lightning" viewBox="0 0 72 28" aria-hidden="true">
             <defs>
@@ -80,8 +77,12 @@ function awayFlag(match: (typeof hotMatches.value)[number]) {
           <span class="hz-beam" aria-hidden="true" />
           <img :src="vsImg" alt="" class="vs-img" />
         </div>
-        <img v-if="awayFlag(match)" :src="awayFlag(match)" alt="" class="flag" />
-        <span v-else class="flag-ph">⚽</span>
+        <TeamEmblem
+          size="md"
+          :team-code="match.awayTeamCode"
+          :team-name="match.awayTeamName"
+          :logo-url="match.awayTeamLogoUrl"
+        />
       </div>
     </div>
 
@@ -155,32 +156,15 @@ function awayFlag(match: (typeof hotMatches.value)[number]) {
   flex-shrink: 0;
   display: flex;
   align-items: center;
-  gap: 6px;
-}
-
-.flag {
-  width: 40px;
-  height: 28px;
-  object-fit: cover;
-  border-radius: 3px;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
-}
-
-.flag-ph {
-  width: 40px;
-  height: 28px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 16px;
-  opacity: 0.45;
+  gap: 4px;
+  max-width: 46%;
 }
 
 .vs-arena {
   position: relative;
   flex-shrink: 0;
-  width: 72px;
-  height: 58px;
+  width: 64px;
+  height: 52px;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -240,7 +224,7 @@ function awayFlag(match: (typeof hotMatches.value)[number]) {
 .vs-img {
   position: relative;
   z-index: 0;
-  width: 58px;
+  width: 48px;
   height: auto;
   object-fit: contain;
   animation: vs-glow 2.4s ease-in-out infinite;