diff --git a/css/index.css b/css/index.css index 0f97be0..8d3fc17 100644 --- a/css/index.css +++ b/css/index.css @@ -514,12 +514,19 @@ align-items: center; gap: 16px; - /* 去掉毛玻璃背景 */ - background: transparent; + /* 毛玻璃效果 */ + background: rgba(15, 23, 42, 0.6); + backdrop-filter: blur(20px); + -webkit-backdrop-filter: blur(20px); - /* 细腻的边框处理 */ - border-left: 1px solid rgba(148, 163, 184, 0.15); - border-bottom: 1px solid rgba(148, 163, 184, 0.08); + /* 边框和圆角 */ + 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); /* 内部发光 */ overflow: hidden; @@ -567,10 +574,12 @@ /* 悬浮效果 */ .banner-s .banner-list .banner-item:hover { - 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); + 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); } .banner-s .banner-list .banner-item:hover::before {