style(顶栏): 机房 1280 宽的屏上顶栏不再折成两行——菜单改成纯文字，「后台」挪到右边

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

apps/web/src/oj/learn/index.vue

@@ -169,7 +169,7 @@ watch(traced, loadProgress)
 /* 桌面端固定高度，目录/正文/代码各自内部滚动；移动端交给页面整体滚动 */
 @media (min-width: 769px) {
   .learn-container {
-    height: calc(100vh - 138px);
+    height: calc(100vh - 134px);
   }
 }
 

apps/web/src/oj/problem/components/ProblemEditor.vue

@@ -91,10 +91,10 @@ const contestID = route.params.contestID || null
 // 草稿存在哪个键下（题单入口单独一份），和「重置代码」共用一份算法
 const storageKey = useDraftKey()
 
-// 桌面：顶栏 60 + 工具栏 48，协作条再占 40（两栏顶满内容区，见 detail.vue 的 problem-split）。
+// 桌面：顶栏 56 + 工具栏 48，协作条再占 40（两栏顶满内容区，见 detail.vue 的 problem-split）。
 // 手机：顶栏两行 + 课堂条 + 页签 + 工具栏约 236px，底部还有「运行例子 / 提交」那条约 64px
 const editorHeight = computed(() => {
-  const base = isDesktop.value ? 108 : 300
+  const base = isDesktop.value ? 104 : 300
   return `calc(100vh - ${base + (teacherCollab.value ? 40 : 0)}px)`
 })
 

apps/web/src/oj/problem/detail.vue

@@ -376,7 +376,7 @@ onBeforeUnmount(() => {
 .problem-split {
   margin: -16px;
   width: calc(100% + 32px);
-  height: calc(100vh - 60px);
+  height: calc(100vh - 56px);
 }
 
 /* 分隔线：看上去 1px，拖的时候热区宽一点 */