fix(layout): 彻底修复导航栏高度问题，固定导航栏高度

Author: CC11001100

script-hook-website/src/components/Header.css

@@ -4,21 +4,26 @@
   left: 0;
   right: 0;
   background-color: #ffffff;
-  padding: 20px 0;
+  padding: 5px 0;
+  height: 50px;
+  display: flex;
+  align-items: center;
   transition: all 0.3s ease;
   z-index: 1000;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
 }
 
 .header.scrolled {
-  padding: 12px 0;
+  padding: 3px 0;
+  height: 40px;
 }
 
 .header-container {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 0 15px;
+  height: 100%;
   position: relative;
   width: 100%;
 }
@@ -34,15 +39,15 @@
 }
 
 .site-logo {
-  height: 36px;
-  margin-right: 10px;
+  height: 30px;
+  margin-right: 8px;
   transition: all 0.3s ease;
   background-color: transparent;
   mix-blend-mode: multiply;
 }
 
 .header.scrolled .site-logo {
-  height: 30px;
+  height: 24px;
 }
 
 .site-name {
@@ -70,10 +75,10 @@
 }
 
 .main-nav a {
-  font-size: 16px;
+  font-size: 14px;
   font-weight: 500;
   position: relative;
-  padding-bottom: 5px;
+  padding-bottom: 3px;
   color: #333;
   text-decoration: none;
   transition: color 0.3s;

script-hook-website/src/components/Hero.css

@@ -1,9 +1,11 @@
 .hero {
-  padding: 60px 0 80px;
-  margin-top: -20px;
+  padding-top: 50px;
+  padding-bottom: 80px;
+  margin-top: 0;
   background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
   position: relative;
   overflow: hidden;
+  box-sizing: border-box;
 }
 
 .hero .container {
@@ -123,8 +125,9 @@ h1 {
 
 @media (max-width: 992px) {
   .hero {
-    padding: 60px 0 60px;
-    margin-top: -15px;
+    padding-top: 45px;
+    padding-bottom: 60px;
+    margin-top: 0;
   }
 
   .hero .container {