/* sidebar nav — 尺寸变量见 public/variable.css */
:root {
  --hudson-orange: #ed9040;
  /* 默认按 dark 侧栏 */
  --sidebar-logo-dark-display: block;
  --sidebar-logo-light-display: none;
}

.theme-dark {
  --sidebar-logo-dark-display: block;
  --sidebar-logo-light-display: none;
}

.theme-light {
  --sidebar-logo-dark-display: none;
  --sidebar-logo-light-display: block;
}

@media only screen and (min-width: 768px) {
  body:has(#globalheader.sidebar-header) {
    --global-header-height: 0px;
    --content-max: var(--inner-content-width, var(--content-width));
    /* 1 = 在侧栏右侧剩余区域居中；大屏改为 0，贴侧栏，空白留在右侧 */
    --content-center: 1;
    --content-edge-gap: 0px;
    padding-left: 0;
  }

  body:has(#globalheader.sidebar-header) .fluid-wrapper,
  body:has(#globalheader.sidebar-header) .footer-bd-inner,
  body:has(#globalheader.sidebar-header) .footer-ft-inner,
  body:has(#globalheader.sidebar-header) .row .wrapper,
  body:has(#globalheader.sidebar-header) .cta-row > .cta-inner {
    --content-avail: calc(100% - var(--sidebar-content-inset));
    box-sizing: border-box;
    width: min(
      var(--content-max),
      max(
        0px,
        var(--content-avail) - var(--content-edge-gap, 0px) *
          (1 - var(--content-center, 1))
      )
    );
    max-width: none;
    margin-left: calc(
      var(--sidebar-content-inset) + var(--content-edge-gap, 0px) *
        (1 - var(--content-center, 1)) +
        max(
          0px,
          (var(--content-avail) - min(var(--content-max), var(--content-avail))) / 2
        ) * var(--content-center, 1)
    );
    margin-right: auto;
    padding-left: var(--sidebar-content-pad);
    padding-right: var(--sidebar-content-pad);
  }

  #globalheader.sidebar-header .globalnav-placeholder {
    display: none !important;
    height: 0 !important;
  }

  #globalheader.sidebar-header #globalnav {
    position: fixed !important;
    left: var(--sidebar-offset-left) !important;
    top: var(--sidebar-inset-y) !important;
    right: auto !important;
    bottom: var(--sidebar-inset-y) !important;
    width: var(--sidebar-width) !important;
    /* 覆盖 gn.css ≤1023 的 min-width:320px，否则侧栏被撑到 320 */
    min-width: 0 !important;
    max-width: var(--sidebar-width) !important;
    height: auto !important;
    max-height: none !important;
    z-index: 9999;
    box-sizing: border-box !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none;
    overflow: visible;
    transition: none;
    pointer-events: auto;
  }

  /*
   * 背景用整图（含圆角、凹槽、描边）
   * /static/images/panel-dark.png、panel-light.png
   */
  #globalheader.sidebar-header #globalnav {
    --sidebar-tools-line: rgba(255, 255, 255, 0.2);
  }

  #globalheader.sidebar-header #globalnav::before {
    --sidebar-panel-img: url("../images/panel-dark.png");
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    box-sizing: border-box;
    border: none;
    border-radius: 0;
    box-shadow: none;
    filter: none;
    clip-path: none;
    -webkit-clip-path: none;
    background-color: transparent;
    background-image: var(--sidebar-panel-img);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    transition: background-image 0.45s ease;
  }

  /* 首页 1–3 屏：浅色面板 + 蓝色 logo */
  body.home #globalheader.sidebar-header #globalnav:not(.is-solid),
  #globalheader.sidebar-header #globalnav.is-glass {
    --sidebar-logo-dark-display: none;
    --sidebar-logo-light-display: block;
    --sidebar-tools-line: rgba(255, 255, 255, 0.2);
  }

  body.home #globalheader.sidebar-header #globalnav:not(.is-solid)::before,
  #globalheader.sidebar-header #globalnav.is-glass::before {
    --sidebar-panel-img: url("../images/panel-light.png");
  }

  body.home #globalheader.sidebar-header #globalnav.is-solid {
    --sidebar-logo-dark-display: block;
    --sidebar-logo-light-display: none;
  }

  #globalheader.sidebar-header #globalnav::after {
    display: none;
  }

  #globalheader.sidebar-header {
    overflow: visible !important;
  }

  #globalheader.sidebar-header #globalnav .gn-content {
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0.68rem 0 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    position: relative !important;
    background: transparent !important;
    z-index: 2;
    overflow: visible !important;
  }

  #globalheader.sidebar-header #globalnav .logo {
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100% !important;
    height: auto !important;
    min-height: 0;
    padding: 0;
    background: none !important;
    background-image: none !important;
    margin: 0 0 0.94rem !important;
    flex: none !important;
  }

  #globalheader.sidebar-header #globalnav .logo img,
  #globalheader.sidebar-header #globalnav .logo .logo-img {
    display: none;
    width: 1.2rem;
    max-width: 1.2rem;
    height: auto;
  }

  #globalheader.sidebar-header #globalnav .logo .logo-img-dark {
    display: var(--sidebar-logo-dark-display);
  }

  #globalheader.sidebar-header #globalnav .logo .logo-img-light {
    display: var(--sidebar-logo-light-display);
  }

  #globalheader.sidebar-header #globalnav .gn-header {
    display: none !important;
  }

  #globalheader.sidebar-header #globalnav .gn-list {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    box-sizing: border-box;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 0.24rem 0 0.32rem !important;
    list-style: none;
    gap: 0.32rem;
    overflow: visible !important;
  }

  #globalheader.sidebar-header #globalnav .gn-item {
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
    height: auto !important;
  }

  #globalheader.sidebar-header #globalnav .gn-link {
    --gn-accent: linear-gradient(
      228.95deg,
      rgba(255, 150, 0, 1) 0%,
      rgba(248, 143, 34, 1) 72%,
      rgba(234, 97, 19, 1) 100%
    );
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    height: auto !important;
    min-height: 0.4rem;
    padding: 0.04rem 0 !important;
    text-align: center;
    text-decoration: none !important;
    color: #fff;
    font-family: "HarmonyOS Sans", "HarmonyOS Sans SC", sans-serif;
    font-size: var(--font18);
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.3 !important;
    transition: font-size 0.25s ease;
    border-radius: 0;
    background: none;
    white-space: nowrap;
  }

  #globalheader.sidebar-header #globalnav .gn-link-label {
    display: inline-block;
    background-image: var(--gn-accent);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: #fff;
    color: #fff;
    transition: -webkit-text-fill-color 0.35s ease, color 0.35s ease;
  }

  /* active 橙线：默认收起，仅当前页展开（scaleX 更丝滑） */
  #globalheader.sidebar-header #globalnav .gn-link::after {
    content: "";
    position: absolute;
    left: 50%;
    top: calc(100% + 0.04rem);
    width: 1.46rem;
    height: 0.04rem;
    margin: 0;
    border-radius: 60px;
    background: var(--gn-accent);
    transform: translateX(-50%) scaleX(0);
    transform-origin: center;
    opacity: 0;
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.28s ease;
    pointer-events: none;
  }

  /* hover：字号放大，并变成渐变字，不要横线 */
  #globalheader.sidebar-header #globalnav .gn-item:hover > .gn-link {
    font-size: var(--font24);
  }

  #globalheader.sidebar-header #globalnav .gn-item-menu:hover > .gn-link .gn-link-label {
    -webkit-text-fill-color: transparent;
    color: transparent;
  }

  #globalheader.sidebar-header #globalnav .gn-item-menu.active1 > .gn-link::after {
    transform: translateX(-50%) scaleX(1);
    opacity: 1;
  }

  #globalheader.sidebar-header #globalnav .gn-item-menu .toggle-btn {
    display: none !important;
  }

  #globalheader.sidebar-header #globalnav .gn-item-menu {
    position: relative;
  }

  /* 二级菜单：右侧浮出（覆盖 layout.css .dropdown { display:none }） */
  #globalheader.sidebar-header #globalnav .gn-item-menu {
    overflow: visible !important;
  }

  #globalheader.sidebar-header #globalnav .gn-item-menu .dropdown {
    display: block !important;
    position: absolute !important;
    /* 跨过列表右内边距，整块浮在蓝色侧栏外面 */
    left: calc(100% + 0.46rem) !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    width: auto !important;
    min-width: 2.36rem;
    margin: 0 !important;
    padding: 0.1rem !important;
    list-style: none;
    counter-reset: subnav;
    background: #fff !important;
    border: 0 !important;
    border-radius: 0.16rem;
    box-shadow: 0 0.12rem 0.32rem rgba(8, 32, 72, 0.12),
      0 0.02rem 0.06rem rgba(8, 32, 72, 0.06);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    z-index: 10050;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(-0.08rem, -50%) !important;
    transition: opacity 0.28s ease, visibility 0.28s ease,
      transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
  }

  /* 左侧小三角，指向当前菜单 */
  #globalheader.sidebar-header #globalnav .gn-item-menu .dropdown::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: -0.07rem !important;
    top: 50% !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border-style: solid !important;
    border-width: 0.07rem 0.08rem 0.07rem 0 !important;
    border-color: transparent #fff transparent transparent !important;
    background: none !important;
    transform: translateY(-50%) !important;
    box-shadow: none !important;
  }

  #globalheader.sidebar-header #globalnav .gn-item-menu .dropdown::before {
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 0.16rem;
  }

  #globalheader.sidebar-header #globalnav .gn-item-menu:hover > .dropdown,
  #globalheader.sidebar-header #globalnav .gn-item-menu:focus-within > .dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(0, -50%) !important;
  }

  #globalheader.sidebar-header #globalnav .gn-item-menu .dropdown a {
    display: flex;
    align-items: center;
    gap: 0.12rem;
    margin: 0.02rem 0;
    padding: 0.11rem 0.16rem 0.11rem 0.14rem;
    color: #243044 !important;
    font-size: var(--font16);
    line-height: 1.45;
    text-align: left;
    white-space: nowrap;
    text-decoration: none;
    border-radius: 0.1rem;
    background: transparent !important;
    transition: color 0.2s ease, background 0.2s ease;
  }

  #globalheader.sidebar-header #globalnav .gn-item-menu .dropdown a:hover {
    color: var(--main-color, #003f98) !important;
    background: #f2f6fc !important;
  }

  #globalheader.sidebar-header #globalnav .gn-tools {
    position: relative;
    width: 100%;
    margin-top: auto;
    /* 设计：左 34px、底 39px；分割线仍通栏 */
    padding: 0.2rem 0.34rem 0.39rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    box-sizing: border-box;
    overflow: visible;
  }

  /* 分割线相对容器通栏 */
  #globalheader.sidebar-header #globalnav .gn-tools::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: var(--sidebar-tools-line, rgba(255, 255, 255, 0.2));
  }

  #globalheader.sidebar-header #globalnav .gn-tool {
    flex: 0 0 0.24rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 0.24rem;
    height: 0.24rem;
    min-width: 0.24rem;
    color: #fff;
    text-decoration: none;
  }

  #globalheader.sidebar-header #globalnav .gn-tool-lang {
    font-family: "Noto Sans SC", "HarmonyOS Sans", sans-serif;
    font-size: 0.18rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 0.26rem;
    text-align: center;
  }

  #globalheader.sidebar-header #globalnav .gn-tool img,
  #globalheader.sidebar-header #globalnav .gn-tool svg {
    width: 0.24rem;
    height: 0.24rem;
    display: block;
    object-fit: contain;
  }

  #globalheader.sidebar-header #globalnav .gn-tool-search.header-search {
    position: relative;
    max-width: none;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #fff;
    z-index: 20;
  }

  #globalheader.sidebar-header #globalnav .gn-tool-tel,
  #globalheader.sidebar-header #globalnav .gn-tool-qr {
    position: relative;
  }

  #globalheader.sidebar-header #globalnav .gn-tool-tel {
    z-index: 22;
    cursor: pointer;
    overflow: visible;
  }

  #globalheader.sidebar-header #globalnav .gn-tool-qr {
    z-index: 21;
  }

  #globalheader.sidebar-header #globalnav .gn-tool-tel-pop,
  #globalheader.sidebar-header #globalnav .gn-tool-qr-pop {
    position: absolute;
    left: calc(100% + 0.12rem);
    top: 50%;
    transform: translateY(-50%) translateX(0.06rem);
    box-sizing: border-box;
    background: #fff;
    border-radius: 0.08rem;
    box-shadow: 0 0.04rem 0.16rem rgba(0, 0, 0, 0.15);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
  }

  #globalheader.sidebar-header #globalnav .gn-tool-tel-pop {
    width: auto;
    min-width: 2.2rem;
    height: auto;
    padding: 0.18rem 0.22rem 0.16rem;
    color: var(--main-color, #0d3066);
    text-align: left;
    white-space: nowrap;
  }

  #globalheader.sidebar-header #globalnav .gn-tool-tel-label {
    display: block;
    margin: 0 0 0.12rem;
    padding-bottom: 0.1rem;
    border-bottom: 1px solid rgba(13, 48, 102, 0.1);
    color: #667085;
    font-size: 0.12rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    line-height: 1.2;
  }

  #globalheader.sidebar-header #globalnav .gn-tool-tel-list {
    display: flex;
    flex-direction: column;
    gap: 0.06rem;
  }

  #globalheader.sidebar-header #globalnav .gn-tool-tel-num {
    display: flex;
    align-items: baseline;
    gap: 0.08rem;
    margin: 0;
    padding: 0.04rem 0;
    color: var(--main-color, #0d3066);
    text-decoration: none;
    border-radius: 0.04rem;
    transition: color 0.2s ease;
  }

  #globalheader.sidebar-header #globalnav .gn-tool-tel-tag {
    flex: 0 0 auto;
    min-width: 0;
    color: #98a2b3;
    font-size: 0.12rem;
    font-weight: 400;
    line-height: 1.4;
  }

  #globalheader.sidebar-header #globalnav .gn-tool-tel-val {
    flex: 1 1 auto;
    font-size: 0.16rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.4;
    font-variant-numeric: tabular-nums;
  }

  #globalheader.sidebar-header #globalnav .gn-tool-tel-num:hover {
    color: var(--accent-color, #ed9040);
  }

  #globalheader.sidebar-header #globalnav .gn-tool-tel-num:hover .gn-tool-tel-tag {
    color: var(--accent-color, #ed9040);
  }

  #globalheader.sidebar-header #globalnav .gn-tool-qr-pop {
    width: 1.8rem;
    height: 1.8rem;
    padding: 0.12rem;
  }

  #globalheader.sidebar-header #globalnav .gn-tool-qr-pop img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  #globalheader.sidebar-header #globalnav .gn-tool-tel:hover .gn-tool-tel-pop,
  #globalheader.sidebar-header #globalnav .gn-tool-tel:focus-within .gn-tool-tel-pop,
  #globalheader.sidebar-header #globalnav .gn-tool-qr:hover .gn-tool-qr-pop,
  #globalheader.sidebar-header #globalnav .gn-tool-qr:focus-within .gn-tool-qr-pop {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(-50%) translateX(0);
  }

  #globalheader.sidebar-header
    #globalnav
    .gn-tool-tel:hover
    ~ .gn-tool-qr
    .gn-tool-qr-pop,
  #globalheader.sidebar-header
    #globalnav
    .gn-tool-tel:focus-within
    ~ .gn-tool-qr
    .gn-tool-qr-pop {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-50%) translateX(0.06rem) !important;
  }
}

