From 29b2a3566143e59fbd5099f3fa378c7303ce6c40 Mon Sep 17 00:00:00 2001
From: qinzhenpen <qzp1807@126.com>
Date: Tue, 22 Sep 2026 10:35:46 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E7=A7=BB=E9=99=A4=E5=90=84=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E5=86=97=E4=BD=99=E7=9A=84=E9=A1=B5=E9=9D=A2=E7=94=BB?=
 =?UTF-8?q?=E5=B8=83=E5=92=8C=E8=A1=8C=E9=AB=98=E6=A0=B7=E5=BC=8F=EF=BC=8C?=
 =?UTF-8?q?=E7=BB=9F=E4=B8=80=E5=85=A8=E5=B1=80=E6=A0=B7=E5=BC=8F=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1.  移除了20+个页面内单独编写的app-main背景覆盖和行高样式代码
2.  仅保留学生首页的padding和margin清零调整，背景渐变由student-training.scss统一管理
3.  简化代码结构，将页面样式统一收敛到全局配置，减少重复代码
---
 src/assets/styles/student-training.scss       |  3 +-
 src/views/analysis-of-students/analysis.vue   | 13 ---------
 src/views/analysis-of-students/dialogue.vue   |  8 -----
 src/views/assessment/diagnosis.vue            |  8 -----
 src/views/assessment/optimization.vue         |  8 -----
 src/views/channel/supplier.vue                |  8 -----
 src/views/demand/business-feasibility.vue     |  9 ------
 .../competitive-environment-analysis.vue      |  8 -----
 src/views/demand/consumer-behavior.vue        |  5 ----
 src/views/demand/consumer-scenario.vue        |  8 -----
 src/views/demand/feature-conversion.vue       |  8 -----
 src/views/demand/industry-demand-analysis.vue |  8 -----
 src/views/demand/people.vue                   |  5 ----
 src/views/exam/index.vue                      | 10 -------
 src/views/exam/result.vue                     | 10 -------
 src/views/exam/take.vue                       | 10 -------
 src/views/foundation/new-product-survey.vue   | 10 -------
 .../product-development-factors.vue           | 11 -------
 .../product-development-process.vue           | 11 -------
 src/views/product/after-sales-service.vue     |  8 -----
 src/views/product/differentiation.vue         |  8 -----
 src/views/product/hardware-cost.vue           |  8 -----
 .../product/market-opportunity-selection.vue  |  8 -----
 src/views/product/price.vue                   |  8 -----
 src/views/product/requirements-doc.vue        |  8 -----
 src/views/product/structure.vue               |  8 -----
 src/views/student/index.vue                   |  9 ++----
 src/views/test-report/index.vue               |  8 -----
 src/views/test/index.vue                      | 29 ++++++++++---------
 src/views/test/promotion.vue                  |  8 -----
 src/views/training/GenericTrainingPage.vue    |  9 ------
 31 files changed, 21 insertions(+), 259 deletions(-)

diff --git a/src/assets/styles/student-training.scss b/src/assets/styles/student-training.scss
index 1212308..27a1beb 100644
--- a/src/assets/styles/student-training.scss
+++ b/src/assets/styles/student-training.scss
@@ -85,7 +85,8 @@
  * layout's older black gradient as a vertical block beside the sidebar.
  */
 #app .studentLayout .app-main:has(.student-training-shell),
-#app .teacherLayout .app-main:has(.student-training-shell) {
+#app .teacherLayout .app-main:has(.student-training-shell),
+#app .studentLayout .app-main:has(.student-home) {
   background: linear-gradient(135deg, #f5f8fc 0%, #eaf2fb 52%, #f3f8ff 100%) !important;
 }
 
diff --git a/src/views/analysis-of-students/analysis.vue b/src/views/analysis-of-students/analysis.vue
index 5aad833..1648d96 100644
--- a/src/views/analysis-of-students/analysis.vue
+++ b/src/views/analysis-of-students/analysis.vue
@@ -337,16 +337,3 @@ onMounted(() => {
   }
 }
 </style>
