/* assets-common/nav.css */
/* 统一顶部导航布局：解决不同页面导航文字、主题开关、语言选择器细微不对齐 */

/* 只处理桌面端，避免影响移动端汉堡菜单 */
@media screen and (min-width: 1251px) {

  /* 右侧导航整体 */
  .header-right {
    display: flex !important;
    align-items: center !important;
    height: 70px !important;
  }

  /* 菜单列表：导航项 + 主题开关 + 可能存在的语言选择器 */
  .menu_list {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 18px !important;
    height: 70px !important;
    line-height: 1 !important;
  }

  /* 主导航列表 */
  .header-nav {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    height: 70px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
  }

  /* 每个导航项 */
  .header-nav > li {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 70px !important;
    min-width: auto !important;
    max-width: none !important;
    padding: 0 18px !important;
    margin: 0 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    position: relative;
  }

  /* 导航链接 */
  .header-nav > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 70px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .header-nav > li > a > span {
    display: block !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  /* 当前页下划线，固定在 li 底部 */
  .header-nav > li.active::after {
    bottom: 0 !important;
  }

  /* 统一主题切换区域：兼容 index.html 的 div.toggle-theme */
  .toggle-theme {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    height: 70px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    transform: none !important;
  }

  .toggle-theme > * {
    transform: none !important;
  }

  /* 统一主题切换区域：兼容 download/project 的 span.kaig-bottm */
  .kaig-bottm {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    height: 70px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    transform: none !important;
  }

  .kaig-bottm > * {
    transform: none !important;
  }

  /* 兼容 contact/resume 里直接裸放在 .menu_list 下的 svg 和开关 */
  .menu_list > svg,
  .menu_list > svg.icon,
  .menu_list > .icon,
  .menu_list > .my-radio,
  .menu_list > #myRadio,
  .menu_list > span.my-radio,
  .menu_list > span#myRadio {
    flex: 0 0 auto !important;
    align-self: center !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    transform: none !important;
    vertical-align: middle !important;
  }

  /* 开关本体不要被旧样式额外推开 */
  #myRadio,
  .my-radio {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* 语言选择器如果还在 ul.header-nav 里，也统一按导航高度居中 */
  .header-nav > li.language-selector {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 70px !important;
    padding: 0 10px !important;
    margin: 0 !important;
    transform: none !important;
  }

  .header-nav > li.language-selector > div,
  .language-selector > div {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    height: 70px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    transform: none !important;
  }

  .header-nav > li.language-selector img,
  .header-nav > li.language-selector img#lang-flag,
  .language-selector img,
  .language-selector img#lang-flag {
    display: block !important;
    width: 24px !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 0 !important;
    transform: none !important;
  }

  #language-select {
    height: 32px !important;
    line-height: 32px !important;
    margin: 0 !important;
    vertical-align: middle !important;
    transform: none !important;
  }
}