.site-header { position: fixed; z-index: var(--z-header); top: 0; right: 0; left: 0; height: var(--header-height); border-bottom: 1px solid transparent; background: rgb(5 6 7 / 0.36); backdrop-filter: blur(14px); }
.site-header.is-scrolled { border-color: var(--line); background: rgb(5 6 7 / 0.88); }
.site-header.is-menu-open { border-color: transparent; background: rgb(5 6 7 / 0.97); backdrop-filter: none; }
.site-nav { display: flex; align-items: center; width: min(calc(100% - 48px), 1440px); height: 100%; margin: 0 auto; }
.brand { display: inline-flex; flex: 0 0 auto; align-items: center; min-height: 44px; font-weight: 700; white-space: nowrap; }
.brand img { width: 158px; height: auto; }
.nav-primary { display: flex; align-items: stretch; height: 100%; margin-left: 32px; }
.nav-menu-group { display: flex; align-items: center; }
.nav-actions { display: flex; align-items: center; gap: 10px; margin-left: auto; }
.language-control { position: relative; }
main { position: relative; }
main.is-obscured { filter: brightness(0.36) blur(4px); pointer-events: none; user-select: none; }
.scene { position: relative; isolation: isolate; width: 100%; padding: 128px max(24px, calc((100vw - var(--container)) / 2)); overflow: clip; border-top: 1px solid rgb(255 255 255 / 0.06); background: var(--ink-950); }
.scene > * { width: min(100%, var(--container)); margin-right: auto; margin-left: auto; }
.scene-heading { max-width: 780px; margin-bottom: 52px; }
.scene-heading h2 { margin-bottom: 18px; }
.scene-heading p { max-width: 650px; margin-bottom: 0; font-size: var(--text-lg); }
.scene-heading--center { max-width: 900px; margin-right: auto; margin-left: auto; text-align: center; }
.scene-heading--center p { margin-right: auto; margin-left: auto; }
.scene-heading--compact { margin-bottom: 30px; }
.site-footer { display: grid; grid-template-columns: 1.6fr repeat(4, minmax(120px, 1fr)); gap: 48px 32px; padding: 88px max(24px, calc((100vw - var(--container)) / 2)) 36px; border-top: 1px solid var(--line); background: var(--ink-1000); }
.site-footer nav { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; }
.site-footer h2 { margin: 0 0 10px; font-size: var(--text-sm); }
.site-footer a, .site-footer button, .site-footer span { color: var(--text-muted); font-size: var(--text-sm); }
.site-footer nav a, .site-footer nav button, .footer-brand button, .footer-languages button { display: inline-flex; align-items: center; min-width: 44px; min-height: 44px; }
.site-footer button { padding: 0; border: 0; background: transparent; text-align: left; cursor: pointer; }
.footer-brand p { max-width: 290px; }
.footer-brand > div { display: flex; gap: 16px; }
.footer-meta { display: flex; grid-column: 1 / -1; flex-wrap: wrap; align-items: center; gap: 24px; padding-top: 28px; border-top: 1px solid var(--line); }
.footer-meta p { margin: 0 0 0 auto; font-size: var(--text-xs); }
.footer-meta .footer-icp { display: none; flex-basis: 100%; margin-top: -12px; color: var(--text-muted); font-size: 0.7rem; line-height: 1.5; text-align: right; }
html[lang^="zh"] .footer-meta .footer-icp { display: block; }
.footer-meta .footer-icp:hover { color: var(--text-soft); text-decoration: underline; text-underline-offset: 3px; }
.footer-languages { display: flex; flex-wrap: wrap; gap: 14px; }