:root {
  --d-bg: #000;
  --d-alt: #1c1c1e;
  --d-s2: #2c2c2e;
  --d-ink: #fff;
  --d-mut: #8e8e93;
  --d-line: #38383a;
  --l-bg: #f5f5f7;
  --l-alt: #fff;
  --l-ink: #1d1d1f;
  --l-mut: #6e6e73;
  --l-line: #d2d2d7;
  --l-line-soft: #e5e5ea;
  --color-error: #d70015;
  --color-required: var(--color-error);
  --color-toast-error-bg: var(--l-alt);
  --color-toast-error-border: var(--l-line-soft);
  --color-toast-error-text: var(--l-ink);
  --color-toast-error-icon: var(--d-ink);
  --shadow-toast-error: 0 8px 24px rgba(0, 0, 0, 0.14);
  --radius-toast: 12px;
  --color-contact-field-bg: var(--l-alt);
  --color-contact-field-border: var(--l-line);
  --color-contact-select-bg: var(--color-contact-field-bg);
  --color-contact-select-active-bg: var(--l-alt);
  --color-contact-select-border: var(--color-contact-field-border);
  --color-contact-select-text: var(--l-ink);
  --color-contact-select-muted: var(--l-mut);
  --color-contact-select-hover: var(--l-bg);
  --color-contact-select-selected: rgba(17, 43, 72, 0.08);
  --color-contact-field-focus-border: #232323;
  --font-size-contact-field: var(--fs-sm);
  --space-contact-field-block: 9px;
  --space-contact-field-inline: 12px;
  --height-contact-field: 44px;
  --height-contact-textarea: 96px;
  --shadow-contact-field-focus:
    0 0 0 3px rgba(35, 35, 35, 0.06), 0 4px 12px rgba(0, 0, 0, 0.06);
  --shadow-contact-select: 0 16px 44px rgba(0, 0, 0, 0.16);
  --radius-contact-select: 12px;
  --duration-contact-select: 160ms;
  --color-scrollbar-thumb: rgba(142, 142, 147, 0.56);
  --color-scrollbar-thumb-hover: rgba(110, 110, 115, 0.78);
  --color-scrollbar-track: transparent;
  --radius-scrollbar: 999px;
  --color-news-visual-bg: var(--d-bg);
  --color-article-modal-backdrop: rgba(0, 0, 0, 0.55);
  --color-article-modal-close-text: var(--l-mut);
  --color-article-modal-close-bg: rgba(0, 0, 0, 0.04);
  --color-article-modal-close-border: rgba(0, 0, 0, 0.06);
  --color-article-modal-close-hover-bg: rgba(0, 0, 0, 0.08);
  --color-article-modal-close-hover-border: rgba(0, 0, 0, 0.12);
  --shadow-article-modal: 0 40px 100px rgba(0, 0, 0, 0.45);
  --fs-hero: 56px;
  --fs-h1: 40px;
  --fs-h2l: 28px;
  --fs-h2: 22px;
  --fs-lead: 21px;
  --fs-body: 17px;
  --fs-sm: 15px;
  --fs-cap: 13px;
  --font-size-mega-menu-title: 20px;
  --font-size-mega-menu-item: 15px;
  --font-size-mega-menu-description: 14px;
  --font-size-mobile-nav: clamp(18px, 2.3vw, 20px);
  --font-size-mobile-nav-subitem: clamp(14px, 1.8vw, 15px);
  --max: 1200px;
  --sec-y: 120px;
  --hd: 88px;
  --color-nav-glass-bg: rgba(28, 28, 30, 0.55);
  --shadow-nav-glass:
    0 8px 24px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  --color-mega-menu-bg: rgba(28, 28, 30, 0.94);
  --color-mega-menu-border: rgba(255, 255, 255, 0.12);
  --color-mega-menu-divider: rgba(255, 255, 255, 0.08);
  --color-mega-menu-text: var(--d-ink);
  --color-mega-menu-muted: #c7c7cc;
  --color-mega-menu-hover: rgba(255, 255, 255, 0.1);
  --color-mega-menu-hover-text: var(--d-ink);
  --color-mega-menu-focus: rgba(255, 255, 255, 0.45);
  --shadow-mega-menu:
    0 18px 48px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  --radius-mega-menu: 20px;
  --blur-mega-menu: 36px;
  --duration-mega-menu: 180ms;
  --color-mobile-nav-bg: var(--d-bg);
  --color-mobile-nav-divider: var(--d-line);
  --color-mobile-nav-hover: rgba(255, 255, 255, 0.14);
  --duration-mobile-nav: 240ms;
  --color-language-menu-bg: rgba(28, 28, 30, 0.98);
  --color-language-menu-text: #fff;
  --color-language-menu-hover: rgba(255, 255, 255, 0.08);
  --color-language-menu-check: #f5f5f7;
  --shadow-language-menu: 0 20px 48px rgba(0, 0, 0, 0.35);
  --font-size-language-menu: 15px;
  --width-language-menu: 168px;
  --radius-language-menu: 16px;
  --space-language-menu: 8px;
  --duration-language-menu: 180ms;
  color-scheme: dark;
  font-family:
    -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display",
    "PingFang SC", "Microsoft YaHei", Inter, sans-serif;
  -webkit-font-smoothing: antialiased;
}

.site-header.on-light {
  --shadow-nav-glass:
    0 8px 24px rgba(0, 0, 0, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  --color-mega-menu-bg: rgba(255, 255, 255, 0.97);
  --color-mega-menu-border: rgba(0, 0, 0, 0.06);
  --color-mega-menu-divider: rgba(0, 0, 0, 0.08);
  --color-mega-menu-text: var(--l-ink);
  --color-mega-menu-muted: #515154;
  --color-mega-menu-hover: rgba(0, 0, 0, 0.06);
  --color-mega-menu-hover-text: #000;
  --color-mega-menu-focus: rgba(0, 0, 0, 0.28);
  --shadow-mega-menu:
    0 8px 24px rgba(0, 0, 0, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  --color-mobile-nav-bg: var(--l-bg);
  --color-mobile-nav-divider: var(--l-line);
  --color-mobile-nav-hover: rgba(0, 0, 0, 0.08);
  --color-language-menu-bg: rgba(255, 255, 255, 0.98);
  --color-language-menu-text: var(--l-ink);
  --color-language-menu-hover: rgba(0, 0, 0, 0.05);
  --color-language-menu-check: #112b48;
  --shadow-language-menu: 0 20px 48px rgba(0, 0, 0, 0.14);
}