@font-face{font-family:Cantarell;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/cantarell-latin-400.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--accent-text:#d61c59;--focus:#222;--canvas:#fff;--surface:#fff;--surface-muted:#f7f7f8;--hover:#f0f0f2;--text:#202024;--text-soft:#505057;--muted:#686870;--footer-text:#767676;--border:#e8e8ec;--border-hover:#c9c9d0;--header-fill:#fff;--nav-active-fill:#222;--nav-active-text:#fff;--selection:#e5e5e5;--radius-card:22px;--radius-surface:16px;--radius-control:999px;--card-border:#eeeef1;--shadow-rest:0 2px 8px #20202406, 0 8px 24px #20202406;--shadow-lift:0 6px 16px #2020240a, 0 16px 36px #2020240f;--gap:24px;--card-min:260px;--columns-max:4;--feed-max:1200px;--reading-max:760px;--page-gutter:32px;--font-body:Cantarell, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", sans-serif}:root[data-color-mode=dark]{color-scheme:dark;--canvas:#18181b;--surface:#18181b;--surface-muted:#242428;--hover:#303036;--text:#fafafa;--text-soft:#d4d4d8;--muted:#b0b0b8;--footer-text:#a6a6a6;--border:#35353c;--border-hover:#565660;--card-border:#35353c;--shadow-rest:0 2px 12px #0000001f;--shadow-lift:0 8px 28px #0000003d;--header-fill:#18181b;--accent-text:#ff8cb0;--focus:#eee;--selection:#444}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{font:16px/1.6 var(--font-body);background:var(--canvas);color:var(--text);overflow-wrap:anywhere;margin:0}a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.65}a:hover{color:var(--text)}button,a{transition:color .16s,background-color .16s,border-color .16s}img{max-width:100%;height:auto;display:block}h1,h2,p{margin:0}button{background:0 0;border:0}::selection{color:var(--text);background:var(--selection)}[hidden]{display:none!important}.skip-link{z-index:100;background:var(--surface);border-radius:var(--radius-control);padding:12px 20px;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@media (prefers-contrast:more){:root{--muted:#4f4f55;--footer-text:#555;--border:#b5b5bd;--card-border:#b5b5bd}:root[data-color-mode=dark]{--muted:#d0d0d6;--footer-text:#d0d0d6;--border:#777783;--card-border:#777783}}@media (forced-colors:active){a[href]{color:linktext;text-decoration:underline}button,.post-card{border:1px solid buttontext}.site-nav [aria-current=page],.color-modes [aria-pressed=true]{color:highlighttext;background:highlight}}.site-header{z-index:20;min-height:80px;padding:16px max(var(--page-gutter),calc((100% - var(--feed-max))/2));background:var(--header-fill);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:32px;display:flex;position:sticky;top:0}.site-header.is-scrolled{border-bottom-color:var(--border)}.site-name{letter-spacing:-.035em;flex-shrink:0;font-size:22px;font-weight:700}.site-nav-toggle{display:none}.site-nav{color:var(--text-soft);align-items:center;gap:6px;font-size:14px;display:flex}.site-nav a{border-radius:var(--radius-control);padding:10px 16px;position:relative}.site-nav a:hover{color:var(--text);background:var(--surface-muted)}.site-nav [aria-current=page],.site-nav [aria-current=page]:hover{color:var(--nav-active-text);background:var(--nav-active-fill);font-weight:700}.site-main{width:min(var(--reading-max),calc(100% - var(--page-gutter) * 2));min-height:calc(100vh - 296px);margin:32px auto 64px}.site-main--feed{width:min(var(--feed-max),calc(100% - var(--page-gutter) * 2))}.page-heading{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:24px;padding:12px 0 16px;display:flex}.page-heading>h1,h1.page-heading{letter-spacing:-.035em;font-size:36px;font-weight:700;line-height:1.3}h1.page-heading{display:block}.page-heading p{color:var(--muted);border-radius:var(--radius-control);background:var(--surface-muted);padding:5px 12px;font-size:14px}.heading-hash{color:var(--muted);font-weight:400}.article-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--card-min)),1fr));gap:var(--gap);align-items:start;display:grid;position:relative}.article-list.is-masonry{display:block}.post-card{border:1px solid var(--card-border);border-radius:var(--radius-card);background:var(--surface);min-width:0;box-shadow:var(--shadow-rest);position:relative;overflow:hidden}.post-card:hover,.post-card:focus-within{border-color:var(--border);box-shadow:var(--shadow-lift)}.card-cover{aspect-ratio:16/10;border-radius:calc(var(--radius-card) - 8px);background:var(--surface-muted);margin:8px 8px 0;display:block;position:relative;overflow:hidden}.card-cover img{object-fit:cover;width:100%;height:100%}.card-taxonomy{z-index:2;min-height:18px;color:var(--muted);gap:12px;margin:20px 20px 0;font-size:12px;line-height:18px;display:flex;position:relative}.card-taxonomy a{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.card-title{letter-spacing:-.015em;text-wrap:balance;margin:10px 20px 0;font-size:18px;font-weight:700;line-height:1.5}.card-title a:after{content:"";position:absolute;inset:0}.post-card a:hover,.post-card a:focus-visible{color:var(--text)}.card-title a:focus-visible{outline:none}.post-card:has(.card-title a:focus-visible){outline:2px solid var(--focus);outline-offset:3px}.card-summary{color:var(--text-soft);margin:8px 20px 0;font-size:14px;line-height:1.75}.card-title,.card-summary{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-meta{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:24px 20px 20px;font-size:12px;line-height:20px;display:flex}.pagination{justify-content:center;align-items:center;gap:12px;width:fit-content;max-width:100%;margin:40px auto 0;font-size:14px;display:flex}.pagination-step{border-radius:var(--radius-control);white-space:nowrap;min-height:44px;color:var(--text-soft);flex-shrink:0;justify-content:center;align-items:center;padding:4px 8px;display:inline-flex}.pagination-step[aria-disabled=true]{color:var(--muted);opacity:.5}.page-numbers{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;align-items:center;min-width:0;margin:0;padding:0;list-style:none;display:flex}.page-number{width:40px;min-height:44px;color:var(--text-soft);border-radius:var(--radius-control);justify-content:center;align-items:center;display:inline-flex;position:relative}.page-number:before{content:"";border:1px solid var(--border-hover);border-radius:50%;width:32px;height:32px;position:absolute}.page-number[aria-current=page]{color:var(--text);font-weight:700}.page-number[aria-current=page]:before{content:none}.page-number:hover:before{border-color:var(--text-soft)}.site-footer{width:min(var(--feed-max),calc(100% - var(--page-gutter) * 2));border-top:1px solid var(--border);color:var(--footer-text);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;margin-inline:auto;padding:24px 0 32px;font-size:13px;display:flex;position:relative}.site-footer p span{margin-inline:6px}.color-modes{white-space:nowrap;flex-wrap:wrap;gap:6px;font-size:13px;display:flex}.color-modes button{border-radius:var(--radius-control);min-height:44px;padding:10px 16px}.color-modes button:hover{color:var(--text);background:var(--surface-muted)}.color-modes [aria-pressed=true],.color-modes [aria-pressed=true]:hover{color:var(--nav-active-text);background:var(--nav-active-fill);font-weight:700}@media (width<=600px){:root{--page-gutter:20px;--gap:20px;--card-min:560px}.site-header{gap:16px;min-height:72px;padding-block:12px}.site-nav{flex-wrap:wrap;gap:2px;font-size:13px}.site-nav a{padding:9px 8px}.site-nav-toggle{border-radius:var(--radius-control);background:var(--surface-muted);width:44px;height:44px;color:var(--text);justify-content:center;align-items:center;padding:0;display:flex}.site-nav-toggle:hover,.site-nav-toggle[aria-expanded=true]{background:var(--hover)}.site-nav-icon,.site-nav-icon:before,.site-nav-icon:after{border-radius:var(--radius-control);background:currentColor;width:20px;height:2px}.site-nav-icon{position:relative}.site-nav-icon:before,.site-nav-icon:after{content:"";position:absolute;inset:0}.site-nav-icon:before{transform:translateY(-6px)}.site-nav-icon:after{transform:translateY(6px)}.site-nav-toggle[aria-expanded=true] .site-nav-icon{background:0 0}.site-nav-toggle[aria-expanded=true] .site-nav-icon:before{transform:rotate(45deg)}.site-nav-toggle[aria-expanded=true] .site-nav-icon:after{transform:rotate(-45deg)}.site-header.is-menu-ready .site-nav{top:calc(100% + 16px);right:var(--page-gutter);visibility:hidden;opacity:0;transform-origin:100% 0;pointer-events:none;width:208px;max-width:calc(100vw - var(--page-gutter) * 2);overscroll-behavior:contain;border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface);max-height:calc(100dvh - 96px);box-shadow:var(--shadow-lift);flex-flow:column;align-items:stretch;gap:4px;padding:8px;font-size:14px;display:flex;position:absolute;overflow-y:auto;transform:translateY(-8px)scale(.96)}.site-nav-toggle[aria-expanded=true]+.site-nav{visibility:visible;opacity:1;pointer-events:auto;transform:none}.site-header.is-menu-ready .site-nav a{align-items:center;min-height:44px;padding:10px 16px;display:flex}.site-header.is-menu-ready .site-nav a:focus-visible{outline-offset:-4px}.site-name{font-size:20px}.pagination{gap:4px;font-size:13px}.pagination-step{padding-inline:4px}.page-number{width:32px}.page-number:before{width:28px;height:28px}.site-main{margin-top:24px;margin-bottom:48px}.page-heading{gap:10px 16px;margin-bottom:24px;padding-top:8px}.page-heading>h1,h1.page-heading{font-size:30px}.site-footer{flex-wrap:wrap;gap:8px 20px;font-size:12px}.color-modes{flex-basis:100%;justify-content:center;margin-top:8px}}.article-heading{margin-bottom:32px;padding-bottom:8px}.article-heading h1{letter-spacing:-.025em;text-wrap:balance;margin-top:16px;font-size:36px;font-weight:700;line-height:1.4}.article-heading h1:first-child{margin-top:0}.prose{line-height:1.85}.prose>:first-child{margin-top:0}.prose p,.prose ol{margin-block:16px}.prose h1,.prose h2{margin:36px 0 16px;scroll-margin-top:96px;line-height:1.4}.prose h1{font-size:28px}.prose h2{font-size:24px}.prose a{color:var(--accent-text);text-underline-offset:4px;text-decoration:underline 1px}.prose a:hover{color:var(--accent-text);text-decoration-thickness:2px}.prose ol{padding-left:24px}.prose li+li{margin-top:6px}.prose li>p{margin-block:8px}.prose img{border-radius:var(--radius-surface);margin-inline:auto}.content-image{border-radius:var(--radius-surface);width:fit-content;max-width:100%;margin-inline:auto;display:block;position:relative;overflow:hidden}.image-placeholder{object-fit:cover;pointer-events:none;width:100%;height:100%;transition:opacity .2s;position:absolute;inset:0}[data-progressive-image]>img{transition:opacity .2s;position:relative}.has-placeholder:not(.image-loaded)>img{opacity:0}.image-failed:not(.has-placeholder){color:var(--muted)}@media (width<=600px){.article-heading h1{font-size:28px}.prose{font-size:16px}.prose h1{font-size:24px}.prose h2{font-size:21px}}:root{--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.2, .9, .3, 1.15);--motion-fast:.16s;--motion-enter:.34s;--motion-image:.28s}html{scrollbar-gutter:stable}::view-transition-old(root){animation:.14s ease-out both page-leave}::view-transition-new(root){animation:page-arrive .26s var(--ease-out)both}.site-header{view-transition-name:site-header}::view-transition-group(site-header){animation-duration:0s}::view-transition-old(site-header){display:none}::view-transition-new(site-header){animation:none}@keyframes page-leave{to{opacity:0}}@keyframes page-arrive{0%{opacity:0;transform:translateY(6px)}}@keyframes section-arrive{0%{opacity:.35;transform:translateY(8px)}}.page-heading{animation:section-arrive var(--motion-enter)var(--ease-out)backwards}html[data-article-transition]::view-transition-old(root){animation:.12s ease-out both page-leave}html[data-article-transition]::view-transition-new(root){animation:.28s ease-out .16s both article-page-arrive}::view-transition-group(article-panel),::view-transition-group(article-title),::view-transition-group(article-cover){animation-duration:.56s;animation-timing-function:var(--ease-out)}::view-transition-group(article-panel){z-index:1}::view-transition-group(article-cover){z-index:2;border-radius:var(--radius-surface);overflow:clip}::view-transition-group(article-title){z-index:3}::view-transition-old(article-panel),::view-transition-new(article-panel){mix-blend-mode:normal;height:100%}::view-transition-old(article-panel){animation:.18s ease-out both page-leave}::view-transition-new(article-panel){animation:.28s .2s both article-page-arrive}::view-transition-old(article-title),::view-transition-new(article-title){object-fit:contain;object-position:left top;mix-blend-mode:normal;height:100%}::view-transition-old(article-title){animation:.22s both page-leave}::view-transition-new(article-title){animation:.32s .1s both article-page-arrive}html[data-article-transition-cover=true]::view-transition-old(article-title){animation:90ms both page-leave}html[data-article-transition-cover=true]::view-transition-new(article-title){animation:.24s .24s both article-page-arrive}::view-transition-old(article-cover),::view-transition-new(article-cover){object-fit:cover;mix-blend-mode:normal;width:100%;height:100%}html[data-article-transition=open]::view-transition-old(article-cover),html[data-article-transition=close]::view-transition-new(article-cover){display:none}html[data-article-transition=open]::view-transition-new(article-cover),html[data-article-transition=close]::view-transition-old(article-cover){animation:none}@keyframes article-page-arrive{0%{opacity:0}to{opacity:1}}.reveal-pending{opacity:0}.post-card{contain:layout paint;transition:translate .36s var(--ease-spring),border-color .2s,box-shadow .28s}.card-cover img{transition:opacity var(--motion-image)ease-out,transform .4s var(--ease-out)}.image-placeholder,.content-image>img{transition:opacity var(--motion-image)ease-out}.color-modes button,.site-nav a{transition:transform .28s var(--ease-spring),translate .28s var(--ease-spring),color var(--motion-fast),background-color var(--motion-fast),border-color var(--motion-fast),box-shadow .28s}.color-modes button:active,.site-nav a:active{transform:scale(.96)}@media (width<=600px){.site-nav-icon{transition:background-color .16s}.site-nav-icon:before,.site-nav-icon:after{transform-origin:50%;transition:transform .28s var(--ease-spring)}.site-header.is-menu-ready.is-menu-animated .site-nav{transition:opacity .18s ease-out,transform .24s var(--ease-out),visibility 0s .24s}.site-header.is-menu-ready.is-menu-animated .site-nav-toggle[aria-expanded=true]+.site-nav{transition-delay:0s}}@media (hover:hover) and (pointer:fine){.post-card:hover{translate:0 -4px}.post-card:hover .card-cover img{transform:scale(1.025)}}@media (prefers-reduced-motion:reduce){::view-transition-old(*),::view-transition-new(*){animation:none!important}.reveal-pending{opacity:1}.post-card:hover,.post-card:hover .card-cover img,.color-modes button:active,.site-nav a:active{transform:translate(0,0)}}