/**
 * 手机顶栏：Grid 硬隔离品牌/工具列；品牌左对齐双行公司名；工具区禁止 transform 溢出覆盖。
 */
@media (max-width: 900px), html.td-hdr-preview-mobile {
  .site-header .header-row--topbar {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas: "back brand tools";
    align-items: center;
    column-gap: var(--hdr-row-gap, 8px);
    row-gap: 0;
    padding-block: var(--hdr-row-padding-block, 4px);
    padding-left: var(--hdr-row-padding-inline, max(6px, env(safe-area-inset-left, 0px)));
    padding-right: var(--hdr-row-padding-inline, max(10px, env(safe-area-inset-right, 0px)));
    min-height: max(var(--hdr-r1-min-h, 48px), 56px);
    overflow: visible;
    box-sizing: border-box;
  }

  .site-header .header-row--topbar .nav-history-edge--left {
    grid-area: back;
    align-self: center;
  }

  .site-header .header-row--topbar .header-brand-wrap {
    grid-area: brand;
    flex: none;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    justify-content: flex-start !important;
    align-items: center;
    isolation: isolate;
  }

  .site-header .header-row--topbar .header-brand-cluster {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: clamp(6px, 1.6vw, 10px);
    row-gap: 2px;
    align-items: center;
    justify-content: flex-start;
    min-width: 0;
    width: 100%;
    max-width: 100%;
  }

  .site-header .header-row--topbar .header-brand-cluster .site-logo {
    grid-column: 1;
    grid-row: 1 / span 2;
    align-self: center;
    flex-shrink: 0;
  }

  .site-header .header-row--topbar .header-brand-cluster .brand {
    grid-column: 2;
    grid-row: 1 / span 2;
    min-width: 0;
    overflow: hidden;
    width: 100%;
  }

  .site-header .header-row--topbar .brand-link {
    display: flex;
    flex-direction: column;
    align-items: flex-start !important;
    text-align: left;
    gap: 2px;
    min-width: 0;
    width: 100%;
    overflow: hidden;
  }

  .site-header .header-row--topbar .brand-zh,
  .site-header .header-row--topbar .brand-en {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.2;
    text-align: left;
  }

  .site-header .header-row--topbar .brand-zh {
    font-size: var(
      --hdr-r1-brand-fs,
      var(--hdr-row-font-size, var(--nav-theme-brand-font-size, clamp(15px, 3.8vw, 20px)))
    );
    font-weight: var(--hdr-r1-brand-weight, 600);
    letter-spacing: var(--hdr-row-letter-spacing);
  }

  .site-header .header-row--topbar .brand-en {
    font-size: var(--hdr-r1-en-fs, clamp(12px, 2.8vw, 14px));
    font-weight: 500;
    opacity: 0.82;
    color: var(--hdr-r1-muted, var(--hdr-row-muted, var(--muted)));
  }

  .site-header .site-logo-img {
    width: clamp(32px, 8.5vw, 40px);
    height: clamp(32px, 8.5vw, 40px);
  }

  .site-header .header-topbar-tools {
    grid-area: tools;
    justify-self: end;
    align-self: center;
    flex: none;
    min-width: 0;
    max-width: min(220px, 52vw);
    width: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    overflow: visible;
    box-sizing: border-box;
    padding-right: 2px;
    flex-shrink: 0;
  }

  /* 搜索 + 登录 + 语言：强制同一水平行，禁止上下叠放 */
  .site-header .header-topbar-tools__inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    align-content: center !important;
    gap: var(--hdr-r1-tools-gap, 3px);
    width: auto;
    max-width: 100%;
    transform: none !important;
    margin-left: auto;
  }

  .site-header .header-topbar-tools__inner > .header-search-trigger {
    flex: 0 0 auto;
    order: 1;
  }

  .site-header .header-topbar-tools__inner > .header-r2-inner {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 0 0 auto;
    min-width: 0;
    gap: var(--hdr-r1-tools-gap, 3px);
    order: 2;
  }

  .site-header .header-r2-auth,
  .site-header .header-tools {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    flex: 0 0 auto;
    gap: var(--hdr-r1-tools-gap, 3px);
  }

  .site-header .header-tools {
    flex-shrink: 0;
  }

  /* 搜索：与导航/语言一致，无背景无边框，仅图标 */
  .site-header .header-search-trigger,
  .site-header .header-search-trigger:hover,
  .site-header .header-search-trigger:active,
  .site-header .header-search-trigger:focus,
  .site-header .header-search-trigger:focus-visible {
    width: auto;
    height: auto;
    min-width: 0;
    min-height: 0;
    padding: var(--hdr-r1-search-pad, 0 2px) !important;
    flex-shrink: 0;
    border: none !important;
    border-radius: 0;
    box-shadow: none !important;
    outline: none;
    background: transparent !important;
    color: var(--hdr-row-text, var(--nav-theme-text, var(--text))) !important;
    transform: none;
  }

  .site-header .header-search-trigger:hover {
    opacity: 0.75;
  }

  .site-header .header-search-trigger__icon {
    width: 1.45em;
    height: 1.45em;
    display: block;
  }

  /* 搜索 / 登录注册 / 语言：专用字号（比公司名可略大） */
  .site-header .header-topbar-tools,
  .site-header .header-topbar-tools__inner,
  .site-header .header-r2-inner,
  .site-header .header-tools {
    font-size: var(
      --hdr-r1-tools-fs,
      var(--nav-theme-tools-font-size, clamp(12px, 3.4vw, 15px))
    );
  }

  .site-header .header-row--r3 .nav-links a {
    font-size: var(--hdr-row-font-size, var(--hdr-r3-link-fs, var(--nav-theme-font-size, clamp(14px, 3.5vw, 17px))));
    padding: var(--hdr-r3-link-py, 4px) var(--hdr-r3-link-px, 10px);
    letter-spacing: var(--hdr-row-letter-spacing, var(--hdr-r3-link-ls));
  }

  .site-header .header-row--r3 .nav-links {
    gap: var(--hdr-r3-link-gap, clamp(3px, 0.85vw + 2px, 14px));
  }

  .site-header .header-lang-toggle__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 0 !important;
    padding: var(--hdr-r1-lang-pad, 0 2px) !important;
    border: none !important;
    border-radius: 0;
    font-size: inherit !important;
    font-weight: var(--hdr-r1-lang-fw, var(--hdr-r1-tools-fw, 400));
    line-height: 1.25 !important;
    flex-shrink: 0;
    background: transparent !important;
    box-shadow: none !important;
    text-decoration: none;
    color: var(--hdr-row-text, var(--nav-theme-text, var(--text)));
  }

  .site-header .header-lang-toggle__link:hover {
    opacity: 0.75;
    text-decoration: underline;
    text-underline-offset: 2px;
  }

  .site-header .header-lang-toggle__link {
    max-width: 4.5em;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* 登录/注册：与导航链接一致，无背景无边框 */
  .site-header .nav-auth-block .btn-sm,
  .site-header .nav-auth-entry,
  .site-header .nav-auth-entry.btn-sm,
  .site-header .nav-auth-entry.btn-primary,
  .site-header .nav-auth-entry.btn-ghost,
  .site-header a.nav-auth-entry.btn-primary,
  .site-header a.nav-auth-entry.btn-ghost {
    font-size: inherit !important;
    padding: var(--hdr-r1-login-pad, 0 2px) !important;
    min-height: 0 !important;
    line-height: 1.2 !important;
    max-width: none;
    white-space: nowrap;
    border: none !important;
    border-radius: 0;
    box-shadow: none !important;
    flex-shrink: 0;
    background: transparent !important;
    background-image: none !important;
    color: var(--hdr-row-text, var(--nav-theme-text, var(--text))) !important;
    font-weight: var(--hdr-r1-login-fw, var(--hdr-r1-tools-fw, 400));
    letter-spacing: 0;
    text-decoration: none;
  }

  .site-header .nav-auth-entry:hover,
  .site-header .nav-auth-entry.btn-primary:hover,
  .site-header .nav-auth-entry.btn-ghost:hover,
  .site-header a.nav-auth-entry.btn-primary:hover,
  .site-header a.nav-auth-entry.btn-ghost:hover {
    background: transparent !important;
    background-image: none !important;
    opacity: 0.75;
    color: var(--hdr-row-text, var(--nav-theme-text, var(--text))) !important;
    text-decoration: underline;
    text-underline-offset: 2px;
  }

  .site-header .nav-auth-block {
    gap: 0;
    flex-shrink: 0;
  }

  /* 空间仍不足时由 JS 加上 --compact / --tight，仅缩小工具，不缩放溢出 */
  .site-header .header-topbar-tools--tight .header-topbar-tools__inner,
  .site-header .header-topbar-tools--tight .header-r2-inner,
  .site-header .header-topbar-tools--tight .header-tools,
  .site-header .header-topbar-tools--tight .header-r2-auth {
    gap: 0 !important;
  }
}

@media (max-width: 430px) {
  .site-header .header-topbar-tools {
    max-width: min(200px, 52vw);
  }
}