.global-site-header{position:relative;z-index:40;border-bottom:1px solid #e9ded1;background:#fffcf7;color:#241d18;font:14px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
.global-site-header *{box-sizing:border-box}
.global-site-header-inner{width:min(100%,1280px);min-height:76px;margin:0 auto;padding:0 32px;display:flex;align-items:center;gap:30px}
.global-site-brand{display:inline-flex;align-items:center;gap:11px;flex:none;color:#241d18!important;text-decoration:none!important;white-space:nowrap;font-size:22px;font-weight:800;letter-spacing:-.5px}
.global-site-brand img{display:block;width:42px;height:42px;object-fit:contain;border:0;border-radius:0}
/* flex-wrap/margin 写死：法律页等页面有自己的 `nav{flex-wrap:wrap;margin-bottom:20px}`，会把全站导航拧折行 */
.global-site-nav{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:26px;min-width:0;margin:0 0 0 auto;padding:0}
.global-site-nav a{flex:none;margin:0;color:#675f56!important;text-decoration:none!important;white-space:nowrap;font-size:14px;font-weight:650}
.global-site-nav a:hover,.global-site-nav a[aria-current=page]{color:#e65c31!important}
.global-site-actions{display:flex;align-items:center;gap:10px;flex:none;margin-left:auto}
.global-site-cta{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 17px;border-radius:999px;background:#241d18;color:#fffaf3!important;text-decoration:none!important;white-space:nowrap;font-size:13px;font-weight:750}
.global-site-cta:hover{background:#e65c31}
.global-site-header .theme-select select{font-size:12px;padding:9px 30px 9px 13px}
.global-site-header .language-select{position:relative;display:inline-flex;align-items:center}
.global-site-header .language-select:after{content:"";position:absolute;right:17px;top:calc(50% - 4px);width:7px;height:7px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:rotate(45deg);pointer-events:none}
.global-site-header .language-select select{font:650 12px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;border:1px solid #e7d7c9;border-radius:999px;background:transparent;color:inherit;padding:9px 36px 9px 12px;max-width:132px;cursor:pointer;appearance:none;-webkit-appearance:none}
:root[lang=en] .global-site-brand,:root[lang=ja] .global-site-brand{font-size:20px}
@media(min-width:801px){:root[lang=en] .global-site-header-inner,:root[lang=ja] .global-site-header-inner{width:min(100%,1280px);gap:18px;justify-content:space-between}:root[lang=en] .global-site-nav,:root[lang=ja] .global-site-nav{gap:18px;margin:0}:root[lang=en] .global-site-actions,:root[lang=ja] .global-site-actions{gap:8px;margin:0}}
:root[data-theme=dark] .global-site-header .language-select select{border-color:#6b5547;color:#fff9f1}
:root[data-theme=dark] .global-site-header{background:#2b211c;border-color:#4a3930;color:#fff9f1}
:root[data-theme=dark] .global-site-brand{color:#fff9f1!important}
:root[data-theme=dark] .global-site-nav a{color:#d6c4b4!important}
:root[data-theme=dark] .global-site-nav a:hover,:root[data-theme=dark] .global-site-nav a[aria-current=page]{color:#ff9562!important}
:root[data-theme=dark] .global-site-cta{background:#fa7950;color:#211712!important}
@media(max-width:1050px){.global-site-header-inner{gap:18px}.global-site-nav{gap:16px}.global-site-nav a{font-size:13px}}
@media(min-width:801px) and (max-width:1265px){:root[lang=en] .global-site-header-inner,:root[lang=ja] .global-site-header-inner{flex-wrap:wrap;padding-top:10px;gap:0 16px}:root[lang=en] .global-site-nav,:root[lang=ja] .global-site-nav{order:3;justify-content:flex-start;width:100%;height:43px;margin:0;overflow-x:auto}}

/* ===========================================================
   手机端头部（2026-11-13）
   一行：品牌 + 语言（地球图标 + 当前语言字）+ 主题（图标）+ 获取 App
   二行：导航横向滚动，左右留渐隐提示，点击区 44px
   =========================================================== */
@media(max-width:800px){
  /* grid 而不是 flex-wrap：flex 容器一旦允许换行，装不下的项目会「整条掉到下一行」而不是压缩，
     这正是老板截图里 logo 独占一行、右侧三个胶囊挤在第二行的原因。grid 固定两行两列，
     第一列 minmax(0,1fr) 会压缩品牌文字（最差是省略号），永远不会再堆成三层。 */
  .global-site-header-inner{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    column-gap:8px;row-gap:0;
    min-height:0;
    padding:calc(10px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 4px max(16px,env(safe-area-inset-left,0px));
  }
  .global-site-brand{grid-column:1;grid-row:1;min-width:0;gap:8px;font-size:17px;letter-spacing:-.3px;overflow:hidden}
  .global-site-brand img{width:30px;height:30px;flex:none}
  .global-site-brand span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .global-site-actions{grid-column:2;grid-row:1;justify-self:end;flex:none;gap:7px;margin:0}

  /* 语言：地球图标 + 当前语言一字；原生 select 透明铺满，点开仍是完整语言名 */
  .global-site-header .language-select{
    position:relative;flex:none;display:inline-flex;align-items:center;justify-content:flex-end;
    min-width:44px;height:44px;padding:0 11px 0 32px;
    border:1px solid #e7d7c9;border-radius:999px;color:#5d5349;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a7a6b' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3a15 15 0 0 1 0 18a15 15 0 0 1 0-18'/%3E%3C/svg%3E") no-repeat 9px center/17px 17px;
    font:800 13px/1 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;
  }
  .global-site-header .language-select:after{
    content:var(--lang-code,"");position:static;width:auto;height:auto;
    border:0;transform:none;letter-spacing:0;
  }
  /* 真正的命中区是这个透明 select：用 max(100%,44px) 让它始终 ≥44×44，
     视觉胶囊可以按屏幕宽度做小，手指命中区不跟着缩水 */
  .global-site-header .language-select select{
    position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
    width:max(100%,44px);height:max(100%,44px);
    max-width:none;min-width:0;padding:0;margin:0;border:0;opacity:0;
    font-size:16px; /* iOS 聚焦时不缩放页面 */
  }
  :root[lang="zh-CN"] .global-site-header .language-select{--lang-code:"简"}
  :root[lang="zh-Hant"] .global-site-header .language-select,
  :root[lang="zh-TW"] .global-site-header .language-select{--lang-code:"繁"}
  :root[lang="en"] .global-site-header .language-select{--lang-code:"EN"}
  :root[lang="ja"] .global-site-header .language-select{--lang-code:"日"}
  :root[lang="ko"] .global-site-header .language-select{--lang-code:"한"}

  /* 主题：图标化成 44×44 圆钮，原生 select 透明铺满 */
  .global-site-header .theme-select{
    position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;
    width:44px;height:44px;border:1px solid #e7d7c9;border-radius:999px;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a7a6b' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='8.2'/%3E%3Cpath d='M12 3.8a8.2 8.2 0 0 0 0 16.4z' fill='%238a7a6b' stroke='none'/%3E%3C/svg%3E") no-repeat center/19px 19px;
  }
  .global-site-header .theme-select select{
    position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
    width:max(100%,44px);height:max(100%,44px);
    padding:0;margin:0;border:0;opacity:0;background:none;font-size:16px;
  }

  .global-site-cta{flex:none;min-height:44px;padding:0 15px;font-size:13px;border-radius:999px}
  .global-site-brand{min-height:44px}
  /* select 被设成 opacity:0 盖在胶囊上，焦点环要画在外层胶囊上，否则键盘用户看不到焦点 */
  .global-site-header .language-select:focus-within,
  .global-site-header .theme-select:focus-within{outline:3px solid #e65c31;outline-offset:3px}
  .global-site-header .language-select select:focus-visible,
  .global-site-header .theme-select select:focus-visible{outline:none}

  /* 导航：一行横滚，边缘渐隐提示还有内容 */
  .global-site-nav{
    grid-column:1/-1;grid-row:2;
    width:auto;margin:3px -16px 0;padding:0 16px;
    justify-content:flex-start;gap:0;
    overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;scrollbar-width:none;
    -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent 100%);
    mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent 100%);
  }
  .global-site-nav::-webkit-scrollbar{display:none}
  .global-site-nav a{
    display:inline-flex;align-items:center;height:44px;padding:0 11px;
    font-size:13px;font-weight:650;
  }
  .global-site-nav a:first-child{padding-left:0}
  .global-site-nav a:last-child{padding-right:24px}
  .global-site-nav a[aria-current=page]{color:#e65c31!important}

  :root[data-theme=dark] .global-site-header .language-select,
  :root[data-theme=dark] .global-site-header .theme-select{border-color:#6b5547;color:#fff9f1}
  :root[data-theme=dark] .global-site-header .language-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9b4a3' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3a15 15 0 0 1 0 18a15 15 0 0 1 0-18'/%3E%3C/svg%3E")}
  :root[data-theme=dark] .global-site-header .theme-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9b4a3' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='8.2'/%3E%3Cpath d='M12 3.8a8.2 8.2 0 0 0 0 16.4z' fill='%23c9b4a3' stroke='none'/%3E%3C/svg%3E")}
}

/* 英文/日文品牌字更长，窄屏再收一档 */
@media(max-width:800px){:root[lang=en] .global-site-brand,:root[lang=ja] .global-site-brand{font-size:16px}}
@media(max-width:460px){
  .global-site-header-inner{padding-left:max(14px,env(safe-area-inset-left,0px));padding-right:max(14px,env(safe-area-inset-right,0px));column-gap:6px}
  .global-site-brand{font-size:16px;gap:7px}
  .global-site-brand img{width:28px;height:28px}
  :root[lang=en] .global-site-brand,:root[lang=ja] .global-site-brand{font-size:15px}
  .global-site-actions{gap:5px}
  .global-site-header .language-select{min-width:44px;height:44px;padding:0 9px 0 29px;background-size:16px 16px;background-position:8px center;font-size:12px}
  .global-site-header .theme-select{width:40px;height:44px;background-size:18px 18px;border-radius:999px}
  .global-site-cta{min-height:44px;padding:0 11px;font-size:12px}
  .global-site-nav{margin-left:-14px;margin-right:-14px;padding:0 14px}
  .global-site-nav a{padding:0 9px;font-size:12.5px}
}

/* 360 级窄屏 + 日文/英文长品牌名：右侧控件再瘦一圈，保证品牌名完整显示 */
@media(max-width:380px){
  .global-site-header-inner{column-gap:5px}
  .global-site-brand{font-size:15.5px;gap:6px}
  .global-site-brand img{width:26px;height:26px}
  :root[lang=en] .global-site-brand,:root[lang=ja] .global-site-brand{font-size:14px;letter-spacing:-.2px}
  .global-site-actions{gap:3px}
  .global-site-header .language-select{min-width:42px;height:44px;padding:0 7px 0 25px;background-size:15px 15px;background-position:6px center;font-size:11.5px}
  .global-site-header .theme-select{width:38px;height:44px;background-size:17px 17px}
  .global-site-cta{min-height:44px;padding:0 10px;font-size:11.5px}
  .global-site-nav a{padding:0 8px;font-size:12px}
}

/* ≤340（SE 一代这类超窄屏）：英文/日文品牌名比中文长一倍，留牛头 logo 比留半截省略号好看 */
@media(max-width:340px){
  :root[lang=en] .global-site-brand span,:root[lang=ja] .global-site-brand span{display:none}
  .global-site-brand{font-size:15px}
}