@import url('about-ed-logo-unify.css?v=20260809edlogo3');

/**
 * about 官网：汉堡 + 返回键可点 + 关闭态抽屉不挡顶栏
 * v=20260821logo1 — 手机顶栏隐藏中部导航，避免 Logo 被挤成裂图 + 「易.」
 */

/* about 站：顶栏/抽屉「全部官网」入口禁用 v=20260809nost1 */
.site-nav-more,
.site-nav-more__btn,
.site-nav-more__panel,
[data-site-nav-more] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* 返回键：抬高层级，避免 flex 品牌区盖住点击 */
.gf-header-back,
.vs-header .gf-header-back,
.ec-header .gf-header-back,
.sc-header .gf-header-back,
.ar-header .gf-header-back,
.dt-header .gf-header-back,
.site-header .gf-header-back,
.osi-header .gf-header-back,
.ed-nw-top .gf-header-back,
.sd-header .gf-header-back,
.gsc-header .gf-header-back,
.v51-header .gf-header-back,
.gsc-subpage__header .gf-header-back {
  position: relative;
  z-index: 9201;
  pointer-events: auto !important;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  flex-shrink: 0;
}

/* 品牌区压低层级，避免后绘制盖住返回键 */
.gf-brand,
.vs-header .gf-brand,
.ec-header .gf-brand,
.sc-header .gf-brand,
.ar-header .gf-brand,
.dt-header .gf-brand,
.site-header .gf-brand,
.ed-nw-brand {
  position: relative;
  z-index: 1;
}

/* EasyDecide about 顶栏：PC 隐藏返回键，手机保留 */
@media (min-width: 980px) {
  .ed-nw-top .gf-header-back {
    display: none !important;
  }
}
@media (max-width: 979px) {
  .ed-nw-top .gf-header-back {
    display: inline-grid !important;
  }
}

/* 关闭态：整棵抽屉树不参与命中（Safari 下子元素 default auto 会挡点击） */
.gf-drawer:not(.is-open),
.vs-drawer:not(.is-open),
.gsc-drawer:not(.is-open),
.ec-drawer:not(.is-open),
.drawer:not(.is-open),
.dt-drawer:not(.is-open),
.sd-drawer:not(.is-open),
.ed-nw-drawer:not(.is-open),
.ed-nw-drawer-bg:not(.is-open),
#pxDrawer:not(.is-open) {
  pointer-events: none !important;
  visibility: hidden;
  z-index: 90 !important;
  overflow: hidden !important;
  clip-path: inset(0) !important;
}
.gf-drawer:not(.is-open) *,
.vs-drawer:not(.is-open) *,
.gsc-drawer:not(.is-open) *,
.ec-drawer:not(.is-open) *,
.drawer:not(.is-open) *,
.dt-drawer:not(.is-open) *,
.sd-drawer:not(.is-open) *,
.ed-nw-drawer:not(.is-open) *,
.ed-nw-drawer-bg:not(.is-open) *,
#pxDrawer:not(.is-open) * {
  pointer-events: none !important;
}

