style(layout): 优化导航栏与内容间距，增加顶部空白区域

Author: CC11001100

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

@@ -4,8 +4,8 @@
   left: 0;
   right: 0;
   background-color: #ffffff;
-  padding: 5px 0;
-  height: 50px;
+  padding: 8px 0;
+  height: 60px;
   display: flex;
   align-items: center;
   transition: all 0.3s ease;
@@ -14,8 +14,8 @@
 }
 
 .header.scrolled {
-  padding: 3px 0;
-  height: 40px;
+  padding: 5px 0;
+  height: 50px;
 }
 
 .header-container {
@@ -39,15 +39,15 @@
 }
 
 .site-logo {
-  height: 30px;
+  height: 36px;
   margin-right: 8px;
   transition: all 0.3s ease;
   background-color: transparent;
   mix-blend-mode: multiply;
 }
 
 .header.scrolled .site-logo {
-  height: 24px;
+  height: 30px;
 }
 
 .site-name {
@@ -72,16 +72,20 @@
   justify-content: flex-start;
   padding: 0;
   margin: 0;
+  height: 100%;
+  align-items: center;
 }
 
 .main-nav a {
-  font-size: 14px;
+  font-size: 16px;
   font-weight: 500;
   position: relative;
-  padding-bottom: 3px;
+  padding-bottom: 5px;
   color: #333;
   text-decoration: none;
   transition: color 0.3s;
+  line-height: 36px;
+  display: inline-block;
 }
 
 .main-nav a:after {

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

@@ -1,5 +1,5 @@
 .hero {
-  padding-top: 90px;
+  padding-top: 150px;
   padding-bottom: 80px;
   margin-top: 0;
   background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
@@ -20,7 +20,7 @@
   max-width: 500px;
   position: relative;
   z-index: 5;
-  padding-top: 20px;
+  padding-top: 30px;
 }
 
 h1 {
@@ -126,7 +126,7 @@ h1 {
 
 @media (max-width: 992px) {
   .hero {
-    padding-top: 80px;
+    padding-top: 130px;
     padding-bottom: 60px;
     margin-top: 0;
   }