From 9781439820adedd43d41203dfe54a607b78c6eab Mon Sep 17 00:00:00 2001
From: gaoxq <376340421@qq.com>
Date: Sun, 1 Mar 2026 22:16:05 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=A7=E5=B1=8F=E9=A1=B9=E7=9B=AE=E5=88=9D?=
 =?UTF-8?q?=E5=A7=8B=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 screen-vue/src/components/Layout/index.vue | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/screen-vue/src/components/Layout/index.vue b/screen-vue/src/components/Layout/index.vue
index 430d805..a5ff42a 100644
--- a/screen-vue/src/components/Layout/index.vue
+++ b/screen-vue/src/components/Layout/index.vue
@@ -413,6 +413,7 @@ onMounted(() => {
 .app-container {
   --primary-color: #4285f4;
   --primary-dark: #1f2d3d;
+  --menu-hover-bg: #2c3e50;
   --tab-bg: #e8eaed;
   --tab-active-bg: #4285f4;
   --tab-text: #333;
@@ -712,21 +713,27 @@ onMounted(() => {
 }
 
 :deep(.el-sub-menu .el-menu) {
-  background-color: #2c3e50 !important;
+  background-color: transparent !important;
 }
+
 :deep(.el-sub-menu .el-menu-item) {
   padding-left: 40px !important;
 }
 :deep(.el-sub-menu .el-sub-menu .el-menu-item) {
   padding-left: 60px !important;
 }
+
 :deep(.el-menu-item.is-active) {
-  background-color: #2c3e50 !important;
+  background-color: var(--menu-hover-bg) !important;
   color: #409eff !important;
 }
 :deep(.el-sub-menu__title:hover) {
-  background-color: #2c3e50 !important;
+  background-color: var(--menu-hover-bg) !important;
 }
+:deep(.el-menu-item:hover) {
+  background-color: var(--menu-hover-bg) !important;
+}
+
 :deep(.el-dropdown-menu) {
   border: 1px solid #e6e6e6;
   box-shadow: 0 2px 12px rgba(0,0,0,0.1);