@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Inter:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#090b0e;--panel:#11151a;--line:#292e35;--muted:#929ca9;--blue:#8dcfff;--white:#edf1f5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--white);font:16px/1.7 Inter,'Microsoft YaHei',sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:6px}header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);background:#090b0eee;position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:13px;font-weight:800;letter-spacing:.06em;font-size:18px}.brand small{display:block;font-size:10px;font-weight:400;color:var(--muted);letter-spacing:.18em}.mark{font-size:38px;font-style:italic;line-height:1;color:var(--blue)}nav{display:flex;gap:35px;font-size:14px}nav span{color:var(--muted);margin-left:5px}.lang,.outline{background:transparent;border:1px solid var(--line);padding:9px 17px;font-size:13px}main{min-height:70vh}.wrap{max-width:1440px;margin:auto;padding:0 5%}.hero{min-height:650px;padding-top:76px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.eyebrow{font-size:12px;letter-spacing:.18em;color:var(--blue);font-family:monospace}.hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(80px,10.4vw,158px);font-weight:600;line-height:.86;letter-spacing:-.02em;margin:32px 0 25px;position:relative;z-index:1}.hero h1 span{color:transparent;-webkit-text-stroke:1px #9aabbc}.hero p{color:#aab3bf;max-width:470px;font-size:17px}.hero p b{color:var(--white);font-weight:400}.hero p small{display:block;font-size:13px;margin-top:9px}.primary{display:inline-flex;justify-content:space-between;align-items:center;gap:45px;background:var(--white);color:#101419;border:1px solid var(--white);padding:14px 23px;font-size:14px;font-weight:600;transition:.25s}.primary:hover{background:var(--blue);border-color:var(--blue);transform:translateY(-2px)}.hero .primary{margin-top:18px}.hero-meta{margin-top:52px;padding:22px 0;display:flex;gap:34px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);position:relative;z-index:1}.art{position:absolute;right:0;top:0;width:55%;height:100%;opacity:.8;background:radial-gradient(ellipse at 62% 48%,#153e5d80,transparent 58%),repeating-linear-gradient(90deg,transparent 0 69px,#37475925 70px),repeating-linear-gradient(0deg,transparent 0 69px,#37475925 70px);mask-image:linear-gradient(90deg,transparent,#000 25%)}.orb{width:440px;height:440px;position:absolute;top:90px;right:10%;border-radius:50%;border:1px solid #92caff50;box-shadow:0 0 75px #439be915,inset 0 0 100px #65b9ff12;background:repeating-radial-gradient(ellipse at center,transparent 0 15px,#b6d7f416 16px,transparent 17px 24px);transform:rotate(-25deg) scaleX(.78)}.orb:after{content:'';position:absolute;inset:52px;border:1px solid #c4e6ff90;border-radius:50%;box-shadow:0 0 32px #70bdff30}.art-label{position:absolute;bottom:85px;right:12%;font:12px monospace;color:#84b2d1;letter-spacing:.16em}.section{padding-top:70px;padding-bottom:65px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.section-head h2{font:500 44px/1.1 'Barlow Condensed',Impact,sans-serif;margin:12px 0}.section-head p{color:var(--muted);font-size:14px;margin:0}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.filter{background:transparent;border:1px solid var(--line);font-size:13px;padding:10px 19px;transition:.2s}.filter.active,.filter:hover{background:#eaf1f5;color:#0a0d11;border-color:#eaf1f5}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid var(--line);background:#0e1116;transition:transform .35s,border-color .35s;display:flex;flex-direction:column}.card:hover{transform:translateY(-7px);border-color:#7895a7}.cover{height:235px;position:relative;overflow:hidden;padding:22px;background:radial-gradient(ellipse at 70% 50%,#203c5055,transparent 70%),linear-gradient(130deg,#171e26,#0c1015);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line)}.cover:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 39px,#809ab90b 40px)}.cover .serial{position:absolute;left:20px;top:17px;font:11px monospace;letter-spacing:.14em;color:#94a5b7}.cover .cover-code{font:600 94px 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.04em;color:#a5b5c680;text-shadow:1px 1px #d6e5f4,5px 6px 0 #05090f;transform:skewY(-8deg);transition:.4s}.card:hover .cover-code{transform:skewY(-8deg) translateY(-6px);color:#91c4e4}.cover .axis{position:absolute;bottom:15px;right:18px;font:11px monospace;color:#7593ab}.card-body{padding:26px}.kicker{font:11px monospace;letter-spacing:.13em;color:var(--blue)}.card h3{font:600 30px 'Barlow Condensed',sans-serif;margin:10px 0}.card p{color:#aab3bf;font-size:14px;min-height:46px}.card-meta{display:flex;gap:12px;color:var(--muted);font:12px monospace;margin:23px 0}.card-bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;font-size:13px}.card-bottom b{color:var(--blue)}.library{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-top:55px;padding-bottom:55px;background:linear-gradient(115deg,#111820,#0b0e12)}.library strong{font:500 95px/1 'Barlow Condensed',sans-serif;letter-spacing:-.02em}.library strong span{color:var(--blue)}.library h2{font-size:24px;font-weight:400}.library p{color:var(--muted);font-size:14px}.library .lines{display:flex;gap:30px;margin-top:25px;font:12px monospace;color:#c7d3df}footer{padding:48px 5%;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px}footer .brand{color:var(--white)}footer small{font-size:11px;letter-spacing:.05em}.blue{color:var(--blue)}.page{animation:enter .4s ease}.back{display:inline-block;color:var(--muted);font-size:13px;margin:32px 0}.detail-top{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;margin:12px 0 55px}.detail-top .cover{height:360px;border:1px solid var(--line)}.detail-top .cover-code{font-size:150px}.detail-top h1{font:600 clamp(48px,5vw,72px)/1 'Barlow Condensed',sans-serif;margin:18px 0}.detail-top p{color:var(--muted)}.specs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;gap:20px}.specs small{display:block;color:var(--muted);font-size:12px}.specs b{font-weight:500;font-size:14px}.detail-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;padding:45px 0 75px}.detail-grid h2{font-size:23px;font-weight:500}.feature{border-bottom:1px solid var(--line);padding:18px 0}.feature b{font-size:16px;font-weight:500}.feature p{color:var(--muted);font-size:14px;margin-bottom:0}.download-box{background:var(--panel);padding:28px;border:1px solid #425469;align-self:start;position:sticky;top:120px}.download-box .primary,.download-box .outline{width:100%;margin-top:13px;text-align:left;padding:17px}.download-box p{color:var(--muted);font-size:13px}.checksum{font:12px/1.8 monospace;word-break:break-all;background:#090c10;padding:15px;color:#99a9ba}.copy{border:0;background:transparent;color:var(--blue);padding:10px 0;font-size:12px}details{border-bottom:1px solid var(--line);padding:18px 0;font-size:14px}summary{cursor:pointer}details p{color:var(--muted)}.notice{border-left:2px solid var(--blue);padding:10px 15px;background:#8dcfff0b;font-size:13px;color:#adbcca}dialog{background:#111820;color:var(--white);border:1px solid #4b6175;width:min(490px,90vw);padding:38px}dialog::backdrop{background:#000a;backdrop-filter:blur(8px)}.close{position:absolute;right:12px;top:6px;border:0;background:none;font-size:30px}.close-action{width:100%;justify-content:center}.download-box h2{margin-top:12px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#daeafa;color:#111;padding:12px 24px;z-index:30;display:none}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(min-width:1600px){.hero{min-height:730px}}@media(max-width:800px){header{height:76px}.brand{font-size:14px}.mark{font-size:30px}nav{display:none}.hero{min-height:610px;padding-top:60px}.hero h1{font-size:100px}.art{width:85%;opacity:.38;right:-25%}.orb{right:-20%;width:360px;height:360px}.hero p{position:relative;z-index:1;font-size:16px}.hero-meta{gap:16px;flex-wrap:wrap;margin-top:40px}.cards{grid-template-columns:1fr}.cover{height:240px}.section{padding-top:45px;padding-bottom:45px}.section-head{align-items:start;gap:20px}.section-head h2{font-size:36px}.section-head p{font-size:12px}.library{grid-template-columns:1fr;gap:15px}.library strong{font-size:85px}.detail-top{grid-template-columns:1fr;gap:25px}.detail-top .cover{height:260px}.specs{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr;gap:25px}.download-box{position:static}.detail-grid article{order:2}footer{gap:25px;flex-wrap:wrap}footer>span{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:800px){.hero h1{font-size:clamp(52px,12vw,96px)}.section-head{flex-wrap:wrap}}