From 0b683f4227222bb76f7ecdb8c3789e934eea4af5 Mon Sep 17 00:00:00 2001
From: zdl <3489966805@qq.com>
Date: Tue, 23 Dec 2025 14:15:36 +0800
Subject: [PATCH] =?UTF-8?q?fix(HomePage):=20=E4=BF=AE=E5=A4=8D=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E9=AB=98=E5=BA=A6=E4=B8=BA=E8=87=AA=E9=80=82=E5=BA=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除固定的 heroHeight (60vh/80vh/100vh)
- 改用 minH=100% 自适应容器高度
- 修复页面不必要的滚动问题

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/views/Home/HomePage.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/views/Home/HomePage.tsx b/src/views/Home/HomePage.tsx
index 71de1b5a..3fb27870 100644
--- a/src/views/Home/HomePage.tsx
+++ b/src/views/Home/HomePage.tsx
@@ -36,7 +36,6 @@ const HomePage: React.FC = () => {
 
   // 响应式配置
   const {
-    heroHeight,
     headingSize,
     headingLetterSpacing,
     heroTextSize,
@@ -85,11 +84,11 @@ const HomePage: React.FC = () => {
   const isMobile = isMobileDevice();
 
   return (
-    <Box>
-      {/* Hero Section - 深色科技风格 */}
+    <Box minH="100%">
+      {/* Hero Section - 深色科技风格，自适应容器高度 */}
       <Box
         position="relative"
-        minH={heroHeight}
+        minH="100%"
         bg="linear-gradient(135deg, #0E0C15 0%, #15131D 50%, #252134 100%)"
         overflow="hidden"
       >
@@ -98,7 +97,7 @@ const HomePage: React.FC = () => {
           <VStack
             spacing={{ base: 5, md: 8, lg: 10 }}
             align="stretch"
-            minH={heroHeight}
+            py={{ base: 8, md: 10, lg: 12 }}
             justify="center"
           >
             {/* 主标题区域 */}