:root{color-scheme:light;--bg: #fbfaf7;--surface: #ffffff;--text: #20201d;--muted: #68665f;--line: #e8e2d7;--accent: #2f6f5e;--accent-strong: #1f5144;--warm: #b15d3a;--code-bg: #f2efe8;--shadow: 0 18px 50px rgba(32, 32, 29, .08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{background:var(--bg);color:var(--text)}body{margin:0;min-height:100vh;font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-shell{width:min(100%,1120px);margin:0 auto;padding:0 24px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700}.brand span{line-height:1}.site-nav{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:.95rem}.site-nav a,.back-link{border-bottom:1px solid transparent}.site-nav a:hover,.back-link:hover{color:var(--accent-strong);border-color:currentColor}.intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,280px);align-items:center;gap:44px;padding:76px 0 56px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.intro-copy{max-width:720px}.intro h1,.page-head h1,.post-header h1{margin:0;max-width:820px;font-size:clamp(2.2rem,5vw,4.6rem);line-height:1.08;letter-spacing:0}.intro-mark{width:100%;max-width:280px;justify-self:end;filter:drop-shadow(var(--shadow))}.eyebrow{margin:0 0 14px;color:var(--warm);font-size:2rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.lead{margin:22px 0 0;max-width:640px;color:var(--muted);font-size:clamp(1.05rem,2vw,1.25rem)}.section-block,.page-head,.post-page{padding:56px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}.section-heading h2{margin:0;font-size:1.5rem}.section-heading p{margin:0;color:var(--muted)}.post-list{display:grid;border-top:1px solid var(--line)}.post-item{border-bottom:1px solid var(--line)}.post-item a{display:grid;gap:10px;padding:24px 0}.post-item a:hover h3{color:var(--accent-strong)}.post-item h3{margin:0;font-size:clamp(1.25rem,2.2vw,1.65rem);line-height:1.35;transition:color .16s ease}.post-item p{margin:0;max-width:760px;color:var(--muted)}.post-meta{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;color:var(--muted);font-size:.9rem}.stats-widget{display:inline-flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--muted);font-size:.92rem}.stats-widget__item,.stats-widget__like{display:inline-flex;align-items:center;gap:6px;min-height:32px;border:1px solid var(--line);border-radius:999px;background:var(--surface);padding:4px 12px;color:inherit;font:inherit}.stats-widget__like{cursor:pointer;transition:border-color .16s ease,color .16s ease,background .16s ease}.stats-widget__like:hover:not(:disabled){border-color:var(--accent);color:var(--accent-strong)}.stats-widget__like.is-liked,.stats-widget__like:disabled{color:var(--warm)}.stats-widget__like:disabled{cursor:default}.stats-widget--compact{gap:8px;font-size:inherit}.stats-widget--compact .stats-widget__item{min-height:auto;border:0;background:transparent;padding:0}.stats-widget--error{opacity:.72}.page-head{border-top:1px solid var(--line)}.post-header{display:grid;gap:16px;margin-bottom:36px;padding-bottom:32px;border-bottom:1px solid var(--line)}.post-header p{margin:0;max-width:760px;color:var(--muted);font-size:1.08rem}.back-link{width:fit-content;color:var(--accent);font-size:.95rem}.prose{max-width:760px;color:var(--text)}.prose>*:first-child{margin-top:0}.prose h2,.prose h3{margin:2.1em 0 .7em;line-height:1.35}.prose p,.prose ul,.prose ol,.prose blockquote{margin:1.05em 0}.prose a{color:var(--accent-strong);border-bottom:1px solid currentColor}.prose code{border-radius:4px;background:var(--code-bg);padding:.14em .36em;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.92em}.prose pre{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:var(--code-bg);padding:18px}.prose pre code{background:transparent;padding:0}.prose blockquote{border-left:3px solid var(--accent);margin-left:0;padding-left:18px;color:var(--muted)}.site-footer{display:grid;justify-items:center;gap:12px;border-top:1px solid var(--line);padding:28px 0 36px;color:var(--muted);font-size:.92rem;text-align:center}.site-footer p{margin:0}@media(max-width:760px){.site-shell{padding:0 18px}.site-header{padding:20px 0}.intro{grid-template-columns:1fr;gap:30px;padding:52px 0 42px}.intro-mark{justify-self:start;max-width:220px}.section-heading{display:grid;align-items:start}.section-block,.page-head,.post-page{padding:42px 0}}
