/**
 * 顶栏导航：字号对齐易全球官网 + PC 强制单行
 * 基准：.gsc-header-nav__link { font-size: 13px; font-weight: 600; }
 * v=20260729navfold6
 *
 * 根因：部分之家站 .gf-header__inner 用 3 列 grid，
 * 插入语言下拉后变成 4 个子元素，右侧热链被挤到第二行。
 * 「全部官网」下拉统一展示全站目录（对齐 sites-portal）。
 */
:root {
  --eg-nav-fs: 13px;
  --eg-nav-fw: 600;
}

/* VISA省钱卡主站 */
.vs-nav,
.vs-nav a {
  font-size: var(--eg-nav-fs) !important;
  font-weight: var(--eg-nav-fw);
}

/* 实体之家顶栏主导航 + 关联站 */
.gf-nav a,
.gf-nav-extra > a,
.gf-nav-extra .gf-eco-dd__btn {
  font-size: var(--eg-nav-fs) !important;
  font-weight: var(--eg-nav-fw) !important;
}

/* 服务中心 */
.sc-nav a {
  font-size: var(--eg-nav-fs) !important;
  font-weight: var(--eg-nav-fw);
}

/* 易跨境 / 子站 */
.ec-nav,
.ec-nav a {
  font-size: var(--eg-nav-fs) !important;
  font-weight: 700;
}

/* 主播招募族 */
.ar-nav a {
  font-size: var(--eg-nav-fs) !important;
  font-weight: 700;
}

/* 拼夕夕 */
.nav-desktop a {
  font-size: var(--eg-nav-fs) !important;
  font-weight: 700;
}

/* 易全球 official / easyglobal 子页简易顶栏 */
.gsc-subpage__nav a {
  font-size: var(--eg-nav-fs) !important;
  font-weight: var(--eg-nav-fw);
}

.gsc-header-nav__link {
  font-size: var(--eg-nav-fs) !important;
  font-weight: var(--eg-nav-fw) !important;
}

