:root{color-scheme:dark;--page:#0b1320;--panel:#101c2a;--text:#edf6fc;--muted:#a6b8ca;--ink:#091a21;--accent:#a0eef1;--line:#293a4a;--max:1120px;--mono:ui-monospace,"SF Mono",Consolas,monospace;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;background:var(--page);color:var(--text)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;line-height:1.58}
a{color:inherit;text-decoration:none;touch-action:manipulation}
a,summary{cursor:pointer}
:focus-visible{outline:2px solid #b7faff;outline-offset:4px}
img{display:block;max-width:100%}
.wrap{width:min(var(--max),calc(100% - 72px));margin-inline:auto}
.icons{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.skip{position:fixed;inset-block-start:10px;inset-inline-start:12px;z-index:10;transform:translateY(-160%);background:var(--accent);color:var(--ink);padding:10px 14px}
.skip:focus{transform:translateY(0)}
.site-header{border-bottom:1px solid #213142;background:#0c1623}
.topbar,.bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}
.topbar{height:66px}
.wordmark,.footer-brand{display:flex;align-items:center;gap:10px;font-weight:650;white-space:nowrap}
.wordmark{min-height:44px}
.wordmark-sub{font-size:.8rem;color:var(--muted);font-weight:450;margin-left:4px}
nav{display:flex;gap:24px;color:var(--muted);font-size:.88rem}
nav a,.quiet{min-height:44px;display:inline-flex;align-items:center;gap:7px}
nav a:hover,.quiet:hover{color:var(--accent)}
.hero{position:relative;border-bottom:1px solid #24364a;background:radial-gradient(ellipse at 74% 36%,#183446 0%,#101e30 38%,#0b1320 76%);overflow:clip}
.hero-inner{min-height:410px;display:grid;grid-template-columns:minmax(315px,.84fr) minmax(0,1.16fr);align-items:center;position:relative}
.hero-copy{position:relative;z-index:1;padding-block:46px;animation:arrive .48s ease-out both}
.overline{display:flex;align-items:center;gap:10px;font-size:.82rem;font-weight:650;color:#bdedf1;margin:0 0 19px}
.overline>span:first-child{height:7px;width:7px;background:#8bf2f5;border-radius:50%;box-shadow:0 0 12px #79dbed88}
.overline-en{font:500 .66rem var(--mono);letter-spacing:.11em;color:#9cb4c5;margin-left:4px}
h1,h2,h3,p{margin:0}
h1{font-size:clamp(3.1rem,5.55vw,5.15rem);font-weight:760;letter-spacing:-.065em;line-height:1.06;text-wrap:balance}
h1 span{display:block;letter-spacing:-.05em}
.lede{font-size:clamp(.9rem,1.45vw,1.1rem);color:var(--muted);margin:20px 0 27px}
.cta,.download{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:8px;font-weight:700;min-height:46px;transition:transform .16s ease-out,background-color .16s ease-out,color .16s ease-out,border-color .16s ease-out}
.cta{background:var(--accent);color:var(--ink);padding:0 16px}
.cta:hover{background:#c3fbfc;transform:translateY(-2px)}
.cta:active,.download:active{transform:translateY(1px)}
.hero-art{align-self:stretch;display:grid;place-items:center;min-width:0;animation:arrive .58s .06s ease-out both}
.hero-art img{width:100%;height:auto;transform:scale(1.10) translateX(2%);filter:drop-shadow(0 14px 35px #0004)}
.section{padding-block:38px}
.section,.guide article{scroll-margin-top:20px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:16px}
.section-kicker{font:600 .69rem var(--mono);letter-spacing:.17em;color:#9adae6;margin-bottom:5px}
h2{font-size:clamp(1.55rem,3.6vw,2.1rem);letter-spacing:-.03em;line-height:1.25;text-wrap:balance}
.quiet{color:var(--muted);font-size:.82rem}
.packages{list-style:none;padding:0;margin:0;border-block:1px solid var(--line)}
.package{display:grid;grid-template-columns:49px minmax(0,1fr) auto minmax(132px,auto);gap:18px;align-items:center;padding:13px 0;min-height:82px}
.package+.package{border-top:1px solid var(--line)}
.platform-icon{width:44px;height:44px;display:grid;place-items:center;background:#152638;border:1px solid #334b5f;border-radius:10px;color:#b2e3ed;font:700 .68rem var(--mono);position:relative}
.platform-icon b{position:absolute;inset:0;display:grid;place-items:center;font:inherit}
.platform-icon.windows b{display:none}
.platform-icon.windows svg{width:22px;height:22px}
.package h3,.guide h3{font-size:1.04rem;line-height:1.45;font-weight:680}
.package p,.size{font-size:.82rem;color:var(--muted)}
.size{font:500 .77rem var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.download{padding:0 12px;background:var(--panel);border:1px solid #456273;color:#d9f7fa;font-size:.83rem;min-height:44px}
.download svg{width:18px;height:18px}
.download:hover{background:#1a3547;border-color:#80c9d4;transform:translateY(-1px)}
.hashes{font-size:.83rem;color:var(--muted);margin-top:10px}
.hashes summary{padding:9px 3px;min-height:44px}
.hashes summary span{margin-left:5px;font:500 .72rem var(--mono)}
.hash-list{display:grid;gap:10px;padding:8px 0 0}
.hash-list p{display:grid;gap:2px}
.hash-list code{color:#c4e9ed;overflow-wrap:anywhere;font-size:.75rem}
.install{border-top:1px solid var(--line);padding-top:29px}
.guide{display:grid;grid-template-columns:1fr 1fr;gap:34px}
.guide h3{margin:4px 0 8px}
.guide p{color:var(--muted);font-size:.89rem;margin-bottom:8px;max-width:520px}
footer{border-top:1px solid var(--line)}
.bottom{min-height:68px;color:var(--muted);font-size:.78rem}
.footer-brand{color:#deebf4}
@keyframes arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.wrap{width:calc(100% - 44px)}.hero-inner{min-height:365px;grid-template-columns:minmax(240px,.9fr) minmax(0,1.1fr)}.hero-art img{transform:scale(1.25) translateX(3%)}.package{gap:12px}}
@media(max-width:585px){.wrap{width:calc(100% - 36px)}.topbar{height:60px}nav{gap:11px;font-size:.78rem}.wordmark-sub{display:none}.hero-inner{display:block;min-height:0}.hero-copy{padding:32px 0 12px}.hero-art{margin-inline:-12px;height:171px;overflow:hidden}.hero-art img{width:min(100%,360px);transform:translateY(-14px)}h1{font-size:clamp(2.85rem,11vw,3.6rem)}.lede{margin:15px 0 19px}.overline{margin-bottom:12px}.section{padding-block:28px}.section-head{display:block;margin-bottom:11px}.section-head .quiet{min-height:40px}.package{grid-template-columns:39px minmax(0,1fr) auto;gap:8px 10px;min-height:0;padding:14px 0}.platform-icon{width:38px;height:38px}.platform-icon>svg{width:23px;height:23px}.package h3{font-size:.94rem}.package p{font-size:.75rem}.size{grid-column:2;grid-row:2;align-self:start;font-size:.68rem}.download{grid-column:3;grid-row:1 / span 2;padding:0 8px;font-size:.76rem;gap:4px}.download svg{width:16px;height:16px}.guide{grid-template-columns:1fr;gap:18px}}
@media(max-width:360px){.wrap{width:calc(100% - 26px)}.package{column-gap:7px}.download{padding:0 7px}.overline-en{font-size:.6rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
