update hero section

Author: graycreate

src/components/Hero.astro

@@ -3,31 +3,33 @@ import '../styles/hero.css';
 ---
 
 <section class="hero">
-  <div class="hero-content">
-    <div class="text-section">
-      <h1>简约优雅</h1>
-      <p class="text-2xl text-gray-400 mt-4 mb-8">
-        为极致体验而生<br>
-        纯粹、克制、好用的 V2EX 客户端
-      </p>
-      <div class="download-buttons">
-        <a href="https://play.google.com/store/apps/details?id=me.ghui.v2er" 
-           class="store-button" 
-           target="_blank">
-          <i class="fab fa-google-play"></i>
-          Google Play Store
-        </a>
-        <a href="https://apps.apple.com/app/id1596137027" 
-           class="store-button" 
-           target="_blank">
-          <i class="fab fa-apple"></i>
-          Apple App Store
-        </a>
+  <div class="container">
+    <div class="hero-content">
+      <div class="text-section">
+        <h1>简约优雅</h1>
+        <p class="text-2xl text-gray-400 mt-4 mb-8">
+          为极致体验而生<br>
+          纯粹、克制、好用的 V2EX 客户端
+        </p>
+        <div class="download-buttons">
+          <a href="https://play.google.com/store/apps/details?id=me.ghui.v2er" 
+             class="store-button" 
+             target="_blank">
+            <i class="fab fa-google-play"></i>
+            Google Play Store
+          </a>
+          <a href="https://apps.apple.com/app/id1596137027" 
+             class="store-button" 
+             target="_blank">
+            <i class="fab fa-apple"></i>
+            Apple App Store
+          </a>
+        </div>
+      </div>
+      <div class="preview-section">
+        <img src="/image/android-screenshot.png" alt="V2er Android 预览" class="phone android" />
+        <img src="/image/ios-screenshot.png" alt="V2er iOS 预览" class="phone ios" />
       </div>
-    </div>
-    <div class="preview-section">
-      <img src="/image/android-screenshot.png" alt="V2er Android 预览" class="phone android" />
-      <img src="/image/ios-screenshot.png" alt="V2er iOS 预览" class="phone ios" />
     </div>
   </div>
 </section> 

src/styles/hero.css

@@ -1,9 +1,19 @@
 .hero {
-  @apply min-h-screen flex items-center relative overflow-hidden;
+  width: 100%;
+  padding: 4rem 1rem;
+}
+
+.container {
+  max-width: 1200px;
+  margin: 0 auto;
+  padding: 0 1rem;
 }
 
 .hero-content {
-  @apply container mx-auto flex flex-col lg:flex-row items-center gap-12;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 2rem;
 }
 
 .text-section {