.gf-drawer.is-open,
.vs-drawer.is-open,
.gsc-drawer.is-open,
.ec-drawer.is-open,
.drawer.is-open,
.dt-drawer.is-open,
.sd-drawer.is-open,
.ed-nw-drawer.is-open,
.ed-nw-drawer-bg.is-open,
#pxDrawer.is-open {
  pointer-events: auto !important;
  visibility: visible;
  z-index: 10060 !important;
}
/* 打开态：子节点必须可点（覆盖关闭态 * { pe:none } 残留） */
.gf-drawer.is-open *,
.vs-drawer.is-open *,
.gsc-drawer.is-open *,
.ec-drawer.is-open *,
.drawer.is-open *,
.dt-drawer.is-open *,
.sd-drawer.is-open *,
.ed-nw-drawer.is-open *,
#pxDrawer.is-open * {
  pointer-events: auto !important;
}
/* 语言列表向上弹出时盖住菜单滚动区：关掉滚动层命中，否则点简体中文点到导航 */
.ed-nw-drawer.is-open:has(.gsc-lang-dd.is-open) .ed-drawer__scroll,
.ed-nw-drawer.is-open:has(.gsc-lang-dd.is-open) .ed-drawer__scroll *,
.ed-nw-drawer.is-open:has(.gsc-lang-dd.is-open) .ed-mob-unified-nav,
.ed-nw-drawer.is-open:has(.gsc-lang-dd.is-open) .ed-mob-unified-nav * {
  pointer-events: none !important;
}
.ed-nw-drawer.is-open:has(.gsc-lang-dd.is-open) .ed-drawer__lang,
.ed-nw-drawer.is-open:has(.gsc-lang-dd.is-open) .ed-drawer__lang * {
  pointer-events: auto !important;
  z-index: 80;
}
.ed-nw-drawer.is-open .ed-drawer__chat,
.ed-nw-drawer.is-open .ed-drawer__chat * {
  pointer-events: auto !important;
}
.ed-nw-drawer.is-open .ed-drawer__chat {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex-shrink: 0;
  padding: 0 0 10px;
}
/* body 有 ec-drawer-open 但抽屉未 .is-open：勿抬到 10050 挡顶栏 */
body.ec-drawer-open .ec-drawer:not(.is-open),
.ec-header.is-open ~ .ec-drawer:not(.is-open) {
  pointer-events: none !important;
  visibility: hidden !important;
  z-index: 90 !important;
}

/* 顶栏汉堡 / 菜单：抬高层级 + 真机可点 */
@media (max-width: 1100px) {
  .gf-header__right,
  .vs-header__right,
  .gsc-header__right,
  .header-actions,
  .site-header__inner,
  .px-header__inner,
  .osi-header__inner,
  .ed-nw-top__inner {
    position: relative;
    z-index: 9200;
  }

  .gf-menu-btn,
  .vs-menu-btn,
  .ec-menu,
  .ar-menu,
  .sc-menu-btn,
  .gsc-menu-btn,
  .menu-btn,
  .ed-nw-menu,
  [data-ec-menu],
  [data-ar-menu],
  [data-sc-menu],
  [data-ed-menu],
  [data-px-menu],
  [data-dt-menu],
  [data-sd-menu],
  [data-gsc-menu-toggle],
  .sd-menu,
  .dt-menu,
  [data-sd-menu],
  [data-dt-menu] {
    position: relative;
    z-index: 9201;
    pointer-events: auto !important;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
  }
}

/* 顶栏 gf-nav-extra 隐藏（内容已移到底部栏） v=20260809bottom4 */
html.about-has-bottom-nav .gf-header .gf-nav-extra,
html.about-has-bottom-nav .vs-header .gf-nav-extra,
html.about-has-bottom-nav .sc-header .gf-nav-extra,
html.about-has-bottom-nav .ec-header .gf-nav-extra,
html.about-has-bottom-nav .ar-header .gf-nav-extra,
html.about-has-bottom-nav .gsc-header .gf-nav-extra,
html.about-has-bottom-nav .site-header .gf-nav-extra {
  display: none !important;
}

/* 底部关联站 / 三站切换（全端） */
.about-bottom-nav,
.about-bottom-site-switch.ar-switch {
  display: none;
}

html.about-has-bottom-nav .about-bottom-nav,
.about-bottom-site-switch.ar-switch {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px 10px;
  margin: 0;
  padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px));
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(180deg, rgba(8, 14, 24, 0.96), rgba(4, 8, 16, 0.98));
}

.about-bottom-site-switch.ar-switch {
  border-top: 1px solid rgba(0, 119, 255, 0.22);
  border-bottom: none;
}

.about-bottom-site-switch .ar-switch__inner {
  width: 100%;
  justify-content: center;
}

