feat(admin): 管理端列表分页、控制台图表与赛事导入

- 玩家/代理/赛事/注单/审计列表分页，默认每页 10 条，无页面滚动条布局

- ECharts 控制台概览、注单管理中文化与列宽优化

- zhibo 赛事字段迁移与导入，玩家编辑可改所属代理

- 管理端 API 分页与 dashboard 统计接口

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

apps/admin/src/views/Cashback.vue

@@ -21,19 +21,63 @@ async function confirm() {
   if (!preview.value?.batch) return;
   await api.post(`/admin/cashbacks/${(preview.value.batch as { id: string }).id}/confirm`);
   ElMessage.success('返水已发放');
+  preview.value = null;
 }
 </script>
 
 <template>
-  <h2>返水管理</h2>
-  <el-form inline>
-    <el-date-picker v-model="period.start" type="date" value-format="YYYY-MM-DD" />
-    <el-date-picker v-model="period.end" type="date" value-format="YYYY-MM-DD" />
-    <el-button @click="generatePreview">生成预览</el-button>
-  </el-form>
-  <el-card v-if="preview" style="margin-top: 16px">
-    <p>玩家数: {{ (preview.batch as { playerCount: number })?.playerCount }}</p>
-    <p>总金额: {{ preview.totalAmount }}</p>
-    <el-button type="success" @click="confirm">确认发放</el-button>
+  <div class="page-scroll">
+  <div class="page-header">
+    <h2 class="page-title">返水管理</h2>
+    <span class="page-desc">按周期生成返水并发放</span>
+  </div>
+
+  <el-card class="tool-card" shadow="never">
+    <div class="filter-row">
+      <el-form inline>
+        <el-form-item label="开始日期">
+          <el-date-picker v-model="period.start" type="date" value-format="YYYY-MM-DD" style="width: 150px" />
+        </el-form-item>
+        <el-form-item label="结束日期">
+          <el-date-picker v-model="period.end" type="date" value-format="YYYY-MM-DD" style="width: 150px" />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="generatePreview">生成预览</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
   </el-card>
+
+  <el-card v-if="preview" class="preview-card" shadow="never">
+    <div class="preview-title">返水预览</div>
+    <el-row :gutter="20" class="preview-stats">
+      <el-col :span="8">
+        <div class="pstat">
+          <div class="pstat-value">{{ (preview.batch as { playerCount: number })?.playerCount ?? 0 }}</div>
+          <div class="pstat-label">涉及玩家数</div>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div class="pstat">
+          <div class="pstat-value">{{ preview.totalAmount }}</div>
+          <div class="pstat-label">返水总金额</div>
+        </div>
+      </el-col>
+    </el-row>
+    <el-button type="success" @click="confirm" style="margin-top: 20px">确认发放</el-button>
+  </el-card>
+  </div>
 </template>
+
+<style scoped>
+.page-header { display: flex; align-items: baseline; gap: 12px; margin-bottom: 20px; }
+.page-title  { font-size: 20px; font-weight: 700; color: #e0e0e0; }
+.page-desc   { font-size: 13px; color: #3a3a3a; }
+.tool-card   { margin-bottom: 16px; border-radius: 12px; }
+.preview-card { border-radius: 12px; }
+.preview-title { font-size: 15px; font-weight: 600; color: #e0e0e0; margin-bottom: 16px; }
+.preview-stats { }
+.pstat { padding: 16px; background: #f9f9fb; border-radius: 10px; text-align: center; }
+.pstat-value { font-size: 26px; font-weight: 700; color: var(--green-glow); }
+.pstat-label { font-size: 12px; color: #3a3a3a; margin-top: 4px; }
+</style>