diff --git a/css/index.css b/css/index.css index 33aa223..5d5e069 100644 --- a/css/index.css +++ b/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 {