/* ========== PC 顶栏强制单行（≥981px） ========== */
@media (min-width: 981px) {
  /* 覆盖各站 3 列 grid：一律 flex 单行，容纳 品牌|导航|语言|右侧 */
  .ec-header__inner,
  .ar-header__inner,
  .sc-header__inner,
  .gf-header__inner,
  .vs-header__inner,
  .gsc-header__inner,
  .site-header__inner,
  .gsc-subpage__header,
  .px-header__inner,
  .header-inner {
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    align-items: center !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    gap: 8px;
    min-width: 0;
  }

  .ec-nav,
  .ar-nav,
  .sc-nav,
  .gf-nav,
  .vs-nav,
  .gsc-header-nav,
  .gsc-subpage__nav,
  .nav-desktop,
  .px-nav {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden; /* 由 site-nav-collapse 折进「更多」，避免横向滚动+遮挡 */
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .ec-nav::-webkit-scrollbar,
  .ar-nav::-webkit-scrollbar,
  .sc-nav::-webkit-scrollbar,
  .gf-nav::-webkit-scrollbar,
  .vs-nav::-webkit-scrollbar,
  .gsc-header-nav::-webkit-scrollbar,
  .gsc-subpage__nav::-webkit-scrollbar,
  .nav-desktop::-webkit-scrollbar,
  .px-nav::-webkit-scrollbar {
    display: none;
  }

  .ec-nav a,
  .ar-nav a,
  .sc-nav a,
  .gf-nav a,
  .vs-nav a,
  .gsc-header-nav__link,
  .gsc-subpage__nav a,
  .nav-desktop a,
  .px-nav a {
    white-space: nowrap !important;
    flex-shrink: 0;
  }

  /* 右侧操作区 + 语言：不换行、不挤出第二行 */
  .ec-header .gsc-lang-dd,
  .ar-header .gsc-lang-dd,
  .sc-header .gsc-lang-dd,
  .gf-header .gsc-lang-dd,
  .vs-header .gsc-lang-dd,
  .gsc-header .gsc-lang-dd,
  .site-header .gsc-lang-dd,
  .gsc-header-actions,
  .header-actions,
  .vs-header__right,
  .gf-header__right,
  .ec-header__right,
  .ar-header__right,
  .sc-header__right {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    flex-shrink: 0;
    min-width: 0;
  }

  .gsc-header-nav > a[href^="04-other/"],
  .gsc-header-nav > a[href^="02-anchor/"],
  .gsc-header-nav > a[href^="03-parttime/"],
  .gsc-header-nav > a[href^="01-zhijia/"],
  .site-header .nav-desktop > a[href^="04-other/"],
  .site-header .nav-desktop > a[href^="02-anchor/"],
  .site-header .nav-desktop > a[href^="03-parttime/"],
  .gf-nav-extra {
    display: inline-flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    flex-shrink: 0;
    gap: 4px !important;
  }

  .gf-nav-extra > a,
  .gf-nav-extra .gf-eco-dd__btn {
    padding: 4px 8px !important;
    white-space: nowrap !important;
  }

  .gf-header__cta,
  .vs-header__cta,
  .zj-member-entry--header {
    flex-shrink: 0;
    white-space: nowrap !important;
  }

  .gf-brand,
  .vs-brand,
  .sc-brand,
  .ec-brand,
  .ar-brand,
  .site-header .brand,
  .gsc-subpage__logo {
    flex-shrink: 0;
    min-width: 0;
  }
}

/* 中等桌面：收紧间距，保证长导航仍单行 */
@media (min-width: 981px) and (max-width: 1480px) {
  .ec-brand__sub,
  .ar-brand__sub,
  .sc-brand__sub,
  .gf-brand__sub,
  .vs-brand__sub {
    display: none !important;
  }

  .ec-header__inner,
  .ar-header__inner,
  .sc-header__inner,
  .gf-header__inner,
  .vs-header__inner,
  .gsc-header__inner,
  .site-header__inner,
  .gsc-subpage__header {
    gap: 6px !important;
  }

  .ec-nav {
    gap: 2px 6px !important;
  }
  .ec-nav a {
    font-size: 13px !important;
  }

  .ar-nav,
  .sc-nav {
    gap: 2px 4px !important;
  }
  .ar-nav a,
  .sc-nav a {
    font-size: 13px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .gf-nav {
    flex-wrap: nowrap !important;
    gap: 1px 2px !important;
  }
  .gf-nav a {
    font-size: 13px !important;
    padding: 5px 6px !important;
  }

  .vs-nav {
    gap: 2px 4px !important;
  }

  .gf-nav-extra > a,
  .gf-nav-extra .gf-eco-dd__btn {
    font-size: 14px !important;
    padding: 4px 7px !important;
  }

  .ec-cta,
  .ar-cta,
  .sc-cta,
  .gf-header__cta,
  .vs-header__cta {
    padding: 0 10px !important;
    min-height: 32px !important;
    font-size: 13px !important;
  }
}

/* 更窄桌面：热链收紧，仍保持一行 */
@media (min-width: 981px) and (max-width: 1180px) {
  .gf-nav-extra > a:not(.gf-eco-dd__btn) {
    /* 保留关键热链，略缩字 */
    max-width: 7.5em;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .vs-nav,
  .vs-nav a {
    font-size: 14px !important;
  }
}

/* ========== PC：先藏外链，避免 JS 前重影（site-nav-collapse 再收成「全部官网」） ========== */
@media (min-width: 981px) {
  .ec-nav > a.hot,
  .ar-nav > a.hot,
  .sc-nav > a.hot,
  .gf-nav > a.hot,
  .px-nav > a.hot,
  .ec-nav > a[href*="../"],
  .ar-nav > a[href*="../"],
  .sc-nav > a[href*="../"],
  .gf-nav > a[href*="../"],
  .vs-nav > a[href*="../"],
  .gsc-header-nav > a[href*="../"],
  .gsc-subpage__nav > a[href*="../"],
  .site-header .nav-desktop > a[href*="../"],
  /* 省钱卡/主站：同页热链可留首个，其余 hot 隐藏 */
  .vs-nav > a.vs-nav__hot ~ a.vs-nav__hot,
  .gsc-header-nav > a.gsc-header-nav__link--hot ~ a.gsc-header-nav__link--hot,
  .site-header .nav-desktop > a.nav-hot ~ a.nav-hot,
  .gf-nav-extra {
    display: none !important;
  }
}

/* ========== 「更多」折叠下拉（site-nav-collapse.js） ========== */
.site-nav-more {
  position: relative;
  flex: 0 0 auto;
  z-index: 120;
}
.site-nav-more[hidden] { display: none !important; }
.site-nav-more__btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.06);
  color: #e8eefc;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
}
.site-nav-more__caret { opacity: 0.75; transition: transform 0.2s; }
.site-nav-more.is-open .site-nav-more__caret { transform: rotate(180deg); }
.site-nav-more__btn:hover {
  border-color: rgba(245, 197, 66, 0.55);
  color: #fff;
  background: rgba(245, 197, 66, 0.12);
}
.site-nav-more.is-open .site-nav-more__btn {
  border-color: rgba(245, 197, 66, 0.7);
  color: #ffe08a;
}
.site-nav-more__panel {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 400;
  width: min(340px, calc(100vw - 24px));
  max-height: min(78vh, 640px);
  overflow: auto;
  padding: 10px;
  border-radius: 16px;
  border: 1px solid rgba(15, 23, 42, 0.08);
  background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
  box-shadow: 0 18px 48px rgba(13, 43, 77, 0.18);
}
.site-nav-more__panel[hidden] { display: none !important; }
.site-nav-more__stash { display: none !important; }
.site-nav-more__title {
  margin: 2px 4px 10px;
  padding: 0 4px 8px;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
  color: #0d2b4d;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0.02em;
}
.site-nav-more__group {
  margin: 10px 4px 6px;
  color: #94a3b8;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: none;
}
.site-nav-more__panel > a,
.site-nav-more__link {
  display: flex !important;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 6px;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  background: #fff !important;
  color: #334155 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  white-space: normal !important;
  max-width: none !important;
}
.site-nav-more__panel > a:last-child,
.site-nav-more__panel > .site-nav-more__link:last-child { margin-bottom: 0; }
.site-nav-more__panel > a:hover,
.site-nav-more__link:hover {
  border-color: rgba(13, 43, 77, 0.25) !important;
  background: rgba(13, 43, 77, 0.06) !important;
  color: #0d2b4d !important;
}
.site-nav-more__link.is-here {
  border-color: rgba(201, 162, 39, 0.45) !important;
  background: rgba(245, 197, 66, 0.12) !important;
  color: #8a6a00 !important;
  pointer-events: none;
}
.site-nav-more__all {
  margin-top: 8px !important;
  border-style: dashed !important;
  color: #0d2b4d !important;
  justify-content: center;
}
.site-nav-more__panel .gf-eco-dd {
  display: block !important;
  width: 100%;
  margin-top: 4px;
}
.site-nav-more__panel .gf-eco-dd__btn {
  width: 100%;
  justify-content: space-between;
  color: #334155 !important;
  border-color: rgba(15, 23, 42, 0.08) !important;
  background: #fff !important;
}
.site-nav-more__panel .gf-eco-dd__panel {
  position: static !important;
  width: 100% !important;
  max-height: none;
  margin-top: 8px;
  box-shadow: none;
}

/* 浅色顶栏（易全球 gsc） */
.site-nav-more--light .site-nav-more__btn {
  border-color: rgba(15, 23, 42, 0.12);
  background: #fff;
  color: #334155;
}
.site-nav-more--light .site-nav-more__btn:hover,
.site-nav-more--light.is-open .site-nav-more__btn {
  border-color: #0d2b4d;
  color: #0d2b4d;
}
.site-nav-more--light .site-nav-more__panel {
  border-color: rgba(15, 23, 42, 0.08);
  background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
  box-shadow: 0 18px 48px rgba(13, 43, 77, 0.18);
}
.site-nav-more--light .site-nav-more__panel > a,
.site-nav-more--light .site-nav-more__link {
  border-color: rgba(15, 23, 42, 0.08) !important;
  background: #fff !important;
  color: #334155 !important;
}
.site-nav-more--light .site-nav-more__panel > a:hover,
.site-nav-more--light .site-nav-more__link:hover {
  border-color: rgba(13, 43, 77, 0.25) !important;
  background: rgba(13, 43, 77, 0.06) !important;
  color: #0d2b4d !important;
}

@media (min-width: 981px) {
  .gf-header__inner,
  .vs-header__inner,
  .gsc-header__inner,
  .sc-header__inner,
  .ar-header__inner,
  .ec-header__inner,
  .site-header__inner,
  .gsc-subpage__header {
    overflow: visible;
  }
  .gf-header__right,
  .vs-header__right,
  .gsc-header__right,
  .header-actions {
    gap: 6px !important;
  }
  .gf-header .gsc-lang-dd,
  .vs-header .gsc-lang-dd,
  .gsc-header .gsc-lang-dd,
  .site-header .gsc-lang-dd,
  .ec-header .gsc-lang-dd,
  .ar-header .gsc-lang-dd,
  .sc-header .gsc-lang-dd {
    position: relative;
    z-index: 5;
    flex-shrink: 0;
  }
}