/* 全站子页页头：与首页使用同一视觉和同一中 / EN 语言胶囊。 */
.site-header-inner {
  display: flex; align-items: center; justify-content: space-between;
  gap: 14px;
  padding: 16px clamp(20px, 4vw, 52px);
  max-width: none;
}
.site-header .brand { display: inline-flex; align-items: center; gap: 10px; flex: 0 0 auto; }
.site-header .brand picture { display: inline-flex; line-height: 0; }
.site-header .brand img { width: 42px; height: 42px; }
.site-header .brand-name {
  display: inline-flex; align-items: baseline; gap: 8px;
  font-size: 17px; font-weight: 700; letter-spacing: -.02em; line-height: 1;
}
.site-header .brand-name b { font-size: 1.04em; font-weight: 800; letter-spacing: 0; }
.site-header .brand-name span { font-weight: 600; letter-spacing: -.01em; }

.site-header .site-nav { display: flex; align-items: center; gap: clamp(12px, 2.1vw, 30px); }
.site-header .site-nav a {
  font-size: 14.5px; opacity: .86; white-space: nowrap;
  transition: opacity .3s ease;
}
.site-header .site-nav a:hover { opacity: 1; }

.site-header .header-actions { display: flex; align-items: center; gap: clamp(12px, 1.6vw, 22px); }
.site-header .header-phone {
  font-size: 14.5px; font-variant-numeric: tabular-nums; letter-spacing: .01em; opacity: .86;
}
.site-header .header-phone:hover { opacity: 1; }

/* 中 / EN 分段：当前语言填黑，另一语言跳对应站点 */
.site-header .lang-switch {
  flex: 0 0 auto; display: flex; align-items: center; padding: 2px;
  border: 1px solid rgba(20, 20, 24, .14); border-radius: 999px; background: #fff;
}
.site-header .lang-switch > * {
  min-width: 30px; height: 26px; padding: 0 7px; border-radius: 999px;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 11px; line-height: 1; color: #55565e;
  transition: background .22s ease, color .22s ease;
}
.site-header .lang-switch .is-active { background: #0a0908; color: #fff; }
.site-header .lang-switch a:hover { color: #141418; }
.site-header .lang-switch a:focus-visible { outline: 2px solid #ff5a36; outline-offset: 2px; }

/* CTA：黑色胶囊 + 圆形加号 */
.site-header .nav-cta {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  height: 40px; padding: 0 10px 0 21px; border-radius: 999px;
  background: #0a0908; color: #fff; font-size: 14.5px; border: 0;
  transition: transform .4s cubic-bezier(.22,.61,.36,1), background .3s ease;
}
.site-header .nav-cta:hover { background: #000; transform: translateY(-2px); }
.site-header .nav-cta .plus {
  display: inline-flex; align-items: center; justify-content: center;
  width: 24px; height: 24px; border-radius: 999px;
  background: #fff; color: #0a0908; font-size: 14px; line-height: 1;
}

html[lang^="en"] .site-header .site-nav { gap: clamp(10px, 1.45vw, 22px); }
html[lang^="en"] .site-header .site-nav a { font-size: 13.5px; }

@media (max-width: 1180px) {
  .site-header .header-phone { display: none; }
}

@media (max-width: 1060px) {
  .site-header-inner { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
  .site-header .site-nav,
  .site-header .header-actions { display: none; }
  .site-header.is-open .site-nav { display: grid; }
  .site-header.is-open .header-actions { display: flex; }
  .site-header.is-open .header-phone { display: inline-flex; }
}

@media (max-width: 560px) {
  .site-header .brand img { width: 34px; height: 34px; }
  .site-header .brand-name { font-size: 15px; gap: 6px; }
  .site-header.is-open .lang-switch > * { height: 30px; min-width: 34px; }
}