From 9bea0715f3c9b4c55daca1b5c5a7468a42c0817f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8C=97=E6=9E=B3?=
 <7854742+wang_rumeng@user.noreply.gitee.com>
Date: Tue, 21 Oct 2025 23:08:24 +0800
Subject: [PATCH] =?UTF-8?q?=E5=85=BC=E5=AE=B9H5=20Banner?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/HomeBanner.tsx | 30 +++++++++++++++---------------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/components/HomeBanner.tsx b/components/HomeBanner.tsx
index bdc998b..9851d9a 100644
--- a/components/HomeBanner.tsx
+++ b/components/HomeBanner.tsx
@@ -183,23 +183,23 @@ export default function HomeBanner() {
             <div data-alt="background-overlay" className="absolute inset-0 bg-black/40" />
           </div>
         ) : null}
+        {/* Dismiss button */}
+        <div className={`absolute z-10 ${isDesktop ? 'right-4 top-4' : 'right-0 top-0'}`}>
+          <button
+            data-alt="banner-dismiss"
+            type="button"
+            onClick={handleDismiss}
+            className="text-white hover:bg-white/20 rounded-full p-2"
+            aria-label="Dismiss banner"
+          >
+            <ChevronUp className="h-5 w-5" />
+          </button>
+        </div>
 
         <div
           data-alt="banner-content"
           className="relative flex flex-col items-center gap-4 text-center md:items-start md:text-left"
         >
-          {/* Dismiss button */}
-          <div className="absolute right-0 top-0">
-            <button
-              data-alt="banner-dismiss"
-              type="button"
-              onClick={handleDismiss}
-              className="text-white hover:bg-white/20 rounded-full p-2"
-              aria-label="Dismiss banner"
-            >
-              <ChevronUp className="h-5 w-5" />
-            </button>
-          </div>
           {eyebrow ? (
             <span data-alt="banner-eyebrow" className="text-xs font-semibold uppercase tracking-[0.3em] text-white/70">
               {eyebrow}
@@ -210,10 +210,10 @@ export default function HomeBanner() {
               {title}
             </h1>
           ) : null}
-          {subtitle ? (
+          {(subtitle && isDesktop) ? (
             <p data-alt="banner-subtitle" className="text-lg text-white/80 md:text-xl">{subtitle}</p>
           ) : null}
-          {description ? (
+          {(description && isDesktop) ? (
             <p data-alt="banner-description" className="max-w-2xl text-base text-white/70">{description}</p>
           ) : null}
           {ctaLabel ? (
@@ -245,7 +245,7 @@ export default function HomeBanner() {
       </section>
 
       {/* Base content - always present under the banner */}
-      <div data-alt="home-banner-base" className={`relative p-6 px-12 min-h-[300px] flex items-center justify-center bg-[radial-gradient(ellipse_at_center,rgba(106,244,249,0.28)_0%,rgba(106,244,249,0.14)_35%,transparent_70%)] ${isDesktop ? '' : '!p-0'}`}>
+      <div data-alt="home-banner-base" className={`relative p-6 px-12 flex items-center justify-center bg-[radial-gradient(ellipse_at_center,rgba(106,244,249,0.28)_0%,rgba(106,244,249,0.14)_35%,transparent_70%)] ${isDesktop ? 'min-h-[300px]' : 'min-h-[200px] !p-0'}`}>
         <VideoCreationForm />
       </div>
     </div>