大师傅打发

css/index.css

@@ -14,18 +14,24 @@
   min-height: 100vh;
 }
 
+/* 强制提升 header 和导航菜单的层级 */
+#index header,
+#index #header {
+  z-index: 99999 !important;
+  position: relative;
+}
+
+#index #header {
+  position: sticky !important;
+}
+
 /* 首页 section-content 统一左右边距为 20px */
 #index .section-content {
   padding-left: var(--container-padding-x);
   padding-right: var(--container-padding-x);
 }
 
-/* 首页 Header 深色玻璃态覆盖 - 确保最高层级 */
+/* 首页 Header 深色玻璃态覆盖 */
-#index #header {
-  background: transparent;
-  z-index: 9999 !important;
-}
-
 #index .nav-shadow {
   background: rgba(15, 23, 42, 0.8) !important;
   backdrop-filter: blur(20px);
@@ -77,7 +83,8 @@
   background: rgba(15, 23, 42, 0.95);
   backdrop-filter: blur(20px);
   border-bottom: 1px solid rgba(148, 163, 184, 0.15);
-  z-index: 9998 !important;
+  z-index: 99998 !important;
+  position: absolute !important;
 }
 
 #index .nav-item-box {
@@ -317,19 +324,20 @@
   box-shadow: 0 16px 48px rgba(56, 189, 248, 0.6);
 }
 
-/* 分页器容器 - 强制显示 */
+/* 分页器容器 - 强制显示，调整位置避免被 banner-s 遮挡 */
 .banner-cont .swiper-pagination {
   position: absolute !important;
-  bottom: 30px !important;
+  bottom: 100px !important;
   left: 50% !important;
   transform: translateX(-50%) !important;
-  z-index: 50 !important;
+  z-index: 100 !important;
   display: flex !important;
   gap: 12px !important;
   width: auto !important;
   height: auto !important;
   visibility: visible !important;
   opacity: 1 !important;
+  pointer-events: auto !important;
 }
 
 /* 分页器优化 - 带播放进度条 */