feat(admin,api,player): 优胜赛配置、赛事管理重构与玩家端投注体验优化

管理端拆分赛事/优胜赛 Tab，新增联赛优胜赔率面板（批量、排序、外侧删除）；统一 list-chrome 工具栏对齐与列表页布局；Dashboard 失败重试、Users 操作下拉、小屏侧栏等体验修复。

API 扩展优胜赛与赛事目录接口，完善投注与钱包查询；玩家端重构赛事卡片、串关面板、注单/钱包页，新增注单详情、下注成功动画与下拉刷新。

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

apps/player/src/components/outright/OutrightEventSection.vue

@@ -26,20 +26,15 @@ export interface OutrightEvent {
 const props = defineProps<{
   event: OutrightEvent;
   expanded: boolean;
-  visibleLimit: number;
-  loadingMore: boolean;
 }>();
 
 const emit = defineEmits<{
   toggle: [];
-  loadMore: [];
   pick: [selection: OutrightSelection];
 }>();
 
 const { t } = useI18n();
 
-const INITIAL_BATCH = 20;
-
 const headTitle = computed(() => {
   const raw = props.event.title.replace(/^\*+/, '').trim();
   return raw || props.event.leagueName || t('bet.tab_outright');
@@ -49,28 +44,16 @@ const headMeta = computed(() => {
   const total = props.event.selectionCount ?? props.event.selections.length;
   return t('bet.outright_teams_count', { n: total });
 });
-
-const visibleSelections = computed(() =>
-  props.event.selections.slice(0, props.visibleLimit),
-);
-
-const hasMore = computed(
-  () => props.event.selections.length > props.visibleLimit,
-);
-
-const showLoadMore = computed(
-  () => props.event.selections.length > INITIAL_BATCH && hasMore.value,
-);
 </script>
 
 <template>
   <section class="event-block">
-    <button type="button" class="event-head" :aria-expanded="expanded" @click="emit('toggle')">
+    <button type="button" class="event-head" :class="{ 'is-expanded': expanded }" :aria-expanded="expanded" @click="emit('toggle')">
       <span class="toggle-icon" :class="{ open: expanded }">
         <span class="toggle-mark">{{ expanded ? '−' : '+' }}</span>
       </span>
       <span class="event-head-text">
-        <span class="event-title">*{{ headTitle }}</span>
+        <span class="event-title">{{ headTitle }}</span>
         <span v-if="event.leagueName && event.leagueName !== headTitle" class="event-league">
           {{ event.leagueName }}
         </span>
@@ -79,10 +62,10 @@ const showLoadMore = computed(
       <img :src="saishiImg" alt="" class="event-saishi" />
     </button>
 
-    <div v-show="expanded" class="options-wrap">
+    <div v-show="expanded" class="options-scroll">
       <div class="options-grid">
         <OutrightOptionCard
-          v-for="sel in visibleSelections"
+          v-for="sel in event.selections"
           :key="sel.id"
           :team-code="sel.teamCode"
           :team-name="sel.teamName"
@@ -91,24 +74,6 @@ const showLoadMore = computed(
           @pick="emit('pick', sel)"
         />
       </div>
-      <div v-if="showLoadMore" class="load-more-zone">
-        <p class="load-more-hint">
-          {{
-            t('bet.outright_shown_count', {
-              shown: visibleSelections.length,
-              total: event.selections.length,
-            })
-          }}
-        </p>
-        <button
-          type="button"
-          class="load-more-btn"
-          :disabled="loadingMore"
-          @click="emit('loadMore')"
-        >
-          {{ loadingMore ? t('bet.loading') : t('bet.outright_load_more') }}
-        </button>
-      </div>
     </div>
   </section>
 </template>
@@ -116,6 +81,9 @@ const showLoadMore = computed(
 <style scoped>
 .event-block {
   margin-bottom: 10px;
+  border: 1px solid #2e2e2e;
+  border-radius: 6px;
+  overflow: hidden;
 }
 
 .event-head {
@@ -125,8 +93,8 @@ const showLoadMore = computed(
   gap: 10px;
   padding: 12px 10px;
   background: #141414;
-  border: 1px solid #2e2e2e;
-  border-radius: 6px;
+  border: none;
+  border-radius: 0;
   text-align: left;
 }
 
@@ -192,43 +160,18 @@ const showLoadMore = computed(
   border-left: 1px solid #2a2a2a;
 }
 
-.options-wrap {
-  padding: 10px 0 4px;
+.options-scroll {
+  max-height: 408px;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+  padding: 8px 2px 2px;
+  scrollbar-width: thin;
+  scrollbar-color: #333 transparent;
 }
 
 .options-grid {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
-  gap: 8px;
-}
-
-.load-more-zone {
-  padding: 14px 8px 6px;
-  text-align: center;
-}
-
-.load-more-hint {
-  margin: 0 0 10px;
-  font-size: 12px;
-  font-weight: 600;
-  color: var(--text-muted);
-}
-
-.load-more-btn {
-  width: 100%;
-  max-width: 280px;
-  padding: 11px 16px;
-  border-radius: 8px;
-  border: 1px solid var(--border-gold-soft);
-  background: linear-gradient(180deg, #1f1f1f, #141414);
-  color: var(--primary-light);
-  font-size: 13px;
-  font-weight: 800;
-  font-family: inherit;
-  letter-spacing: 0.04em;
-}
-
-.load-more-btn:disabled {
-  opacity: 0.65;
+  gap: 6px;
 }
 </style>