Remove premature iframe timeout overlay

index.html

@@ -205,21 +205,6 @@
         background: #fff;
       }
 
-      .fallback {
-        display: none;
-        position: absolute;
-        inset: 0;
-        place-items: center;
-        padding: 28px;
-        color: #16283c;
-        text-align: center;
-        background: #f4f8fc;
-      }
-
-      .fallback.visible { display: grid; }
-      .fallback p { max-width: 560px; line-height: 1.65; }
-      .fallback .button { color: #07111f; border-color: #a9bdd3; }
-
       .grid {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
@@ -324,21 +309,6 @@
             allow="clipboard-read; clipboard-write"
             referrerpolicy="strict-origin-when-cross-origin"
           ></iframe>
-          <div class="fallback" id="fallback">
-            <div>
-              <h2>内嵌页面加载受限</h2>
-              <p>
-                浏览器隐私设置或上游休眠可能阻止内嵌页面。请在 Hugging Face 完整页面打开，
-                登录后还能使用你自己的 ZeroGPU 每日额度。
-              </p>
-              <a
-                class="button primary"
-                href="https://huggingface.co/spaces/24yearsold/see-through-demo"
-                target="_blank"
-                rel="noopener noreferrer"
-              >打开完整 Demo ↗</a>
-            </div>
-          </div>
         </div>
       </section>
 
@@ -370,28 +340,18 @@
       const dot = document.getElementById("status-dot");
       const label = document.getElementById("status-label");
       const frame = document.getElementById("demo-frame");
-      const fallback = document.getElementById("fallback");
-      let frameLoaded = false;
 
       frame.addEventListener("load", () => {
-        frameLoaded = true;
+        dot.classList.remove("offline");
         dot.classList.add("online");
         label.textContent = "上游 Demo 已加载";
       });
 
       frame.addEventListener("error", () => {
+        dot.classList.remove("online");
         dot.classList.add("offline");
-        label.textContent = "上游暂不可用";
-        fallback.classList.add("visible");
+        label.textContent = "上游连接异常，可从完整页面重试";
       });
-
-      window.setTimeout(() => {
-        if (!frameLoaded) {
-          dot.classList.add("offline");
-          label.textContent = "上游加载超时";
-          fallback.classList.add("visible");
-        }
-      }, 20000);
     </script>
   </body>
 </html>