style(提交列表): 列表放宽、代码区收窄，题目名不再被截成三个字；只看一个人时筛选框换成名字标签

- 左右从「列表 560 固定 + 代码占满」改成 56% : 44%（大屏列表最宽 1000）：学生的代码大多
  十来行，右边原来空着一大片，左边的题目名却只剩三个字；用户名一列 132 → 116
- 右栏顶上固定一行：「只看他 / 只看这题」只留漏斗图标，题目名太长时省略，翻条时代码区不再上下跳
- 按整名只看一个人时（只看他、协作条、看板点进来），108px 的输入框装不下八九个字的用户名，
  换成「只看 xxx ×」的标签；列表里题目名加上鼠标提示

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

apps/web/src/oj/submission/components/FlowchartPane.vue

@@ -150,17 +150,32 @@ const canRetry = computed(
         >
           <UserName :username="row.username" />
         </a>
-        <button class="filter-pill" @click="emit('filterUser', row.username)">
-          <Icon icon="ph:funnel-simple-bold" :width="11" />只看他
+        <button
+          class="filter-pill"
+          title="只看他的提交"
+          aria-label="只看他的提交"
+          @click="emit('filterUser', row.username)"
+        >
+          <Icon icon="ph:funnel-simple-bold" :width="12" />
         </button>
       </div>
       <span class="dot">·</span>
-      <a class="problem" href="#" @click.prevent="emit('openProblem', row)">
+      <a
+        class="problem"
+        href="#"
+        :title="`${row.problemDisplayId} ${row.problemTitle}`"
+        @click.prevent="emit('openProblem', row)"
+      >
         <span class="problem-id">{{ row.problemDisplayId }}</span>
         {{ row.problemTitle }}
       </a>
-      <button class="filter-pill" @click="emit('filterProblem', row.problemDisplayId)">
-        <Icon icon="ph:funnel-simple-bold" :width="11" />只看这题
+      <button
+        class="filter-pill"
+        title="只看这道题的提交"
+        aria-label="只看这道题的提交"
+        @click="emit('filterProblem', row.problemDisplayId)"
+      >
+        <Icon icon="ph:funnel-simple-bold" :width="12" />
       </button>
       <div class="spacer"></div>
       <n-button
@@ -274,6 +289,17 @@ const canRetry = computed(
   gap: 8px;
   white-space: nowrap;
   font-size: 15px;
+  min-width: 0;
+}
+
+/* 顶上固定一行：按方向键翻条时这一行高度不能变，不然下面的代码区跟着上下跳。
+   名字和按钮不缩，题目名太长时省略（全名在 title 里） */
+.head .who {
+  flex-shrink: 0;
+}
+
+.head .problem {
+  flex: 0 1 auto;
 }
 
 .narrow {
@@ -343,10 +369,13 @@ const canRetry = computed(
   text-overflow: ellipsis;
 }
 
+/* 只留漏斗图标（右栏六百来宽，带字的话名字、题目和按钮排不进一行），字在 title 里 */
 .filter-pill {
   flex: none;
+  width: 24px;
   height: 22px;
-  padding: 0 7px;
+  padding: 0;
+  justify-content: center;
   border: 1px solid v-bind("tone('success').background");
   border-radius: 11px;
   background: transparent;

apps/web/src/oj/submission/components/SubmissionPane.vue

@@ -237,23 +237,30 @@ function openStandalone() {
         </a>
         <button
           class="filter-pill"
-          title="只看这个人的提交"
+          title="只看他的提交"
+          aria-label="只看他的提交"
           @click="emit('filterUser', row.username)"
         >
-          <Icon icon="ph:funnel-simple-bold" :width="11" />只看他
+          <Icon icon="ph:funnel-simple-bold" :width="12" />
         </button>
       </div>
       <span class="dot">·</span>
-      <a class="problem" href="#" @click.prevent="emit('openProblem', row)">
+      <a
+        class="problem"
+        href="#"
+        :title="`${row.problemDisplayId} ${row.problemTitle}`"
+        @click.prevent="emit('openProblem', row)"
+      >
         <span class="problem-id">{{ row.problemDisplayId }}</span>
         {{ row.problemTitle }}
       </a>
       <button
         class="filter-pill"
         title="只看这道题的提交"
+        aria-label="只看这道题的提交"
         @click="emit('filterProblem', row.problemDisplayId)"
       >
-        <Icon icon="ph:funnel-simple-bold" :width="11" />只看这题
+        <Icon icon="ph:funnel-simple-bold" :width="12" />
       </button>
       <a
         v-if="row.problemSet"
@@ -427,6 +434,16 @@ function openStandalone() {
   min-width: 0;
 }
 
+/* 顶上固定一行：按方向键翻条时这一行高度不能变，不然下面的代码区跟着上下跳。
+   名字和按钮不缩，题目名太长时省略（全名在 title 里） */
+.head .who {
+  flex-shrink: 0;
+}
+
+.head .problem {
+  flex: 0 1 auto;
+}
+
 .narrow {
   padding: 12px 14px;
 }
@@ -490,10 +507,13 @@ function openStandalone() {
   background: v-bind("tone('info').background");
 }
 
+/* 只留漏斗图标（右栏六百来宽，带字的话名字、题目和按钮排不进一行），字在 title 里 */
 .filter-pill {
   flex: none;
+  width: 24px;
   height: 22px;
-  padding: 0 7px;
+  padding: 0;
+  justify-content: center;
   border: 1px solid v-bind("tone('success').background");
   border-radius: 11px;
   background: transparent;