@layer components{.reading-progress{height:2px;top:var(--header-size);z-index:51;pointer-events:none;position:fixed;inset-inline:0}.reading-progress span{background:var(--pastel-teal);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.article-page{max-width:1120px;padding-block:42px 90px}.back-to-writing{gap:13px;font-size:12px}.draft-notice{background:var(--soft);border-left:3px solid var(--accent);color:var(--soft-ink);margin-top:25px;padding:12px 16px;font-size:12px}.article-header{max-width:860px;padding-block:46px}.article-header h1{font-family:var(--serif);letter-spacing:-.045em;margin-block:26px 24px;font-size:clamp(44px,5.5vw,74px);font-weight:400;line-height:1.08}.article-description{max-width:58ch;color:var(--muted);font-size:18px;line-height:1.8}.article-byline{align-items:center;gap:13px;margin-top:28px;font-size:13px;display:flex}.author-avatar{object-fit:cover;background:var(--soft);border-radius:50%;flex-shrink:0;width:38px;height:38px;display:block}.article-byline>div{gap:1px;display:grid}.article-byline a{font-weight:500;text-decoration:none}.article-byline a:hover{text-decoration:underline}.article-byline div>span{color:var(--muted);font-size:11px}.article-grid{border-top:1px solid var(--line);grid-template-columns:minmax(0,720px) minmax(170px,1fr);gap:clamp(35px,7vw,100px);padding-top:38px;display:grid}.prose{min-width:0;font-family:var(--serif);overflow-wrap:anywhere;font-size:21px;font-weight:400;line-height:1.8}.prose>*+*{margin-top:1.2em}.prose h2,.prose h3,.prose h4{font-family:var(--serif);letter-spacing:-.02em;scroll-margin-top:6px;font-weight:450;line-height:1.2}.prose h2{margin-top:1.8em;font-size:35px}.prose h3{margin-top:1.6em;font-size:27px}.prose>:first-child{margin-top:0}.prose h2+*,.prose h3+*{margin-top:.7em}.prose a{text-decoration-color:var(--pastel-teal);text-underline-offset:.18em;text-decoration-thickness:1.5px}.prose a:hover{text-decoration-color:currentColor}.prose strong{font-weight:650}.prose ul,.prose ol{padding-left:1.3em}.prose li{padding-left:.15em}.prose li+li{margin-top:.35em}.prose li>ul,.prose li>ol{margin-top:.4em}.prose blockquote{border-left:3px solid var(--pastel-teal);background:var(--surface-raised);padding:17px 26px;font-style:italic}.prose blockquote p+p{margin-top:.8em}.prose code{font-family:var(--mono);background:var(--surface);box-decoration-break:clone;border-radius:3px;padding:.2em .35em;font-size:.7em}.prose pre{border:1px solid var(--line);border-radius:5px;padding:28px 22px;font-size:13px;line-height:1.8;overflow-x:auto}.prose pre code{font-size:inherit;background:0 0;padding:0}.code-block{margin-block:1.5em;position:relative}.code-block pre{padding-top:50px}.copy-code{border:1px solid var(--line);background:var(--surface-raised);color:var(--ink);min-height:34px;font:400 11px var(--sans);border-radius:3px;padding:6px 12px;position:absolute;top:7px;right:9px}.copy-code:hover{background:var(--soft)}.prose table{font-family:var(--sans);border-collapse:collapse;width:100%;font-size:14px;line-height:1.7}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:left;padding:12px 15px}.prose th{background:var(--surface);font-weight:500}.table-scroll{border:1px solid var(--line);border-radius:4px;overflow-x:auto}.prose img{border-radius:4px;max-width:100%;height:auto}.prose figcaption{font:400 12px/1.7 var(--sans);color:var(--muted);text-align:center;padding-top:12px}.article-figure .figure-image{border-radius:4px;display:block}.article-figure img{width:100%}.article-figure figcaption{text-align:left;font-size:13px}.figure-original{width:fit-content;min-height:32px;padding-block:5px;display:block}.prose hr{background:var(--line);border:0;height:1px;margin-block:2em}.prose :lang(zh-Hant),.prose :lang(zh-Hans){line-height:1.95}.article-toc{top:calc(var(--header-size) + 35px);max-height:calc(100dvh - var(--header-size) - 60px);font-family:var(--sans);position:sticky;overflow-y:auto}.article-toc summary{font:400 10px/1.7 var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;padding-block:9px}.article-toc ol{padding:14px 0 0;list-style:none}.article-toc a{color:var(--muted);border-left:1px solid var(--line);padding-block:8px;padding-left:16px;font-size:12px;line-height:1.6;text-decoration:none;display:block}.article-toc a:hover,.article-toc a[aria-current]{color:var(--accent);border-left-color:var(--accent)}.article-toc .toc-nested a{padding-left:28px;font-size:11px}.article-end{border-top:1px solid var(--line);max-width:720px;margin-top:55px;padding-top:30px}.article-end>p{font-family:var(--serif);letter-spacing:-.03em;font-size:31px}.article-end-links{flex-wrap:wrap;gap:32px;margin-top:13px;display:flex}}html[data-resolved-theme=dark] .astro-code,html[data-resolved-theme=dark] .astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}@media (prefers-color-scheme:dark){html:not([data-resolved-theme]) .astro-code,html:not([data-resolved-theme]) .astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important}}@media (width<=900px){.article-grid{grid-template-columns:1fr}.article-sidebar{grid-row:1}.article-toc{background:var(--surface-raised);max-height:none;padding:17px 22px;position:static;overflow:visible}.article-toc ol{columns:2;column-gap:22px}.article-toc li{break-inside:avoid}.prose{max-width:720px}}@media (width<=720px){.article-page{padding-block:28px 65px}.article-header{padding-block:32px}.article-header h1{font-size:clamp(40px,9.5vw,61px)}.article-description{font-size:16px}.article-grid{gap:35px;padding-top:26px}.article-toc ol{columns:1}.prose{font-size:19px}.prose h2{font-size:30px}.prose h3{font-size:24px}.prose pre{padding-inline:15px;font-size:12px}.prose blockquote{padding:15px 20px}.article-end-links{flex-direction:column;align-items:start;gap:6px}}