/* 导航菜单激活状态样式 */

/* 日间模式 - 浅色主题 */
.masthead__menu-item a.active,
.masthead__menu-item a.active:visited,
.masthead__menu-item a.active:hover,
.masthead__menu-item--lg a.active,
.masthead__menu-item--lg a.active:visited,
.masthead__menu-item--lg a.active:hover {
  color: rgb(190, 114, 21) !important; /* 棕色文字 */
  font-weight: bold !important;
  border-bottom: 2px solid rgb(133, 53, 28) !important; /* 橙色下边框 */
  transition: all 0.3s ease;
  text-decoration: none !important;
}

/* 夜间模式 - 深色主题 */
html[data-theme="dark"] .masthead__menu-item a.active,
html[data-theme="dark"] .masthead__menu-item a.active:visited,
html[data-theme="dark"] .masthead__menu-item a.active:hover,
html[data-theme="dark"] .masthead__menu-item--lg a.active,
html[data-theme="dark"] .masthead__menu-item--lg a.active:visited,
html[data-theme="dark"] .masthead__menu-item--lg a.active:hover {
  color: rgb(248, 218, 167) !important; /* 金黄色文字 */
  font-weight: bold !important;
  border-bottom: 2px solid rgb(252, 172, 138) !important; /* 橙红色下边框 */
  transition: all 0.3s ease;
  text-decoration: none !important;
}

/* 悬停效果 - 增强版本 */
.masthead__menu-item a:hover:not(.active),
.masthead__menu-item--lg a:hover:not(.active) {
  color: rgb(188, 217, 25) !important; /* 绿色悬停 */
  transition: color 0.3s ease;
  text-decoration: none !important;
}

html[data-theme="dark"] .masthead__menu-item a:hover:not(.active),
html[data-theme="dark"] .masthead__menu-item--lg a:hover:not(.active) {
  color: rgb(241, 251, 183) !important; /* 青色悬停 */
  transition: color 0.3s ease;
  text-decoration: none !important;
}

/* 确保悬停效果在所有状态下都能工作 */
.masthead__menu-item a:not(.active):hover,
.masthead__menu-item--lg a:not(.active):hover {
  color: rgb(177, 224, 22) !important;
  transition: color 0.3s ease;
}

html[data-theme="dark"] .masthead__menu-item a:not(.active):hover,
html[data-theme="dark"] .masthead__menu-item--lg a:not(.active):hover {
  color: rgb(253, 255, 197) !important;
  transition: color 0.3s ease;
}

/* 确保激活状态在移动端也能正常显示 */
@media (max-width: 768px) {
  .masthead__menu-item a.active,
  .masthead__menu-item--lg a.active {
    background-color: rgba(28, 112, 133, 0.1) !important;
  }
  
  html[data-theme="dark"] .masthead__menu-item a.active,
  html[data-theme="dark"] .masthead__menu-item--lg a.active {
    background-color: rgba(57, 187, 219, 0.1) !important;
  }
}

/* 强制覆盖首页链接的默认样式 */
.masthead__menu-item--lg a.nav-link.active,
.masthead__menu-item--lg a.nav-link.active:visited,
.masthead__menu-item--lg a.nav-link.active:hover {
  color: rgb(0, 0, 0) !important; /* 棕色文字 */
  font-weight: bold !important;
  border-bottom: 2px solid transparent !important; /* 透明下边框 */
  text-decoration: none !important;
}

html[data-theme="dark"] .masthead__menu-item--lg a.nav-link.active,
html[data-theme="dark"] .masthead__menu-item--lg a.nav-link.active:visited,
html[data-theme="dark"] .masthead__menu-item--lg a.nav-link.active:hover {
  color: rgb(255, 255, 255) !important; /* 金黄色文字 */
  font-weight: bold !important;
  border-bottom: 2px solid transparent !important; /* 透明下边框 */
  text-decoration: none !important;
}