@charset "UTF-8";

/* 导航栏白色主题样式 */
/* 将导航栏顶部背景改为白色 */
header .header-top {
  background-color: #ffffff !important;
  color: #333333 !important;
  border-bottom: 1px solid #e0e0e0 !important;
}

/* 调整导航栏顶部链接颜色 */
header .header-top .top-info a {
  color: #333333 !important;
}

header .header-top .top-info a:hover {
  color: #3370ff !important;
}

/* 调整语言切换按钮样式 */
header .header-top .language-switch .dropdown > a {
  color: #333333 !important;
}

header .header-top .language-switch .dropdown:hover > a {
  color: #3370ff !important;
}

/* 调整主导航栏背景 */
#appHeader:not(.scrolled),
body #appHeader:not(.scrolled),
html body #appHeader:not(.scrolled) {
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
}

/* 调整滚动时的导航栏样式，保持白色主题 */
#appHeader.scrolled,
body #appHeader.scrolled,
html body #appHeader.scrolled {
  background: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
}

/* 调整导航链接颜色为深色 */
#appHeader .header-desktop .left .menu .navbar .navbar-nav .nav-item > .dropdown > .nav-link,
#appHeader .header-desktop .left .menu .navbar .navbar-nav .nav-item > .nav-link {
  color: #333333 !important;
  text-shadow: none !important;
}

#appHeader.scrolled .navbar-nav .nav-link,
body #appHeader.scrolled .navbar-nav .nav-link,
html body #appHeader.scrolled .navbar-nav .nav-link {
  color: #333333 !important;
}

/* 调整hover状态 */
#appHeader .header-desktop .left .menu .navbar .navbar-nav .nav-item > .dropdown > .nav-link:hover,
#appHeader .header-desktop .left .menu .navbar .navbar-nav .nav-item > .nav-link:hover {
  color: #3370ff !important;
  text-shadow: none !important;
}

#appHeader.scrolled .navbar-nav .nav-link:hover,
body #appHeader.scrolled .navbar-nav .nav-link:hover,
html body #appHeader.scrolled .navbar-nav .nav-link:hover {
  background: rgba(0, 0, 0, 0.05) !important;
  color: #3370ff !important;
}

/* 调整下划线颜色 */
#appHeader .header-desktop .left .menu .navbar .navbar-nav .nav-item > .dropdown > .nav-link:after,
#appHeader .header-desktop .left .menu .navbar .navbar-nav .nav-item > .nav-link:after {
  border-bottom: 2px solid #3370ff !important;
}

/* 调整logo颜色，使其在白色背景上可见 */
#appHeader .header-desktop .left .logo a img {
  filter: none !important;
}

#appHeader.scrolled .logo img,
body #appHeader.scrolled .logo img,
html body #appHeader.scrolled .logo img {
  filter: none !important;
}

/* 调整搜索框样式 */
#appHeader .header-desktop .right .search-group {
  background-color: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

#appHeader .header-desktop .right .search-group:hover {
  background-color: rgba(0, 0, 0, 0.08) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
}

#appHeader .header-desktop .right .search-group input {
  color: #333333 !important;
}

#appHeader .header-desktop .right .search-group input::placeholder {
  color: rgba(51, 51, 51, 0.6) !important;
}

#appHeader .header-desktop .right .search-group .btn {
  color: rgba(51, 51, 51, 0.7) !important;
}

#appHeader .header-desktop .right .search-group .btn:hover {
  color: #333333 !important;
}

/* 调整语言选择器样式 */
#appHeader .header-desktop .right .language-selector .dropdown-toggle {
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  color: #333333 !important;
}

#appHeader .header-desktop .right .language-selector .dropdown-toggle:hover {
  background-color: rgba(0, 0, 0, 0.08) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
}

/* 调整账户图标按钮样式 */
#appHeader .header-desktop .right .icons .account-icon .icon-link.btn {
  background: rgba(0, 0, 0, 0.05) !important;
  border: 2px solid rgba(0, 0, 0, 0.1) !important;
  color: #333333 !important;
  text-shadow: none !important;
}

