@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,h4,p,ul,ol,figure,blockquote{margin:0}img,svg{max-width:100%;display:block}button,input{font:inherit}}@layer tokens{:root{color-scheme:light;--color-bg:#fff;--color-bg-weak:#f9f9f9;--color-bg-muted:#f1f1f1;--color-text:#303531;--color-text-strong:#161916;--color-text-light:#69716c;--color-text-muted:#8e9691;--color-border:#1619161f;--color-border-light:#16191612;--color-accent:#64786d;--color-accent-soft:#64786d1f;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--layout-max:1280px;--identity-width:300px;--content-width:680px;--article-width:900px;--toc-width:180px;--radius-small:4px;--transition-fast:.16s ease}:root[data-theme=dark]{color-scheme:dark;--color-bg:#2a2c31;--color-bg-weak:#3a3a3a;--color-bg-muted:#444;--color-text:#ffffffd1;--color-text-strong:#fffffff0;--color-text-light:#ffffff9e;--color-text-muted:#ffffff6b;--color-border:#ffffff24;--color-border-light:#ffffff14;--color-accent:#8fa79a;--color-accent-soft:#8fa79a24}}@layer base{html{background:var(--color-bg);scrollbar-gutter:stable}body{min-width:320px;min-height:100vh;color:var(--color-text);background:var(--color-bg);font-family:var(--font-sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;transition:color var(--transition-fast), background-color var(--transition-fast);font-size:16px;line-height:1.65}a{color:var(--color-accent);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}::selection{color:var(--color-text-strong);background:var(--color-accent-soft)}}@layer layout{.site-shell{grid-template-columns:var(--identity-width) minmax(0, var(--article-width));width:min(calc(100% - 80px), var(--layout-max));gap:64px;min-height:calc(100vh - 96px);margin-inline:auto;padding-block:72px 64px;display:grid}.site-main{min-width:0}.page-column{width:min(100%, var(--content-width))}.page-header{border-left:4px solid var(--color-accent);margin-bottom:48px;padding-left:24px}.page-header h1{color:var(--color-text-strong);letter-spacing:-.035em;font-size:clamp(2rem,4vw,2.8rem);line-height:1.15}.page-header p{color:var(--color-text-light);margin-top:12px;font-size:1.05rem}@media (width<=1100px){.site-shell{width:min(calc(100% - 40px), var(--content-width));padding-block:48px;display:block}.site-main{margin-top:48px}}@media (width<=520px){.site-shell{width:min(calc(100% - 32px), var(--content-width));padding-block:32px 40px}.page-header{margin-bottom:36px;padding-left:16px}}}@layer components{.skip-link{z-index:100;color:var(--color-bg);background:var(--color-text-strong);padding:8px 12px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-identity{align-self:start;position:sticky;top:64px}.avatar{background:var(--color-bg-weak);border:1px solid var(--color-border-light);width:120px;height:120px;display:inline-block;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.site-name{color:var(--color-text-strong);letter-spacing:.08em;margin-top:24px;font-size:1.75rem;font-weight:700}.site-name a{color:inherit;text-decoration:none}.site-tagline{color:var(--color-text-light);margin-top:4px;font-size:1.15rem;font-weight:300}.primary-nav ul{flex-direction:column;align-items:flex-start;gap:6px;margin-top:28px;padding:0;list-style:none;display:flex}.primary-nav a{color:var(--color-text-strong);transition:color var(--transition-fast), border-color var(--transition-fast);border-bottom:2px solid #0000;padding-block:3px;font-size:.9rem;font-weight:650;text-decoration:none;display:inline-block}.primary-nav a:hover,.primary-nav a[aria-current=page]{color:var(--color-accent);border-color:currentColor}.site-search{margin-top:30px}.site-search input,.search-form input{width:100%;color:var(--color-text-strong);background:var(--color-bg);border:1px solid var(--color-border);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:999px;outline:none}.site-search input{max-width:190px;padding:7px 14px;font-size:.875rem}.site-search input:focus-visible,.search-form input:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.theme-toggle{top:max(20px, env(safe-area-inset-top));right:max(20px, env(safe-area-inset-right));z-index:20;width:42px;height:42px;color:var(--color-text-light);background:color-mix(in srgb, var(--color-bg) 88%, transparent);border:1px solid var(--color-border);cursor:pointer;backdrop-filter:blur(8px);transition:color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);border-radius:50%;place-items:center;padding:0;display:grid;position:fixed}.theme-toggle:hover{color:var(--color-accent);border-color:var(--color-accent);transform:translateY(-2px)}.theme-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:19px;height:19px;transition:opacity var(--transition-fast), transform var(--transition-fast);grid-area:1/1}.theme-icon--moon,:root[data-theme=dark] .theme-icon--sun{opacity:0;transform:scale(.6)rotate(-20deg)}:root[data-theme=dark] .theme-icon--moon{opacity:1;transform:scale(1)rotate(0)}.post-list{border-top:1px solid var(--color-border-light);padding:0;list-style:none}.post-list__item{border-bottom:1px solid var(--color-border-light);grid-template-columns:76px minmax(0,1fr);align-items:baseline;gap:20px;padding-block:24px;display:grid}.post-list time{color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:650}.post-list h2{color:var(--color-text-strong);font-size:clamp(1.2rem,2.5vw,1.55rem);font-weight:560;line-height:1.4}.post-list h2 a{color:inherit;transition:color var(--transition-fast);text-decoration:none}.post-list h2 a:hover{color:var(--color-accent)}.archive-link{color:var(--color-text-strong);letter-spacing:.05em;margin-top:32px;font-size:.9rem;font-weight:750;text-decoration:none;display:inline-block}.archive-link:hover{color:var(--color-accent)}.empty-state{background:var(--color-bg-weak);border-left:4px solid var(--color-accent);padding:36px}.empty-state h2{color:var(--color-text-strong);font-size:1.15rem}.empty-state p{color:var(--color-text-light);margin-top:8px}.search-form label{color:var(--color-text-strong);margin-bottom:8px;font-size:.85rem;font-weight:700;display:block}.search-form>div{gap:10px;display:flex}.search-form input{min-width:0;padding:10px 16px}.search-form button{color:var(--color-bg);background:var(--color-text-strong);border:1px solid var(--color-text-strong);cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast);border-radius:999px;flex:none;padding:9px 18px}.search-form button:hover{color:var(--color-bg);background:var(--color-accent);border-color:var(--color-accent)}.search-status{color:var(--color-text-light);margin-top:24px}.search-results{border-top:1px solid var(--color-border-light);margin-top:8px;padding:0;list-style:none}.search-results li{border-bottom:1px solid var(--color-border-light);padding-block:20px}.search-results a{color:var(--color-text-strong);font-size:1.15rem;font-weight:650;text-decoration:none}.search-results a:hover{color:var(--color-accent)}.search-results p{color:var(--color-text-light);margin-top:6px;font-size:.92rem}.toc{color:var(--color-text-light);font-size:.82rem;line-height:1.45}.toc--desktop{grid-column:2;align-self:start;max-height:calc(100vh - 128px);position:sticky;top:64px;overflow:auto}.toc__title,.toc summary{color:var(--color-text-strong);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:750}.toc ol{margin-top:12px;padding:0;list-style:none}.toc li+li{margin-top:8px}.toc__nested{padding-left:14px}.toc a{color:inherit;text-decoration:none}.toc a:hover{color:var(--color-accent)}.toc--mobile{background:var(--color-bg-weak);border-left:3px solid var(--color-accent);margin-bottom:32px;padding:16px 18px;display:none}.toc--mobile summary{cursor:pointer}.site-footer{border-top:1px solid var(--color-border-light)}.site-footer__inner{width:min(calc(100% - 80px), var(--layout-max));color:var(--color-text-muted);justify-content:space-between;margin-inline:auto;padding-block:20px;font-size:.78rem;display:flex}.site-footer a{color:inherit}@media (width<=1100px){.site-identity{text-align:center;position:static}.primary-nav ul{flex-flow:wrap;justify-content:center}.site-search input{max-width:260px}.toc--desktop{display:none}.toc--mobile{display:block}}@media (width<=520px){.theme-toggle{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right))}.post-list__item{padding-block:22px;display:block}.post-list h2{margin-top:7px}.site-footer__inner{width:min(calc(100% - 32px), var(--content-width));display:block}.site-footer__inner p+p{margin-top:6px}}}@layer content{.article-grid{grid-template-columns:minmax(0, var(--content-width)) minmax(0, var(--toc-width));gap:40px;display:grid}.article{min-width:0}.article-header{margin-bottom:40px}.article-header time{color:var(--color-text-muted);letter-spacing:.04em;font-size:.8rem;font-weight:650}.article-header h1{color:var(--color-text-strong);letter-spacing:-.04em;margin-top:12px;font-size:clamp(2rem,5vw,3.2rem);line-height:1.2}.article-cover{margin-top:32px}.article-cover img{width:100%;height:auto}.prose{color:var(--color-text);overflow-wrap:break-word;font-size:clamp(1.03rem,1.5vw,1.125rem);line-height:1.82}.prose>*+*{margin-top:1.45em}.prose h2,.prose h3,.prose h4{color:var(--color-text-strong);scroll-margin-top:32px;line-height:1.35}.prose h2{margin-top:2.4em;font-size:1.6em}.prose h3{margin-top:2em;font-size:1.28em}.prose h4{margin-top:1.8em;font-size:1.08em}.prose a{color:var(--color-text-strong);text-decoration-color:var(--color-accent)}.prose blockquote{color:var(--color-text-light);border-left:3px solid var(--color-accent);padding:4px 0 4px 20px}.prose ul,.prose ol{padding-left:1.4em}.prose li+li{margin-top:.35em}.prose code{background:var(--color-bg-muted);border-radius:var(--radius-small);font-family:var(--font-mono);padding:.12em .35em;font-size:.86em}.prose pre{border:1px solid var(--color-border);border-radius:var(--radius-small);max-width:100%;padding:20px;overflow-x:auto}.prose pre code{color:inherit;background:0 0;padding:0}.prose table{border-collapse:collapse;width:max-content;max-width:100%;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--color-border);text-align:left;padding:9px 12px}.prose hr{border:0;border-top:1px solid var(--color-border);margin-block:3em}.article-tags{flex-wrap:wrap;gap:8px;margin-top:48px;padding:0;list-style:none;display:flex}.article-tags a{color:var(--color-text-light);background:var(--color-bg-weak);padding:4px 10px;font-size:.8rem;text-decoration:none;display:inline-block}.article-tags a:hover{color:var(--color-accent)}.article-navigation{border-top:1px solid var(--color-border-light);grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:48px;padding-top:24px;display:grid}.article-navigation a{color:var(--color-text-strong);text-decoration:none}.article-navigation a:last-child{text-align:right}.article-navigation span{color:var(--color-text-muted);margin-bottom:4px;font-size:.75rem;display:block}.archive-year+.archive-year{margin-top:56px}.archive-year>h2{color:var(--color-text-strong);margin-bottom:16px;font-size:1.2rem}.about-section+.about-section,.links-group+.links-group{margin-top:40px}.about-section h2,.links-group h2{color:var(--color-text-strong);font-size:1.35rem}.about-section p,.links-group p{margin-top:12px;line-height:1.8}.curated-links{border-top:1px solid var(--color-border-light);margin-top:12px;padding:0;list-style:none}.curated-links li{border-bottom:1px solid var(--color-border-light);padding-block:18px}.curated-links a{color:var(--color-text-strong);text-decoration-color:var(--color-accent);font-weight:650}@media (width<=1100px){.article-grid{display:block}}@media (width<=520px){.search-form>div{display:block}.search-form button{width:100%;margin-top:10px}.article-navigation,.article-navigation a{display:block}.article-navigation a+a{text-align:left;margin-top:20px}}}@layer utilities{.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}