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);