style(名字): 名字列按去掉 ks 前缀后的长度收窄，不再留一大块空

原来的定宽是按 ks2312李鑫楠 定的（110～170px），现在名字最长 4 个字（在读的班 423 人里 5 人）。
只放名字的列收到 80px 左右；混着几个班、名字后面还有班号的（全部提交、全服 / 年级排名、
卡点分析没选班时）108px，最宽的「翁鑫叶炫 2312」95px 也放得下。改了提交列表、排名赛道和周榜、
比赛排名和成绩、题单全班情况、数据统计、后台自学情况和卡点分析、请假名单

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

apps/web/src/oj/rank/components/RankTrack.vue

@@ -212,8 +212,8 @@ function onMenu(key: string, row: RankRow) {
           <div class="lane">
             <span class="rank">{{ item.row.solved ? item.row.rank : '—' }}</span>
             <RankAvatar :username="item.row.user.username" :avatar="item.row.avatar" :size="20" :me="item.row.user.id === meId" />
-            <button class="who" @click="emit('open', item.row.user.username)">
-              <UserName :username="item.row.user.username" :class-name="showClass ? item.row.className : null" />
+            <button class="who" :class="{ 'with-class': showClass }" @click="emit('open', item.row.user.username)">
+              <UserName :username="item.row.user.username" :class-name="showClass ? item.row.className : null" short-class />
             </button>
             <span class="bar-box" :style="{ background: palette.track }">
               <span class="bar" :style="{ width: width(item.row), background: barColor(item.row) }" />
@@ -343,6 +343,10 @@ function onMenu(key: string, row: RankRow) {
   min-width: 0;
 }
 
+.who.with-class {
+  width: 108px;
+}
+
 .prow .who {
   width: auto;
   min-width: 0;
@@ -428,8 +432,9 @@ function onMenu(key: string, row: RankRow) {
   font-weight: 700;
 }
 
+/* 名字最长 4 个字；本年级 / 全服的榜名字后面还有班号（2026-11 之前是 126px，放的是 ks2312李鑫楠） */
 .who {
-  width: 126px;
+  width: 80px;
   flex-shrink: 0;
   padding: 0;
   border: 0;