fix all black

app.py

@@ -114,21 +114,48 @@ with gr.Blocks(
       position: fixed;
       inset: 0;
       background: #0b1020;
-      z-index: 9999;
+      z-index: 2147483647; /* 顶层 */
+      opacity: 1;
       transition: opacity .3s ease;
     }
+    #dark-loader.hidden { opacity: 0; pointer-events: none; }
     </style>
     <div id="dark-loader"></div>
     <script>
-    window.addEventListener("DOMContentLoaded", ()=>{
-      const cover = document.getElementById("dark-loader");
-      // Safari 下延迟 0.5s 再淡出，确保 Gradio 已渲染
-      setTimeout(()=>{ cover.style.opacity="0"; cover.style.pointerEvents="none"; }, 800);
-    });
+    (function(){
+      const cover = document.getElementById('dark-loader');
+      if (!cover) return;
+
+      function hideCover(){
+        if (!cover || cover.classList.contains('hidden')) return;
+        cover.classList.add('hidden');
+        cover.addEventListener('transitionend', ()=> cover.remove(), { once:true });
+      }
+
+      // 1) 如果文档已经加载完成，直接安排一个微延迟隐藏
+      if (document.readyState !== 'loading') {
+        setTimeout(hideCover, 300);
+      }
+
+      // 2) 兜底：页面 load 后再尝试一次
+      window.addEventListener('load', ()=> setTimeout(hideCover, 300));
+
+      // 3) 关键：等待 gradio-app 的 shadowRoot 和 .gradio-container 出现
+      const t0 = Date.now();
+      const iv = setInterval(()=>{
+        const host = document.querySelector('gradio-app');
+        const ready = host && host.shadowRoot && host.shadowRoot.querySelector('.gradio-container');
+        if (ready || Date.now() - t0 > 5000) { // 最多等 5s
+          hideCover();
+          clearInterval(iv);
+        }
+      }, 50);
+    })();
     </script>
     """)
 
 
+
     gr.HTML(topbar())
 
     with gr.Row():