💄 -webkit-backdrop-filter

src/components/devCharacter/duc-detail-olb.vue

@@ -58,6 +58,7 @@ onUpdated(async () => {
   align-items: center;
   justify-content: center;
   border-radius: 50%;
+  -webkit-backdrop-filter: blur(5px);
   backdrop-filter: blur(5px);
   background: rgb(0 0 0/40%);
 }
@@ -71,6 +72,7 @@ onUpdated(async () => {
   justify-content: center;
   padding: 3px;
   border-radius: 50%;
+  -webkit-backdrop-filter: blur(5px);
   backdrop-filter: blur(5px);
   background-color: rgb(0 0 0 / 40%);
 }

src/components/devCharacter/duc-detail-ort.vue

@@ -54,6 +54,7 @@ onUpdated(async () => {
   height: 40px;
   padding: 5px;
   border-radius: 50%;
+  -webkit-backdrop-filter: blur(5px);
   backdrop-filter: blur(5px);
   background: rgba(0 0 0 /40%);
 }

src/components/func/confirm.vue

@@ -179,6 +179,7 @@ defineExpose({
   height: 100%;
   align-items: center;
   justify-content: center;
+  -webkit-backdrop-filter: blur(10px);
   backdrop-filter: blur(10px);
 
   /* 颜色变量 */

src/components/home/t-pool.vue

@@ -315,6 +315,7 @@ onUnmounted(() => {
   width: 100%;
   align-items: center;
   justify-content: space-between;
+  -webkit-backdrop-filter: blur(20px);
   backdrop-filter: blur(20px);
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;

src/components/main/t-overlay.vue

@@ -94,6 +94,7 @@ watch(
   height: 100%;
   align-items: center;
   justify-content: center;
+  -webkit-backdrop-filter: blur(v-bind(blurVal));
   backdrop-filter: blur(v-bind(blurVal));
   background: rgb(0 0 0 / 50%);
 }

src/components/post/tp-villaCard.vue

@@ -116,6 +116,7 @@ console.log(
 .tp-villa-card-name {
   padding: 0 5px;
   border-radius: 5px;
+  -webkit-backdrop-filter: blur(20px);
   backdrop-filter: blur(20px);
   background: var(--common-shadow-t-2);
   box-shadow: 0 0 5px var(--common-shadow-8);
@@ -129,6 +130,7 @@ console.log(
   align-items: center;
   padding: 5px;
   border-radius: 20px 5px 5px 20px;
+  -webkit-backdrop-filter: blur(20px);
   backdrop-filter: blur(20px);
   background: var(--common-shadow-t-2);
   box-shadow: 0 0 5px var(--common-shadow-8);
@@ -161,6 +163,7 @@ console.log(
   justify-content: center;
   padding: 5px 10px;
   border-radius: 5px;
+  -webkit-backdrop-filter: blur(20px);
   backdrop-filter: blur(20px);
   background: var(--common-shadow-t-2);
   box-shadow: 0 0 5px var(--common-shadow-8);
@@ -176,6 +179,7 @@ console.log(
   padding: 0 10px;
   border-radius: 5px;
   margin-right: auto;
+  -webkit-backdrop-filter: blur(20px);
   backdrop-filter: blur(20px);
   background: var(--common-shadow-t-2);
   box-shadow: 0 0 5px var(--common-shadow-8);

src/components/userCharacter/tuc-detail-overlay.vue

@@ -340,6 +340,7 @@ function switchBg(): void {
   right: 0;
   bottom: 0;
   padding: 2px 5px;
+  -webkit-backdrop-filter: blur(10px);
   backdrop-filter: blur(10px);
   background: var(--common-shadow-2);
   border-bottom-right-radius: 5px;
@@ -362,6 +363,7 @@ function switchBg(): void {
   left: calc(50% - 80px);
   width: 160px;
   border-radius: 5px;
+  -webkit-backdrop-filter: blur(5px);
   backdrop-filter: blur(5px);
   background: var(--tgc-white-1);
   color: var(--tgc-yellow-1);

src/components/userCharacter/tuc-role-box.vue

@@ -194,6 +194,7 @@ onUnmounted(() => {
   align-items: center;
   justify-content: center;
   border-radius: 5px;
+  -webkit-backdrop-filter: blur(5px);
   backdrop-filter: blur(5px);
   background: var(--tgc-btn-1);
 }

src/components/userRecord/tur-home-sub.vue

@@ -88,6 +88,7 @@ onMounted(async () => {
   width: 100%;
   justify-content: space-between;
   padding: 10px;
+  -webkit-backdrop-filter: blur(5px);
   backdrop-filter: blur(5px);
   background: rgb(0 0 0 / 40%);
   border-bottom-left-radius: 5px;

src/pages/common/Announcements.vue

@@ -170,6 +170,7 @@ async function switchNews(): Promise<void> {
   width: 100%;
   align-items: center;
   justify-content: space-between;
+  -webkit-backdrop-filter: blur(20px);
   backdrop-filter: blur(20px);
   background: rgb(0 0 0/50%);
   font-size: 12px;
@@ -221,6 +222,7 @@ async function switchNews(): Promise<void> {
   align-items: center;
   justify-content: flex-start;
   padding: 5px;
+  -webkit-backdrop-filter: blur(20px);
   backdrop-filter: blur(20px);
   background: rgb(0 0 0/20%);
   border-bottom-left-radius: 5px;

src/pages/common/News.vue

@@ -406,6 +406,7 @@ function searchPost(): void {
   align-items: center;
   justify-content: flex-start;
   padding: 5px;
+  -webkit-backdrop-filter: blur(20px);
   backdrop-filter: blur(20px);
   background: rgb(0 0 0/20%);
   border-bottom-left-radius: 5px;
@@ -455,6 +456,7 @@ function searchPost(): void {
   width: 100%;
   align-items: center;
   justify-content: space-between;
+  -webkit-backdrop-filter: blur(20px);
   backdrop-filter: blur(20px);
   background: rgb(0 0 0/50%);
   font-size: 12px;

src/pages/common/Posts.vue

@@ -385,6 +385,7 @@ function searchPost(): void {
   justify-content: center;
   padding: 5px;
   border-radius: 5px;
+  -webkit-backdrop-filter: blur(20px);
   backdrop-filter: blur(20px);
   background: var(--common-shadow-t-4);
   box-shadow: 0 0 5px var(--common-shadow-4);
@@ -564,6 +565,7 @@ function searchPost(): void {
   align-items: center;
   justify-content: flex-start;
   padding: 5px;
+  -webkit-backdrop-filter: blur(20px);
   backdrop-filter: blur(20px);
   background: rgb(0 0 0/20%);
   border-bottom-left-radius: 5px;