#appHeader .header-desktop .right .icons .account-icon .icon-link.btn:hover {
  background: rgba(0, 0, 0, 0.08) !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  color: #333333 !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
}

/* 调整移动端导航栏样式 */
#appHeader .header-mobile {
  background-color: rgba(255, 255, 255, 0.98) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1) !important;
}

/* 调整移动端logo */
#appHeader .header-mobile .logo a img {
  filter: none !important;
}

/* 调整移动端图标颜色 */
#appHeader .header-mobile .mb-icon i {
  color: #333333 !important;
}

#appHeader .header-mobile .mobile-icons .mobile-language-btn i,
#appHeader .header-mobile .mobile-icons .mobile-search-btn i,
#appHeader .header-mobile .mobile-icons .mobile-user-btn i {
  color: #333333 !important;
}

/* 调整移动端菜单按钮 */
#appHeader .mobile-menu-toggle {
  background: rgba(0, 0, 0, 0.08) !important;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
}

/* 在移动端小屏幕上保持白色主题 */
@media (max-width: 768px) {
  #appHeader {
    background: rgba(255, 255, 255, 0.98) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  }
  
  .header-desktop .logo h1 {
    filter: none !important;
    color: #333333 !important;
  }
  
  .header-desktop .logo img {
    filter: none !important;
  }
}

/* 确保在新闻页面也应用白色主题 */
body.page-news #appHeader {
  background: rgba(255, 255, 255, 0.98) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
}

body.page-news #appHeader .navbar-nav .nav-link {
  color: #333333 !important;
}

body.page-news #appHeader .navbar-nav .nav-link:hover {
  background: rgba(0, 0, 0, 0.05) !important;
  color: #3370ff !important;
}

body.page-news #appHeader .logo img {
  filter: none !important;
}

body.page-news #appHeader .language-btn {
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  color: #333333 !important;
}

body.page-news #appHeader .language-btn:hover {
  background: rgba(0, 0, 0, 0.08) !important;
}

body.page-news #appHeader .icon-link {
  background: rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  color: #333333 !important;
}

body.page-news #appHeader .icon-link:hover {
  background: rgba(0, 0, 0, 0.08) !important;
}

/* 二级导航栏（下拉菜单）样式 */
/* 下拉菜单背景 */
#appHeader .navbar-nav .dropdown-menu,
#appHeader .header-desktop .left .menu .navbar .navbar-nav .nav-item .dropdown-menu,
.dropdown-menu {
  background: rgba(255, 255, 255, 0.98) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

/* 下拉菜单项文字颜色 */
#appHeader .navbar-nav .dropdown-menu .dropdown-item,
#appHeader .header-desktop .left .menu .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item,
.dropdown-menu .dropdown-item {
  color: #333333 !important;
  background: transparent !important;
}

/* 下拉菜单项悬停效果 */
#appHeader .navbar-nav .dropdown-menu .dropdown-item:hover,
#appHeader .header-desktop .left .menu .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:hover {
  color: #3370ff !important;
  background: rgba(0, 0, 0, 0.05) !important;
}

/* 下拉菜单项激活状态 */
#appHeader .navbar-nav .dropdown-menu .dropdown-item.active,
#appHeader .header-desktop .left .menu .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item.active,
.dropdown-menu .dropdown-item.active {
  color: #3370ff !important;
  background: rgba(0, 0, 0, 0.05) !important;
}

/* 下拉菜单标题 */
#appHeader .navbar-nav .dropdown-menu .dropdown-header,
#appHeader .header-desktop .left .menu .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-header,
.dropdown-menu .dropdown-header {
  color: #666666 !important;
  background: transparent !important;
}

/* 下拉菜单分割线 */
#appHeader .navbar-nav .dropdown-menu .dropdown-divider,
#appHeader .header-desktop .left .menu .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-divider,
.dropdown-menu .dropdown-divider {
  border-color: rgba(0, 0, 0, 0.1) !important;
}

