@font-face{font-family:Fusion Pixel;src:url(/fonts/fusion-pixel-12px-proportional-zh_hans.otf.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Fusion Pixel Mono;src:url(/fonts/fusion-pixel-12px-monospaced-zh_hans.otf.woff2)format("woff2");font-weight:400;font-display:swap}:root{--cols:12;--bl:8px;--lh:24px;--gutter:24px;--margin:72px;--pad:24px;--maxw:1296px;--paper:#f5f4ed;--ivory:#faf9f5;--sand:#e8e6dc;--ink:#141413;--ink-2:#3d3d3a;--stone:#6b6a64;--brand:#1b365d;--brand-light:#2d5a8a;--tint:#eef2f7;--line:#d8d5c8;--shot-bg:#141318;--err:#8a2d2d;--pixel:"Fusion Pixel", "Noto Sans SC", system-ui, sans-serif;--pixel-mono:"Fusion Pixel Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--pixel);font-size:12px;line-height:var(--lh);-webkit-font-smoothing:none;text-rendering:geometricprecision}.mono{font-family:var(--pixel-mono)}a{color:var(--ink);text-underline-offset:4px;text-decoration-thickness:1px;transition:color .15s ease-out}a:hover{color:var(--brand)}:is(a,button):focus-visible{outline:2px solid var(--brand);outline-offset:2px}.wrap{max-width:var(--maxw);padding:var(--pad) var(--margin) 96px;margin:0 auto;position:relative}.band{grid-template-columns:repeat(var(--cols), 1fr);column-gap:var(--gutter);row-gap:var(--lh);align-items:start;display:grid}.topbar{align-items:center}.brand{letter-spacing:2px;font-size:12px}.topnav{justify-content:flex-end;gap:24px;display:flex}.topnav a{color:var(--stone);text-decoration:none}.topnav a:hover{color:var(--brand);text-decoration:underline}.hero{margin-top:144px}.eyebrow{font-family:var(--pixel-mono);color:var(--brand);letter-spacing:1px}h1{word-break:keep-all;font-size:60px;font-weight:400;line-height:72px}h1 .line{display:block}.lede{color:var(--ink-2);margin-top:8px;font-size:24px;line-height:40px}.actions{grid-template-columns:repeat(var(--cols), 1fr);column-gap:var(--gutter);row-gap:var(--lh);align-items:end;margin-top:24px;display:grid}.btn{background:var(--brand);height:48px;color:var(--ivory);border-radius:8px;grid-column:1/4;justify-content:center;align-items:center;gap:8px;padding:0 24px;text-decoration:none;transition:background-color .15s ease-out;display:flex}.btn:hover{background:var(--brand-light);color:var(--ivory)}.btn .i{color:var(--ivory)}.btn-meta{color:var(--sand)}.convert{grid-column:4/11}.cmd-label{color:var(--stone);margin-bottom:8px}.cmd{background:var(--ivory);border:1px solid var(--line);border-radius:8px;align-items:flex-start;gap:16px;padding:12px 16px;display:flex;position:relative}.cmd code{font-family:var(--pixel-mono);white-space:pre-wrap;word-break:break-all;flex:1;font-size:12px;line-height:24px}.copy{font:inherit;font-family:var(--pixel-mono);color:var(--stone);cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:4px;height:24px;padding:0 4px;transition:color .15s ease-out,background-color .15s ease-out;display:flex;position:relative}.copy:after{content:"";position:absolute;inset:-8px}.cmd:hover .copy,.copy:hover,.copy:focus-visible{color:var(--brand)}.copy:hover{background:var(--tint)}.copy.done{color:var(--brand)}.copy.fail{color:var(--err)}.meta{color:var(--stone);margin-top:8px}.shotband{margin-top:96px}.shot{background:var(--shot-bg);border:1px solid var(--line);border-radius:8px;padding:24px}.shot img{outline-offset:-1px;outline:1px solid #ffffff1a;width:100%;height:auto;display:block}.shot figcaption{color:var(--sand);margin-top:16px}.feats{margin-top:144px}.num{color:var(--brand)}.feat h2{margin:16px 0 8px;font-size:24px;font-weight:400;line-height:32px}.feat p:last-child{color:var(--stone)}.verify{border-top:1px solid var(--line);margin-top:144px;padding-top:24px}.verify h2{font-size:24px;font-weight:400;line-height:32px}.verify dl>div{grid-template-columns:96px 1fr;gap:24px;margin-bottom:8px;display:grid}.verify dt{color:var(--stone)}.verify dd{word-break:break-all}.foot{border-top:1px solid var(--line);color:var(--stone);margin-top:144px;padding-top:24px}.foot a{color:var(--stone)}.i{color:currentColor;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.guides{pointer-events:none;opacity:0;position:absolute;inset:0}body.grid-on .guides{opacity:1}.guides .cols{top:0;bottom:0;left:var(--margin);right:var(--margin);grid-template-columns:repeat(var(--cols), 1fr);column-gap:var(--gutter);display:grid;position:absolute}.guides .cols:before{content:"";background:repeating-linear-gradient(to right, #1b365d1a 0, #1b365d1a calc((100% - 11 * var(--gutter)) / 12), transparent 0, transparent calc((100% - 11 * var(--gutter)) / 12 + var(--gutter)));grid-column:1/-1}.guides .rows{left:var(--margin);right:var(--margin);top:var(--pad);background-image:repeating-linear-gradient(to bottom, #1b365d38 0 1px, transparent 1px var(--lh));position:absolute;bottom:0}@media (width<=960px){:root{--margin:24px}h1{font-size:36px;line-height:48px}h1 .line{display:inline}.lede{font-size:12px;line-height:24px}.hero{margin-top:96px}.band>*{grid-column:1/-1!important}.feat{grid-column:span 6!important}.btn{grid-column:1/7}.convert{grid-column:1/-1}.topbar .brand{grid-column:1/5!important}.topbar .topnav{grid-column:5/13!important}}@media (width<=640px){.feat{grid-column:1/-1!important}.btn{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}