/* 自定义样式 */

/* 让侧边栏导航图标默认显示为hover状态的效果 */
/* 但使用更浅/更柔和的颜色 */

/* 非激活图标使用更浅的颜色效果 */
.nav-area .menu .nav-item:not(.active) {
  background: rgba(255, 255, 255, 0.7) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;
}

/* 图标使用更浅的颜色 - 降低饱和度和亮度 */
.nav-area .menu .nav-item:not(.active) svg {
  filter: saturate(0.7) brightness(1.1) !important;
  opacity: 0.85 !important;
}

/* 激活状态保持原样 */
.nav-area .menu .nav-item.active {
  background: rgba(255, 255, 255, 1) !important;
}

.nav-area .menu .nav-item.active svg {
  filter: none !important;
  opacity: 1 !important;
}

/* ========== Logo 彩色渐变文字 ========== */

/* 彩色渐变文字效果 - 完全复制 xaoxuu.com 的 XAOXUU 霓虹风格 */
.gradient-text {
  /* 霓虹粉紫蓝渐变 - 和 xaoxuu.com 一模一样 */
  background: linear-gradient(90deg, #FF6AC1 0%, #FF8A80 20%, #FFD54F 40%, #69F0AE 60%, #40C4FF 80%, #E040FB 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: 900;
  font-size: 1.8em;
  letter-spacing: 3px;
  text-shadow: none;
  font-family: 'Segoe UI', 'Arial Black', sans-serif;
}

/* Logo 标题样式调整 */
.l_left .logo .title {
  font-size: 1em;
  line-height: 1.4;
}

.l_left .logo .title a {
  text-decoration: none;
}