:root{--ink:#14231b;--forest:#123d2c;--paper:#f1ebdc;--orange:#ef592f;--line:#c8c1ad;--muted:#6d746d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(#14231b0a 1px,transparent 1px),var(--paper);background-size:100% 32px;color:var(--ink);font-family:"Microsoft YaHei UI",sans-serif}aside{position:fixed;inset:0 auto 0 0;width:250px;height:100vh;padding:32px 27px;background:var(--forest)}.brand{color:white;text-decoration:none;font:800 17px Bahnschrift;letter-spacing:.08em}nav{display:grid;margin-top:55px}nav a{padding:14px 0;color:#f1ebdc99;border-bottom:1px solid #ffffff22;text-decoration:none;font-size:12px}nav a:hover{color:white}main{max-width:1000px;margin-left:max(250px,calc((100vw - 1000px)/2 + 160px));padding:70px clamp(28px,6vw,90px)}header{padding-bottom:55px;border-bottom:1px solid var(--line)}header span,section>i{color:var(--orange);font:800 10px Consolas;letter-spacing:.2em}h1{margin:12px 0;font:800 55px Bahnschrift}header p,p,li,dd{color:var(--muted);font-size:14px;line-height:1.9}section{padding:55px 0;border-bottom:1px solid var(--line)}h2{margin:10px 0 22px;font:800 29px Bahnschrift}li{padding:6px 0}dt{margin-top:20px;font-weight:800}dd{margin-left:0}footer{display:flex;justify-content:space-between;padding-top:35px;color:var(--muted);font-size:11px}footer a{color:var(--ink);font-weight:800}@media(max-width:760px){aside{position:static;width:auto;height:auto}nav{grid-template-columns:1fr 1fr;margin-top:25px}main{margin:0;padding:45px 24px}h1{font-size:42px}footer{gap:20px;flex-direction:column}}