diff --git a/docs/project_context.md b/docs/project_context.md
index 5c0bba1..d4c4546 100644
--- a/docs/project_context.md
+++ b/docs/project_context.md
@@ -1,5 +1,11 @@
 # 项目上下文记录
 
+## 2026-05-18：修正历史详情日志滚动条颜色
+
+- `frontend/src/styles.css` 为历史详情 `colored-log-panel` 单独设置滚动条颜色，避免继承全局 hover 颜色后在深色日志背景里不可见。
+- 日志框滚动条轨道使用深色，滑块和 hover 状态使用更亮的灰蓝色，同时补充横向/纵向滚动条和 corner 样式。
+- 已执行 `npm run build`，构建通过；未启动浏览器或 headless Chrome。
+
 ## 2026-05-18：优化历史详情日志查看
 
 - `frontend/src/components/HistoryPanel.vue` 的历史详情“处理日志”标题右侧新增复制按钮，点击后复制当前详情日志文本，优先使用 Clipboard API，失败时回退到 textarea 复制。
diff --git a/frontend/src/styles.css b/frontend/src/styles.css
index 11b3226..99d9326 100644
--- a/frontend/src/styles.css
+++ b/frontend/src/styles.css
@@ -1016,6 +1016,31 @@ select {
   color: #d7dde7;
   background: #111820;
   border-radius: var(--td-radius-default);
+  scrollbar-color: #5f6f83 #0b1118;
+}
+
+.colored-log-panel::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+
+.colored-log-panel::-webkit-scrollbar-track {
+  background: #0b1118;
+  border-radius: 5px;
+}
+
+.colored-log-panel::-webkit-scrollbar-thumb {
+  background: #5f6f83;
+  border: 2px solid #0b1118;
+  border-radius: 5px;
+}
+
+.colored-log-panel::-webkit-scrollbar-thumb:hover {
+  background: #7b8da3;
+}
+
+.colored-log-panel::-webkit-scrollbar-corner {
+  background: #0b1118;
 }
 
 .colored-log-content {