/* 导航栏透明背景样式 */

/* 为正常状态的导航栏设置80%透明背景 */
nav {
  background: rgba(255, 255, 255, 0.8) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  transition: all 0.3s ease;
}

/* 确保页面头部也有透明效果 */
.page_head {
  background-color: transparent !important;
}

/* 固定导航栏也保持80%透明 */
nav.sticky {
  background: rgba(255, 255, 255, 0.8) !important;
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

/* 确保子菜单保持不透明的白色背景 */
.menu ul li ul {
  background: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* 移动端菜单保持不透明 */
.dl-menuwrapper {
  background: rgba(255, 255, 255, 0.95) !important;
}

/* 响应式适配 */
@media (max-width: 768px) {
  nav {
    background: rgba(255, 255, 255, 0.95) !important;
  }

  .dl-menuwrapper .dl-menu {
    background: rgba(255, 255, 255, 0.98) !important;
  }
}