/* 通用导航栏样式 - 用于所有模块 */
.navbar {
  background-color: rgba(20, 20, 35, 0.8);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  z-index: 50;
  transition: all 0.3s ease;
}

/* 导航栏左侧 */
.navbar-start .btn-ghost {
  color: #a0a8d9;
  font-weight: 500;
  transition: all 0.3s ease;
}

.navbar-start .btn-ghost:hover {
  background-color: rgba(160, 168, 217, 0.1);
  color: #ffffff;
}

/* 导航栏中间 - PC端显示 */
.navbar-center {
  display: none; /* 默认隐藏 */
}

/* 大屏幕显示中间导航 */
@media (min-width: 1024px) {
  .navbar-center {
    display: flex !important; /* 强制显示 */
  }
  
  .navbar-center .menu-horizontal {
    display: flex;
  }
}

/* 导航菜单项 */
.navbar-center .menu a {
  color: #a0a8d9;
  font-weight: 500;
  transition: all 0.3s ease;
  padding: 0.5rem 1rem;
}

.navbar-center .menu a:hover {
  background-color: rgba(160, 168, 217, 0.1);
  color: #ffffff;
}

/* 活动菜单项 */
.navbar .menu a.active {
  color: #ffffff;
  font-weight: 600;
  background-color: rgba(160, 168, 217, 0.2);
}

.navbar .menu li.active {
  background-color: transparent;
}

/* 下拉菜单 */
.navbar .dropdown-content {
  background-color: rgba(25, 25, 40, 0.95);
  border: 1px solid rgba(160, 168, 217, 0.2);
  border-radius: 0.5rem;
}

/* 语言选择器 */
.navbar .dropdown-content a {
  color: #a0a8d9;
  transition: all 0.3s ease;
}

.navbar .dropdown-content a:hover {
  background-color: rgba(160, 168, 217, 0.1);
  color: #ffffff;
}

/* 主题切换按钮 */
.navbar .btn-ghost {
  color: #a0a8d9;
  transition: all 0.3s ease;
}

.navbar .btn-ghost:hover {
  background-color: rgba(160, 168, 217, 0.1);
  color: #ffffff;
}

/* 移动端下拉菜单 */
@media (max-width: 1023px) {
  .navbar .dropdown-content {
    width: 16rem;
    padding: 0.75rem;
  }
}

/* 亮色主题样式 */
body.light-theme .navbar {
  background-color: rgba(248, 252, 245, 0.95);
  border-bottom: 1px solid rgba(13, 128, 67, 0.2);
  box-shadow: 0 4px 20px rgba(13, 128, 67, 0.15);
}

body.light-theme .navbar-brand a {
  color: #186037;
}

body.light-theme .navbar-menu a {
  color: #186037;
}

body.light-theme .navbar-menu a:hover {
  background-color: rgba(13, 128, 67, 0.1);
}

body.light-theme .navbar-menu a.active {
  background-color: #0d8043;
  color: white;
}

body.light-theme .dropdown-content {
  background-color: rgba(248, 252, 245, 0.98);
  border: 1px solid rgba(13, 128, 67, 0.2);
  box-shadow: 0 10px 25px rgba(13, 128, 67, 0.2);
}

body.light-theme .navbar-icon {
  color: #186037;
}

body.light-theme .dropdown-item:hover {
  background-color: rgba(13, 128, 67, 0.1);
}

body.light-theme .theme-toggle-icon {
  color: #186037;
}

/* 添加深棕色点缀 */
body.light-theme .navbar-brand a {
  color: #61381d;
  font-weight: 600;
}

/* 白天模式下的导航栏下拉菜单项 */
body.light-theme .dropdown-content .dropdown-item {
  color: #186037;
}

/* 白天模式下的语言选择器 */
body.light-theme .language-selector select {
  background-color: rgba(248, 252, 245, 0.95);
  color: #186037;
  border: 1px solid rgba(13, 128, 67, 0.3);
}

body.light-theme .language-selector select:hover {
  border-color: rgba(13, 128, 67, 0.5);
  box-shadow: 0 0 10px rgba(13, 128, 67, 0.2);
}

/* RTL支持 */
html[dir="rtl"] .navbar .btn-ghost i {
  margin-left: 0.5rem;
  margin-right: 0;
}

/* 确保所有图标在RTL模式下正确显示 */
html[dir="rtl"] .fa-bars,
html[dir="rtl"] .fa-globe,
html[dir="rtl"] .fa-moon,
html[dir="rtl"] .fa-sun {
  transform: scaleX(-1);
}