From e73cdbd90be3a3d38a483bf8e9d8f4b5862be52a Mon Sep 17 00:00:00 2001
From: Jurangren <Noswerksaser@proton.me>
Date: Mon, 4 Aug 2025 12:59:22 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=A0=B9=E6=8D=AEVNDB=E6=A8=A1?=
 =?UTF-8?q?=E5=BC=8F=E8=B0=83=E6=95=B4=E4=B8=BB=E5=AE=B9=E5=99=A8=E8=83=8C?=
 =?UTF-8?q?=E6=99=AF=E9=80=8F=E6=98=8E=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

*   VNDB模式激活且有背景图时，主容器背景设为不透明白色。
*   VNDB模式未激活或无背景图时，主容器背景设为半透明白色。
*   优化界面视觉效果，提升内容与背景的融合度。
---
 src/main.js | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/main.js b/src/main.js
index 153d0b3..7501276 100644
--- a/src/main.js
+++ b/src/main.js
@@ -349,6 +349,11 @@ async function handleSearchSubmit(e) {
       if (vndbDescription) vndbDescription.classList.add("hidden"); // Hide description instantly
     }
     document.body.classList.remove("vndb-mode");
+    const mainContainer = document.getElementById("main-container");
+    if (mainContainer) {
+      mainContainer.classList.remove("bg-white");
+      mainContainer.classList.add("bg-white/95");
+    }
     if (backgroundLayer) {
       backgroundLayer.style.backgroundImage = "none";
     }
@@ -452,11 +457,21 @@ async function handleSearchSubmit(e) {
                   img.onload = () => {
                     backgroundLayer.style.backgroundImage = `url(${vndbInfo.screenshotUrl})`;
                     document.body.classList.add("vndb-mode");
+                    const mainContainer = document.getElementById("main-container");
+                    if (mainContainer) {
+                      mainContainer.classList.remove("bg-white/95");
+                      mainContainer.classList.add("bg-white");
+                    }
                   };
                   img.src = vndbInfo.screenshotUrl;
                 } else {
                   backgroundLayer.style.backgroundImage = "none";
                   document.body.classList.remove("vndb-mode");
+                  const mainContainer = document.getElementById("main-container");
+                  if (mainContainer) {
+                    mainContainer.classList.remove("bg-white");
+                    mainContainer.classList.add("bg-white/95");
+                  }
                 }
 
                 // Show panel only if there is something to display