diff --git a/src/layout/components/NavBar/components/NavbarRight.vue b/src/layout/components/NavBar/components/NavbarRight.vue
index 2326d553..ba00392f 100644
--- a/src/layout/components/NavBar/components/NavbarRight.vue
+++ b/src/layout/components/NavBar/components/NavbarRight.vue
@@ -143,12 +143,12 @@ function logout() {
 .layout-top .navbar__right--white > *,
 .layout-mix .navbar__right--white > * {
   color: #fff;
+}
 
-  // 强制所有svg图标为白色（包括通知图标）
-  :deep(svg) {
-    color: #fff;
-    fill: #fff;
-  }
+// 添加更强力的选择器，确保能影响到深层嵌套的图标
+.layout-top .navbar__right--white :deep([class^="i-svg:"]),
+.layout-mix .navbar__right--white :deep([class^="i-svg:"]) {
+  color: #fff !important;
 }
 
 .dark .navbar__right > *:hover {
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index fdb0a55d..a9a1c17e 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -64,7 +64,21 @@ const formComponents = {
 
 <style lang="scss" scoped>
 .login {
+  position: relative;
+  z-index: 1;
+}
+
+// 添加伪元素作为背景层
+.login::before {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: -1;
+  width: 100%;
+  height: 100%;
+  content: "";
   background: url("@/assets/images/login-bg.svg");
+  background-position: center center;
   background-size: cover;
 }