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/TeamMedalsPage.vue

@@ -0,0 +1,117 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import { fitRowFont } from '../../fitFont'
+import { useScoreboard } from '../../useScoreboard'
+import PageFrame from '../PageFrame.vue'
+
+const { standings } = useScoreboard()
+
+const rows = computed(() =>
+  [...standings.value].sort(
+    (a, b) =>
+      b.gold - a.gold || b.silver - a.silver || b.bronze - a.bronze || b.totalPoints - a.totalPoints,
+  ),
+)
+
+const rowFont = computed(() => fitRowFont(rows.value.length, 560))
+</script>
+
+<template>
+  <PageFrame title="团体奖牌榜">
+    <div class="board" :style="{ '--row-font': rowFont }">
+      <div class="row head">
+        <span>名次</span>
+        <span class="name">单位</span>
+        <span class="medal gold">金</span>
+        <span class="medal silver">银</span>
+        <span class="medal bronze">铜</span>
+        <span class="total">合计</span>
+      </div>
+      <div v-for="(row, index) in rows" :key="row.teamId" class="row">
+        <span class="rank" :class="`top-${Math.min(index + 1, 4)}`">{{ index + 1 }}</span>
+        <span class="name">{{ row.teamName }}</span>
+        <span class="medal gold">{{ row.gold }}</span>
+        <span class="medal silver">{{ row.silver }}</span>
+        <span class="medal bronze">{{ row.bronze }}</span>
+        <span class="total">{{ row.medalTotal }}</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 140px 140px 140px 180px;
+  align-items: center;
+  gap: 8px;
+  flex: 1 1 0;
+  min-height: 0;
+  padding: 0 18px;
+  font-size: var(--row-font, 44px);
+  line-height: 1.1;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
+}
+.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,
+.medal,
+.total {
+  text-align: center;
+  font-variant-numeric: tabular-nums;
+}
+.rank {
+  font-weight: 800;
+}
+.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;
+}
+.gold {
+  color: var(--gold);
+}
+.silver {
+  color: #d8e2ee;
+}
+.bronze {
+  color: #e0995e;
+}
+.total {
+  font-weight: 800;
+  color: var(--primary-light);
+}
+.empty {
+  flex: 1;
+  display: grid;
+  place-items: center;
+  font-size: 34px;
+  color: var(--text-dim);
+}
+</style>