/* Additive navigation only: the original classic stylesheet is unchanged. */
.version-switch {display:inline-flex; align-items:center; justify-content:center; flex:none; gap:7px; min-height:36px; padding:7px 13px; border:1px solid var(--line,#334155); border-radius:999px; background:var(--surface,#111722); color:var(--text,#eef4fb); font:600 12px/1.4 "Segoe UI","Microsoft YaHei",sans-serif; text-decoration:none; white-space:nowrap; pointer-events:auto}
.version-switch svg {width:15px; height:15px; flex:none; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round}
.version-switch:hover {border-color:var(--cyan,#52d8e2); color:var(--cyan,#52d8e2)}
.version-switch:focus-visible {outline:2px solid var(--cyan,#52d8e2); outline-offset:4px}
.version-switch .en {display:none}
html[data-lang=en] .version-switch .zh {display:none}
html[data-lang=en] .version-switch .en {display:inline}
body>.nav {gap:18px}
body>.nav .nav-links {gap:18px; margin-left:auto}
.classic-download-nav .nav {display:flex; gap:22px; align-items:center}
.classic-download-nav .nav a {white-space:nowrap; padding:8px 0}
.classic-download-nav .nav a[aria-current=page] {color:var(--text); box-shadow:0 2px var(--cyan)}
.classic-download-nav .controls {align-items:center}
@media(max-width:1200px) {body>.nav .nav-links {gap:12px; font-size:12px}}
@media(max-width:1050px) {body>.nav .nav-links {display:none} body>.nav .version-switch {margin-left:auto}}
@media(max-width:1050px) {
 .classic-download-nav .topin {display:flex; flex-wrap:wrap; height:auto; padding-block:12px; gap:10px 16px}
 .classic-download-nav .controls {margin-left:auto}
 .classic-download-nav .nav {display:flex; order:3; width:100%; overflow-x:auto; white-space:nowrap; gap:24px; scrollbar-width:thin; padding-bottom:2px}
 .classic-download-nav .nav a {flex:none; font-size:13px}
}
@media(max-width:560px) {body>.nav {padding-inline:16px} .version-switch {padding:7px 10px; font-size:11px} .classic-download-nav .controls {gap:6px}}

.hero .hero-touch-line{padding:12px 16px;border:1px solid color-mix(in srgb,var(--cyan) 20%,var(--line));border-left:3px solid color-mix(in srgb,var(--cyan) 65%,var(--muted));border-radius:10px;background:color-mix(in srgb,var(--cyan) 4%,var(--surface));color:var(--text);font:400 13px/1.85 "Segoe UI","Microsoft YaHei",sans-serif;max-width:58ch}
.hero .hero-touch-line strong{font-weight:500}.hero .hero-touch-line a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}.badge.req-b{color:var(--cyan);border-color:color-mix(in srgb,var(--cyan) 30%,var(--line));background:color-mix(in srgb,var(--cyan) 7%,transparent)}