yiqiu/BlackFruit-UI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

法国大使馆发生的故事
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
yiqiu
2025-11-23 01:05:24 +08:00
parent da8e0eda36
commit 635bc9b913
1 changed files with 25 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
css/index.css
View File

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