From 1331c4dd8b076915ad4000b57d20155766edc32a Mon Sep 17 00:00:00 2001
From: potaser <h4erj@outlook.com>
Date: Sat, 27 Jun 2026 13:16:44 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E9=A6=96=E9=A1=B5=E7=AC=AC?=
 =?UTF-8?q?=E4=B8=80=E5=B1=8F=E6=A0=87=E8=AF=AD=E5=88=86=E4=B8=A4=E8=A1=8C?=
 =?UTF-8?q?=E9=94=99=E6=8E=92=EF=BC=8Clogo=E5=B1=85=E4=B8=AD=E8=B0=83?=
 =?UTF-8?q?=E9=AB=98=EF=BC=8C=E5=88=A0=E9=99=A4=E4=BA=86=E8=A7=A3=E6=9B=B4?=
 =?UTF-8?q?=E5=A4=9A=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/style.css | 37 ++++++++++++++++++++-----------------
 index.html    |  6 ++++--
 2 files changed, 24 insertions(+), 19 deletions(-)

diff --git a/css/style.css b/css/style.css
index 173aa2d..ae6b786 100644
--- a/css/style.css
+++ b/css/style.css
@@ -60,6 +60,10 @@ body {
     animation: slideIn 0.5s ease-in;
 }
 
+.hero-brand-slide.active {
+    justify-content: center;
+}
+
 @keyframes slideIn {
     from {
         opacity: 0;
@@ -113,8 +117,8 @@ body {
 
 .hero-brand-content {
     max-width: 920px;
-    padding-left: 82px;
-    transform: translateY(24px);
+    padding: 0 20px;
+    margin: 0 auto;
 }
 
 .hero-brand-heading {
@@ -128,9 +132,8 @@ body {
 }
 
 .hero-brand-logo {
-    width: 180px;
-    max-width: 32vw;
-    height: auto;
+    height: 8.5rem;
+    width: auto;
     flex: 0 0 auto;
     filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.28));
 }
@@ -141,6 +144,16 @@ body {
     text-shadow: none;
 }
 
+.hero-line-1,
+.hero-line-2 {
+    display: block;
+    line-height: 1.4;
+}
+
+.hero-line-2 {
+    margin-left: 5.5rem;
+}
+
 .hero-brand-btn {
     display: block;
     margin-top: 12px;
@@ -322,17 +335,12 @@ body {
 
 /* 响应式设计 */
 @media (max-width: 768px) {
-    .hero-brand-content {
-        padding-left: 32px;
-        padding-right: 20px;
-    }
-
     .hero-brand-heading {
         gap: 20px;
     }
 
     .hero-brand-logo {
-        width: 128px;
+        height: 6.8rem;
     }
 
     .hero-brand-btn {
@@ -370,17 +378,12 @@ body {
         padding-left: 20px;
     }
 
-    .hero-brand-content {
-        padding-left: 20px;
-    }
-
     .hero-brand-heading {
         gap: 14px;
     }
 
     .hero-brand-logo {
-        width: 94px;
-        max-width: 28vw;
+        height: 5rem;
     }
 
     .hero-brand-btn {
diff --git a/index.html b/index.html
index 7b3cba7..608e776 100644
--- a/index.html
+++ b/index.html
@@ -98,8 +98,10 @@
                     <div class="hero-brand-heading">
                         <img class="hero-brand-logo" src="公司资料/公司简介/海古纪logo.png" alt="海古纪 Logo">
                         <div class="hero-brand-copy">
-                            <h1>海古纪 · 生命孪生体系——生命从此被计算</h1>
-                            <button class="btn-primary hero-brand-btn">了解更多</button>
+                            <h1>
+                                <span class="hero-line-1">海古纪 · 生命孪生体系</span>
+                                <span class="hero-line-2">——生命从此被计算</span>
+                            </h1>
                         </div>
                     </div>
                 </div>