@media only screen and (max-width: 767px) {
  body:has(#globalheader.sidebar-header) {
    padding-left: 0;
    --global-header-height: 48px;
  }

  #globalheader.sidebar-header #globalnav {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: auto !important;
    width: 100% !important;
    height: var(--global-header-height) !important;
    min-width: 0 !important;
    max-width: none !important;
    max-height: none !important;
  }

  #globalheader.sidebar-header #gn-menustate:checked ~ #globalnav,
  #globalheader.sidebar-header #gn-menustate:target ~ #globalnav {
    height: 100% !important;
  }

  #globalheader.sidebar-header #globalnav::before,
  #globalheader.sidebar-header #globalnav::after {
    display: none !important;
  }

  #globalheader.sidebar-header #globalnav .logo {
    display: none !important;
  }

  /* 移动端：隐藏侧栏工具，仅保留搜索入口到顶栏 */
  #globalheader.sidebar-header #globalnav .gn-tools {
    display: block !important;
    position: static;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    overflow: visible;
    border: 0;
  }

  #globalheader.sidebar-header #globalnav .gn-tools::before {
    display: none !important;
  }

  #globalheader.sidebar-header #globalnav .gn-tool-lang,
  #globalheader.sidebar-header #globalnav .gn-tool-tel,
  #globalheader.sidebar-header #globalnav .gn-tool-qr {
    display: none !important;
  }

  #globalheader.sidebar-header #globalnav .gn-tool-search.header-search {
    display: flex !important;
    position: absolute;
    right: 56px;
    top: 0;
    width: 48px;
    height: 48px;
    z-index: 5;
  }

  #globalheader.sidebar-header #globalnav .gn-tool-search.header-search img,
  #globalheader.sidebar-header #globalnav .gn-tool-search.header-search svg {
    width: 22px;
    height: 22px;
    /* 顶栏浅色底用深色图标 */
    filter: brightness(0);
  }

  #globalheader.sidebar-header #globalnav .gn-header {
    display: block !important;
  }

  #globalheader.sidebar-header #globalnav .gn-apple {
    display: flex !important;
  }

  #globalheader.sidebar-header #globalnav .gn-list {
    padding-top: 8px;
  }

  #globalheader.sidebar-header #globalnav .gn-item-menu .gn-link {
    height: auto !important;
    min-height: 0;
    justify-content: flex-start;
    padding: 0 !important;
    display: inline-block;
    width: auto;
    font-size: 16px;
    line-height: 24px;
  }

  #globalheader.sidebar-header #globalnav .gn-link-label {
    -webkit-text-fill-color: #1a2332;
    color: #1a2332;
    background: none;
  }

  #globalheader.sidebar-header #globalnav .gn-item-menu.active > .gn-link .gn-link-label,
  #globalheader.sidebar-header
    #globalnav
    .gn-item-menu.active1
    > .gn-link
    .gn-link-label {
    -webkit-text-fill-color: var(--main-color);
    color: var(--main-color);
  }

  #globalheader.sidebar-header #globalnav .gn-item-menu .toggle-btn {
    display: block !important;
    color: #333;
    font-size: 18px;
    line-height: 24px;
    height: 24px;
  }

  #globalheader.sidebar-header #globalnav .gn-item-lang {
    display: block !important;
  }

  #globalheader.sidebar-header #globalnav .gn-item-menu .dropdown {
    display: none;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 0 4px !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  #globalheader.sidebar-header #globalnav .gn-item-menu .dropdown a {
    padding: 8px 4px 8px 16px;
    color: #333 !important;
    font-size: 14px;
    background: transparent !important;
  }

  #globalheader.sidebar-header #globalnav .gn-item-menu .dropdown a:hover {
    color: var(--main-color) !important;
    background: transparent !important;
  }

  #globalheader.sidebar-header #globalnav .gn-item-menu .dropdown::after,
  #globalheader.sidebar-header #globalnav .gn-item-menu .dropdown a::before {
    display: none !important;
  }

  #globalheader.sidebar-header #globalnav .gn-link::after {
    display: none !important;
  }
}

