:root{color-scheme:light;--ground:#fff;--paper:#fff;--ink:#20231f;--muted:#696d68;--focus:#375b45;--line:#20231f35;--frame:transparent;--panel:transparent;--shadow:transparent;--title-face:Baskerville,"Palatino Linotype",Georgia,serif;--side:clamp(20px,4.5vw,80px)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--ground:#111310;--paper:#111310;--ink:#f3f4ef;--muted:#b4b8b1;--focus:#a8c9ad;--line:#f3f4ef45}}
:root[data-theme=dark]{color-scheme:dark;--ground:#111310;--paper:#111310;--ink:#f3f4ef;--muted:#b4b8b1;--focus:#a8c9ad;--line:#f3f4ef45}
body{font:14px/1.65 "Segoe UI","Microsoft YaHei",sans-serif;background:var(--ground);color:var(--ink)}body::before{display:none}.wrap{width:calc(100% - 2 * var(--side));max-width:1440px}.site-header{align-items:baseline;padding-top:28px;padding-bottom:clamp(48px,8vw,100px)}.brand{font:400 clamp(27px,3vw,40px)/1 Baskerville,"Palatino Linotype",Georgia,serif;letter-spacing:-.04em}.brand::after{display:none}.main-nav{gap:clamp(12px,2vw,28px);font-size:12px;color:var(--muted)}.theme-toggle{min-width:44px;min-height:44px}.main-nav a:hover,.main-nav a[aria-current],.site-footer a:hover{color:var(--focus)}.collection{padding-bottom:64px}.page-heading h1{font:400 30px/1.2 var(--title-face);letter-spacing:-.04em}.paper-panel{min-height:220px;padding:24px 0;background:transparent;border:0}.paper-panel::before,.paper-panel::after{display:none}.empty{min-height:180px}.article-card{grid-template-columns:100px minmax(0,1fr) 20px;padding:22px 0;border-color:var(--line)}.article-card h2{font:400 21px/1.45 var(--title-face)}.article-card time,.site-footer{font-size:12px}.post{max-width:860px;padding:0 0 50px;margin-bottom:72px;background:transparent;border:0;box-shadow:none}.post-header{margin-bottom:40px}.post-header h1{font:400 clamp(30px,5vw,48px)/1.2 var(--title-face);letter-spacing:-.04em}.prose{font:15px/1.75 "Segoe UI","Microsoft YaHei",sans-serif}.prose h2,.prose h3{font-family:var(--title-face);font-weight:400;letter-spacing:-.025em}.prose a{border-color:var(--focus)}.prose pre,.prose :not(pre)>code{background:color-mix(in srgb,var(--ink) 6%,transparent)}.prose img{border:0;padding:0;background:transparent}.search-input:focus{border-color:var(--focus)}a:focus-visible,button:focus-visible{outline-color:var(--focus)}
@media(max-width:760px){.site-header{padding-bottom:48px}.main-nav{gap:10px;flex-wrap:wrap}.paper-panel{padding:12px 0}.post{padding:0 0 36px}.post-header h1{font-size:32px}.article-card{grid-template-columns:minmax(0,1fr) 20px}.article-card h2{font-size:20px}}