diff --git a/src/views/channel/purchase.vue b/src/views/channel/purchase.vue
index 3d342c2..bfef052 100644
--- a/src/views/channel/purchase.vue
+++ b/src/views/channel/purchase.vue
@@ -536,6 +536,7 @@ onMounted(() => {
   echo();
 });
 </script>
+<style scoped lang="scss">
   /* ============================================================
  * 教育蓝极简 · 卡拉杰克模型分析页
  * ============================================================ */
diff --git a/src/views/foundation/product-development-process.vue b/src/views/foundation/product-development-process.vue
index a81d35a..cc45393 100644
--- a/src/views/foundation/product-development-process.vue
+++ b/src/views/foundation/product-development-process.vue
@@ -8,7 +8,7 @@
             <span class="task-status">进行中 · Step {{ String(currentStep).padStart(2, "0") }}</span>
           </div>
           <h1 class="task-title">{{ taskTitle }}</h1>
-          <p class="task-brief">
+          <div class="task-brief">
             <span class="task-brief-text">{{ taskBackground }}</span>
             <button type="button" class="task-brief-toggle" @click="briefOpen = !briefOpen">
               {{ briefOpen ? "收起" : "展开目标与要求" }}
@@ -21,7 +21,7 @@
               <b>实训要求</b>
               <p>{{ taskRequirement }}</p>
             </span>
-          </p>
+          </div>
         </div>
         <div class="workbench-head workbench-head--actions-only">
           <div class="workbench-actions">
@@ -162,12 +162,12 @@
             <section class="process-reflection" :class="{ disabled: !stepThreePassed }">
               <label class="reflection-field">
                 <span>（1）观察甘特图，思考电商运营在产品开发过程中，可以提前介入同步完成哪些工作，以缩短运营周期、提高效率。（如“预热蓄水”“内容种草”等）</span>
-                <textarea v-model.trim="stepFourForm.parallelWorkAnalysis" :disabled="!stepThreePassed || checking" placeholder="请结合甘特图说明可同步推进的电商运营工作、介入节点及预期效率提升" />
+                <textarea v-model.trim="stepFourForm.parallelWorkAnalysis" :disabled="!stepThreePassed || checking" placeholder="请结合甘特图说明可同步推进的电商运营工作、介入节点及预期效率提升"></textarea>
               </label>
               <div class="reflection-question">（2）在互联网产品开发管理中，你认为哪些环节可以借助AI工具提升效率？请列举至少2个具体应用场景。</div>
               <div class="scenario-grid">
-                <label class="reflection-field"><span>场景1：</span><textarea v-model.trim="stepFourForm.aiScenarioOne" :disabled="!stepThreePassed || checking" placeholder="例如：使用 AI 汇总竞品评价与用户需求，辅助生成PRD初稿" /></label>
-                <label class="reflection-field"><span>场景2：</span><textarea v-model.trim="stepFourForm.aiScenarioTwo" :disabled="!stepThreePassed || checking" placeholder="例如：使用 AI 生成电商详情页文案、主图脚本或运营素材" /></label>
+                <label class="reflection-field"><span>场景1：</span><textarea v-model.trim="stepFourForm.aiScenarioOne" :disabled="!stepThreePassed || checking" placeholder="例如：使用 AI 汇总竞品评价与用户需求，辅助生成PRD初稿"></textarea></label>
+                <label class="reflection-field"><span>场景2：</span><textarea v-model.trim="stepFourForm.aiScenarioTwo" :disabled="!stepThreePassed || checking" placeholder="例如：使用 AI 生成电商详情页文案、主图脚本或运营素材"></textarea></label>
               </div>
             </section>
             <div class="task-actions">
@@ -177,7 +177,6 @@
           </template>
           <div v-else class="step-placeholder"><p>第 {{ currentStep }} 步内容待配置</p><span>第 1 步答案已保存，可从上方步骤栏返回查看。</span></div>
         </section>
-      </section>
     </main>
 
     <TrainingAiSidebar
@@ -185,7 +184,7 @@
       reference-title="关键任务判断提示"
       reference-text="· 关键任务：直接影响产品定义、核心技术验证、量产交付或上市节奏<br />· 非关键任务：可在核心任务约束下进行资源协调，不直接阻塞整体排期"
       :progress-items="progressItems"
-    />
+    ></TrainingAiSidebar>
   </div>
 </template>