-
-<style lang="scss">
-/* 非 scoped：覆盖祖先 app-main 画布（浅蓝渐变），本页纯白 */
-#app .studentLayout .app-main:has(.stu-analysis-page),
-#app .teacherLayout .app-main:has(.stu-analysis-page) {
-  background: #ffffff !important;
-}
-
-#app .studentLayout .app-main:has(.stu-analysis-page) .stu-analysis-page,
-#app .teacherLayout .app-main:has(.stu-analysis-page) .stu-analysis-page {
-  line-height: 1.55 !important;
-}
-</style>
diff --git a/src/views/analysis-of-students/dialogue.vue b/src/views/analysis-of-students/dialogue.vue
index 3ec0dbf..67669ee 100644
--- a/src/views/analysis-of-students/dialogue.vue
+++ b/src/views/analysis-of-students/dialogue.vue
@@ -673,11 +673,3 @@ const exportData = () => {
   }
 }
 </style>
-
-<style lang="scss">
-/* 非 scoped：覆盖祖先 app-main 浅蓝渐变画布，本页纯白 */
-#app .studentLayout .app-main:has(.ai-dialogue-page),
-#app .teacherLayout .app-main:has(.ai-dialogue-page) {
-  background: #ffffff !important;
-}
-</style>
diff --git a/src/views/assessment/diagnosis.vue b/src/views/assessment/diagnosis.vue
index c50320f..3fc0745 100644
--- a/src/views/assessment/diagnosis.vue
+++ b/src/views/assessment/diagnosis.vue
@@ -1079,14 +1079,6 @@ button.is-disabled {
 </style>
 
 <style lang="scss">
-/* ===== 画布 + 行高 ===== */
-#app .studentLayout .app-main:has(.diagnosis-page) {
-  background: #ffffff !important;
-}
-#app .studentLayout .app-main:has(.diagnosis-page) .diagnosis-page {
-  line-height: 1.55 !important;
-}
-
 /* ===== 步骤导航：按钮切换风 ===== */
 #app .studentLayout section.app-main:has(.diagnosis-page) .step-indicator {
   display: flex !important;
diff --git a/src/views/assessment/optimization.vue b/src/views/assessment/optimization.vue
index 1fec12f..f4dcaac 100644
--- a/src/views/assessment/optimization.vue
+++ b/src/views/assessment/optimization.vue
@@ -1102,14 +1102,6 @@ button:disabled {
 </style>
 
 <style lang="scss">
-/* ===== 画布 + 行高 ===== */
-#app .studentLayout .app-main:has(.optimization-page) {
-  background: #ffffff !important;
-}
-#app .studentLayout .app-main:has(.optimization-page) .optimization-page {
-  line-height: 1.55 !important;
-}
-
 /* ===== 步骤导航：按钮切换风 ===== */
 #app .studentLayout section.app-main:has(.optimization-page) .step-indicator {
   display: flex !important;
diff --git a/src/views/channel/supplier.vue b/src/views/channel/supplier.vue
index c6f5e67..a2be457 100644
--- a/src/views/channel/supplier.vue
+++ b/src/views/channel/supplier.vue
@@ -955,14 +955,6 @@ onMounted(async () => {
 </style>
 
 <style lang="scss">
-/* ===== 画布 + 行高 ===== */
-#app .studentLayout .app-main:has(.supplier-page) {
-  background: #ffffff !important;
-}
-#app .studentLayout .app-main:has(.supplier-page) .supplier-page {
-  line-height: 1.55 !important;
-}
-
 /* ===== 步骤导航：按钮切换风 ===== */
 #app .studentLayout section.app-main:has(.supplier-page) .step-indicator {
   display: flex !important;
diff --git a/src/views/demand/business-feasibility.vue b/src/views/demand/business-feasibility.vue
index 97fb937..a501227 100644
--- a/src/views/demand/business-feasibility.vue
+++ b/src/views/demand/business-feasibility.vue
@@ -1046,15 +1046,6 @@ th:last-child, td:last-child { border-right: 0; }
 </style>
 
 <style lang="scss">
-/* 画布背景：纯白，去旧浅蓝渐变 */
-#app .studentLayout section.app-main:has(.feasibility-page) {
-  background: #ffffff !important;
-}
-
-#app .studentLayout section.app-main:has(.feasibility-page) .feasibility-page {
-  line-height: 1.55 !important;
-}
-
 /* ===== 步骤导航：按钮切换风（foundation 同款） ===== */
 #app .studentLayout section.app-main:has(.feasibility-page) .step-indicator {
   display: flex !important;
