diff --git a/web/src/assets/css/member.styl b/web/src/assets/css/member.styl
index ed44a70d..e8e0fe90 100644
--- a/web/src/assets/css/member.styl
+++ b/web/src/assets/css/member.styl
@@ -165,7 +165,7 @@
             // box-shadow: 0 0 10px rgba(71, 255, 241, 0.6); /* 添加阴影效果 */
             transform: translateY(-10px); /* 向上移动10像素 */
             box-shadow: 0 0 10px var(--shadow-color);
-            background-color: #30323c;
+            background-color: var(--hover-deep-color)
           }
         }
       }
diff --git a/web/src/assets/css/theme-dark.styl b/web/src/assets/css/theme-dark.styl
index 83fc2318..cb787e18 100644
--- a/web/src/assets/css/theme-dark.styl
+++ b/web/src/assets/css/theme-dark.styl
@@ -65,6 +65,6 @@
   --theme-text-primary: #f3f3f3;
   --chat-content-bg:rgba(86, 86, 95, .2);
   --chat-content-bg-list:rgba(86, 86, 95, .2);
-  
+  --hover-deep-color:#30323c;
   // --theme-text-tertiary: #e1e1e1;
 }
\ No newline at end of file
diff --git a/web/src/assets/css/theme-light.styl b/web/src/assets/css/theme-light.styl
index 30dfb64e..9a24880a 100644
--- a/web/src/assets/css/theme-light.styl
+++ b/web/src/assets/css/theme-light.styl
@@ -46,6 +46,7 @@
 --chat-content-bg-list:#fff;
 --chat-wel-bg:rgba(247, 247, 248, 1);
 --el-pagination-button-bg-color: rgba(86,86,95,0.2);
+--hover-deep-color:#fff;
 
 }