feat: multi-tier agent hierarchy, wallet ledger, and player UX polish

Add configurable agent max level and default sub-agent credit ratio, per-agent block direct player login on suspend, admin/agent wallet transaction views, and match detail my-bets section with refreshed player card styling.

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

apps/player/src/components/LeagueAccordionItem.vue

@@ -1,8 +1,12 @@
 <script setup lang="ts">
+import { computed } from 'vue';
 import MatchBetCard from './MatchBetCard.vue';
 import saishiImg from '../assets/images/saishi.png';
+import cardBg from '../assets/images/card-bg.png';
 
-defineProps<{
+const matchCardBg = `url(${cardBg})`;
+
+const props = defineProps<{
   leagueId: string;
   leagueName: string;
   leagueLogoUrl?: string | null;
@@ -28,6 +32,10 @@ defineProps<{
 }>();
 
 const emit = defineEmits<{ toggle: []; bet: [id: string] }>();
+
+const totalCount = computed(() => props.matches.length);
+const liveCount = computed(() => props.matches.filter(m => m.matchPhase === 'closed_pending').length);
+const openCount = computed(() => props.matches.filter(m => m.matchPhase === 'open').length);
 </script>
 
 <template>
@@ -36,7 +44,14 @@ const emit = defineEmits<{ toggle: []; bet: [id: string] }>();
       <span class="toggle-icon" :class="{ open: expanded }" aria-hidden="true">
         <span class="toggle-mark">{{ expanded ? '−' : '+' }}</span>
       </span>
-      <span class="league-title">*{{ leagueName }}</span>
+      <span class="league-info">
+        <span class="league-title">*{{ leagueName }}</span>
+        <span class="league-stats">
+          <span class="stat-item">{{ totalCount }}场</span>
+          <span v-if="liveCount > 0" class="stat-item stat-live">{{ liveCount }}进行中</span>
+          <span v-if="openCount > 0" class="stat-item stat-open">{{ openCount }}待开赛</span>
+        </span>
+      </span>
       <img
         :src="leagueLogoUrl || saishiImg"
         alt=""
@@ -59,19 +74,23 @@ const emit = defineEmits<{ toggle: []; bet: [id: string] }>();
 
 <style scoped>
 .league-block {
-  margin-bottom: 10px;
-  border: 1px solid #2e2e2e;
-  border-radius: 6px;
+  position: relative;
+  isolation: isolate;
+  margin-bottom: 12px;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  background: var(--bg-card);
   overflow: hidden;
-  background: #141414;
 }
 
 .league-row {
+  position: relative;
+  z-index: 1;
   width: 100%;
   display: flex;
   align-items: center;
   gap: 10px;
-  padding: 12px 12px;
+  padding: 12px 16px;
   background: none;
   border: none;
   border-radius: 0;
@@ -79,6 +98,16 @@ const emit = defineEmits<{ toggle: []; bet: [id: string] }>();
   cursor: pointer;
 }
 
+.league-row::before {
+  content: '';
+  position: absolute;
+  inset: 0;
+  background: v-bind(matchCardBg) center top / 100% auto no-repeat;
+  opacity: 0.25;
+  z-index: -1;
+  pointer-events: none;
+}
+
 .league-row:active {
   opacity: 0.92;
 }
@@ -103,15 +132,39 @@ const emit = defineEmits<{ toggle: []; bet: [id: string] }>();
   margin-top: -1px;
 }
 
-.league-title {
+.league-info {
   flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+}
+
+.league-title {
   font-size: 13px;
   font-weight: 800;
-  color: var(--primary-light);
+  color: #fff;
   line-height: 1.35;
   min-width: 0;
 }
 
+.league-stats {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 11px;
+  color: #ccc;
+  line-height: 1.2;
+}
+
+.stat-live {
+  color: #3db865;
+}
+
+.stat-open {
+  color: #c8a84e;
+}
+
 .league-saishi {
   flex-shrink: 0;
   height: 44px;