fix(点评): 做对之后点完轮盘不再一闪就没：先停 2.5 秒给你看大家是怎么选的，再自己关；按钮挪到轮盘正下方居中，底边一条线缩完就关，急着走可以直接点

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

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

@@ -270,7 +270,7 @@ function sectorAriaLabel(index: number) {
     aria-label="题目点评"
   >
     <p v-if="choosable" class="hint">
-      选一块最接近的，<b>每道题只能评一次</b>{{ guard ? "" : "。选完就能看到大家是怎么选的" }}
+      选一块最接近的，<b>每道题只能评一次</b>。选完就能看到大家是怎么选的
     </p>
 
     <div

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

@@ -40,6 +40,8 @@ const { celebrate } = useFireworks()
 // 下去，点评就跳过了。所以这段时间里欠着一次点评（reviewOwed），离开这道题的导航
 // 先拦下来：立刻弹点评，选完再去原来要去的地方。
 const commentPanel = ref(false)
+/** 选完了、弹窗正停着给他看大家怎么选的 */
+const reviewed = ref(false)
 const reviewOwed = ref(false)
 let reviewChecking = false
 let navigationAfterReview: string | null = null
@@ -53,6 +55,7 @@ async function openReview() {
   try {
     const res = await getReaction(problem.value!.id)
     if (res.mine === null) {
+      reviewed.value = false
       commentPanel.value = true
       return
     }
@@ -74,6 +77,7 @@ function settleReview() {
 }
 
 function closeCommentPanel() {
+  stopLingering()
   commentPanel.value = false
   // 「下一题」在结果页签里（LessonNext），评价完回到那里 —— 学生点评之前可能切去看了题目。
   // 接着要换题的就别切：切页签会 router.replace 改 `?tab=`，排在下面那次 push 前头，
@@ -83,7 +87,8 @@ function closeCommentPanel() {
 }
 
 /**
- * 选完一块就关（点一次就够，大家怎么选的在抽屉里的「点评」能看）。
+ * 选完一块不用再点：就地变成玫瑰图，停 2.5 秒给他看一眼大家怎么选的，然后自己关。
+ * 这段时间里按钮已经出来了，急着走的直接点。
  * 关掉之后去哪：刚才点「下一题」之类被拦下的，就接着去那里；否则回到结果页签。
  *
  * 读不出点评、交点评失败时弹窗关不掉，下面那个按钮是唯一出口：被拦下的写「继续」，
@@ -106,6 +111,17 @@ const continueAction = computed(() => {
   return { label: "好的", target: null }
 })
 
+/** 选完停多久；按钮底边那条线按同一个时长缩完 */
+const LINGER_MS = 2500
+const { start: lingerThenClose, stop: stopLingering } = useTimeoutFn(closeCommentPanel, LINGER_MS, {
+  immediate: false,
+})
+
+function onReviewed() {
+  reviewed.value = true
+  lingerThenClose()
+}
+
 function continueAfterReview() {
   const target = continueAction.value.target
   if (target && !navigationAfterReview) navigationAfterReview = target
@@ -160,6 +176,7 @@ watch(
   (next, previous) => {
     if (!previous || next === previous) return
     commentPanel.value = false
+    stopLingering()
     cancelCommentPanel()
     reviewOwed.value = false
     navigationAfterReview = null
@@ -243,21 +260,57 @@ watch(
   <n-modal
     v-model:show="commentPanel"
     preset="card"
-    title="做对了！说说你对这道题的感受吧"
+    :title="reviewed ? '大家是这样觉得的' : '做对了！说说你对这道题的感受吧'"
     :mask-closable="false"
     :closable="false"
     :close-on-esc="false"
     :auto-focus="false"
     style="width: min(600px, calc(100vw - 32px))"
   >
-    <ProblemReaction guard @submitted="closeCommentPanel">
+    <ProblemReaction guard @submitted="onReviewed">
       <template #after>
-        <n-flex justify="end">
+        <!-- 在轮盘正下方居中，和轮盘一条中线；停着的那几秒底边一条线缩完就自己关 -->
-          <n-button type="primary" @click="continueAfterReview">
+        <n-button
-            {{ continueAction.label }}
+          type="primary"
-          </n-button>
+          size="large"
-        </n-flex>
+          class="continue"
+          :class="{ lingering: reviewed }"
+          :style="{ '--linger': `${LINGER_MS}ms` }"
+          @click="continueAfterReview"
+        >
+          {{ continueAction.label }}
+        </n-button>
       </template>
     </ProblemReaction>
   </n-modal>
 </template>
+
+<style scoped>
+.continue {
+  display: flex;
+  width: min(100%, 320px);
+  margin: 0 auto;
+  overflow: hidden;
+}
+
+.continue.lingering::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 3px;
+  background: rgba(255, 255, 255, 0.7);
+  transform-origin: left;
+  animation: linger var(--linger) linear forwards;
+}
+
+@keyframes linger {
+  from {
+    transform: scaleX(1);
+  }
+  to {
+    transform: scaleX(0);
+  }
+}
+</style>

docs/specs/2026-09-28-problem-page-redesign-design.md

@@ -221,8 +221,10 @@ B 看得到。
 - 防误触：弹出后 600ms 内轮盘半透明、点不了；强制弹窗里不响应 Enter / 空格（键盘触发的
   click 的 `detail` 是 0），扇区不进 Tab 顺序；弹窗 `auto-focus` 关掉，不预选任何一块。
   抽屉里的是学生自己点开的，不设防、键盘能选。
-- 选完不马上关：弹窗里换成横条图，下面只有一个按钮、焦点落在它上面 —— 被拦下的换题写「继续」，
+- 选完不用再点：标题换成「大家是这样觉得的」，就地变成玫瑰图停 2.5 秒，然后自己关。轮盘正下方
-  否则是这节课的「下一题：题号 题目」，都没有就是「好的」。
+  居中一个按钮，停着的时候底边一条线缩完就关，急着走的直接点 —— 被拦下的换题写「继续」，
+  否则是这节课的「下一题：题号 题目」，都没有就是「好的」。（2026-10-12 改过一版点一块就关，
+  学生看不到结果；2026-10-14 改成现在这样。）
 - **窗口期内换题要先点评**：通过后 1.5 秒内点「下一题」、课堂条芯片、‹ ›、顶栏题号直达，
   先立刻弹出点评，选完再跳。**现在线上可以被跳过**（`SubmitCode.vue` 换题时 `cancelCommentPanel()`）。
 - 查询或提交点评的接口出错时不能把学生卡住：查询失败就不弹；提交失败留在弹窗里提示「没记上，再点一次」。