diff --git a/src/views/demand/competitive-environment-analysis.vue b/src/views/demand/competitive-environment-analysis.vue
index 890cb2a..d5a97ce 100644
--- a/src/views/demand/competitive-environment-analysis.vue
+++ b/src/views/demand/competitive-environment-analysis.vue
@@ -654,14 +654,6 @@ function exportOutcome() { const blob = new Blob([JSON.stringify(buildDraft(), n
 </style>
 
 <style lang="scss">
-/* ===== 画布 + 行高 ===== */
-#app .studentLayout .app-main:has(.competitive-analysis-page) {
-  background: #ffffff !important;
-}
-#app .studentLayout .app-main:has(.competitive-analysis-page) .competitive-analysis-page {
-  line-height: 1.55 !important;
-}
-
 /* ===== 步骤导航：按钮切换风 ===== */
 #app .studentLayout section.app-main:has(.competitive-analysis-page) .step-indicator {
   display: flex !important;
diff --git a/src/views/demand/consumer-behavior.vue b/src/views/demand/consumer-behavior.vue
index 5ac1cb0..fc94052 100644
--- a/src/views/demand/consumer-behavior.vue
+++ b/src/views/demand/consumer-behavior.vue
@@ -1762,11 +1762,6 @@ function downloadSurveyReportTemplate() {
 </style>
 
 <style lang="scss">
-/* === 画布背景 === */
-#app .studentLayout section.app-main:has(.consumer-behavior-page) {
-  background: #ffffff !important;
-}
-
 /* === 步骤导航：按钮切换风（foundation 同款） === */
 #app .studentLayout section.app-main:has(.consumer-behavior-page) .step-indicator {
   display: flex !important;
diff --git a/src/views/demand/consumer-scenario.vue b/src/views/demand/consumer-scenario.vue
index 3039656..d7f7f42 100644
--- a/src/views/demand/consumer-scenario.vue
+++ b/src/views/demand/consumer-scenario.vue
@@ -1669,14 +1669,6 @@ function exportOutcome() {
 </style>
 
 <style lang="scss">
-/* ===== 画布 + 行高 ===== */
-#app .studentLayout .app-main:has(.consumer-scenario-page) {
-  background: #ffffff !important;
-}
-#app .studentLayout .app-main:has(.consumer-scenario-page) .consumer-scenario-page {
-  line-height: 1.55 !important;
-}
-
 /* ===== 步骤导航：按钮切换风 ===== */
 #app .studentLayout section.app-main:has(.consumer-scenario-page) .step-indicator {
   display: flex !important;
diff --git a/src/views/demand/feature-conversion.vue b/src/views/demand/feature-conversion.vue
index a9f6d4f..f32c014 100644
--- a/src/views/demand/feature-conversion.vue
+++ b/src/views/demand/feature-conversion.vue
@@ -1375,14 +1375,6 @@ function exportOutcome() {
 </style>
 
 <style lang="scss">
-/* ===== 画布 + 行高 ===== */
-#app .studentLayout .app-main:has(.feature-conversion-page) {
-  background: #ffffff !important;
-}
-#app .studentLayout .app-main:has(.feature-conversion-page) .feature-conversion-page {
-  line-height: 1.55 !important;
-}
-
 /* ===== 步骤导航：按钮切换风 ===== */
 #app .studentLayout section.app-main:has(.feature-conversion-page) .step-indicator {
   display: flex !important;
