:root{
  --obsidian:#061116;
  --deep:#030a0d;
  --material:#0b1d23;
  --raised:#142a31;
  --text:#e9f2ef;
  --soft:#9bb0ad;
  --faint:#6f8583;
  --jade:#72d7c3;
  --trust:#5b84ff;
  --risk:#e77b5b;
  --line:rgba(144,178,175,.2);
  color-scheme:dark;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Microsoft YaHei",sans-serif;
  color:var(--text);
  background:var(--obsidian);
  line-height:1.65;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--obsidian)}
body{
  min-width:320px;
  margin:0;
  color:var(--text);
  background:
    radial-gradient(circle at 78% 0,rgba(91,132,255,.1),transparent 28rem),
    linear-gradient(rgba(114,215,195,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(114,215,195,.025) 1px,transparent 1px),
    var(--obsidian);
  background-size:auto,48px 48px,48px 48px,auto;
}
body:before{
  content:"";
  position:fixed;
  z-index:0;
  top:0;
  bottom:0;
  left:max(1rem,calc((100vw - 68rem)/2 + .7rem));
  width:1px;
  pointer-events:none;
  background:linear-gradient(transparent,var(--jade) 12%,var(--trust) 54%,var(--jade) 84%,transparent);
  opacity:.38;
}
a{color:inherit}
:focus-visible{outline:2px solid var(--jade);outline-offset:4px}
main{position:relative;z-index:1;width:min(68rem,calc(100% - 2rem));margin:0 auto;padding:1.4rem 0 4.5rem 3.5rem}
.back{display:inline-flex;align-items:center;min-height:2.6rem;margin-bottom:3rem;color:var(--soft);text-decoration:none;font-size:.82rem;font-weight:650}
.back:hover{color:var(--jade)}
.download-head{max-width:48rem;margin-bottom:2rem}
.download-head .brand{display:inline-flex;align-items:center;gap:.65rem;color:var(--jade);font-family:"SFMono-Regular","SF Mono",Menlo,monospace;font-size:.72rem;font-weight:650;letter-spacing:.11em}
.download-head .brand:before{content:"";width:1.7rem;height:1px;background:var(--jade)}
.download-head h1{margin:.9rem 0 .6rem;font-family:"Avenir Next","SF Pro Display","PingFang SC",sans-serif;font-size:clamp(2.6rem,7vw,4.8rem);font-weight:600;line-height:1.04;letter-spacing:-.055em}
.download-head p{margin:0;color:var(--soft);font-size:1.02rem}
.device-recommendation{
  position:relative;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:1rem;
  margin:2rem 0 2.5rem;
  padding:1.1rem 1.2rem;
  overflow:hidden;
  border:1px solid rgba(91,132,255,.36);
  border-radius:.35rem;
  background:linear-gradient(90deg,rgba(91,132,255,.09),rgba(11,29,35,.84) 42%,rgba(114,215,195,.04));
}
.device-recommendation:before{content:"";position:absolute;inset:0 auto auto 0;width:28%;height:1px;background:linear-gradient(90deg,var(--trust),transparent)}
.device-orb{display:grid;place-items:center;width:3rem;height:3rem;border:1px solid rgba(91,132,255,.62);border-radius:.25rem;background:rgba(91,132,255,.12);color:#dbe5ff;font-family:"SFMono-Regular","SF Mono",Menlo,monospace;font-weight:750}
.device-recommendation small{display:block;color:#91a8e9;font-family:"SFMono-Regular","SF Mono",Menlo,monospace;font-size:.66rem;letter-spacing:.05em}
.device-recommendation h2{margin:.05rem 0;color:var(--text);font-size:1.02rem;font-weight:650}
.device-recommendation p{margin:.15rem 0;color:var(--soft);font-size:.82rem}
.device-recommendation-action,.download{display:inline-flex;justify-content:center;align-items:center;min-height:2.7rem;padding:.7rem 1rem;border:1px solid var(--jade);border-radius:.25rem;background:var(--jade);color:#04120f;font-size:.78rem;font-weight:800;text-decoration:none;white-space:nowrap;transition:transform .18s ease,background .18s ease}
.device-recommendation-action:hover,.download:hover{transform:translateY(-1px);background:#8ce6d4}
.device-recommendation-note{grid-column:2/-1;color:var(--faint)!important}
.artifact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2.5rem;margin:1.5rem 0;border-bottom:1px solid var(--line)}
.artifact{position:relative;display:flex;flex-direction:column;min-height:18.5rem;padding:1.65rem 1rem 1.7rem;border-top:1px solid var(--line);background:transparent;scroll-margin-top:1rem;transition:border-color .18s ease,background .18s ease}
.artifact:hover{border-color:rgba(114,215,195,.48);background:rgba(114,215,195,.025)}
.artifact.is-device-recommended{border-color:var(--jade);background:linear-gradient(90deg,rgba(114,215,195,.075),transparent 76%);box-shadow:inset 2px 0 0 var(--jade)}
.artifact.is-device-recommended:after{content:"";position:absolute;top:-1px;right:0;width:1.8rem;height:1px;background:var(--jade)}
.platform-icon{display:grid;place-items:center;width:2.7rem;height:2.7rem;border:1px solid rgba(114,215,195,.38);border-radius:.25rem;background:rgba(114,215,195,.06);color:var(--jade);font-family:"SFMono-Regular","SF Mono",Menlo,monospace;font-size:.82rem;font-weight:700}
.artifact h2{margin:.8rem 0 .25rem;font-size:1.25rem;font-weight:650;letter-spacing:-.02em}
.artifact>p{margin:.25rem 0 1.1rem;color:var(--soft);font-size:.8rem;line-height:1.78}
.artifact .download{width:fit-content;margin-top:auto;padding-inline:1.1rem}
.web-fallback{display:block;width:fit-content;min-height:2.25rem;margin:.55rem 0 0;padding:.45rem 0;color:var(--soft);border-bottom:1px solid var(--line);text-align:left;font-size:.75rem;font-weight:700;text-decoration:none}
.web-fallback:hover{color:var(--jade);border-color:var(--jade)}
.stable-download{margin-top:.7rem;font-size:.75rem;color:var(--soft)}
.stable-download[hidden],.stable-download [hidden]{display:none!important}
.stable-download button{min-height:2.35rem;padding:.45rem .8rem;margin:0 .45rem .35rem 0;border:1px solid var(--line);border-radius:.25rem;background:transparent;color:var(--jade);font:inherit;font-weight:650;cursor:pointer}
.stable-download button:hover{border-color:var(--jade)}
.stable-download button:disabled{opacity:.5;cursor:wait}
.stable-download progress{display:block;width:100%;height:.45rem;margin:.4rem 0;accent-color:var(--jade)}
.stable-download p{margin:.25rem 0;line-height:1.65;overflow-wrap:anywhere}
.link-fallback{margin:.75rem 0 0!important;padding-top:.75rem;border-top:1px solid var(--line);color:var(--faint)!important;font-size:.7rem!important;line-height:1.55;overflow-wrap:anywhere}
.link-fallback a{color:var(--jade)}
.artifact details{margin-top:.9rem;color:var(--soft);font-size:.76rem}
.artifact summary{cursor:pointer;color:#b8c8c4;font-weight:650}
.artifact dl{display:grid;grid-template-columns:max-content 1fr;gap:.28rem .7rem;margin:.7rem 0 0;padding:.75rem;border-left:1px solid rgba(114,215,195,.3);background:rgba(11,29,35,.65)}
.artifact dt{color:var(--faint)}
.artifact dd{margin:0;min-width:0;overflow-wrap:anywhere}
.artifact code{color:#b9c8ff;font-family:"SFMono-Regular","SF Mono",Menlo,monospace;font-size:.68rem}
.usage{margin-top:1.5rem;padding:1rem 1.15rem;border-block:1px solid rgba(231,123,91,.24);background:linear-gradient(90deg,rgba(231,123,91,.06),transparent 78%);color:#c1aaa2}
.usage strong{display:block;color:#e7c8bd;font-size:.8rem}
.usage ul{margin:.45rem 0 0;padding-left:1.25rem}
.usage li{margin:.32rem 0;font-size:.75rem;line-height:1.7}
.usage li::marker{color:var(--risk)}
.mirror-note{margin:.9rem 0;color:var(--faint);font-size:.78rem}
@media(max-width:44rem){
  body:before{left:.55rem}
  main{width:min(100% - 1rem,68rem);padding:1rem 0 3.5rem 1.25rem}
  .back{margin-bottom:2rem}
  .download-head h1{font-size:clamp(2.55rem,13vw,4rem)}
  .device-recommendation{grid-template-columns:auto 1fr;margin:1.5rem 0 2rem;padding:1rem}
  .device-recommendation-action{grid-column:1/-1;width:100%}
  .device-recommendation-note{grid-column:1/-1}
  .artifact-grid{grid-template-columns:1fr;gap:0}
  .artifact{min-height:0;padding:1.45rem 0}
  .artifact.is-device-recommended{margin-left:-.75rem;padding-inline:.75rem}
  .artifact dl{grid-template-columns:1fr;gap:.16rem}
  .artifact dd{margin-bottom:.4rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
