Move hero button below slogan

css/style.css

@@ -123,6 +123,10 @@ body {
     gap: 34px;
 }
 
+.hero-brand-copy {
+    min-width: 0;
+}
+
 .hero-brand-logo {
     width: 180px;
     max-width: 32vw;
@@ -138,7 +142,6 @@ body {
 
 .hero-brand-btn {
     margin-top: 12px;
-    margin-left: 214px;
 }
 
 /* 按钮样式 */
@@ -332,7 +335,6 @@ body {
 
     .hero-brand-btn {
         margin-top: 12px;
-        margin-left: 148px;
     }
 
     .hero-content h1 {
@@ -381,7 +383,6 @@ body {
 
     .hero-brand-btn {
         margin-top: 12px;
-        margin-left: 108px;
     }
 
     .hero-content h1 {

index.html

@@ -97,9 +97,11 @@
                 <div class="hero-content hero-brand-content">
                     <div class="hero-brand-heading">
                         <img class="hero-brand-logo" src="公司资料/公司简介/海古纪logo.png" alt="海古纪 Logo">
-                        <h1>海古纪 · 生命孪生体系——生命从此被计算</h1>
+                        <div class="hero-brand-copy">
+                            <h1>海古纪 · 生命孪生体系——生命从此被计算</h1>
+                            <button class="btn-primary hero-brand-btn">了解更多</button>
+                        </div>
                     </div>
-                    <button class="btn-primary hero-brand-btn">了解更多</button>
                 </div>
                 <img src="公司资料/产品/HSmaster/图片/育种发展流程-从人工选择到智能育种.png" alt="从人工选择到智能育种">
             </div>