diff --git a/src/views/demand/industry-demand-analysis.vue b/src/views/demand/industry-demand-analysis.vue
index c2be98b..032cd49 100644
--- a/src/views/demand/industry-demand-analysis.vue
+++ b/src/views/demand/industry-demand-analysis.vue
@@ -666,14 +666,6 @@ function exportOutcome() { const blob = new Blob([JSON.stringify(buildDraft(), n
 </style>
 
 <style lang="scss">
-/* ===== 画布 + 行高 ===== */
-#app .studentLayout .app-main:has(.industry-pest-page) {
-  background: #ffffff !important;
-}
-#app .studentLayout .app-main:has(.industry-pest-page) .industry-pest-page {
-  line-height: 1.55 !important;
-}
-
 /* ===== 步骤导航：按钮切换风 ===== */
 #app .studentLayout section.app-main:has(.industry-pest-page) .step-indicator {
   display: flex !important;
diff --git a/src/views/demand/people.vue b/src/views/demand/people.vue
index cf8553b..282d2ac 100644
--- a/src/views/demand/people.vue
+++ b/src/views/demand/people.vue
@@ -1942,11 +1942,6 @@ function exportOutcome() {
  * 带 !important 锁定浅蓝，必须在页面非 scoped 块中覆盖）
  * ========================================================== -->
 <style lang="scss">
-/* 画布：纯白，去渐变 */
-#app .studentLayout section.app-main:has(.target-profile-page) {
-  background: #ffffff !important;
-}
-
 /* ===== 步骤导航：按钮切换风（foundation 同款） ===== */
 #app .studentLayout section.app-main:has(.target-profile-page) .step-indicator {
   display: flex !important;
diff --git a/src/views/exam/index.vue b/src/views/exam/index.vue
index ed3c976..0e2c961 100644
--- a/src/views/exam/index.vue
+++ b/src/views/exam/index.vue
@@ -259,13 +259,3 @@ function count(value){return value==="ALL"?exams.value.length:exams.value.filter
   }
 }
 </style>
-
-<style lang="scss">
-/* 页面画布：纯白，无渐变 */
-#app .studentLayout .app-main:has(.student-exams) {
-  background: #ffffff !important;
-}
-#app .studentLayout .app-main:has(.student-exams) .student-exams {
-  line-height: 1.55 !important;
-}
-</style>
diff --git a/src/views/exam/result.vue b/src/views/exam/result.vue
index 69bed9d..bf2c7c0 100644
--- a/src/views/exam/result.vue
+++ b/src/views/exam/result.vue
@@ -261,13 +261,3 @@ aside {
   }
 }
 </style>
-
-<style lang="scss">
-/* 页面画布：纯白，无渐变 */
-#app .studentLayout .app-main:has(.result-page) {
-  background: #ffffff !important;
-}
-#app .studentLayout .app-main:has(.result-page) .result-page {
-  line-height: 1.55 !important;
-}
-</style>
diff --git a/src/views/exam/take.vue b/src/views/exam/take.vue
index 53b162f..b613ccc 100644
--- a/src/views/exam/take.vue
+++ b/src/views/exam/take.vue
@@ -384,13 +384,3 @@ function formatTime(v){return v?new Date(v).toLocaleString("zh-CN",{hour12:false
   }
 }
 </style>
-
-<style lang="scss">
-/* 页面画布：纯白，无渐变 */
-#app .studentLayout .app-main:has(.take-page) {
-  background: #ffffff !important;
-}
-#app .studentLayout .app-main:has(.take-page) .take-page {
-  line-height: 1.55 !important;
-}
-</style>
diff --git a/src/views/foundation/new-product-survey.vue b/src/views/foundation/new-product-survey.vue
index cd5f2ca..f075662 100644
--- a/src/views/foundation/new-product-survey.vue
+++ b/src/views/foundation/new-product-survey.vue
@@ -1960,16 +1960,6 @@ function exportOutcome() {
   所有选择器均以 .new-product-value-page 为根，不影响其他页面。
 -->
 <style lang="scss">
-/* 页面画布：纯白，不使用任何底色渐变 */
-#app .studentLayout .app-main:has(.new-product-value-page) {
-  background: #ffffff !important;
-}
-
-/* 全局 shell 行高为 1.8，本页收紧为 1.55（选择器特异性对齐全局规则） */
-#app .studentLayout .app-main:has(.new-product-value-page) .new-product-value-page {
-  line-height: 1.55 !important;
-}
-
 /* ============================================================
  * 步骤导航重设计：按钮切换风（分段按钮 + 墨黑激活）
  * id 锚点 + !important 覆盖全局浅蓝胶囊与杂志风旧规则。
diff --git a/src/views/foundation/product-development-factors.vue b/src/views/foundation/product-development-factors.vue
index 62f6dde..8b3d020 100644
--- a/src/views/foundation/product-development-factors.vue
+++ b/src/views/foundation/product-development-factors.vue
@@ -934,17 +934,6 @@ function exportOutcome() {
 </style>
 
 <style lang="scss">
-/* 页面画布：纯白，不使用任何底色渐变（scoped 无法触及祖先 app-main） */
-#app .studentLayout section.app-main:has(.product-factors) {
-  background: #ffffff !important;
-  background-image: none !important;
-}
-
-/* 全局 shell 行高 1.8，本页收紧为 1.55 */
-#app .studentLayout .app-main:has(.product-factors) .product-factors {
-  line-height: 1.55 !important;
-}
-
 /* ===== AI 侧栏样式已收敛进 TrainingAiSidebar 组件（墨黑极简），此处不再覆盖 ===== */
 
 /* ============================================================
diff --git a/src/views/foundation/product-development-process.vue b/src/views/foundation/product-development-process.vue
index 11c2db3..e74cee9 100644
--- a/src/views/foundation/product-development-process.vue
+++ b/src/views/foundation/product-development-process.vue
@@ -1359,17 +1359,6 @@ tr.is-incorrect .classification-feedback {
 </style>
 
 <style lang="scss">
-/* 页面画布：纯白，不使用任何底色渐变（scoped 无法触及祖先 app-main） */
-#app .studentLayout section.app-main:has(.product-process) {
-  background: #ffffff !important;
-  background-image: none !important;
-}
-
-/* 全局 shell 行高 1.8，本页收紧为 1.55 */
-#app .studentLayout .app-main:has(.product-process) .product-process {
-  line-height: 1.55 !important;
-}
-
 /* ===== AI 侧栏样式已收敛进 TrainingAiSidebar 组件（墨黑极简），此处不再覆盖 ===== */
 
 /* ============================================================
diff --git a/src/views/product/after-sales-service.vue b/src/views/product/after-sales-service.vue
index 1f423d5..61ca2db 100644
--- a/src/views/product/after-sales-service.vue
+++ b/src/views/product/after-sales-service.vue
@@ -1156,14 +1156,6 @@ button:disabled {
 </style>
 
 <style lang="scss">
-/* ===== 画布白底 + 1.55 行高 ===== */
-#app .studentLayout .app-main:has(.after-sales-page) {
-  background: #ffffff !important;
-}
-#app .studentLayout .app-main:has(.after-sales-page) .after-sales-page {
-  line-height: 1.55 !important;
-}
-
 /* ===== 步骤导航：按钮切换风（覆盖全局 !important 浅蓝胶囊） ===== */
 #app .studentLayout section.app-main:has(.after-sales-page) .step-indicator {
   display: flex !important;
