:root { --bg:#050307; --text:#fff; --muted:#928b9d; --purple:#ad37f6; --line:rgba(255,255,255,.12); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-height:100vh; color:var(--text); background:var(--bg); font-family:Arial,"Microsoft YaHei",sans-serif; }
a { color:inherit; text-decoration:none; }
.topbar { height:86px; width:min(100% - 80px,1240px); margin:auto; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:2; }
.logo { display:flex; align-items:center; gap:9px; font-size:31px; font-weight:800; letter-spacing:-1.7px; }.logo svg { width:35px; height:40px; }.language { color:#aaa3b1; font-size:12px; }.language span { color:#fff; margin-left:5px; }
.download-page { min-height:calc(100vh - 151px); position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; overflow:hidden; border-top:1px solid rgba(255,255,255,.04); }.halo { position:absolute; border-radius:50%; pointer-events:none; filter:blur(70px); opacity:.3; }.halo-one { width:480px; height:300px; background:#541178; top:10%; left:12%; }.halo-two { width:400px; height:320px; background:#24104e; bottom:0; right:5%; }
.intro { position:relative; z-index:1; width:min(100% - 40px,1000px); display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,420px); column-gap:80px; align-items:center; margin-top:-30px; }.hero-logo { grid-column:1 / -1; justify-self:center; display:inline-flex; align-items:center; gap:10px; margin-bottom:27px; font-size:25px; font-weight:800; letter-spacing:-1.3px; }.hero-logo svg { width:31px; height:35px; }.kicker { grid-column:1 / -1; color:#c85cff; letter-spacing:3px; font-size:10px; margin:0 0 26px; }.intro h1 { grid-column:1; font-size:clamp(46px,5.2vw,68px); line-height:1.08; letter-spacing:-3px; text-align:left; margin:0 0 24px; font-weight:700; }.intro h1 strong { color:#c45cff; font-weight:700; white-space:nowrap; }.lead { grid-column:2; max-width:420px; color:var(--muted); font-size:15px; line-height:1.9; text-align:left; margin:0 0 24px; padding-left:24px; border-left:2px solid rgba(195,92,255,.7); }.download-actions { grid-column:1; display:flex; justify-content:flex-start; gap:11px; }.download-button { height:50px; min-width:150px; padding:0 22px; display:inline-flex; justify-content:center; align-items:center; gap:28px; font-size:13px; font-weight:700; transition:transform .2s,background .2s; }.download-button:hover { transform:translateY(-2px); }.primary { background:#b338ef; color:#19091f; }.primary:hover { background:#c85cff; }.secondary { border:1px solid var(--line); color:#d8d2df; }.secondary:hover { background:rgba(255,255,255,.07); }.version { grid-column:1; color:#716a79; text-align:left; font-size:10px; margin-top:22px; }.version i { width:3px; height:3px; display:inline-block; margin:0 9px 2px; border-radius:50%; background:#b338ef; }
.devices { width:min(100% - 40px,770px); position:relative; z-index:1; display:grid; grid-template-columns:repeat(3,1fr); margin-top:70px; padding:22px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.device-item { display:flex; justify-content:center; align-items:center; gap:12px; border-right:1px solid var(--line); }.device-item:last-child { border:0; }.device-icon { width:33px; height:33px; display:grid; place-items:center; color:#ded8e5; font-size:23px; }.device-icon.android { border:2px solid #c7ffc6; color:#c7ffc6; border-radius:9px; font-size:10px; }.device-icon.windows { color:#d2a2ff; font-size:30px; }.device-item b,.device-item small { display:block; }.device-item b { font-size:12px; font-weight:500; }.device-item small { color:#756e7e; font-size:10px; margin-top:4px; }
footer { width:min(100% - 80px,1240px); height:65px; margin:auto; display:flex; justify-content:space-between; align-items:center; color:#625c69; font-size:10px; }footer span:last-child { display:flex; gap:20px; }footer a:hover { color:#fff; }