From 2b47a572916b02dbff2da014b224e5f20cc723db Mon Sep 17 00:00:00 2001
From: qinzhenpen <qzp1807@126.com>
Date: Tue, 22 Sep 2026 09:38:27 +0800
Subject: [PATCH] style(teacher-light.scss): add styles for task review page

add full light mode style coverage for task review page, fix the dark mode styles not being overwritten properly in the teacher light theme
---
 src/assets/styles/teacher-light.scss | 97 +++++++++++++++++++++++++++-
 1 file changed, 96 insertions(+), 1 deletion(-)

diff --git a/src/assets/styles/teacher-light.scss b/src/assets/styles/teacher-light.scss
index 3db693f..425efd6 100644
--- a/src/assets/styles/teacher-light.scss
+++ b/src/assets/styles/teacher-light.scss
@@ -18,7 +18,8 @@
   .grade-center,
   .task,
   .default-task-page,
-  .school-admin-workbench {
+  .school-admin-workbench,
+  .task-review {
     color: #2c4a6a;
   }
 
@@ -2082,3 +2083,97 @@ body.teacher-light-mode {
     }
   }
 }
+
+/* =============================================================
+ * 16. 任务评阅页（TaskReviewPanel）亮色覆盖
+ * 该页 scoped 内写了完整的暗色样式，teacher-light.scss 之前完全没覆盖
+ * ============================================================= */
+#app .teacherLayout .task-review {
+  background: #ffffff !important;
+  border: 1px solid rgba(30, 136, 229, 0.15) !important;
+  border-radius: 14px;
+  box-shadow: 0 6px 20px rgba(30, 60, 100, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
+
+  // 左侧筛选 + 学生列表栏
+  .task-review__sidebar {
+    background: #f8fbfe !important;
+    border-right: 1px solid rgba(30, 136, 229, 0.12) !important;
+  }
+
+  .task-review__filters {
+    background: #ffffff !important;
+    border: 1px solid rgba(30, 136, 229, 0.15) !important;
+    border-radius: 10px;
+    box-shadow: 0 2px 8px rgba(30, 60, 100, 0.04);
+  }
+
+  // "学生列表（6）" 标题
+  .task-review__list-head {
+    color: #1e3a5f !important;
+    font-weight: 700;
+  }
+
+  .task-review__readonly-tip {
+    color: #6b85a3 !important;
+  }
+
+  // 右侧学生预览区
+  .task-review__content {
+    background: linear-gradient(135deg, #ffffff 0%, #f5f8fc 100%) !important;
+  }
+
+  // 学生姓名 + 任务副标题
+  .task-review__student-head {
+    border-bottom: 1px solid rgba(30, 136, 229, 0.12) !important;
+
+    h2 {
+      color: #1e3a5f !important;
+      text-shadow: none !important;
+    }
+
+    p {
+      color: #5a7896 !important;
+    }
+  }
+
+  // AI评分 / 老师评分 胶囊
+  .task-review__scores {
+    color: #46607d !important;
+
+    span {
+      background: #e8f3fe !important;
+      border: 1px solid rgba(30, 136, 229, 0.25) !important;
+    }
+
+    strong {
+      color: #1e88e5 !important;
+    }
+  }
+
+  // iframe 滚动容器：移除暗色 scrollbar，改用亮色系统滚动条
+  .task-review__student-preview-scroll {
+    border: 1px solid rgba(30, 136, 229, 0.18) !important;
+    border-radius: 10px;
+    scrollbar-color: #9cc8ef #f0f7ff;
+
+    &::-webkit-scrollbar-track {
+      background: #f0f7ff !important;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background: #9cc8ef !important;
+      border-radius: 8px;
+      border: 2px solid #f0f7ff !important;
+    }
+  }
+
+  // 批量打分弹窗内说明文字
+  .task-review__batch-copy {
+    color: #2c4a6a !important;
+  }
+
+  // 选中行高亮（scoped 用了 :deep() 提权，这里用类名+ !important 覆盖）
+  .task-review__student-table .task-review__selected-row > td {
+    background: #e8f3fe !important;
+  }
+}