style: 复刻扁平按钮样式并添加反思题序号徽章

- 复刻 new-product-survey.vue 的扁平按钮样式，移除任务栏白卡背景
- 为产品开发流程第4步反思题添加带样式的序号徽章

src/views/foundation/product-development-process.vue

@@ -1,4 +1,4 @@
-<template>
+<template>
     <div class="product-process student-training-shell">
         <main class="process-core">
             <section class="task-header">
@@ -173,12 +173,12 @@
                         <p v-if="!stepThreePassed" class="step-warning">请先上传并保存第 3 步甘特图，再完成本步复盘。</p>
                         <section class="process-reflection" :class="{ disabled: !stepThreePassed }">
                             <label class="reflection-field">
-                                <span>（1）观察甘特图，思考电商运营在产品开发过程中，可以提前介入同步完成哪些工作，以缩短运营周期、提高效率。（如“预热蓄水”“内容种草”等）</span>
+                                <span><b class="reflection-no">01</b>观察甘特图，思考电商运营在产品开发过程中，可以提前介入同步完成哪些工作，以缩短运营周期、提高效率。（如“预热蓄水”“内容种草”等）</span>
                                 <textarea v-model.trim="stepFourForm.parallelWorkAnalysis"
                                     :disabled="!stepThreePassed || checking"
                                     placeholder="请结合甘特图说明可同步推进的电商运营工作、介入节点及预期效率提升"></textarea>
                             </label>
-                            <div class="reflection-question">（2）在互联网产品开发管理中，你认为哪些环节可以借助AI工具提升效率？请列举至少2个具体应用场景。</div>
+                            <div class="reflection-question"><b class="reflection-no">02</b>在互联网产品开发管理中，你认为哪些环节可以借助AI工具提升效率？请列举至少2个具体应用场景。</div>
                             <div class="scenario-grid">
                                 <label class="reflection-field"><span>场景1：</span><textarea
                                         v-model.trim="stepFourForm.aiScenarioOne"
@@ -1505,6 +1505,24 @@ tr.is-incorrect .classification-feedback {
     line-height: 1.6;
 }
 
+/* 第 4 步序号徽章：复刻参考稿——实底蓝正方形 + 白字前导零 */
+.reflection-no {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 26px;
+    height: 26px;
+    margin-right: 10px;
+    border-radius: 6px;
+    color: #ffffff;
+    background: #3b82f6;
+    font-family: var(--student-font-data);
+    font-size: var(--student-fs-caption);
+    font-weight: 600;
+    line-height: 1;
+    vertical-align: middle;
+}
+
 /* 两个场景并排 */
 .scenario-grid {
     display: grid;

src/views/training/GenericTrainingPage.vue

@@ -1888,19 +1888,18 @@ function exportOutcome() {
 
 /* ============================================================
  * 工具栏操作按钮区：task-action-strip
+ * 复刻 new-product-survey.vue 扁平样式（无白卡背景），按钮直接落在画布上
  * ============================================================ */
 .task-action-strip {
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-  gap: 12px;
   margin: 0;
-  padding: 12px 20px;
-  background: #ffffff;
-  border: 1px solid #e5e7eb;
-  border-radius: 12px;
+  padding: 10px 16px;
 
   .comprehensive-training-toolbar {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: flex-end;
+    gap: 8px;
     flex: 0 0 auto;
     max-width: 100%;
   }