From f9e392ada7f36df05ce4060a9f3e254db03f5609 Mon Sep 17 00:00:00 2001
From: JSR <pandajsr72@gmail.com>
Date: Sat, 18 Jul 2026 09:56:06 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=E7=A7=AF=E5=88=86?=
 =?UTF-8?q?=E5=BC=B9=E7=AA=97=E5=BA=95=E9=83=A8=E5=B7=A5=E5=85=B7=E6=A0=8F?=
 =?UTF-8?q?=E5=8A=A8=E6=95=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/main.css     | 8 ++++++++
 src/components/Home.tsx | 4 +++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/assets/main.css b/src/assets/main.css
index 973d702..2f83617 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -903,6 +903,14 @@ html.platform-macos body {
   pointer-events: none;
 }
 
+/* Keep the home toolbar visually behind the score-operation drawer. */
+.ss-immersive-toolbar.is-operation-active {
+  opacity: 0.22;
+  filter: blur(8px);
+  transform: translateX(-50%) translateY(84px) rotate(-5deg) scale(0.94);
+  pointer-events: none;
+}
+
 .ss-immersive-toolbar-segment {
   position: relative;
   height: 54px;
diff --git a/src/components/Home.tsx b/src/components/Home.tsx
index 5be0f0c..66eab70 100644
--- a/src/components/Home.tsx
+++ b/src/components/Home.tsx
@@ -4021,7 +4021,9 @@ export const Home: React.FC<HomeProps> = ({
       <div
         ref={immersiveToolbarRef}
         data-immersive-toolbar="true"
-        className={`ss-immersive-toolbar ${immersiveMode ? "is-visible" : "is-hidden"}`}
+        className={`ss-immersive-toolbar ${immersiveMode ? "is-visible" : "is-hidden"} ${
+          operationVisible ? "is-operation-active" : ""
+        }`}
         aria-hidden={!immersiveMode}
         style={{
           position: "fixed",