/* 确保所有下拉菜单都使用白色主题 */
.navbar .dropdown-menu,
.header-desktop .dropdown-menu,
.header-mobile .dropdown-menu {
  background: rgba(255, 255, 255, 0.98) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
}

.navbar .dropdown-menu .dropdown-item,
.header-desktop .dropdown-menu .dropdown-item,
.header-mobile .dropdown-menu .dropdown-item {
  color: #333333 !important;
}

.navbar .dropdown-menu .dropdown-item:hover,
.header-desktop .dropdown-menu .dropdown-item:hover,
.header-mobile .dropdown-menu .dropdown-item:hover {
  color: #3370ff !important;
  background: rgba(0, 0, 0, 0.05) !important;
}

/* 强制覆盖所有二级导航栏文字颜色 - 最高优先级 */
/* 确保所有下拉菜单项都显示黑色文字 */
#appHeader .dropdown-menu .dropdown-item,
#appHeader .navbar-nav .dropdown-menu .dropdown-item,
#appHeader .header-desktop .dropdown-menu .dropdown-item,
#appHeader .header-mobile .dropdown-menu .dropdown-item,
.dropdown-menu .dropdown-item,
.navbar .dropdown-menu .dropdown-item,
.header-desktop .navbar-nav .dropdown-menu .dropdown-item,
.header-mobile .navbar-nav .dropdown-menu .dropdown-item,
body #appHeader .dropdown-menu .dropdown-item,
html body #appHeader .dropdown-menu .dropdown-item {
  color: #333333 !important;
  background: transparent !important;
  text-shadow: none !important;
}

/* 确保所有下拉菜单项悬停时显示红色文字 */
#appHeader .dropdown-menu .dropdown-item:hover,
#appHeader .navbar-nav .dropdown-menu .dropdown-item:hover,
#appHeader .header-desktop .dropdown-menu .dropdown-item:hover,
#appHeader .header-mobile .dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:hover,
.navbar .dropdown-menu .dropdown-item:hover,
.header-desktop .navbar-nav .dropdown-menu .dropdown-item:hover,
.header-mobile .navbar-nav .dropdown-menu .dropdown-item:hover,
body #appHeader .dropdown-menu .dropdown-item:hover,
html body #appHeader .dropdown-menu .dropdown-item:hover {
  color: #3370ff !important;
  background: rgba(0, 0, 0, 0.05) !important;
  text-shadow: none !important;
}

/* 确保所有下拉菜单项激活时显示红色文字 */
#appHeader .dropdown-menu .dropdown-item.active,
#appHeader .navbar-nav .dropdown-menu .dropdown-item.active,
#appHeader .header-desktop .dropdown-menu .dropdown-item.active,
#appHeader .header-mobile .dropdown-menu .dropdown-item.active,
.dropdown-menu .dropdown-item.active,
.navbar .dropdown-menu .dropdown-item.active,
.header-desktop .navbar-nav .dropdown-menu .dropdown-item.active,
.header-mobile .navbar-nav .dropdown-menu .dropdown-item.active,
body #appHeader .dropdown-menu .dropdown-item.active,
html body #appHeader .dropdown-menu .dropdown-item.active {
  color: #3370ff !important;
  background: rgba(0, 0, 0, 0.05) !important;
  text-shadow: none !important;
}

/* 覆盖Bootstrap默认样式 */
.dropdown-item {
  color: #333333 !important;
  background: transparent !important;
}

.dropdown-item:hover {
  color: #3370ff !important;
  background: rgba(0, 0, 0, 0.05) !important;
}

.dropdown-item.active {
  color: #3370ff !important;
  background: rgba(0, 0, 0, 0.05) !important;
}

/* 确保移动端下拉菜单也使用黑色文字 */
.mobile-dropdown-menu .mobile-dropdown-item,
#appHeader .mobile-dropdown-menu .mobile-dropdown-item {
  color: #333333 !important;
  background: transparent !important;
}

.mobile-dropdown-menu .mobile-dropdown-item:hover,
#appHeader .mobile-dropdown-menu .mobile-dropdown-item:hover {
  color: #3370ff !important;
  background: rgba(0, 0, 0, 0.05) !important;
}