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/oj/rank/components/RankPodium.vue

@@ -33,7 +33,7 @@ const steps = computed(() =>
     .filter((step): step is { place: number; row: RankRow } => !!step.row),
 )
 
-const HEIGHTS: Record<number, number> = { 1: 50, 2: 38, 3: 30 }
+const HEIGHTS: Record<number, number> = { 1: 56, 2: 44, 3: 34 }
 </script>
 
 <template>
@@ -121,8 +121,8 @@ const HEIGHTS: Record<number, number> = { 1: 50, 2: 38, 3: 30 }
   display: flex;
   align-items: flex-end;
   justify-content: center;
-  gap: 6px;
-  margin: 0 16px;
+  gap: 8px;
+  margin: 4px 24px 0;
   border-bottom: 2px solid v-bind("theme.dividerColor");
   min-height: 60px;
 }
@@ -174,12 +174,12 @@ const HEIGHTS: Record<number, number> = { 1: 50, 2: 38, 3: 30 }
 
 .bubble {
   position: relative;
-  padding: 3px 9px;
+  padding: 4px 10px;
   border: 1px solid v-bind("theme.dividerColor");
   border-radius: 8px;
   background: v-bind("theme.actionColor");
-  font-size: 12px;
-  line-height: 16px;
+  font-size: var(--oj-fs-meta);
+  line-height: 18px;
   color: v-bind("theme.textColor2");
   word-break: break-all;
 }
@@ -271,11 +271,11 @@ const HEIGHTS: Record<number, number> = { 1: 50, 2: 38, 3: 30 }
 }
 
 .tag {
-  font-size: 11px;
+  font-size: 12px;
   font-weight: 600;
   border-radius: 3px;
-  padding: 0 5px;
-  line-height: 16px;
+  padding: 0 6px;
+  line-height: 18px;
   white-space: nowrap;
 }
 
@@ -300,7 +300,7 @@ const HEIGHTS: Record<number, number> = { 1: 50, 2: 38, 3: 30 }
   border: 0;
   background: none;
   font: inherit;
-  font-size: 13px;
+  font-size: var(--oj-fs-sec);
   cursor: pointer;
   display: flex;
   min-width: 0;
@@ -318,7 +318,7 @@ const HEIGHTS: Record<number, number> = { 1: 50, 2: 38, 3: 30 }
 }
 
 .place {
-  font-size: 22px;
+  font-size: 24px;
   font-weight: 800;
   line-height: 1;
 }
@@ -328,18 +328,18 @@ const HEIGHTS: Record<number, number> = { 1: 50, 2: 38, 3: 30 }
 }
 
 .solved b {
-  font-size: 16px;
+  font-size: 18px;
 }
 
 .solved small {
-  font-size: 11px;
+  font-size: 12px;
   color: v-bind("theme.textColor3");
   margin-left: 1px;
 }
 
 .empty {
-  padding: 18px 0;
+  padding: 24px 0;
   color: v-bind("theme.textColor3");
-  font-size: 13px;
+  font-size: var(--oj-fs-sec);
 }
 </style>