style(前台): 页面整体放大一档，列表不再挤成一团；宽屏上内容居中，不再铺满到两边

- index.css 加一张 --oj-* 尺寸表和 .oj-page 外壳，二十几个前台页面改成引用它：
  正文 14→15、页标题 20→24、题目/提交列表行高 40→48、比赛/公告 56、筛选控件 28→34
- 阅读型页面限宽 1200 居中；题目/提交列表 1600、比赛详情 1400、排名 1280、班级 PK 1440
- 1280 宽的筛选条放大后放不下，题目/提交列表在 1366 以下退回 13px 的字
- 班级 PK 五个班起格子里不写「一次 x%」（只剩「一次 8…」）；赛跑图线尾的数字不再被截掉
- 手机上比赛列表的「没参加」挪到比赛名下面；题单里「以前做对过 · 旧代码先藏着」缩成「做对过」
- 题目详情页（编辑器）和后台不在这一轮

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

apps/web/src/index.css

@@ -2,6 +2,37 @@ body {
   height: 100vh;
 }
 
+/* 前台页面的尺寸表。2026-10 整体放大了一档（原来行高 38～40、正文 14、页标题 20、
+   列表铺满 2000px 宽，用户嫌「太紧凑、不够大气」）。各页的 scoped 样式引用这里，
+   别再各写各的 px —— 上一轮就是二十几个页面各自定数，才会整体偏小还不一致。
+
+   机房屏 1366×768 的可用高度只有 640 左右，行高 48 是和用户商量过的：题目列表在
+   这个高度还能看到 8 行。题目详情页（编辑器）不吃这张表，它按 640 高逐像素排过。 */
+:root {
+  --oj-page-width: 1200px; /* 阅读型页面（比赛、题单、公告……）的限宽，居中 */
+  --oj-fs-title: 24px; /* 页标题 */
+  --oj-fs-h2: 17px; /* 区块标题 */
+  --oj-fs-body: 15px; /* 列表主文字：题目名、比赛名 */
+  --oj-fs-sec: 14px; /* 次要列：日期、知识点、人数 */
+  --oj-fs-meta: 13px; /* 表头、角注 */
+  --oj-row-h: 48px; /* 天天用的长列表：题目、提交 */
+  --oj-row-h-roomy: 56px; /* 条数少的列表：比赛、公告 */
+  --oj-head-h: 40px; /* 表头 */
+  --oj-ctrl-h: 34px; /* 筛选条里的自制按钮，和 Naive 的 medium 输入框等高 */
+  --oj-pad-x: 24px; /* 列表单元格左右留白 */
+  --oj-gap: 20px; /* 区块之间 */
+  --oj-radius: 10px;
+}
+
+/* 阅读型页面的外壳：限宽居中，上面多留一点 */
+.oj-page {
+  box-sizing: border-box;
+  width: 100%;
+  max-width: var(--oj-page-width);
+  margin: 0 auto;
+  padding-top: 8px;
+}
+
 .md-editor-dark {
   --md-bk-color: var(--n-body-color) !important;
 }