:root {
  --paper:#fff; --ink:#111; --ink-2:#444; --muted:#595959; --line:#dedede; --soft:#f3f3f3;
  --accent:#B8321C; --gutter:24px; color-scheme:light;
  --blog-font:Inter,system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper:#0d0d0d;--ink:#f2f2f2;--ink-2:#c6c6c6;--muted:#a3a3a3;--line:#363636;--soft:#1a1a1a;--accent:#FF7A5C;color-scheme:dark;}}
:root[data-theme="dark"]{--paper:#0d0d0d;--ink:#f2f2f2;--ink-2:#c6c6c6;--muted:#a3a3a3;--line:#363636;--soft:#1a1a1a;--accent:#FF7A5C;color-scheme:dark;}
*,*::before,*::after{box-sizing:border-box;}
html{text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.8 var(--blog-font);overflow-wrap:anywhere;text-wrap:pretty;}
a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:.2em;}
a:hover{text-decoration-thickness:2px;}
:focus-visible{outline:2px solid var(--accent);outline-offset:5px;}
h1,h2,h3,h4{text-wrap:balance;line-height:1.4;}
p,li{text-wrap:pretty;orphans:2;widows:2;}
.blog-header,.blog-footer{width:min(calc(100% - 2 * var(--gutter)),1000px);margin-inline:auto;font:15px/1.5 var(--blog-font);}
.blog-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;min-height:105px;padding-block:24px;border-bottom:1px solid var(--line);}
.blog-header .blog-name{font-size:19px;font-weight:650;color:var(--ink);text-decoration:none;letter-spacing:-.02em;}
.blog-themes{display:flex;align-items:center;gap:2px;border:1px solid var(--line);border-radius:6px;padding:3px;}
.blog-themes button{appearance:none;font:14px/1 var(--blog-font);color:var(--muted);background:none;border:0;border-radius:3px;min-height:38px;padding:0 12px;cursor:pointer;}
.blog-themes button[aria-pressed="true"]{background:var(--soft);color:var(--ink);box-shadow:inset 0 -2px var(--ink);}
html[data-blog-mode="light"] [data-blog-theme="light"],html[data-blog-mode="dark"] [data-blog-theme="dark"]{font-weight:700;}
.blog-footer{border-top:1px solid var(--line);margin-top:88px;padding-block:26px 40px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;color:var(--muted);}
.blog-footer a{color:var(--accent);}
.blog-skip{position:absolute;top:-100px;left:24px;padding:8px 16px;background:var(--paper);z-index:100;}
.blog-skip:focus{top:8px;}
.home{width:min(calc(100% - 2 * var(--gutter)),820px);margin:80px auto 0;}
.home-intro{margin-bottom:72px;}
.home h1{font-size:clamp(34px,5vw,54px);font-weight:600;letter-spacing:-.045em;margin:0;max-width:12em;line-height:1.35;}
.post-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line);}
.post-list>li{padding:30px 0 34px;border-bottom:1px solid var(--line);}
.post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:16px;color:var(--accent);font-size:14px;line-height:1.5;font-variant-numeric:tabular-nums;}
.language{border:1px solid currentColor;border-radius:3px;padding:1px 7px;font-size:12px;}
.post-list h2{margin:13px 0 12px;font-size:clamp(23px,3vw,30px);font-weight:600;letter-spacing:-.025em;}
.post-list h2 a{color:var(--ink);text-decoration:none;}
.post-list h2 a:hover{color:var(--accent);text-decoration:underline;}
.post-summary{color:var(--muted);font-size:16px;line-height:1.8;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.post-summary .blog-tail{white-space:normal!important;}
.post-shell{width:min(calc(100% - 2 * var(--gutter)),684px);margin:62px auto 0;}
.post-title{font-size:clamp(30px,4vw,42px);font-weight:650;letter-spacing:-.03em;margin:18px 0 48px;line-height:1.45;}
.prose p{margin:0 0 1.35em;}
.prose h2{font-size:28px;margin:2.5em 0 1em;letter-spacing:-.02em;}
.prose h3{font-size:22px;margin:2em 0 .8em;}
.prose h4{font-size:20px;margin:1.8em 0 .8em;}
.prose strong{font-weight:650;}
.prose blockquote{margin:1.5em 0;padding-left:1em;border-left:2px solid var(--muted);color:var(--ink-2);}
.prose blockquote p:last-child{margin-bottom:0;}
.prose ul,.prose ol{padding-left:1.5em;margin:0 0 1.5em;}
.prose li{padding-left:.15em;margin:.5em 0;}
.prose hr{border:0;border-top:1px solid var(--line);margin:3em 0;}
.prose figure{margin:2em 0 1.1em;}
.prose img{display:block;max-width:100%;width:auto;height:auto;margin-inline:auto;}
.prose .caption{font-size:15px;line-height:1.7;color:var(--muted);margin-bottom:2em;}
.prose pre{font:13px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre;overflow-x:auto;max-width:100%;padding:20px;background:var(--soft);border:1px solid var(--line);margin:2em 0;}
@media(max-width:599px){:root{--gutter:22px;}.blog-header{min-height:0;gap:18px;}.blog-name{flex-basis:100%;}.blog-themes button{min-height:40px;}.home{margin-top:48px;}.home-intro{margin-bottom:46px;}.post-shell{margin-top:40px;}.post-title{margin-bottom:36px;}.prose h2{font-size:26px;}.blog-footer{margin-top:64px;}}