/* Navigation type scale measured from https://oinet.inew.cn/ on 2026-10-10. */
.site-header { grid-template-columns: 238px minmax(0,1fr) 238px; padding-inline: 22px; gap: 18px; border-radius: 14px; }
.site-header .brand { width: 238px; }
.site-header .primary-nav { justify-content: space-evenly; gap: 4px; }
.site-header .nav-link { min-height: 50px; padding: 12px 4px; gap: 7px; font: 700 19px/1.3 "Barlow Condensed",Arial,sans-serif; letter-spacing: 0; }
.site-header .nav-link i { font-size: 10px; }
.site-header .nav-link.active { color: #0865ff; background: #edf5ff; }
.site-header .nav-link::after { bottom: 5px; height: 3px; }
.site-header .nav-link.active::after { right: 8px; left: 8px; }
.site-header .nav-actions { gap: 10px; justify-content: flex-end; }
.site-header .language-switch { min-width: 48px; height: 44px; padding: 10px 13px; font: 500 15px/1.3 Inter,Arial,sans-serif; }
.site-header .language-button:not(.mobile-language) i { display: none; }
.site-header .submit-button { height: 50px; padding: 14px 20px; gap: 14px; font: 700 15px/1.3 Inter,Arial,sans-serif; border-radius: 8px; }
.site-header .submenu a { min-height: 42px; padding: 11px 13px; font: 700 13px/1.4 Inter,Arial,sans-serif; }

@media(min-width:1201px) and (max-width:1439px) {
  .site-header { grid-template-columns: 210px minmax(0,1fr) 210px; padding-inline: 16px; gap: 12px; }
  .site-header .brand { width: 210px; }
  .site-header .nav-link { padding-inline: 3px; font-size: 18px; }
  .site-header .nav-actions { gap: 8px; }
  .site-header .submit-button { padding-inline: 14px; gap: 10px; font-size: 14px; }
  .site-header .language-switch { padding-inline: 10px; font-size: 14px; }
}
@media(min-width:1201px) and (max-width:1279px) {
  .site-header { grid-template-columns: 200px minmax(0,1fr) 200px; }
  .site-header .brand { width: 200px; }
  .site-header .nav-link { font-size: 17px; }
  .site-header .submit-button { font-size: 13px; }
}
@media(max-width:1200px) {
  .hero:has(.primary-nav.open) { z-index: 10; }
  .site-header { top: 16px; width: calc(100vw - 40px); min-height: 88px; padding: 8px 18px; display: flex; gap: 16px; }
  .site-header .brand { width: 200px; min-width: 0; flex: 0 1 200px; }
  .site-header .nav-toggle { width: 44px; height: 44px; margin-left: auto; display: grid; place-items: center; border: 0; border-radius: 8px; color: var(--navy); background: #edf4fc; cursor: pointer; }
  .site-header .primary-nav { position: absolute; top: calc(100% + 10px); right: 0; left: 0; padding: 10px; display: none; max-height: calc(100dvh - 116px); overflow-y: auto; background: #fff; border: 1px solid #e2eaf7; border-radius: 12px; box-shadow: 0 16px 36px #0b285329; }
  .site-header .primary-nav.open { display: block; }
  .site-header .nav-group { display: block; }
  .site-header .primary-nav .nav-link { width: 100%; min-height: 50px; padding: 14px; font: 600 16px/1.4 Inter,Arial,sans-serif; }
  .site-header .nav-parent { justify-content: space-between; }
  .site-header .nav-parent i { font-size: 12px; }
  .site-header .nav-link.active::after { display: none; }
  .site-header .submenu,.site-header .submenu-right { position: static; width: auto; min-width: 0; margin: 0 6px 8px; padding: 6px; display: none; background: #f3f7ff; border: 0; border-radius: 8px; box-shadow: none; opacity: 1; visibility: visible; transform: none; pointer-events: auto; }
  .site-header .nav-group.open > .submenu { display: grid; transform: none; }
  .site-header .submenu a { min-height: 46px; padding: 12px; font-size: 15px; }
  .site-header .submit-button { padding-inline: 14px; gap: 10px; font-size: 14px; }
}
@media(max-width:620px) {
  .site-header { top: 12px; width: calc(100% - 24px); min-height: 78px; padding: 8px 12px; gap: 8px; }
  .site-header .brand { flex-basis: 150px; width: 150px; }
  .site-header .submit-button { height: 42px; padding-inline: 11px; font-size: 11px; }
  .site-header .language-switch.mobile-language { min-width: 78px; width: 78px; height: 42px; font-size: 14px; }
  .site-header .mobile-menu-cta { font-size: 14px; }
}
@media(max-width:480px) {
  .site-header .brand { min-width: 0; flex-basis: 164px; }
  .site-header .nav-actions { display: none; }
}