From 0a5456f6b3d9a578f30bdedeea9fd1991ed5a02c Mon Sep 17 00:00:00 2001
From: yiqiu <yiqiu@ycyaw.com>
Date: Sun, 23 Nov 2025 00:24:12 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=A7=E6=B3=95=E4=B8=9C=E6=96=B9=E5=A4=A7?=
 =?UTF-8?q?=E5=8E=A6=E5=8F=91=E9=98=BF=E8=90=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/index.css | 25 +++++++++++++------------
 1 file changed, 13 insertions(+), 12 deletions(-)

diff --git a/css/index.css b/css/index.css
index e8d996b..0ab10d8 100644
--- a/css/index.css
+++ b/css/index.css
@@ -2,6 +2,12 @@
    首页专属样式 - 整体深色科技风格
    ============================================ */
 
+/* CSS 变量：统一的容器边距 */
+#index {
+  --container-max-width: 1440px;
+  --container-padding-x: 20px;
+}
+
 /* 首页整体背景 - 统一深色，避免白色闪烁 */
 #index {
   background: linear-gradient(180deg, #020617 0%, #0F172A 50%, #020617 100%);
@@ -20,16 +26,11 @@
   box-shadow: 0 4px 24px rgba(15, 23, 42, 0.4);
 }
 
-/* 首页导航栏：与轮播图文案、banner-list 保持左对齐 */
+/* 首页导航栏：使用统一的容器系统 */
 #index .nav-header {
-  max-width: 1440px;
+  max-width: var(--container-max-width);
   margin: 0 auto;
-  padding: 0 20px;
-}
-
-/* nav-menu 的第一个菜单项额外增加 20px 左边距，与 banner-list 对齐 */
-#index .nav-menu {
-  margin-left: 20px;
+  padding: 0 var(--container-padding-x);
 }
 
 /* 首页导航文字颜色 */
@@ -195,15 +196,15 @@
 }
 */
 
-/* 轮播文字层：使用与 banner-list 相同的左边距计算 */
+/* 轮播文字层：使用统一的容器系统 */
 .banner-cont .swiper-slide .section-content {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 100%;
-  max-width: 1440px;
-  padding: 0 40px;  /* 40px = section-content的20px + banner-list的20px */
+  max-width: var(--container-max-width);
+  padding: 0 var(--container-padding-x);
   box-sizing: border-box;
   z-index: 10;
   text-align: left;
@@ -342,7 +343,7 @@
 .banner .banner-s .banner-list {
   display: flex;
   flex-wrap: wrap;
-  padding: 0 20px;
+  padding: 0;  /* 移除额外的 padding，使用 section-content 的统一边距 */
 }
 
 .banner-s .banner-list .banner-item {