diff --git a/src/views/product/differentiation.vue b/src/views/product/differentiation.vue
index 5be87aa..a6c4bf2 100644
--- a/src/views/product/differentiation.vue
+++ b/src/views/product/differentiation.vue
@@ -1432,14 +1432,6 @@ async function handleValueCanvasUpload(event) {
 </style>
 
 <style lang="scss">
-/* ===== 画布 + 行高 ===== */
-#app .studentLayout .app-main:has(.product-positioning-page) {
-  background: #ffffff !important;
-}
-#app .studentLayout .app-main:has(.product-positioning-page) .product-positioning-page {
-  line-height: 1.55 !important;
-}
-
 /* ===== 步骤导航：按钮切换风 ===== */
 #app .studentLayout section.app-main:has(.product-positioning-page) .step-indicator {
   display: flex !important;
diff --git a/src/views/product/hardware-cost.vue b/src/views/product/hardware-cost.vue
index 9f36398..8ef32c8 100644
--- a/src/views/product/hardware-cost.vue
+++ b/src/views/product/hardware-cost.vue
@@ -1422,14 +1422,6 @@ onMounted(async () => {
 </style>
 
 <style lang="scss">
-/* ===== 画布 + 行高 ===== */
-#app .studentLayout .app-main:has(.hardware-cost-page) {
-  background: #ffffff !important;
-}
-#app .studentLayout .app-main:has(.hardware-cost-page) .hardware-cost-page {
-  line-height: 1.55 !important;
-}
-
 /* ===== 步骤导航：按钮切换风 ===== */
 #app .studentLayout section.app-main:has(.hardware-cost-page) .step-indicator {
   display: flex !important;