/* 侧栏入场：首页 fadeInUp；内页从左侧滑入 */
@media only screen and (min-width: 768px) {
  body:has(#globalheader.sidebar-header):not(.sidebar-entered):not(.motion-reduced)
    #globalnav
    .gn-content
    > .logo,
  body:has(#globalheader.sidebar-header):not(.sidebar-entered):not(.motion-reduced)
    #globalnav
    .gn-list,
  body:has(#globalheader.sidebar-header):not(.sidebar-entered):not(.motion-reduced)
    #globalnav
    .gn-tools,
  body:has(#globalheader.sidebar-header):not(.sidebar-entered):not(.motion-reduced)
    #globalnav::before {
    opacity: 0;
  }

  /* 内页：左侧滑入 */
  body.page-inner.sidebar-entered #globalheader.sidebar-header #globalnav::before {
    animation: fadeInLeft 0.85s both;
  }

  body.page-inner.sidebar-entered
    #globalheader.sidebar-header
    #globalnav
    .gn-content
    > .logo {
    animation: fadeInLeft 1.1s both;
  }

  body.page-inner.sidebar-entered #globalheader.sidebar-header #globalnav .gn-list {
    animation: fadeInLeft 0.85s both;
  }

  body.page-inner.sidebar-entered #globalheader.sidebar-header #globalnav .gn-tools {
    animation: fadeInLeft 1s both;
  }

  /* 首页：上浮入场（保持原效果） */
  body.home.sidebar-entered #globalheader.sidebar-header #globalnav::before {
    animation: fadeInUp 1s both;
  }

  body.home.sidebar-entered #globalheader.sidebar-header #globalnav .gn-content > .logo {
    animation: fadeInUp 1.5s both;
  }

  body.home.sidebar-entered #globalheader.sidebar-header #globalnav .gn-list {
    animation: fadeInUp 1s both;
  }

  body.home.sidebar-entered #globalheader.sidebar-header #globalnav .gn-tools {
    animation: fadeInUp 1.2s both;
  }
}

