fix(手机): 比赛排名表看不出能往右滑；班级 PK 每周图日期字太小；后台题目列表「藏着的」被切掉

- 比赛排名：手机上名字、做对、用时就占满一屏，每题的格子全在屏幕外。列收窄，前一两道题的格子露出来
- 班级 PK：每周人均横轴在手机上是 10px 的「10月12日」，改成 12px 的「10/12」
- 后台题目列表：手机上「全部 / 学生看得到 / 藏着的」换小号按钮，放不下就横着滑

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

apps/web/src/oj/contest/pages/rank.vue

@@ -97,10 +97,16 @@ const meBackground = computed(
     `linear-gradient(${success.value.background}, ${success.value.background}), ${theme.value.cardColor}`,
 )
 const danger = computed(() => tone("error"))
-const columns = computed(
-  () =>
-    `40px ${running.value ? "36px " : ""}170px 48px 80px repeat(${problems.value.length}, 64px)`,
-)
+// 手机上照桌面的列宽，名字 + 做对 + 用时就占满一屏，每题的格子全在屏幕外，看不出能往右滑。
+// 收窄到第一两道题的格子露出半截
+const narrow = useMediaQuery("(max-width: 640px)")
+const columns = computed(() => {
+  const move = running.value ? "36px " : ""
+  const count = problems.value.length
+  return narrow.value
+    ? `28px ${move}112px 36px 70px repeat(${count}, 52px)`
+    : `40px ${move}170px 48px 80px repeat(${count}, 64px)`
+})
 </script>
 
 <template>