:root{--ink:#111827;--muted:#5f6c80;--canvas:#f4f7fb;--surface:#fff;--line:#d8e0eb;--blue:#2454e6;--navy:#101a33}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--canvas);font:17px/1.75 Inter,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit}.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-150%);background:var(--blue);color:#fff;padding:10px 14px;border-radius:8px}.skip-link:focus{transform:none}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.site-header{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(24px,calc((100% - 1100px)/2));border-bottom:1px solid var(--line);background:rgba(244,247,251,.94)}.brand{font-weight:800;text-decoration:none}.site-header nav{display:flex;gap:24px}.site-header nav a{text-decoration:none;color:#334155}.wrap{width:min(calc(100% - 40px),1100px);margin:auto}.hero{padding:88px 0 64px}.hero h1,.article h1{font-size:clamp(2.6rem,7vw,5.6rem);line-height:1;letter-spacing:-.06em;margin:0}.lede{max-width:720px;color:#334155;font-size:1.2rem}.section{padding:64px 0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card{display:block;padding:28px;background:#fff;border:1px solid var(--line);border-radius:16px;text-decoration:none}.card p,.meta{color:var(--muted)}.article{width:min(calc(100% - 40px),820px);margin:auto;padding:80px 0}.article-body{margin-top:48px}.article-body h2{margin-top:2.2em}.article-body pre{overflow:auto;padding:18px;background:var(--navy);color:#eef2ff;border-radius:12px}.article-body img{max-width:100%;height:auto}footer{padding:36px max(24px,calc((100% - 1100px)/2));border-top:1px solid var(--line);color:var(--muted)}@media(max-width:680px){body{font-size:16px}.site-header{min-height:64px}.site-header nav{gap:12px;font-size:.82rem}.grid{grid-template-columns:1fr}.hero{padding-top:60px}}