WIP fix 修复部分浏览器backdrop-filter兼容性

web_assets/stylesheet/ChuanhuChat.css

@@ -15,6 +15,7 @@
     --chatbot-blur-background-color: #F3F3F366;
     --chatbot-input-background-color: rgba(255, 255, 255, 0.64);
     --chatbot-input-more-background-color: #FFFFFFAA;
+    --chatbot-input-more-background-solid-color: #FFFFFF;
     --chatbot-input-more-background-fullwidth-hover: #FFFFFF99;
     --chatbot-input-more-background-mobilewidth-hover: #E6E6E644;
 
@@ -28,6 +29,7 @@
         --chatbot-blur-background-color: #12111166;
         --chatbot-input-background-color: rgba(144, 144, 144, 0.32);
         --chatbot-input-more-background-color: #3C3C3CAA;
+        --chatbot-input-more-background-solid-color: #3C3C3C;
         --chatbot-input-more-background-fullwidth-hover: #2F2F2F88;
         --chatbot-input-more-background-mobilewidth-hover: #1F1F1F44;
     }
@@ -417,8 +419,14 @@ button.chatbot-input-more-btn:active .sm-round-bg {
 /* 三个点号点开！ */
 .show-chat-more #chatbot-input-more-area {
     display: flex;
-    backdrop-filter: blur(24px);
-    -webkit-backdrop-filter: blur(24px);
+}
+@supports (-webkit-backdrop-filter: blur(24px)) {
+    /* Note: I would only try this feat on apple devices... */
+    .show-chat-more #chatbot-input-more-area {
+        background: var(--chatbot-input-more-background-color);
+        -webkit-backdrop-filter: blur(24px);
+        backdrop-filter: blur(24px);
+    }
 }
 /* no！屏幕宽度窄的时候！ */
 #chatbot-input-more-area {
@@ -430,7 +438,7 @@ button.chatbot-input-more-btn:active .sm-round-bg {
     z-index: 1001;
     border-radius: 6px;
     box-shadow: var(--shadow-sm);
-    background: var(--chatbot-input-more-background-color);
+    background: var(--chatbot-input-more-background-solid-color);
 }
 #chatbot-input-more-area > span > div {
     min-width: 120px;
@@ -486,6 +494,8 @@ button.chatbot-input-more-btn:active .sm-round-bg {
     background: none;
     box-shadow: none;
     bottom: 0;
+    backdrop-filter: none;
+    -webkit-backdrop-filter: none;
 }
 .chatbot-full-width #chatbot-input-more-area > span > div {
     /* min-width: unset; */