style(题目): 运行例子、自己输入、Python 报错、流程图点评这几块结果也照设计稿重排，手机上题目页顶满屏幕

- 运行例子：标题带每个例子的对错胶囊，全对时提示「再按提交」
- 自己输入：说明「这里不判对错」，输出框留出固定高度
- Python 报错：灰底卡片，改法按钮放显眼处
- 流程图点评：画过几次连成一排，大分数 + 等级 + 四项分数条，重新提交后直接显示新的这一次
- 工具栏「写代码 / 画流程图」换成设计稿的分段切换，窄时缩成「代码 / 流程图」
- 设计文档记下和画板有意不同的几处（去掉限时、保留新轮盘等）

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

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

@@ -344,10 +344,17 @@ onBeforeUnmount(() => {
 </template>
 
 <style scoped>
+/* 手机：课堂条贴满屏宽（设计稿「手机：题目 / 代码 / 结果」），下面的内容照旧留 16px */
 .mobile {
+  margin: -16px -16px 0;
   padding-bottom: calc(72px + env(safe-area-inset-bottom));
 }
 
+.mobile > :deep(.n-tabs) {
+  padding: 10px 16px 0;
+  box-sizing: border-box;
+}
+
 .problem-split {
   margin: -16px;
   width: calc(100% + 32px);