:root{color:#2f4154;background:#f5f6f8;font-family:Source Han Sans SC,Noto Sans SC,PingFang SC,sans-serif;line-height:1.7}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:.85rem 6vw;background:#2f4154f0;color:#fff}.site-name{font-size:1.25rem;font-weight:700}.site-header nav{display:flex;gap:1.25rem}.site-header a{opacity:.86}.site-header a.router-link-active,.site-header a:hover{opacity:1}.hero{display:grid;align-items:end;min-height:46vh;padding:4rem 6vw;color:#fff;background:linear-gradient(#1c273373,#1c27338c),url(/banner.svg) center/cover}.hero p{max-width:36rem;margin:.5rem 0 0;font-size:clamp(1.4rem,3vw,2rem)}.page{width:min(980px,calc(100% - 2rem));margin:2rem auto 4rem}.page>h1,.reading>h1{scroll-margin-top:5.5rem}.cards,.list{display:grid;gap:1.25rem;padding:0;list-style:none}.card,.panel{display:block;padding:1.25rem 1.5rem;border-radius:.5rem;background:#fff;box-shadow:0 .5rem 1.5rem #2f415414}.card h2,.panel h2{margin:0 0 .5rem;font-size:1.35rem}.card:hover,.panel:hover{transform:translateY(-2px)}.meta,.tags{display:flex;flex-wrap:wrap;gap:.75rem;color:#6c7a89;font-size:.92rem}.tags a{color:#2f4154}.article-hero{display:grid;align-content:end;min-height:42vh;padding:6rem 8vw 4rem;color:#fff;background:linear-gradient(#1c273380,#1c27339e),url(/banner.svg) center/cover}.article-hero h1{max-width:900px;margin:0 auto;font-size:clamp(2rem,4vw,3.2rem);line-height:1.25;text-align:center}.article-hero p{margin:1rem 0 0;color:#ffffffdb;text-align:center}.article-layout{display:grid;grid-template-columns:minmax(0,820px) 220px;gap:1.5rem;justify-content:center;width:min(1120px,calc(100% - 2rem));margin:-2rem auto 4rem}.prose{padding:2rem 2.25rem}.prose p{margin:0 0 1.35rem;text-indent:2em;line-height:2}.prose h2,.prose h3{margin:2.25rem 0 1rem;padding-bottom:.35rem;border-bottom:1px solid #e6ebf0;font-size:1.35rem;line-height:1.4;scroll-margin-top:5.5rem}.prose h3{font-size:1.15rem;border-bottom:0}.toc{position:sticky;top:5.5rem;align-self:start;display:grid;gap:.35rem;max-height:calc(100vh - 7rem);overflow:auto;padding:1rem .75rem;background:#fff;border-radius:.5rem;box-shadow:0 .5rem 1.5rem #2f415414}.toc p{margin:0 0 .5rem;padding-left:.75rem;color:#2f4154;font-weight:700}.toc a{padding:.35rem .75rem;border-left:2px solid transparent;color:#6c7a89;font-size:.92rem}.toc .level-3{margin-left:.75rem}.toc a.active{border-left-color:#9a3412;color:#9a3412;font-weight:700}.neighbors{grid-column:1;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.neighbors a{padding:1rem;background:#fff;border-radius:.5rem}.neighbors a:last-child{text-align:right}.pager{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.pager button[aria-current=page]{background:#9a3412}.pager button:disabled{opacity:.45}form{display:flex;gap:.5rem;margin-bottom:1rem}input{flex:1;padding:.65rem .75rem;border:1px solid #d5dde5;border-radius:.35rem}button{border:0;border-radius:.35rem;padding:.65rem 1rem;background:#2f4154;color:#fff}@media(max-width:720px){.site-header,.hero{padding-inline:1rem}.site-header{align-items:flex-start;flex-direction:column;gap:.5rem}.site-header nav{flex-wrap:wrap;gap:.75rem}.article-layout{grid-template-columns:1fr}.toc{position:static}.page>h1,.reading>h1,.prose h2{scroll-margin-top:8rem}}