@media only screen and (max-width: 767px) {
  #globalheader.sidebar-header #globalnav .gn-content > .logo,
  #globalheader.sidebar-header #globalnav .gn-list,
  #globalheader.sidebar-header #globalnav .gn-tools,
  #globalheader.sidebar-header #globalnav::before {
    opacity: 1;
    animation: none;
  }
}

/* 平板～中屏：侧栏略收，避免占位过大 */
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  :root {
    --sidebar-width: 1.68rem;
    --sidebar-offset-left: 0.14rem;
    --sidebar-inset-y: 5vh;
    --sidebar-content-pad: 0.24rem;
  }

  #globalheader.sidebar-header #globalnav .logo img,
  #globalheader.sidebar-header #globalnav .logo .logo-img {
    width: 1.08rem;
    max-width: 1.08rem;
  }

  #globalheader.sidebar-header #globalnav .gn-content {
    padding-top: 0.4rem !important;
  }

  #globalheader.sidebar-header #globalnav .logo {
    margin-bottom: 0.48rem !important;
  }

  #globalheader.sidebar-header #globalnav .gn-list {
    padding: 0 0.12rem 0 0.16rem !important;
    gap: 0.12rem;
  }

  #globalheader.sidebar-header #globalnav .gn-link {
    font-size: var(--font16);
  }
}

/* 大屏：内容仍在侧栏右侧居中。栏宽随剩余空间加到 2000px，左右空白一起收 */
@media only screen and (min-width: 1920px) {
  body:has(#globalheader.sidebar-header) {
    --content-width: min(
      2000px,
      max(1480px, 100vw - var(--sidebar-content-inset) - 220px)
    );
    --inner-content-width: var(--content-width);
    --content-center: 1;
    --content-edge-gap: 0px;
  }
}