css/index.css

@@ -53,9 +53,10 @@
   z-index: 1;
   display: flex;
   flex-direction: column;
-  gap: 24px;
-  padding-top: 140px; /* 控制文案距离顶部的位置 */
-  padding-bottom: 40px;
+  justify-content: space-between; /* 文案在上，banner-s 靠容器底部 */
+  min-height: 420px;              /* 与 .banner-bg 高度保持一致 */
+  padding-top: 80px;              /* 文案距离顶部的内边距 */
+  padding-bottom: 0;
 }
 
 .banner-copy {
@@ -81,6 +82,12 @@
   pointer-events: auto;
 }
 
+/* banner 区域内的 section-content 不需要额外的上下 padding，由 .banner-main 控制 */
+.banner .section-content {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
 .banner .banner-s {
   box-shadow: 0px 0px 16px rgba(52, 52, 52, 0.16);
   border-radius: 3px;