style: 顶部导航下拉菜单改为 akile.io 深色毛玻璃风格
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:
yiqiu
2026-03-18 17:42:02 +08:00
parent 24b17396ac
commit f5b2225bd8
3 changed files with 171 additions and 215 deletions

View File

@@ -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;
}
/* ============================================