:root{--paper:#f2f7fa;--card:#fff;--ink:#123c5a;--ink-2:#5e7a8c;--hair:#d3e2ec;--orange:#ff7a00;--orange-bg:#fff2e5;--red:#c0392b;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--sans:system-ui,-apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font:15px/1.8 var(--sans);margin:0}a{color:var(--ink);text-decoration-color:var(--orange);text-underline-offset:3px}.wrap{max-width:1020px;margin:0 auto;padding:0 22px}.top{background:var(--card);border-bottom:1px solid var(--hair)}.top .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;padding:15px 22px;display:flex}.brand{color:var(--ink);white-space:nowrap;align-items:center;gap:9px;font-weight:700;text-decoration:none;display:flex}.brand i{border:2px solid var(--ink);border-radius:3px;width:22px;height:14px;display:inline-block;position:relative}.brand i:after{content:"";background:var(--orange);border-radius:1px;width:6px;height:6px;position:absolute;top:3px;right:-1px}.top nav{gap:18px;font-size:13.5px;display:flex}.top nav a{color:var(--ink-2);text-decoration:none}.top nav a:hover{color:var(--orange)}.hero{padding:44px 0 24px}.kicker{letter-spacing:.2em;color:var(--orange);margin:0 0 11px;font-size:11.5px;font-weight:700}.hero h1{margin:0 0 12px;font-size:clamp(26px,4.3vw,40px);font-weight:700;line-height:1.24}.hero h1 em{color:var(--orange);font-style:normal}.hero p{max-width:58ch;color:var(--ink-2);margin:0}.card{background:var(--card);border:1px solid var(--hair);border-radius:10px;margin:0 0 16px;padding:20px 22px 24px}.card h2{margin:0 0 3px;font-size:15px;font-weight:700}.card .sub{color:var(--ink-2);margin:0 0 14px;font-size:13px}label{color:var(--ink-2);margin:11px 0 0;font-size:12.5px;display:block}label span.q{margin-bottom:4px;display:block}input,select{border:1px solid var(--hair);width:100%;color:var(--ink);font:14.5px/1.4 var(--mono);background:#fff;border-radius:6px;padding:8px 10px}input:focus,select:focus{outline:2px solid var(--orange);outline-offset:0}.g3{grid-template-columns:repeat(3,1fr);gap:0 14px;display:grid}.g2{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}@media (width<=700px){.g3{grid-template-columns:1fr 1fr}}@media (width<=460px){.g3,.g2{grid-template-columns:1fr}}.checks{gap:8px;margin:14px 0 0;display:grid}.checks label{color:var(--ink);align-items:flex-start;gap:9px;margin:0;font-size:13.5px;display:flex}.checks input{width:auto;accent-color:var(--orange);margin-top:5px}.checks .d{color:var(--ink-2);margin-top:2px;font-size:12.5px;display:block}.axis{background:var(--card);border:1px solid var(--hair);border-radius:10px;margin:0 0 16px;padding:20px 22px 24px}.axis h2{margin:0 0 16px;font-size:15px;font-weight:700}.bar{height:56px;margin:0 0 6px;position:relative}.bar .track{background:var(--hair);border-radius:4px;height:8px;position:absolute;top:24px;left:0;right:0}.bar .cover{background:var(--ink);border-radius:4px;height:8px;position:absolute;top:24px}.bar .gap{background:repeating-linear-gradient(45deg,var(--red),var(--red) 4px,#fff 4px,#fff 8px);border-radius:4px;height:8px;position:absolute;top:24px}.bar .pin{background:var(--ink-2);width:2px;height:40px;position:absolute;top:8px}.bar .pin b{font:11px/1 var(--sans);white-space:nowrap;color:var(--ink-2);position:absolute;top:-2px;left:6px}.bar .pin.hot{background:var(--orange)}.bar .pin.hot b{color:var(--orange)}.step{border-top:1px solid var(--hair);grid-template-columns:44px 1fr;gap:14px;padding:15px 0;display:grid}.step:first-of-type{border-top:0}.step .n{background:var(--paper);border:2px solid var(--hair);width:34px;height:34px;font:700 15px var(--mono);border-radius:50%;place-items:center;display:grid}.step[data-irr=true] .n{border-color:var(--orange);color:var(--orange)}.step h3{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 3px;font-size:15.5px;font-weight:700;display:flex}.step .lock{background:var(--orange-bg);color:var(--orange);border-radius:4px;padding:2px 8px;font-size:11.5px;font-weight:700}.step .at{font:13px var(--mono);color:var(--ink-2);margin:0 0 4px}.step p{color:var(--ink-2);margin:0;font-size:14px}.step p strong{color:var(--orange)}.gapbox{background:#fdf0ee;border:1px solid #f3cfc9;border-radius:10px;margin:0 0 12px;padding:16px 20px}.gapbox h3{color:var(--red);margin:0 0 5px;font-size:15px;font-weight:700}.gapbox p{color:var(--ink-2);margin:0;font-size:14px}.okbox{background:#edf6f0;border:1px solid #cfe6d8;border-radius:10px;margin:0 0 12px;padding:14px 20px;font-size:14px}.irr{background:var(--card);border:1px solid var(--hair);border-left:4px solid var(--orange);border-radius:8px;margin:0 0 12px;padding:16px 20px}.irr h3{margin:0 0 8px;font-size:15px;font-weight:700}.irr li{color:var(--ink-2);margin:7px 0;font-size:14px}.irr li b{color:var(--ink)}.miss{background:var(--card);border:1px solid var(--hair);border-left:4px solid var(--orange);color:var(--ink-2);border-radius:8px;margin:0 0 14px;padding:16px 20px;font-size:14px}.guard{border-left:3px solid var(--ink);color:var(--ink-2);margin:22px 0 0;padding:4px 0 4px 15px;font-size:13.5px}.prose{max-width:66ch;padding:8px 0 56px}.prose h2{margin:26px 0 8px;font-size:18px;font-weight:700}.prose h3{color:var(--orange);margin:20px 0 6px;font-size:14.5px;font-weight:700}.prose li{margin:5px 0}.prose code{font:13px var(--mono);background:var(--paper);border-radius:4px;padding:1px 5px}footer{background:var(--card);border-top:1px solid var(--hair);color:var(--ink-2);margin-top:26px;padding:20px 0 44px;font-size:12.5px}footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:10px 24px;display:flex}.big404{font:700 clamp(56px,14vw,130px)/1 var(--mono);color:var(--hair);margin:16px 0 0}
