feat: glass effect toggle, media refresh timing fix, page transition perf

app/src/main/assets/h5/js/pages/settings.js

@@ -10,6 +10,10 @@ window.loadSettings = function () {
       <span class="lbl">主题</span>
       <span class="arrow" id="theme-state">跟随系统</span>
     </div>
+    <div class="st-item" id="glass-item">
+      <span class="lbl">玻璃效果</span>
+      <span class="sw" id="glass-sw"><i></i></span>
+    </div>
     <div class="st-item" id="brightness-item">
       <span class="lbl">屏幕亮度</span>
       <span class="arrow" id="brightness-state">›</span>
@@ -41,6 +45,7 @@ window.loadSettings = function () {
     <div class="st-item"><span class="lbl">版本 0.1.0</span><span class="arrow">›</span></div>
   </div>`;
   setupTheme(page);
+  setupGlass(page);
   setupMask(page);
   setupNotificationAccess(page);
   setupBrightness(page);
@@ -71,6 +76,18 @@ function setupTheme(page) {
   };
 }
 
+// 玻璃效果开关：普通半透明 ↔ 液态玻璃（backdrop-filter 磨砂 + 边缘高光）
+// Glass effect toggle: plain translucent vs liquid glass
+function setupGlass(page) {
+  const sw = page.querySelector('#glass-sw');
+  const refresh = () => sw.classList.toggle('on', glass.enabled());
+  refresh();
+  page.querySelector('#glass-item').onclick = () => {
+    glass.setEnabled(!glass.enabled());
+    refresh();
+  };
+}
+
 // 背景遮罩：开关 + 明暗度（仅夜间主题显示）
 // Wallpaper dim: toggle + opacity (shown only under dark theme)
 function setupMask(page) {