/* 导航栏修复样式 */

/* 修复二级导航显示问题 */
.nav-menu ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 9999 !important; /* 提高z-index确保显示在最上层 */
  margin: 4px 0 0 0;
  padding: 10px;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  background: #fff;
  min-width: 180px;
  max-width: 250px;
  border-radius: 4px;
  /* 移除可能导致显示问题的属性 */
  opacity: 1;
  visibility: visible;
  transform: none;
  transition: all 0.3s ease;
}

/* 确保hover时子菜单显示 */
.nav-menu li:hover > ul,
.nav-menu li.sfHover > ul {
  display: block !important;
  visibility: visible;
  opacity: 1;
  transform: none;
}

/* 修复导航栏容器宽度问题 */
#nav-menu-container {
  float: right;
  margin: 0;
  max-width: none !important; /* 强制移除宽度限制 */
  width: auto;
  overflow: visible !important; /* 确保子菜单可以显示且不产生滚动条 */
}

/* 调整导航菜单布局 */
.nav-menu {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: visible;
}

.nav-menu > li {
  position: relative;
  float: none; /* 移除float */
  margin-left: 1px;
  margin-right: 1px;
  white-space: nowrap;
}

/* 调整导航链接样式 */
.nav-menu a {
  padding: 10px 8px; /* 减少左右padding */
  text-decoration: none;
  display: inline-block;
  color: #fff;
  font-family: "Oswald", Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  outline: none;
  white-space: nowrap;
}

/* 确保子菜单项正确显示 */
.nav-menu ul li {
  transition: 0.3s;
  min-width: auto;
  width: 100%;
  float: none;
}

.nav-menu ul li a {
  padding: 10px 15px;
  color: #333;
  transition: 0.3s;
  display: block;
  font-size: 13px;
  text-transform: none;
  width: 100%;
  box-sizing: border-box;
}

/* 三级菜单支持 */
.nav-menu ul ul {
  top: 0;
  left: 100%;
  margin: 0;
}

/* 响应式调整 */
@media (max-width: 1200px) {
  .nav-menu a {
    font-size: 12px;
    padding: 10px 6px;
  }
}

@media (max-width: 1024px) {
  .nav-menu a {
    font-size: 11px;
    padding: 10px 4px;
  }
}

/* 修复header容器 */
#header .container {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px;
  width: 100%;
  overflow: visible; /* 确保子菜单可以显示 */
}

/* 确保header本身不会产生滚动条 */
#header {
  overflow: visible;
  position: relative;
}

/* 修复可能的z-index冲突 */
#intro {
  position: relative;
  z-index: 1; /* 降低intro区域的z-index */
}

/* 增强hover效果 */
.nav-menu li {
  position: relative;
}

.nav-menu li:hover > a,
.nav-menu > .menu-active > a {
  color: #58afef;
  background-color: rgba(88, 175, 239, 0.1);
  border-radius: 3px;
}

.nav-menu ul li:hover > a {
  color: #58afef;
  background-color: rgba(88, 175, 239, 0.1);
}

/* 添加箭头指示器样式 */
.nav-menu .menu-has-children > a:after {
  content: "\f107";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  margin-left: 5px;
  font-size: 10px;
}

.nav-menu ul .menu-has-children > a:after {
  content: "\f105";
  float: right;
  margin-left: 10px;
}