:root{--ink:#162238;--muted:#5b687c;--blue:#2356e8;--line:#e3e8f0;--paper:#fff;--wash:#f4f7fc;font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}::selection{background:#dce6ff}p,h1,h2,h3{overflow-wrap:anywhere}button,input{font:inherit}.skip{position:absolute;top:-100px;left:20px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}.container{max-width:1120px;margin:auto;padding:0 40px}.header{border-bottom:1px solid var(--line)}.header-inner{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:750;font-size:20px;letter-spacing:.03em}.brand-mark{background:var(--blue);color:#fff;font:700 18px/38px ui-monospace,monospace;width:38px;text-align:center;border-radius:10px}.nav{display:flex;gap:30px;color:var(--muted);font-size:15px}.nav a{padding:32px 0;position:relative}.nav a[aria-current=page]{color:var(--ink);font-weight:650}.nav a[aria-current=page]:after{content:"";position:absolute;bottom:0;height:3px;background:var(--blue);left:0;right:0}.intro{padding:66px 0 42px;border-bottom:1px solid var(--line)}.eyebrow{font:600 13px/1.7 ui-monospace,Consolas,monospace;letter-spacing:.14em;color:var(--blue)}h1{font-size:clamp(30px,4.2vw,46px);letter-spacing:-.04em;line-height:1.35;margin:14px 0 16px;font-weight:750}.intro p{color:var(--muted);max-width:640px;margin:0;font-size:17px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:64px;padding:42px 0 70px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-head h2{font-size:17px;margin:0}.count{color:var(--muted);font:13px ui-monospace,monospace}.post{padding:26px 0 28px;border-bottom:1px solid var(--line)}.meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;color:var(--muted);font-size:13px}.tag{color:var(--blue);background:#edf2ff;padding:1px 8px;border-radius:4px}.post h3{font-size:24px;line-height:1.5;letter-spacing:-.025em;margin:12px 0 9px}.post p{color:var(--muted);font-size:15px;margin:0 0 16px;line-height:1.9}.read{color:var(--blue);font-size:14px;font-weight:600}.aside{border-left:1px solid var(--line);padding-left:28px}.avatar{display:grid;place-items:center;width:54px;height:54px;background:var(--ink);color:white;border-radius:14px;font:600 23px ui-monospace,monospace;margin-bottom:16px}.aside h2{font-size:18px;margin:0 0 9px}.aside p{color:var(--muted);font-size:14px;margin:0 0 18px}.aside .small-link{font-size:14px;color:var(--blue)}.topics{border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.topics h3{font-size:14px;margin:0 0 12px}.topics ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.topics li{font-size:13px;padding:3px 9px;background:var(--wash);border:1px solid var(--line);border-radius:5px;color:var(--muted)}.footer{border-top:1px solid var(--line);color:var(--muted);font-size:13px}.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:24px 0 30px}.footer p{margin:0}.footer a:hover{text-decoration:underline}.article{max-width:760px;margin:auto;padding:44px 0 72px}.back{font-size:14px;color:var(--muted)}.article-header{padding:28px 0 30px;border-bottom:1px solid var(--line);margin-bottom:32px}.article h1{font-size:clamp(28px,4vw,40px)}.prose{font-size:17px;line-height:1.95}.prose p{margin:0 0 22px}.prose h2{font-size:24px;line-height:1.5;margin:36px 0 15px;letter-spacing:-.02em}.prose h3{font-size:19px}.prose ul{padding-left:24px}.prose li{margin:8px 0}.prose code{background:var(--wash);padding:2px 6px;border-radius:4px;font: .9em ui-monospace,Consolas,monospace;overflow-wrap:anywhere}.prose pre{background:#172239;color:#e8efff;border-radius:10px;padding:22px;overflow:auto;font-size:14px;line-height:1.8}.prose pre code{background:none;padding:0;color:inherit;white-space:pre}.note{border-left:3px solid var(--blue);background:var(--wash);padding:18px 22px;margin:26px 0}.note p:last-child{margin:0}.article-end{margin-top:42px;padding-top:22px;border-top:1px solid var(--line);font-size:15px;color:var(--blue)}.about-header{padding-bottom:25px;border-bottom:1px solid var(--line);margin-bottom:28px}.about-header .avatar{margin-top:30px}.about-header p{color:var(--muted)}
@media(min-width:1400px){.container{max-width:1200px}.layout{gap:80px;grid-template-columns:minmax(0,1fr) 270px}}
@media(max-width:760px){.container{padding:0 22px}.header-inner{min-height:78px;gap:15px}.brand{font-size:17px;gap:8px}.brand-mark{width:32px;font-size:16px;line-height:32px;border-radius:8px}.nav{gap:18px;font-size:14px}.nav a{padding:25px 0}.intro{padding:40px 0 30px}.intro p{font-size:16px}.layout{grid-template-columns:1fr;gap:36px;padding:30px 0 42px}.aside{border-left:0;border-top:1px solid var(--line);padding:26px 0 0}.post h3{font-size:21px}.article{padding:26px 0 42px}.prose{font-size:16px}.prose h2{font-size:22px}.footer-inner{display:block}.footer p+p{margin-top:6px}}
@media(prefers-reduced-motion:no-preference){a{transition:color .15s ease}}