From 18d27f65b1a2823f1e90c1270cff630d9c1f0187 Mon Sep 17 00:00:00 2001
From: JSR <pandajsr72@gmail.com>
Date: Fri, 27 Mar 2026 21:02:08 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E4=BC=98=E5=8C=96=E6=B2=89=E6=B5=B8?=
 =?UTF-8?q?=E6=A8=A1=E5=BC=8F=E6=82=AC=E6=B5=AE=E6=A0=8F=E9=80=8F=E6=98=8E?=
 =?UTF-8?q?=E5=BA=A6=E4=B8=8E=E5=B1=85=E4=B8=AD=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Home.tsx | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/Home.tsx b/src/components/Home.tsx
index c516f4f..0cd52af 100644
--- a/src/components/Home.tsx
+++ b/src/components/Home.tsx
@@ -2475,15 +2475,17 @@ export const Home: React.FC<HomeProps> = ({
             bottom: isPortraitMode ? "12px" : "16px",
             transform: "translateX(-50%)",
             zIndex: 1100,
-            width: "min(calc(100vw - 20px), 1120px)",
+            width: "max-content",
+            maxWidth: "calc(100vw - 20px)",
             borderRadius: "999px",
             border: "1px solid color-mix(in srgb, var(--ss-border-color) 80%, transparent)",
             backgroundColor: "var(--ss-card-bg)",
-            background: "color-mix(in srgb, var(--ss-card-bg) 78%, transparent)",
-            backdropFilter: "blur(14px)",
-            WebkitBackdropFilter: "blur(14px)",
+            background: "color-mix(in srgb, var(--ss-card-bg) 62%, transparent)",
+            backdropFilter: "blur(16px)",
+            WebkitBackdropFilter: "blur(16px)",
             boxShadow: "0 8px 30px rgba(0, 0, 0, 0.16)",
-            padding: "10px 12px",
+            padding: "10px",
+            overflow: "hidden",
           }}
         >
           <div
@@ -2493,6 +2495,7 @@ export const Home: React.FC<HomeProps> = ({
               alignItems: "center",
               gap: "8px",
               overflowX: "auto",
+              justifyContent: "flex-start",
               scrollbarWidth: "thin",
             }}
           >