法国大使馆发生的故事

css/index.css

@@ -23,7 +23,6 @@
 /* 首页 Header 深色玻璃态覆盖 */
 #index #header {
   background: transparent;
-  position: relative;
   z-index: 999;
 }
 
@@ -128,6 +127,7 @@
   background-repeat: no-repeat;
   /* 多重背景层叠：先渐变遮罩，再背景图 */
   background-blend-mode: normal, normal, normal;
+  z-index: 1;
 }
 
 /* 深色遮罩层（静态，不移动） */
@@ -141,7 +141,7 @@
   /* 深色渐变遮罩，让文字更清晰 */
   background: linear-gradient(90deg, rgba(15, 23, 42, 0.85) 0%, rgba(15, 23, 42, 0.5) 50%, rgba(15, 23, 42, 0.3) 100%);
   pointer-events: none;
-  z-index: 1;
+  z-index: 2;
 }
 
 /* 动态网格背景 - 已禁用（视觉干扰）
@@ -216,7 +216,7 @@
   max-width: var(--container-max-width);
   padding: 0 var(--container-padding-x);
   box-sizing: border-box;
-  z-index: 10;
+  z-index: 3;
   text-align: left;
 }
 
@@ -319,31 +319,34 @@
 
 /* 分页器容器 */
 .banner-cont .swiper-pagination {
-  position: absolute;
-  bottom: 30px;
-  left: 50%;
-  transform: translateX(-50%);
-  z-index: 50;
-  display: flex;
-  gap: 12px;
+  position: absolute !important;
+  bottom: 30px !important;
+  left: 50% !important;
+  transform: translateX(-50%) !important;
+  z-index: 50 !important;
+  display: flex !important;
+  gap: 12px !important;
+  width: auto !important;
+  height: auto !important;
 }
 
 /* 分页器优化 - 带播放进度条 */
 .banner-cont .swiper-pagination-bullet {
-  width: 60px;
-  height: 4px;
-  background: rgba(148, 163, 184, 0.3);
-  opacity: 1;
-  border-radius: 2px;
-  transition: all 0.3s ease;
-  position: relative;
-  overflow: hidden;
+  width: 60px !important;
+  height: 4px !important;
+  background: rgba(148, 163, 184, 0.3) !important;
+  opacity: 1 !important;
+  border-radius: 2px !important;
+  transition: all 0.3s ease !important;
+  position: relative !important;
+  overflow: hidden !important;
   margin: 0 !important;
+  flex-shrink: 0 !important;
 }
 
 .banner-cont .swiper-pagination-bullet-active {
-  background: rgba(148, 163, 184, 0.3);
-  box-shadow: 0 2px 10px rgba(56, 189, 248, 0.6);
+  background: rgba(148, 163, 184, 0.3) !important;
+  box-shadow: 0 2px 10px rgba(56, 189, 248, 0.6) !important;
 }
 
 /* 进度条填充效果 */
@@ -376,7 +379,7 @@
 .banner .banner-s {
   margin-top: -80px;
   position: relative;
-  z-index: 20;
+  z-index: 10;
   backdrop-filter: blur(20px);
   /* 统一深色玻璃态，与上下背景融合 */
   background:
@@ -1814,7 +1817,7 @@ html {
 #index .section.banner {
   background: transparent;
   position: relative;
-  z-index: 1;
+  z-index: 0;
 }
 
 #index .section.service {