style: 顶部导航下拉菜单改为 akile.io 深色毛玻璃风格
Some checks failed
continuous-integration/drone/push Build is failing
Some checks failed
continuous-integration/drone/push Build is failing
- Header 改为深色半透明背景 rgba(10,12,22,0.92) + backdrop-filter - 导航文字改白色,hover 下划线改蓝色 - nav-mega-menu.css 完整重写:纯行 hover 风格,去掉卡片 border - 下拉面板背景 rgba(14,16,26,0.98),柔和阴影 - 登录下拉菜单同步改为深色风格 - 三级菜单动画改为 fadeIn+slideUp 组合 - 清除 css/common.css 中的旧样式覆盖冲突
This commit is contained in:
@@ -77,17 +77,18 @@ header:hover {
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
/* nav-shadow 样式和 hover 效果 */
|
||||
/* nav-shadow 深色毛玻璃 */
|
||||
.nav-shadow {
|
||||
background: rgba(15, 23, 42, 0.8) !important;
|
||||
backdrop-filter: blur(20px);
|
||||
border-bottom: 1px solid rgba(148, 163, 184, 0.15);
|
||||
box-shadow: 0 4px 24px rgba(15, 23, 42, 0.4);
|
||||
background: rgba(10, 12, 22, 0.92) !important;
|
||||
backdrop-filter: blur(16px) !important;
|
||||
-webkit-backdrop-filter: blur(16px) !important;
|
||||
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) !important;
|
||||
border-bottom: none;
|
||||
transition: background 0.3s ease !important;
|
||||
}
|
||||
|
||||
.nav-shadow:hover {
|
||||
background: rgba(15, 23, 42, 0.95) !important;
|
||||
background: rgba(10, 12, 22, 0.98) !important;
|
||||
}
|
||||
|
||||
/* 导航文字颜色 */
|
||||
@@ -206,12 +207,10 @@ header:hover {
|
||||
}
|
||||
|
||||
/* ============================================
|
||||
下拉菜单优化 - 确保高层级
|
||||
下拉菜单 - 样式由 nav-mega-menu.css 主控
|
||||
============================================ */
|
||||
.nav-cont {
|
||||
background: rgba(15, 23, 42, 0.95);
|
||||
backdrop-filter: blur(20px);
|
||||
border-bottom: 1px solid rgba(148, 163, 184, 0.15);
|
||||
/* 提升层级,其余由 nav-mega-menu.css 定义 */
|
||||
z-index: 99998 !important;
|
||||
position: absolute !important;
|
||||
}
|
||||
@@ -407,15 +406,15 @@ header:hover {
|
||||
}
|
||||
|
||||
/* ============================================
|
||||
登录菜单下拉
|
||||
登录菜单下拉 - 深色风格
|
||||
============================================ */
|
||||
.nav-header .login-in .login-menu .login-menu-item {
|
||||
color: #E5E7EB;
|
||||
color: rgba(203, 213, 225, 0.85);
|
||||
}
|
||||
|
||||
.nav-header .login-in .login-menu .login-menu-item:hover {
|
||||
background: rgba(56, 189, 248, 0.15);
|
||||
color: #38BDF8;
|
||||
background: rgba(255, 255, 255, 0.07);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* ============================================
|
||||
|
||||
Reference in New Issue
Block a user