diff --git a/css/index.css b/css/index.css index 8d3fc17..0f97be0 100644 --- a/css/index.css +++ b/css/index.css @@ -514,19 +514,12 @@ align-items: center; gap: 16px; - /* 毛玻璃效果 */ - background: rgba(15, 23, 42, 0.6); - backdrop-filter: blur(20px); - -webkit-backdrop-filter: blur(20px); + /* 去掉毛玻璃背景 */ + background: transparent; - /* 边框和圆角 */ - border: 1px solid rgba(148, 163, 184, 0.2); - border-radius: 0; - - /* 阴影效果 */ - box-shadow: - 0 8px 32px rgba(15, 23, 42, 0.4), - inset 0 1px 0 rgba(255, 255, 255, 0.1); + /* 细腻的边框处理 */ + border-left: 1px solid rgba(148, 163, 184, 0.15); + border-bottom: 1px solid rgba(148, 163, 184, 0.08); /* 内部发光 */ overflow: hidden; @@ -574,12 +567,10 @@ /* 悬浮效果 */ .banner-s .banner-list .banner-item:hover { - transform: translateY(-8px); - border-color: rgba(56, 189, 248, 0.3); - background: rgba(15, 23, 42, 0.75); - box-shadow: - 0 12px 40px rgba(15, 23, 42, 0.6), - inset 0 1px 0 rgba(255, 255, 255, 0.15); + transform: translateY(-4px); + background: rgba(15, 23, 42, 0.3); + border-left-color: rgba(56, 189, 248, 0.4); + border-bottom-color: rgba(56, 189, 248, 0.2); } .banner-s .banner-list .banner-item:hover::before {