feat: replace watermarks with corner tags, improve parlay layout and admin polish

- MatchDetailView: replace StatusWatermark with top-right solid status tags, remove match-hero background image
- ParlayPanel: replace StatusWatermark with corner tags, improve toggle button style and layout spacing, fix overflow clipping
- Admin: wallet ledger dialog, agent manager, and player page refinements

🤖 Generated with [Qoder][https://qoder.com]

apps/admin/src/views/agent/Players.vue

@@ -42,11 +42,13 @@ import {
   snapshotFromAgentRow,
   type AgentCreditAdjustContext,
 } from '../../utils/agent-credit-context';
+import { formatAgentLevelNumeral } from '../../utils/agent-level-label';
 
 const { t, localeTag } = useAdminLocale();
 const auth = useAuthStore();
 
 const profile = ref<{
+  level?: number;
   creditLimit?: string;
   usedCredit?: string;
   availableCredit?: string;
@@ -57,6 +59,41 @@ const canManageSubAgents = computed(
   () => profile.value.canManageSubAgents === true || auth.canManageSubAgents.value,
 );
 
+const myAgentLevel = computed(() => profile.value.level ?? auth.user.value?.agentLevel ?? 1);
+const childAgentLevel = computed(() => myAgentLevel.value + 1);
+
+function lvlLabel(level: number) {
+  return formatAgentLevelNumeral(level, localeTag.value);
+}
+
+const childAgentTierName = computed(() =>
+  t('agent.level_name', { level: lvlLabel(childAgentLevel.value) }),
+);
+
+const subAgentsTabLabel = computed(() =>
+  `${childAgentTierName.value} (${subAgents.value.length})`,
+);
+
+const createSubBtnLabel = computed(() => {
+  if (childAgentLevel.value === 2) return t('agent.create_sub_btn');
+  return t('agent.create_level_agent_btn', { level: lvlLabel(childAgentLevel.value) });
+});
+
+const createSubDialogTitle = computed(() => {
+  if (childAgentLevel.value === 2) return t('agent_portal.create_sub_agent_dialog');
+  return t('agent.dialog.create_level_agent', { level: lvlLabel(childAgentLevel.value) });
+});
+
+const noSubAgentsHint = computed(() => {
+  if (childAgentLevel.value === 2) return t('agent_portal.no_sub_agents');
+  return t('agent_portal.no_sub_agents_level', { level: lvlLabel(childAgentLevel.value) });
+});
+
+const subAgentPlayersReadonlyHint = computed(() => {
+  if (childAgentLevel.value === 2) return t('agent_portal.sub_agent_players_readonly');
+  return t('agent_portal.sub_agent_players_readonly_level', { level: lvlLabel(childAgentLevel.value) });
+});
+
 /* ─── Top-level tab: players | subAgents ─── */
 const activeTab = ref('players');
 
@@ -654,7 +691,7 @@ function statusTagType(s: string) {
       </el-tab-pane>
 
       <!-- ══════ Tab: 下级代理 (仅一级代理可见) ══════ -->
-      <el-tab-pane v-if="canManageSubAgents" :label="`${t('nav.subAgents')} (${subAgents.length})`" name="subAgents">
+      <el-tab-pane v-if="canManageSubAgents" :label="subAgentsTabLabel" name="subAgents">
         <div class="inner-toolbar">
           <el-form inline size="small" style="flex: 1">
             <el-form-item :label="t('common.search')">
@@ -662,7 +699,7 @@ function statusTagType(s: string) {
             </el-form-item>
           </el-form>
           <el-button type="primary" size="small" @click="openCreateSub">
-            + {{ t('agent_portal.create_tier2_btn') }}
+            {{ createSubBtnLabel }}
           </el-button>
         </div>
 
@@ -677,7 +714,7 @@ function statusTagType(s: string) {
           @expand-change="onSubAgentExpand"
           @row-click="onSubAgentRowClick"
         >
-          <template #empty><div class="empty-hint">{{ t('agent_portal.no_sub_agents') || '暂无下级代理' }}</div></template>
+          <template #empty><div class="empty-hint">{{ noSubAgentsHint }}</div></template>
 
           <el-table-column type="expand">
             <template #default="{ row }">
@@ -687,7 +724,7 @@ function statusTagType(s: string) {
                 </div>
                 <template v-else>
                   <div class="expand-section-title">{{ t('nav.players') }} ({{ getSubAgentPlayers(row.userId).length }})</div>
-                  <p class="expand-readonly-hint">{{ t('agent_portal.sub_agent_players_readonly') }}</p>
+                  <p class="expand-readonly-hint">{{ subAgentPlayersReadonlyHint }}</p>
                   <el-table :data="getSubAgentPlayers(row.userId)" stripe size="small" class="inner-table nested-table">
                     <template #empty><div class="empty-hint">暂无数据</div></template>
                     <el-table-column prop="id" :label="t('common.col_id')" width="60" />
@@ -869,7 +906,7 @@ function statusTagType(s: string) {
     </el-dialog>
 
     <!-- ── Create Sub-Agent ── -->
-    <el-dialog v-model="createSubVisible" :title="t('agent_portal.create_tier2_btn')" width="480px" destroy-on-close>
+    <el-dialog v-model="createSubVisible" :title="createSubDialogTitle" width="480px" destroy-on-close>
       <el-form label-width="100px">
         <el-form-item :label="t('user.col.username')" required>
           <el-input v-model="createSubForm.username" :placeholder="t('agent_portal.agent_username_ph')" />