From f459cc9ad0e5e25614b8e3b016e0a70a97c1295f Mon Sep 17 00:00:00 2001
From: rucky <shaochangli@szxgl.cn>
Date: Wed, 25 Mar 2026 18:42:46 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9banner=E9=80=82=E9=85=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/public/HeroBanner.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/public/HeroBanner.tsx b/src/components/public/HeroBanner.tsx
index 536437d..b61b2c2 100644
--- a/src/components/public/HeroBanner.tsx
+++ b/src/components/public/HeroBanner.tsx
@@ -288,7 +288,7 @@ export function HeroBanner({
           return (
             <div
               key={i}
-              className="absolute inset-0"
+              className="absolute inset-0 overflow-hidden"
               style={{
                 opacity: isActive ? 1 : isPrev ? 0 : 0,
                 transform: isActive
@@ -307,7 +307,7 @@ export function HeroBanner({
                 src={s.image}
                 alt=""
                 draggable={false}
-                className="h-full w-full object-cover"
+                className="absolute left-1/2 top-0 h-full w-auto max-w-none -translate-x-1/2"
               />
             </div>
           );
@@ -321,7 +321,7 @@ export function HeroBanner({
         {/* Desktop spacer: 21:9 (9/21), capped height for ultrawide banners */}
         <div
           className="pointer-events-none relative z-10 hidden w-full sm:block"
-          style={{ paddingBottom: "min(42.86%, 480px)" }}
+          style={{ paddingBottom: "min(50%, 810px)" }}
         />
 
         {/* Multi-layer gradient overlays */}