:root { color-scheme: dark; --bg:#101918; --text:#f1f6f3; --muted:#a4b7ae; --accent:#b7f4cb; --line:#34453d; font-family:"Avenir Next","PingFang SC","Microsoft YaHei",sans-serif; font-synthesis:none; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--text); }
body::before { content:""; position:absolute; pointer-events:none; inset:0 0 auto; height:650px; background:radial-gradient(ellipse at 84% 8%,#35594955,transparent 55%); z-index:-1; }
.page { max-width:1160px; margin:auto; padding:0 48px; }
header { display:flex; align-items:center; justify-content:space-between; padding:34px 0; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:12px; color:var(--text); text-decoration:none; font-size:22px; letter-spacing:-.7px; }
.brand b { font-weight:400; color:var(--muted); }
.header-note { color:var(--muted); font-size:14px; }
main { padding-top:70px; }
.eyebrow { display:flex; align-items:center; gap:10px; color:var(--accent); font-size:14px; letter-spacing:2px; }
.eyebrow span { width:7px; height:7px; border-radius:50%; background:var(--accent); }
h1 { margin:25px 0 23px; font-size:clamp(40px,5.8vw,70px); line-height:1.23; letter-spacing:-2.5px; font-weight:600; }
h1 span { color:var(--accent); }
.intro { color:var(--muted); font-size:18px; line-height:1.9; margin:0 0 35px; }
.downloads { display:flex; gap:20px; }
.platform { flex:0 1 300px; min-width:0; }
button { width:100%; padding:19px 22px; display:flex; align-items:center; gap:12px; border:1px solid var(--accent); border-radius:9px; background:var(--accent); color:#102b1c; font:600 16px/1.4 "Avenir Next","PingFang SC","Microsoft YaHei",sans-serif; cursor:pointer; transition:transform .18s,background .18s; }
button:hover:enabled { transform:translateY(-3px); background:#d2ffdf; }
button:disabled { opacity:.5; cursor:wait; }
button:focus-visible,a:focus-visible { outline:3px solid #fff; outline-offset:5px; }
button svg { width:24px; height:24px; flex-shrink:0; fill:currentColor; }
.arrow { margin-left:auto; font-size:22px; font-weight:400; }
.platform p { color:#d2dfd7; font-size:14px; margin:14px 0 5px; }
.install-note { color:var(--muted); font-size:13px; line-height:1.6; }
.release { color:var(--muted); font-size:13px; line-height:1.7; min-height:23px; margin:24px 0 48px; }
.features { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; padding:32px 0 42px; border-top:1px solid var(--line); }
.number { color:#91bda1; font-size:12px; letter-spacing:1.5px; }
h2 { font-size:19px; font-weight:500; margin:17px 0 10px; }
article p { font-size:15px; color:var(--muted); line-height:1.85; margin:0; }
footer { display:flex; justify-content:space-between; border-top:1px solid var(--line); padding:25px 0 30px; color:var(--muted); font-size:12px; }
@media(max-width:680px) { .page { padding:0 24px; } header { padding:24px 0; } .header-note { display:none; } main { padding-top:45px; } h1 { letter-spacing:-1.5px; } .intro { font-size:16px; } .desktop-break { display:none; } .downloads { flex-direction:column; gap:24px; } .platform { flex:auto; } .features { grid-template-columns:1fr; gap:30px; } .release { margin-bottom:32px; } footer { gap:20px; flex-wrap:wrap; } }
@media(prefers-reduced-motion:reduce) { button { transition:none; } }