feat: M3-M7 全模块落地 + 集成接线

- M3 认证/权限/审计/限流 + 全部 REST 接口
- M4 管理面板（MIUIx + 成绩录入/积分榜下钻/大屏控制）
- M5a 大屏页面（六页 + 明细覆盖层 + 缩放适配）
- M6 WebSocket 实时同步中心
- M7 xlsx 导出 + 赛事包 zip + 备份
- 规则包 YAML 导入导出（差异预览）
- 字体 vendor 子集化（4 套 x2 字重）
- 集成：realtime/export/rules 接入 main+httpapi；backup 子命令
- 修复：中间件包装 ResponseWriter 丢失 Hijacker，导致 WS 握手 501

web/src/display/components/pages/StandingsPage.vue

@@ -0,0 +1,126 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import { formatRankChange } from '@/shared'
+import { fitRowFont } from '../../fitFont'
+import { useScoreboard } from '../../useScoreboard'
+import AnimatedNumber from '../AnimatedNumber.vue'
+import PageFrame from '../PageFrame.vue'
+
+const { standings, rankDeltaFor } = useScoreboard()
+
+const rows = computed(() => standings.value)
+
+// 行高由 flex 均分，字号按行数算，单位再多也不会顶到轮播条下面。
+const rowFont = computed(() => fitRowFont(rows.value.length, 560))
+</script>
+
+<template>
+  <PageFrame title="总积分榜">
+    <div class="board" :style="{ '--row-font': rowFont }">
+      <div class="row head">
+        <span class="rank">名次</span>
+        <span class="name">单位</span>
+        <span class="delta" />
+        <span class="points">总分</span>
+      </div>
+      <div
+        v-for="row in rows"
+        :key="row.teamId"
+        class="row"
+        :class="{ flash: rankDeltaFor(row.teamId) !== null }"
+      >
+        <span class="rank" :class="`top-${Math.min(row.rank, 4)}`">{{ row.rank }}</span>
+        <span class="name">{{ row.teamName }}</span>
+        <span class="delta">
+          <span v-if="rankDeltaFor(row.teamId) !== null" :class="rankDeltaFor(row.teamId)! > 0 ? 'up' : 'down'">
+            {{ formatRankChange(rankDeltaFor(row.teamId)) }}
+          </span>
+        </span>
+        <span class="points"><AnimatedNumber :value="row.totalPoints" /></span>
+      </div>
+      <div v-if="rows.length === 0" class="empty">暂无积分数据</div>
+    </div>
+  </PageFrame>
+</template>
+
+<style scoped>
+.board {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+.row {
+  display: grid;
+  grid-template-columns: 150px 1fr 110px 260px;
+  align-items: center;
+  gap: 12px;
+  flex: 1 1 0;
+  min-height: 0;
+  padding: 0 18px;
+  font-size: var(--row-font, 48px);
+  line-height: 1.1;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
+  transition:
+    background-color 0.4s ease,
+    box-shadow 0.4s ease;
+}
+.row:last-child {
+  border-bottom: none;
+}
+.head {
+  flex: none;
+  font-size: 22px;
+  letter-spacing: 4px;
+  color: var(--text-dim);
+  border-bottom: 2px solid var(--primary-line);
+}
+.rank {
+  font-weight: 800;
+  font-variant-numeric: tabular-nums;
+}
+.top-1 {
+  color: var(--gold);
+}
+.top-2 {
+  color: #d8e2ee;
+}
+.top-3 {
+  color: #e0995e;
+}
+.name {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.points {
+  text-align: right;
+  font-weight: 800;
+  color: var(--gold);
+  font-variant-numeric: tabular-nums;
+}
+.delta {
+  text-align: right;
+  font-size: 0.7em;
+  font-weight: 700;
+}
+.up {
+  color: #5cf08a;
+}
+.down {
+  color: #ff8a8a;
+}
+.flash {
+  background: var(--primary-flash);
+  box-shadow: inset 4px 0 0 var(--primary);
+}
+.empty {
+  flex: 1;
+  display: grid;
+  place-items: center;
+  font-size: 34px;
+  color: var(--text-dim);
+}
+</style>