:root{color-scheme:dark;--bg:#050f2e;--ink:#f4f8ff;--muted:#afbed5;--cyan:#16a5ff;--line:#23416c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:500 16px/1.65 Geist,"Microsoft YaHei UI",system-ui,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid #69dbff;outline-offset:4px}.shell{width:min(1340px,calc(100% - 80px));margin-inline:auto}.topbar{background:#061539;border-bottom:1px solid #162f59}.header-inner{display:flex;align-items:center;gap:36px;min-height:74px}.brand{display:flex;align-items:center;gap:13px;font-size:22px;font-weight:700;white-space:nowrap}.brand img{border:1px solid #355d8c;border-radius:9px}.topbar nav{display:flex;align-items:center;gap:clamp(18px,4vw,60px);margin-left:auto;font-weight:700}.topbar nav a:hover,footer a:hover{color:var(--cyan)}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:58px;border:1px solid transparent;border-radius:11px;padding:0 26px;font-weight:700;white-space:nowrap}.button:hover{filter:brightness(1.18)}.button span{font-size:22px}.primary{background:#0797ef;color:#031329}.secondary{background:#070e24d9;border-color:#57647c}.nav-download{min-height:42px;padding:0 17px;border-radius:8px}.hero{background:linear-gradient(90deg,#050f2ec9 0%,#050f2e5c 42%,transparent 72%),linear-gradient(0deg,var(--bg),transparent 32%),#071943}.intro{min-height:510px;max-width:660px;padding:106px 0 54px}.eyebrow{display:inline-flex;margin:0;color:#4dc6ff;padding:3px 13px;border-radius:20px;border:1px solid #16639f;background:#051a3ac9;font-weight:700}.intro h1{margin:21px 0 7px;font:900 clamp(43px,6vw,94px)/1.11 "Archivo Black","Microsoft YaHei UI",sans-serif;letter-spacing:-.055em}.intro h1 span{color:#0da3ff;letter-spacing:-.08em}.lede{margin:18px 0 26px;font-size:clamp(16px,1.7vw,22px);font-weight:700}.actions{display:flex;gap:14px;flex-wrap:wrap}.metadata{margin-top:17px;color:#c4d6ea}.metadata span{padding:0 7px}.cards{display:grid;grid-template-columns:1.65fr repeat(3,1fr);gap:16px;align-items:stretch;padding-bottom:45px}.card{min-width:0;background:#061531d9;border:1px solid #1976b8;border-radius:11px;padding:21px;backdrop-filter:blur(7px)}.card h2{font-size:24px;margin:3px 0 4px}.card p{margin:0;color:var(--muted)}.card-kicker{display:flex;justify-content:space-between;gap:12px;color:#48bfff;font-weight:700}.card-kicker time{font-weight:500;color:var(--muted)}.icon{color:#27b5ff;font-size:33px;line-height:1}.card details{margin-top:8px}.card summary{color:#54c3ff;cursor:pointer}.checksum{overflow-wrap:anywhere;font-size:12px}.guide{padding:28px 0 38px;border-top:1px solid var(--line)}.guide h2{font-size:29px;margin:0 0 18px}.guide ol{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;list-style:none;margin:0;padding:0}.guide li{display:flex;align-items:flex-start;gap:14px}.step{flex:none;padding:7px 11px;background:#0a2658;color:#65c9ff;border-radius:5px}.guide h3,.guide p{margin:0}.guide p{color:var(--muted);font-size:14px}.guide code{font:inherit;color:#d4ebff}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:16px 0;color:var(--muted);font-size:14px}footer p{margin:0}
@media(max-width:900px){.shell{width:calc(100% - 42px)}.header-inner{gap:18px}.cards{grid-template-columns:repeat(3,1fr)}.update{grid-column:1/-1}.intro{padding-top:82px;min-height:450px}.hero{background-position:center,center,60% top}}
@media(max-width:620px){.shell{width:calc(100% - 32px)}.header-inner{min-height:64px;justify-content:space-between}.topbar nav{display:none}.brand{font-size:16px;gap:7px}.brand img{width:30px;height:30px}.nav-download{font-size:12px;padding:0 10px;gap:6px}.intro{padding:245px 0 25px;min-height:auto}.hero{background:linear-gradient(0deg,#050f2e 2%,#050f2e 48%,transparent 88%),#050f2e}.button{min-height:48px;padding:0 14px;gap:8px}.cards{grid-template-columns:1fr;gap:10px;padding-bottom:26px}.card{padding:16px}.guide ol{grid-template-columns:1fr;gap:16px}.guide h2{font-size:24px}.card h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


.hero{position:relative;isolation:isolate;overflow:hidden}
.hero-art{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none}
.hero-art img{display:block;width:100%;height:auto;min-height:100%;object-fit:cover;object-position:center top}
.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--bg),transparent 31%)}
.intro{min-height:clamp(440px,36vw,610px)}
@media(min-width:901px){.cards{grid-template-columns:2.1fr repeat(3,1fr);align-items:end}.card:not(.update){min-height:156px}}
@media(max-width:620px){.intro{min-height:auto;padding-top:252px}.hero-art{height:345px}.hero-art img{height:100%;object-position:68% top}.hero-art:after{background:linear-gradient(0deg,var(--bg),transparent 42%)}}
@media(max-width:620px){.header-inner{flex-wrap:wrap;row-gap:7px;padding-block:8px}.topbar nav{display:flex;order:3;width:100%;margin:0;justify-content:space-between;font-size:14px;padding:3px 0}.nav-download{min-height:40px}}

/* Keep the original artwork aligned to the content on wide screens. */
@media(min-width:901px){
  .hero-art{inset:0 auto auto 50%;width:min(100%,1680px);height:100%;transform:translateX(-50%)}
  .hero-art img{min-height:0;object-fit:initial}
  .hero-art:after{background:linear-gradient(0deg,var(--bg),transparent 31%)}
}
@media(min-width:1681px){
  .hero-art{mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
}