From ab1b88c9af7c14dea25aced56b23dcbcf9be12d0 Mon Sep 17 00:00:00 2001
From: zhangyahui <xiao7li@qq.com>
Date: Thu, 30 Oct 2025 17:27:03 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E7=BB=99=E6=89=80=E6=9C=89backdrop?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=A4=9A=E6=B5=8F=E8=A7=88=E5=99=A8=E5=85=BC?=
 =?UTF-8?q?=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/css/style.css           | 4 ++++
 src/assets/css/style.less          | 4 ++++
 src/views/Workshop/uploadFace2.vue | 4 ++++
 src/views/login/ResetPage.vue      | 4 ++++
 src/views/login/SignupPage.vue     | 4 ++++
 src/views/stylist/customer.vue     | 3 +++
 src/views/stylist/index.vue        | 8 ++++++++
 7 files changed, 31 insertions(+)

diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index b27916f..d3b349a 100644
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -20,6 +20,10 @@ button.sandblasted-blurred::after {
 }
 button.sandblasted-blurred::before {
   backdrop-filter: blur(9.5rem);
+  -webkit-backdrop-filter: blur(9.5rem);
+  -moz-backdrop-filter: blur(9.5rem);
+  -ms-backdrop-filter: blur(9.5rem);
+  -o-backdrop-filter: blur(9.5rem);
 }
 button.sandblasted-blurred::after {
   opacity: 0.1;
diff --git a/src/assets/css/style.less b/src/assets/css/style.less
index 11dcf72..9e08bce 100644
--- a/src/assets/css/style.less
+++ b/src/assets/css/style.less
@@ -22,6 +22,10 @@ button.sandblasted-blurred {
 
 	&::before {
 		backdrop-filter: blur(9.5rem);
+		-webkit-backdrop-filter: blur(9.5rem);
+		-moz-backdrop-filter: blur(9.5rem);
+		-ms-backdrop-filter: blur(9.5rem);
+		-o-backdrop-filter: blur(9.5rem);
 	}
 
 	&::after {
diff --git a/src/views/Workshop/uploadFace2.vue b/src/views/Workshop/uploadFace2.vue
index 50de169..fcbbb59 100644
--- a/src/views/Workshop/uploadFace2.vue
+++ b/src/views/Workshop/uploadFace2.vue
@@ -119,6 +119,10 @@
 				height: 86.5rem;
 				border-radius: 1rem;
 				backdrop-filter: blur(5.27rem);
+				-webkit-backdrop-filter: blur(5.27rem);
+				-moz-backdrop-filter: blur(5.27rem);
+				-ms-backdrop-filter: blur(5.27rem);
+				-o-backdrop-filter: blur(5.27rem);
 				box-shadow: 1.9rem 2.3rem 1.66rem 0.23rem -0.3rem 0.23rem #36180c40;
 				border: 0.439rem solid #fff;
 				// border-image: linear-gradient(90deg,#BF926E94, #ffffff) 1;
diff --git a/src/views/login/ResetPage.vue b/src/views/login/ResetPage.vue
index 7873102..3561a50 100644
--- a/src/views/login/ResetPage.vue
+++ b/src/views/login/ResetPage.vue
@@ -181,6 +181,10 @@ const handleSuccess = (data: any) => {
       rgba(0, 0, 0, 0) 100%
     );
     backdrop-filter: blur(35px);
+    -webkit-backdrop-filter: blur(35px);
+    -moz-backdrop-filter: blur(35px);
+    -ms-backdrop-filter: blur(35px);
+    -o-backdrop-filter: blur(35px);
     border: 2px solid rgba(255, 255, 255, 0.15);
     border-radius: 4.79rem;
     padding: 6.8rem 5.9rem 6.2rem 7.18rem;
diff --git a/src/views/login/SignupPage.vue b/src/views/login/SignupPage.vue
index fc3de9a..b71f271 100644
--- a/src/views/login/SignupPage.vue
+++ b/src/views/login/SignupPage.vue
@@ -247,6 +247,10 @@ const handleSignupByGoogle = async () => {
       rgba(0, 0, 0, 0) 100%
     );
     backdrop-filter: blur(35px);
+    -webkit-backdrop-filter: blur(35px);
+    -moz-backdrop-filter: blur(35px);
+    -ms-backdrop-filter: blur(35px);
+    -o-backdrop-filter: blur(35px);
     border: 2px solid rgba(255, 255, 255, 0.15);
     border-radius: 4.79rem;
     padding: 11.2rem 8.62rem 14.28rem 7.18rem;
diff --git a/src/views/stylist/customer.vue b/src/views/stylist/customer.vue
index f2b404a..5addda9 100644
--- a/src/views/stylist/customer.vue
+++ b/src/views/stylist/customer.vue
@@ -150,6 +150,9 @@ const handleConfirm = async () => {
       background: rgba(0, 0, 0, 0.2);
       backdrop-filter: blur(20px);
       -webkit-backdrop-filter: blur(20px);
+      -moz-backdrop-filter: blur(20px);
+      -ms-backdrop-filter: blur(20px);
+      -o-backdrop-filter: blur(20px);
       margin-left: 7rem;
       position: relative;
       box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1), inset 0 1px 0 #000000;
diff --git a/src/views/stylist/index.vue b/src/views/stylist/index.vue
index 3612569..5f54028 100644
--- a/src/views/stylist/index.vue
+++ b/src/views/stylist/index.vue
@@ -224,6 +224,10 @@ watch(showVideo, (newValue) => {
         rgba(0, 0, 0, 0) 100%
       );
       backdrop-filter: blur(35px);
+      -webkit-backdrop-filter: blur(35px);
+      -moz-backdrop-filter: blur(35px);
+      -ms-backdrop-filter: blur(35px);
+      -o-backdrop-filter: blur(35px);
       overflow: hidden;
       position: relative;
       img {
@@ -305,6 +309,10 @@ watch(showVideo, (newValue) => {
     border-radius: 50%;
     cursor: pointer;
     backdrop-filter: blur(1rem);
+    -webkit-backdrop-filter: blur(1rem);
+    -moz-backdrop-filter: blur(1rem);
+    -ms-backdrop-filter: blur(1rem);
+    -o-backdrop-filter: blur(1rem);
     border: 1px solid rgba(255, 255, 255, 0.3);
     box-shadow: 0 0.8rem 1.6rem rgba(0, 0, 0, 0.4), inset 0 0.2rem 0.4rem rgba(255, 255, 255, 0.1),
       inset 0 -0.2rem 0.4rem rgba(0, 0, 0, 0.3);