.about-bottom-nav__extra {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.about-bottom-nav .gf-eco-dd__panel {
  top: auto;
  bottom: calc(100% + 8px);
  right: auto;
  left: 0;
}

/* 手机顶栏：品牌截断 + 邀请函紧凑 + 三杠固定 40px 不被挤出视口 */
@media (max-width: 1100px) {
  /* 顶栏贴左；右侧至少 10px，避免三杠被 overflow-x:clip 裁切 */
  .sd-header .wrap,
  .dt-header .wrap,
  .ec-header .wrap,
  .ar-header .wrap,
  .sc-header .wrap,
  .gf-header .wrap,
  .vs-header .wrap,
  .vs-header .vs-wrap,
  .gsc-header .wrap,
  .site-header .wrap,
  .px-header .wrap,
  .osi-header .wrap,
  .ed-nw-top .wrap {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
    padding-left: max(2px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(10px, env(safe-area-inset-right, 0px)) !important;
    box-sizing: border-box !important;
  }

  .ec-header__inner,
  .ar-header__inner,
  .sc-header__inner,
  .dt-header__inner,
  .sd-header__inner,
  .gf-header__inner,
  .vs-header__inner,
  .gsc-header__inner,
  .site-header__inner,
  .px-header__inner,
  .osi-header__inner,
  .ed-nw-top__inner {
    /* sticky 祖先下 overflow:hidden 会让右侧 CTA/汉堡真机点不中 */
    overflow: visible !important;
    max-width: 100% !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
    box-sizing: border-box;
    padding-left: max(2px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(10px, env(safe-area-inset-right, 0px)) !important;
  }

  .gf-header-back,
  .sd-header .gf-header-back,
  .dt-header .gf-header-back,
  .ec-header .gf-header-back,
  .ar-header .gf-header-back,
  .sc-header .gf-header-back,
  .vs-header .gf-header-back,
  .osi-header .gf-header-back,
  .ed-nw-top .gf-header-back {
    margin-left: 0 !important;
    margin-right: 2px !important;
  }

  .ec-brand,
  .ar-brand,
  .sc-brand,
  .dt-brand,
  .gf-brand,
  .vs-brand,
  .gsc-logo {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    overflow: hidden !important;
    position: relative;
    z-index: 1;
  }
  .gsc-header .gsc-header-nav,
  .gsc-header .gsc-btn-download.gsc-btn-header-assess {
    display: none !important;
  }
  .gsc-logo__img {
    flex: 0 0 40px !important;
    width: 40px !important;
    height: 40px !important;
    object-fit: cover;
  }

  .site-header-invite,
  .gf-header__cta.site-header-invite {
    order: 98 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 10px !important;
    min-height: 34px;
    font-size: 13px !important;
    flex: 0 0 auto !important;
    max-width: 4.5em;
    position: relative;
    z-index: 9201;
    pointer-events: auto !important;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }

  .gf-header__right,
  .vs-header__right,
  .gsc-header__right {
    margin-left: auto !important;
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: 0;
  }

  .gf-menu-btn,
  .vs-menu-btn,
  .ec-menu,
  .ar-menu,
  .sc-menu-btn,
  .gsc-menu-btn,
  .menu-btn,
  .ed-nw-menu,
  [data-ec-menu],
  [data-ar-menu],
  [data-sc-menu],
  [data-ed-menu],
  [data-px-menu],
  [data-dt-menu],
  [data-sd-menu],
  [data-gsc-menu-toggle] {
    order: 99 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    flex: 0 0 40px !important;
    flex-shrink: 0 !important;
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .gf-menu-btn svg,
  .vs-menu-btn svg,
  .ec-menu svg,
  .ar-menu svg,
  .sc-menu-btn svg,
  .gsc-menu-btn svg,
  .menu-btn svg,
  .ed-nw-menu svg {
    display: block !important;
    overflow: visible !important;
  }
}

@media (max-width: 480px) {
  .ec-brand__sub,
  .ar-brand__sub,
  .sc-brand__sub,
  .gf-brand__sub,
  .vs-brand__sub,
  .gsc-logo__sub {
    display: none !important;
  }
}

/* gsc/v51 顶栏返回键 */
.gsc-header .gf-header-back,
.v51-header .gf-header-back,
.gsc-subpage__header .gf-header-back {
  display: inline-grid;
  place-items: center;
  width: 40px;
  height: 40px;
  margin: 0 2px 0 0;
  border-radius: 12px;
  color: #fff;
  text-decoration: none;
  flex-shrink: 0;
}
.gsc-subpage__header {
  display: flex;
  align-items: center;
  gap: 6px;
}
