diff --git a/src/layouts/components/Search/index.vue b/src/layouts/components/Search/index.vue
index 18acdad5..89ff1ca7 100644
--- a/src/layouts/components/Search/index.vue
+++ b/src/layouts/components/Search/index.vue
@@ -310,10 +310,10 @@ function pageJump(path: listTypes['path'], link: listTypes['link']) {
   left: 0;
   width: 100%;
   height: 100%;
-  background-color: var(--el-overlay-color-lighter);
-  backdrop-filter: blur(10px);
+  background-image: radial-gradient(transparent 1px, rgb(0 0 0 / 30%) 1px);
+  background-size: 4px 4px;
+  backdrop-filter: saturate(50%) blur(4px);
   transition: all 0.2s;
-  transform: translateZ(0);
   opacity: 0;
   visibility: hidden;
 
diff --git a/src/layouts/index.vue b/src/layouts/index.vue
index 2f40b326..d07771fe 100644
--- a/src/layouts/index.vue
+++ b/src/layouts/index.vue
@@ -152,10 +152,10 @@ onUnmounted(() => {
     left: 0;
     width: 100%;
     height: 100%;
-    background-color: rgb(0 0 0 / 50%);
-    backdrop-filter: blur(2px);
+    background-image: radial-gradient(transparent 1px, rgb(0 0 0 / 30%) 1px);
+    background-size: 4px 4px;
+    backdrop-filter: saturate(50%) blur(4px);
     transition: all 0.2s;
-    transform: translateZ(0);
     opacity: 0;
     visibility: hidden;