diff --git a/src/views/product/market-opportunity-selection.vue b/src/views/product/market-opportunity-selection.vue
index 8089702..bd85045 100644
--- a/src/views/product/market-opportunity-selection.vue
+++ b/src/views/product/market-opportunity-selection.vue
@@ -798,14 +798,6 @@ function exportOutcome() { const blob = new Blob([JSON.stringify({ taskName: tas
 </style>
 
 <style lang="scss">
-/* ===== 画布 + 行高 ===== */
-#app .studentLayout .app-main:has(.opportunity-page) {
-  background: #ffffff !important;
-}
-#app .studentLayout .app-main:has(.opportunity-page) .opportunity-page {
-  line-height: 1.55 !important;
-}
-
 /* ===== 步骤导航：按钮切换风 ===== */
 #app .studentLayout section.app-main:has(.opportunity-page) .step-indicator {
   display: flex !important;
diff --git a/src/views/product/price.vue b/src/views/product/price.vue
index 0e47ec2..1a91d95 100644
--- a/src/views/product/price.vue
+++ b/src/views/product/price.vue
@@ -2325,14 +2325,6 @@ onMounted(async () => {
 </style>
 
 <style lang="scss">
-/* ===== 画布 + 行高 ===== */
-#app .studentLayout .app-main:has(.price-page) {
-  background: #ffffff !important;
-}
-#app .studentLayout .app-main:has(.price-page) .price-page {
-  line-height: 1.55 !important;
-}
-
 /* ===== 步骤导航：按钮切换风 ===== */
 #app .studentLayout section.app-main:has(.price-page) .step-indicator {
   display: flex !important;
diff --git a/src/views/product/requirements-doc.vue b/src/views/product/requirements-doc.vue
index a1b7a60..ce904e2 100644
--- a/src/views/product/requirements-doc.vue
+++ b/src/views/product/requirements-doc.vue
@@ -1397,14 +1397,6 @@ function exportOutcome() { if (currentStep.value === 2) { exportStepTwoTable();
 </style>
 
 <style lang="scss">
-/* ===== 画布 + 行高 ===== */
-#app .studentLayout .app-main:has(.requirements-doc-page) {
-  background: #ffffff !important;
-}
-#app .studentLayout .app-main:has(.requirements-doc-page) .requirements-doc-page {
-  line-height: 1.55 !important;
-}
-
 /* ===== 步骤导航：按钮切换风 ===== */
 #app .studentLayout section.app-main:has(.requirements-doc-page) .step-indicator {
   display: flex !important;
diff --git a/src/views/product/structure.vue b/src/views/product/structure.vue
index 30ad476..7e68eaf 100644
--- a/src/views/product/structure.vue
+++ b/src/views/product/structure.vue
@@ -1148,14 +1148,6 @@ button:disabled {
 </style>
 
 <style lang="scss">
-/* ===== 画布 + 行高 ===== */
-#app .studentLayout .app-main:has(.architecture-page) {
-  background: #ffffff !important;
-}
-#app .studentLayout .app-main:has(.architecture-page) .architecture-page {
-  line-height: 1.55 !important;
-}
-
 /* ===== 步骤导航：按钮切换风 ===== */
 #app .studentLayout section.app-main:has(.architecture-page) .step-indicator {
   display: flex !important;
diff --git a/src/views/student/index.vue b/src/views/student/index.vue
index c7dbfe3..4144dac 100644
--- a/src/views/student/index.vue
+++ b/src/views/student/index.vue
@@ -424,15 +424,12 @@ onBeforeUnmount(() => {
 
 <style lang="scss">
 /*
- * 学生首页贴边纯白（scoped 无法触及祖先，故放在非 scoped 块）：
- * 1) app-main 深蓝背景图/渐变 → 纯白，padding 清零；
- * 2) 外层 .index 的 10px margin 清零，内容贴边。
- * 选择器以 .student-home :has 为锚，不影响其他角色/页面。
+ * 学生首页贴边布局（scoped 无法触及祖先，故放在非 scoped 块）：
+ * 背景渐变由全局 student-training.scss 统一提供（.app-main:has(.student-home)）；
+ * 此处仅保留 padding 清零与外层 .index 的 margin 清零，使首页内容贴边。
  */
 #app .studentLayout section.app-main:has(.student-home) {
   padding: 0 !important;
-  background: #ffffff !important;
-  background-image: none !important;
 }
 
 #app .studentLayout .app-main:has(.student-home) .index {
diff --git a/src/views/test-report/index.vue b/src/views/test-report/index.vue
index 4e17a2e..a8e75f5 100644
--- a/src/views/test-report/index.vue
+++ b/src/views/test-report/index.vue
@@ -108,12 +108,4 @@ onMounted(async()=>{const res=await getCurrentExperimentReport(); report.value=r
 </style>
 
 <style lang="scss">
-/* 墨黑极简 · 纯白画布覆盖（scoped 触及不到祖先画布） */
-#app .studentLayout .app-main:has(.test-report) {
-  background: #ffffff !important;
-}
-
-#app .studentLayout .app-main:has(.test-report) .test-report {
-  line-height: 1.55 !important;
-}
 </style>
diff --git a/src/views/test/index.vue b/src/views/test/index.vue
index f74f850..9ed4b55 100644
--- a/src/views/test/index.vue
+++ b/src/views/test/index.vue
@@ -405,6 +405,17 @@ onMounted(async () => { try { const result = await getTrainingTaskByKey(TASK_KEY
 
 .release-channel-toolbar {
   flex: 0 0 auto;
+  width: 320px;
+
+  :deep(.material-actions) {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 8px;
+  }
+
+  :deep(.material-button) {
+    width: 100%;
+  }
 }
 
 /* ===== task-card：透明容器 ===== */
@@ -673,14 +684,6 @@ onMounted(async () => { try { const result = await getTrainingTaskByKey(TASK_KEY
 </style>
 
 <style lang="scss">
-/* ===== 画布 + 行高 ===== */
-#app .studentLayout .app-main:has(.release-channel-page) {
-  background: #ffffff !important;
-}
-#app .studentLayout .app-main:has(.release-channel-page) .release-channel-page {
-  line-height: 1.55 !important;
-}
-
 /* ===== 步骤条：按钮切换风 ===== */
 #app .studentLayout section.app-main:has(.release-channel-page) .step-tabs {
   display: flex !important;
@@ -811,7 +814,7 @@ onMounted(async () => { try { const result = await getTrainingTaskByKey(TASK_KEY
 }
 
 /* ===== 工具栏 el-button 换肤 ===== */
-.release-channel-page .release-channel-toolbar.material-button.el-button {
+.release-channel-page .release-channel-toolbar .material-button.el-button {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -829,18 +832,18 @@ onMounted(async () => { try { const result = await getTrainingTaskByKey(TASK_KEY
   font-weight: 600;
   transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
 }
-.release-channel-page .release-channel-toolbar.material-button.el-button .el-icon {
+.release-channel-page .release-channel-toolbar .material-button.el-button .el-icon {
   font-size: 14px;
   color: inherit;
 }
-.release-channel-page .release-channel-toolbar.material-button.el-button:hover,
-.release-channel-page .release-channel-toolbar.material-button.el-button:focus {
+.release-channel-page .release-channel-toolbar .material-button.el-button:hover,
+.release-channel-page .release-channel-toolbar .material-button.el-button:focus {
   border-color: #1f2937;
   color: #1f2937;
   background: #f9fafb;
   box-shadow: 0 2px 6px rgba(17, 24, 39, 0.1);
 }
-.release-channel-page .release-channel-toolbar.material-button.el-button.is-loading {
+.release-channel-page .release-channel-toolbar .material-button.el-button.is-loading {
   border-color: #d1d5db;
   color: #374151;
   background: #ffffff;
diff --git a/src/views/test/promotion.vue b/src/views/test/promotion.vue
index f9adb78..bcb0b31 100644
--- a/src/views/test/promotion.vue
+++ b/src/views/test/promotion.vue
@@ -713,14 +713,6 @@ onMounted(async () => { try { const result = await getTrainingTaskByKey(TASK_KEY
 </style>
 
 <style lang="scss">
-/* ===== 画布 + 行高 ===== */
-#app .studentLayout .app-main:has(.promotion-page) {
-  background: #ffffff !important;
-}
-#app .studentLayout .app-main:has(.promotion-page) .promotion-page {
-  line-height: 1.55 !important;
-}
-
 /* ===== 步骤导航：按钮切换风 ===== */
 #app .studentLayout section.app-main:has(.promotion-page) .step-indicator {
   display: flex !important;
diff --git a/src/views/training/GenericTrainingPage.vue b/src/views/training/GenericTrainingPage.vue
index a31496f..0b529bf 100644
--- a/src/views/training/GenericTrainingPage.vue
+++ b/src/views/training/GenericTrainingPage.vue
@@ -3912,13 +3912,4 @@ function exportOutcome() {
 </style>
 
 <style lang="scss">
-/* 墨黑极简 · 纯白画布覆盖（scoped 触及不到祖先画布；用 id + 页面根类双类锚点压过全局浅蓝渐变） */
-#app .studentLayout .app-main:has(.student-training-page.student-training-shell),
-#app .teacherLayout .app-main:has(.student-training-page.student-training-shell) {
-  background: #ffffff !important;
-}
-
-#app .studentLayout .app-main:has(.student-training-page.student-training-shell) .student-training-page {
-  line-height: 1.55 !important;
-}
 </style>