:root{color-scheme:light;--bg:#fbfbf9;--bg-elev:#ffffff;--bg-sunken:#f3f3ef;--text:#14161a;--text-soft:#3c424c;--text-muted:#666e7a;--border:#e4e4df;--border-strong:#cfd0ca;--accent:#2563eb;--accent-soft:rgba(37,99,235,0.09);--accent-text:#ffffff;--code-bg:#f6f6f2;--code-border:#e7e7e1;--code-inline-bg:color-mix(in srgb,var(--text) 7.5%,transparent);--code-inline-fg:var(--text-soft);--shadow-card:0 1px 2px rgba(18,20,24,0.04),0 12px 28px -18px rgba(18,20,24,0.22);--shadow-pop:0 2px 6px rgba(18,20,24,0.06),0 24px 48px -24px rgba(18,20,24,0.28);--radius:14px;--radius-sm:8px;--container:1240px;--prose:760px;--toc-w:232px;--article-w:calc(var(--prose) + var(--toc-w) + 52px);--header-h:64px;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",Roboto,Helvetica,Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono","JetBrains Mono","Cascadia Code",Menlo,Consolas,"Liberation Mono",monospace;--tok-comment:#8a919b;--tok-string:#2f7d4f;--tok-number:#b35a09;--tok-keyword:#8b3bb8;--tok-fn:#1f6feb;--tok-lit:#b35a09;--tok-key:#b03a2e;--tok-tag:#b03a2e;--tok-attr:#a0522d;--tok-prop:#1f6feb;--tok-at:#8b3bb8;--tok-var:#8a6d1f;--tok-pp:#8b3bb8;--tok-punct:#6e7781;--diff-add-bg:rgba(46,160,67,0.12);--diff-del-bg:rgba(248,81,73,0.12)}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--bg:#0b0d10;--bg-elev:#101317;--bg-sunken:#15191e;--text:#e8eaee;--text-soft:#c3c9d1;--text-muted:#949daa;--border:#222831;--border-strong:#333b46;--accent:#6ea8fe;--accent-soft:rgba(110,168,254,0.12);--accent-text:#0a1020;--code-bg:#0d1014;--code-border:#20262e;--shadow-card:0 1px 2px rgba(0,0,0,0.5),0 18px 40px -28px rgba(0,0,0,0.9);--shadow-pop:0 2px 8px rgba(0,0,0,0.55),0 30px 60px -30px rgba(0,0,0,0.9);--tok-comment:#6b7684;--tok-string:#9ad17f;--tok-number:#e0a468;--tok-keyword:#c792ea;--tok-fn:#7cb2ff;--tok-lit:#e0a468;--tok-key:#ef8a8a;--tok-tag:#ef8a8a;--tok-attr:#e0a468;--tok-prop:#7cb2ff;--tok-at:#c792ea;--tok-var:#e5c07b;--tok-pp:#c792ea;--tok-punct:#8b949e;--diff-add-bg:rgba(63,185,80,0.14);--diff-del-bg:rgba(248,81,73,0.14)}}:root[data-theme="dark"]{color-scheme:dark;--bg:#0b0d10;--bg-elev:#101317;--bg-sunken:#15191e;--text:#e8eaee;--text-soft:#c3c9d1;--text-muted:#949daa;--border:#222831;--border-strong:#333b46;--accent:#6ea8fe;--accent-soft:rgba(110,168,254,0.12);--accent-text:#0a1020;--code-bg:#0d1014;--code-border:#20262e;--shadow-card:0 1px 2px rgba(0,0,0,0.5),0 18px 40px -28px rgba(0,0,0,0.9);--shadow-pop:0 2px 8px rgba(0,0,0,0.55),0 30px 60px -30px rgba(0,0,0,0.9);--tok-comment:#6b7684;--tok-string:#9ad17f;--tok-number:#e0a468;--tok-keyword:#c792ea;--tok-fn:#7cb2ff;--tok-lit:#e0a468;--tok-key:#ef8a8a;--tok-tag:#ef8a8a;--tok-attr:#e0a468;--tok-prop:#7cb2ff;--tok-at:#c792ea;--tok-var:#e5c07b;--tok-pp:#c792ea;--tok-punct:#8b949e;--diff-add-bg:rgba(63,185,80,0.14);--diff-del-bg:rgba(248,81,73,0.14)}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 24px);overflow-y:scroll}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:0.01ms!important;transition-duration:0.01ms!important}}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;display:flex;flex-direction:column;min-height:100vh}img,svg,video{max-width:100%;display:block}picture{display:block}.card__cover picture,.featured__media picture{height:100%}a{color:inherit;text-decoration:none}::selection{background:var(--accent-soft);color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.skip-link{position:absolute;left:16px;top:-48px;z-index:100;background:var(--bg-elev);border:1px solid var(--border);padding:8px 14px;border-radius:var(--radius-sm);transition:top 0.15s ease}.skip-link:focus{top:12px}.wrap{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}main{flex:1}.site-header{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 84%,transparent);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--border)}@supports not (background:color-mix(in srgb,red 50%,blue)){.site-header{background:var(--bg)}}.site-header__inner{display:flex;align-items:center;gap:20px;height:var(--header-h)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-0.01em;white-space:nowrap}.brand__mark{width:26px;height:26px;flex:none}.brand__name{font-size:0.98rem}.brand__name small{display:block;font-size:0.7rem;font-weight:500;color:var(--text-muted);letter-spacing:0}.nav{display:flex;align-items:center;gap:4px;margin-left:auto}.nav__link{padding:6px 10px;border-radius:999px;font-size:0.86rem;color:var(--text-muted);transition:color 0.15s ease,background 0.15s ease}.nav__link:hover{color:var(--text);background:var(--bg-sunken)}.nav__link[aria-current="page"]{color:var(--text);background:var(--bg-sunken);font-weight:550}.site-actions{display:flex;align-items:center;gap:6px}.icon{width:17px;height:17px;flex:none}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--text-muted);cursor:pointer;transition:color 0.15s ease,background 0.15s ease,border-color 0.15s ease}.icon-btn:hover{color:var(--text);background:var(--bg-sunken);border-color:var(--border)}.icon-btn svg{width:17px;height:17px}.theme-toggle__icon--light{display:block}.theme-toggle__icon--dark{display:none}:root[data-theme="dark"] .theme-toggle__icon--light{display:none}:root[data-theme="dark"] .theme-toggle__icon--dark{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme]) .theme-toggle__icon--light{display:none}:root:not([data-theme]) .theme-toggle__icon--dark{display:block}}.lang{position:relative}.lang>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px;border-radius:999px;border:1px solid transparent;color:var(--text-muted);font-size:0.82rem;transition:color 0.15s ease,background 0.15s ease,border-color 0.15s ease}.lang>summary::-webkit-details-marker{display:none}.lang>summary:hover,.lang[open]>summary{color:var(--text);background:var(--bg-sunken);border-color:var(--border)}.lang>summary svg{width:15px;height:15px}.lang__menu{position:absolute;right:0;top:calc(100% + 8px);min-width:168px;padding:6px;background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-pop);display:flex;flex-direction:column;gap:2px}.lang__item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 10px;border-radius:8px;font-size:0.86rem;color:var(--text-soft)}.lang__item:hover{background:var(--bg-sunken);color:var(--text)}.lang__item[aria-current="true"]{color:var(--accent);font-weight:550}.lang__item[data-unavailable="true"]{opacity:0.45}.lang__tag{font-size:0.68rem;color:var(--text-muted);letter-spacing:0.04em}.hero{padding:64px 0 36px;border-bottom:1px solid var(--border)}.hero__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:0.72rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:18px}.hero__dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}.hero__title{margin:0;font-size:clamp(2rem,4.4vw,3.1rem);line-height:1.12;letter-spacing:-0.028em;font-weight:680;max-width:18ch}.hero__desc{margin:18px 0 0;max-width:54ch;color:var(--text-muted);font-size:1.04rem;line-height:1.7}.hero__meta{display:flex;align-items:center;gap:10px;margin-top:24px;font-size:0.8rem;color:var(--text-muted);letter-spacing:0.02em}.hero__meta .sep{width:3px;height:3px;border-radius:50%;background:var(--border-strong)}.hero__meta a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent)}.hero__meta a:hover{color:var(--text)}.section{padding:48px 0}.section__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:22px}.section__title{margin:0;font-size:0.74rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--text-muted);font-weight:600}.section__count{font-size:0.78rem;color:var(--text-muted)}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:26px}.card{display:flex;flex-direction:column;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform 0.18s ease,border-color 0.18s ease,box-shadow 0.18s ease}.card:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:var(--shadow-card)}.card__cover{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--bg-sunken);border-bottom:1px solid var(--border)}.card__cover img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.card:hover .card__cover img{transform:scale(1.035)}.card__body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px;flex:1}.card__meta{display:flex;align-items:center;gap:8px;font-size:0.74rem;color:var(--text-muted);letter-spacing:0.02em}.card__meta .sep{width:3px;height:3px;border-radius:50%;background:var(--border-strong)}.card__title{margin:0;font-size:1.16rem;line-height:1.4;letter-spacing:-0.012em;font-weight:620}.card__title a{background-image:linear-gradient(var(--accent),var(--accent));background-size:0 1px;background-position:0 100%;background-repeat:no-repeat;transition:background-size 0.25s ease}.card:hover .card__title a{background-size:100% 1px}.card__summary{margin:0;color:var(--text-muted);font-size:0.9rem;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:8px}.tag-pill{font-size:0.7rem;padding:3px 8px;border-radius:999px;background:var(--bg-sunken);border:1px solid var(--border);color:var(--text-muted);letter-spacing:0.01em}.tag-pill:hover{color:var(--text);border-color:var(--border-strong)}.featured{display:grid;grid-template-columns:1.05fr 0.95fr;gap:0;background:var(--bg-elev);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);overflow:hidden;margin-bottom:40px;transition:border-color 0.2s ease,box-shadow 0.2s ease}.featured:hover{border-color:var(--border-strong);box-shadow:var(--shadow-card)}.featured__body{padding:38px 40px;display:flex;flex-direction:column;gap:14px;justify-content:center}.featured__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:0.7rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--accent);font-weight:600}.featured__eyebrow .icon{width:11px;height:11px}.featured__title{margin:0;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.25;letter-spacing:-0.022em;font-weight:660}.featured__summary{margin:0;color:var(--text-muted);font-size:0.98rem;line-height:1.7}.featured__media{position:relative;min-height:260px;background:var(--bg-sunken);border-left:1px solid var(--border)}.featured__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cover-fallback{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(120% 120% at 18% 14%,var(--cover-a,rgba(110,168,254,0.5)),transparent 58%),radial-gradient(110% 110% at 84% 78%,var(--cover-b,rgba(154,209,127,0.35)),transparent 60%),var(--bg-sunken);font-family:var(--font-mono);font-size:0.78rem;letter-spacing:0.24em;text-transform:uppercase;color:color-mix(in srgb,var(--text) 55%,transparent)}.cover-fallback span{padding:10px 14px;border:1px solid color-mix(in srgb,var(--text) 14%,transparent);border-radius:4px;backdrop-filter:blur(2px)}.pager{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:44px;padding-top:22px;border-top:1px solid var(--border)}.pager__info{font-size:0.8rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.pager__links{display:flex;gap:8px}.pager__link{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;font-size:0.84rem;border:1px solid var(--border);border-radius:999px;color:var(--text-soft);transition:border-color 0.15s ease,color 0.15s ease,background 0.15s ease}.pager__link:hover{color:var(--text);border-color:var(--border-strong);background:var(--bg-sunken)}.pager__link .icon{width:13px;height:13px}.pager__link[aria-disabled="true"]{opacity:0.4;pointer-events:none}.article{padding:56px 0 24px}.article__head{max-width:var(--article-w);margin:0 auto}.article__eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:0.76rem;color:var(--text-muted);letter-spacing:0.02em;margin:16px 0 0}.article__eyebrow .sep{width:3px;height:3px;border-radius:50%;background:var(--border-strong)}.article__title{margin:0;font-size:clamp(1.9rem,3.9vw,2.9rem);line-height:1.16;letter-spacing:-0.028em;font-weight:680}.article__summary{margin:14px 0 0;font-size:1.06rem;line-height:1.72;color:var(--text-muted)}.article__cover{max-width:var(--article-w);margin:40px auto 0}.article__cover img{display:block;max-width:100%;max-height:70vh;width:auto;height:auto;margin:0 auto;border-radius:calc(var(--radius) + 4px);border:1px solid var(--border)}.article__cover figcaption{margin-top:10px;font-size:0.8rem;color:var(--text-muted);text-align:center}.article__layout{display:grid;grid-template-columns:minmax(0,1fr) var(--toc-w);gap:52px;max-width:var(--article-w);margin:40px auto 0;align-items:start}.article__layout--plain{grid-template-columns:minmax(0,1fr);max-width:var(--prose)}.article--plain .article__head,.article--plain .article__cover,.article--plain .article__footer{max-width:var(--prose)}.article__side{position:sticky;top:calc(var(--header-h) + 28px);max-height:calc(100vh - var(--header-h) - 56px);overflow:hidden;font-size:0.82rem;display:flex;flex-direction:column;gap:16px}.side-block,.toc{padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elev)}.side-block{flex:none}.toc{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain}.side-block__title{margin:0 0 10px;font-size:0.68rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--text-muted);font-weight:600}.side-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.side-list__link{display:block;color:var(--text-soft)}.side-list__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.45;transition:color 0.15s ease}.side-list__link:hover .side-list__title{color:var(--accent)}.side-list__meta{display:block;margin-top:3px;font-size:0.72rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.toc__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.toc__link{display:block;padding:4px 0 4px 10px;margin-left:-19px;border-left:2px solid transparent;color:var(--text-muted);line-height:1.45;transition:color 0.15s ease,border-color 0.15s ease}.toc__link:hover{color:var(--text)}.toc__link.is-active{color:var(--text);border-left-color:var(--accent)}.toc__link--3{padding-left:22px;font-size:0.78rem}.toc__link--4{padding-left:34px;font-size:0.76rem}.article--toc-left .article__layout{grid-template-columns:var(--toc-w) minmax(0,1fr)}.article--toc-left .article__head,.article--toc-left .article__cover,.article--toc-left .article__footer{padding-left:calc(var(--toc-w) + 52px)}.article--toc-left .article__side{order:-1}.article--toc-left .toc__link{margin-left:0;margin-right:-19px;padding-left:0;padding-right:10px;border-left:0;border-right:2px solid transparent}.article--toc-left .toc__link.is-active{border-left-color:transparent;border-right-color:var(--accent)}.article--toc-left .toc__link--3{padding-left:0;padding-right:22px}.article--toc-left .toc__link--4{padding-left:0;padding-right:34px}.article__footer{max-width:var(--article-w);margin:56px auto 0}.article__tags{display:flex;flex-wrap:wrap;gap:8px;padding-top:24px;border-top:1px solid var(--border)}.post-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:28px}.post-nav__item{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev);transition:border-color 0.15s ease,transform 0.15s ease}.post-nav__item:hover{border-color:var(--border-strong);transform:translateY(-2px)}.post-nav__label{font-size:0.7rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-muted)}.post-nav__title{font-weight:560;line-height:1.45;font-size:0.95rem}.post-nav__item--next{text-align:right}.prose{font-size:17px;line-height:1.72;color:var(--text-soft);overflow-wrap:break-word}.prose>*:first-child{margin-top:0}.prose p{margin:0.72em 0}.prose h1,.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{position:relative;color:var(--text);font-weight:640;line-height:1.35;letter-spacing:-0.015em;scroll-margin-top:calc(var(--header-h) + 24px)}.prose h1{font-size:1.72em;margin:1.7em 0 0.55em;padding:0 0 0.42em 16px;border-bottom:1px solid var(--border-strong)}.prose h1::before,.prose h2::before{content:'';position:absolute;left:0;border-radius:2px;background:var(--accent)}.prose h1::before{top:0.06em;bottom:0.55em;width:4px}.prose h2{font-size:1.42em;margin:1.5em 0 0.5em;padding:0 0 0.42em 14px;border-bottom:1px solid var(--border)}.prose h2::before{top:0.1em;bottom:0.5em;width:3px}.prose h3{font-size:1.16em;margin:1.25em 0 0.4em;padding-left:14px}.prose h3::before{content:'';position:absolute;left:0;top:0.16em;height:1em;width:2px;border-radius:2px;background:color-mix(in srgb,var(--accent) 50%,transparent)}.prose h4{font-size:1.02em;margin:1.15em 0 0.35em;padding-left:14px}.prose h5,.prose h6{padding-left:14px}.heading-link{position:absolute;left:-1.15em;top:0.06em;color:var(--border-strong);font-weight:400;opacity:0;transition:opacity 0.15s ease,color 0.15s ease;text-decoration:none}.prose h1:hover .heading-link,.prose h2:hover .heading-link,.prose h3:hover .heading-link,.prose h4:hover .heading-link,.heading-link:focus-visible{opacity:1}.heading-link:hover{color:var(--accent)}.prose a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent);transition:text-decoration-color 0.15s ease}.prose a:hover{text-decoration-color:var(--accent)}.prose strong{color:var(--text);font-weight:620}.prose ul,.prose ol{margin:0.7em 0;padding-left:1.35em}.prose li{margin:0.25em 0}.prose li>ul,.prose li>ol{margin:0.4em 0}.prose li::marker{color:var(--text-muted)}.task-list{list-style:none;padding-left:0.2em}.task-box{margin-right:0.55em;accent-color:var(--accent);transform:translateY(1px)}.prose blockquote{margin:0.85em 0;padding:7px 14px;border-left:2px solid var(--accent);background:var(--accent-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-muted)}.prose blockquote p{margin:0.25em 0}.prose blockquote>:first-child{margin-top:0}.prose blockquote>:last-child{margin-bottom:0}.prose hr{border:none;border-top:1px solid var(--border);margin:2em 0}.prose img{max-width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--border);margin:1.4em auto}.figure{display:block;margin:1.4em 0}.figure img{display:block;max-width:100%;height:auto;margin:0 auto}.prose blockquote .figure{margin:0.6em 0 0}.prose blockquote .figcaption{margin-top:6px}.figcaption{display:block;margin-top:8px;font-size:0.82rem;color:var(--text-muted);text-align:center}.prose img,.article__cover img{cursor:zoom-in}.zoom{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;overflow:hidden;background:rgba(8,10,14,0.9);opacity:0;visibility:hidden;transition:opacity 0.16s ease,visibility 0.16s ease;touch-action:none}.zoom[data-open='true']{opacity:1;visibility:visible}.zoom__img{max-width:92vw;max-height:88vh;border-radius:6px;cursor:zoom-in;user-select:none;-webkit-user-drag:none;will-change:transform}.zoom[data-zoomed='true'] .zoom__img{cursor:grab}.zoom[data-drag='true'] .zoom__img{cursor:grabbing}.zoom__level{position:absolute;right:20px;bottom:20px;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,0.13);color:#fff;font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.04em;pointer-events:none}.zoom__hint{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);max-width:90vw;color:rgba(255,255,255,0.72);font-size:0.78rem;letter-spacing:0.02em;text-align:center;white-space:nowrap;pointer-events:none;transition:opacity 0.2s ease}.zoom[data-zoomed='true'] .zoom__hint{opacity:0}@media (max-width:640px){.zoom__hint{bottom:56px;font-size:0.68rem;letter-spacing:0}}@media (max-width:640px){.zoom__hint{bottom:56px;font-size:0.68rem;letter-spacing:0}}.prose code{font-family:var(--font-mono);font-size:0.86em;background:var(--bg-sunken);background:var(--bg-sunken);background:var(--code-inline-bg);padding:0.16em 0.38em;border-radius:3px;color:var(--code-inline-fg);white-space:break-spaces}.prose pre code{background:none;border:0;padding:0;white-space:pre}.code-block{margin:1.4em 0;border:1px solid var(--code-border);border-radius:var(--radius);background:var(--code-bg);overflow:hidden}.code-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 8px 6px 14px;border-bottom:1px solid var(--code-border);background:color-mix(in srgb,var(--code-bg) 60%,var(--bg-sunken))}.code-lang{font-family:var(--font-mono);font-size:0.7rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-muted)}.code-copy{border:1px solid transparent;background:transparent;color:var(--text-muted);font-family:var(--font-sans);font-size:0.72rem;padding:3px 9px;border-radius:6px;cursor:pointer;transition:color 0.15s ease,background 0.15s ease,border-color 0.15s ease}.code-copy:hover{color:var(--text);background:var(--bg-sunken);border-color:var(--border)}.code-copy[data-copied="true"]{color:var(--accent)}.code-block pre{margin:0;padding:16px 18px;overflow-x:auto;font-family:var(--font-mono);font-size:13.5px;line-height:1.7;tab-size:2}.code-block pre::-webkit-scrollbar{height:8px}.code-block pre::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.code-block .c{color:var(--tok-comment);font-style:italic}.code-block .s{color:var(--tok-string)}.code-block .n{color:var(--tok-number)}.code-block .kw{color:var(--tok-keyword)}.code-block .fn{color:var(--tok-fn)}.code-block .lit{color:var(--tok-lit)}.code-block .key{color:var(--tok-key)}.code-block .tag{color:var(--tok-tag)}.code-block .attr{color:var(--tok-attr)}.code-block .prop{color:var(--tok-prop)}.code-block .at{color:var(--tok-at)}.code-block .var{color:var(--tok-var)}.code-block .pp{color:var(--tok-pp)}.code-block .p{color:var(--tok-punct)}.code-block .add{background:var(--diff-add-bg);display:inline-block;width:100%}.code-block .del{background:var(--diff-del-bg);display:inline-block;width:100%}.code-block .meta{color:var(--tok-fn)}.table-wrap{margin:1.4em 0;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}.prose table{width:100%;border-collapse:collapse;font-size:0.9em}.prose th,.prose td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--border)}.prose th + th,.prose th + td,.prose td + th,.prose td + td{border-left:1px solid var(--border);border-left:1px solid color-mix(in srgb,var(--border) 52%,transparent)}.prose th{background:var(--bg-sunken);color:var(--text);font-weight:560;font-size:0.86em;letter-spacing:0.01em}.prose tbody tr:last-child td{border-bottom:0}.prose tbody tr:hover td{background:color-mix(in srgb,var(--bg-sunken) 60%,transparent)}.page-head{padding:56px 0 28px;border-bottom:1px solid var(--border)}.page-head__kicker{font-size:0.72rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--text-muted)}.page-head__title{margin:12px 0 0;font-size:clamp(1.7rem,3.2vw,2.4rem);letter-spacing:-0.025em;font-weight:670;line-height:1.2}.page-head__desc{margin:14px 0 0;color:var(--text-muted);max-width:60ch}.tag-cloud{display:flex;flex-wrap:wrap;gap:10px;padding:36px 0 64px}.tag-cloud__item{display:inline-flex;align-items:baseline;gap:8px;padding:9px 15px;border:1px solid var(--border);border-radius:999px;background:var(--bg-elev);transition:border-color 0.15s ease,transform 0.15s ease}.tag-cloud__item:hover{border-color:var(--accent);transform:translateY(-1px)}.tag-cloud__name{font-size:0.92rem}.tag-cloud__count{font-size:0.72rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.archive-year{margin:40px 0 8px;font-size:0.78rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--text-muted);font-weight:600}.archive-list{list-style:none;margin:0;padding:0}.archive-item{display:grid;grid-template-columns:74px minmax(0,1fr) auto;align-items:baseline;gap:16px;padding:12px 0;border-bottom:1px solid var(--border)}.archive-item:first-child{border-top:1px solid var(--border)}.archive-item__date{font-family:var(--font-mono);font-size:0.76rem;color:var(--text-muted)}.archive-item__title{font-size:1rem;line-height:1.5}.archive-item:hover .archive-item__title{color:var(--accent)}.archive-item__lang{font-size:0.68rem;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:0.06em}.empty{padding:80px 0;text-align:center;color:var(--text-muted)}.site-footer{margin-top:72px;border-top:1px solid var(--border);padding:40px 0 34px;font-size:0.84rem;color:var(--text-muted)}.site-footer__inner{display:flex;flex-wrap:wrap;gap:28px;justify-content:space-between;align-items:flex-start}.site-footer__brand{max-width:320px;display:flex;flex-direction:column;gap:8px}.site-footer__tagline{margin:0;line-height:1.6}.site-footer__links{display:flex;flex-wrap:wrap;gap:16px}.site-footer__links a:hover{color:var(--text)}.footer-more{position:relative;display:inline-flex;align-items:center}.footer-more__btn{display:inline-flex;align-items:center;gap:3px;padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer}.footer-more__btn:hover{color:var(--text)}.footer-more__caret{width:11px;height:11px;transition:transform 0.18s ease}.footer-more[data-open] .footer-more__caret{transform:rotate(180deg)}@media (hover:hover){.footer-more:hover .footer-more__caret,.footer-more:focus-within .footer-more__caret{transform:rotate(180deg)}}.footer-more__panel{position:absolute;left:50%;bottom:calc(100% + 8px);z-index:30;display:flex;flex-wrap:wrap;gap:10px 16px;width:max-content;max-width:min(320px,78vw);padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elev);box-shadow:var(--shadow-pop);opacity:0;visibility:hidden;transform:translateX(-50%) translateY(4px);transition:opacity 0.16s ease,transform 0.16s ease,visibility 0.16s}.footer-more__panel::before{content:"";position:absolute;inset:100% 0 auto;height:10px}.footer-more[data-open] .footer-more__panel{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}@media (hover:hover){.footer-more:hover .footer-more__panel,.footer-more:focus-within .footer-more__panel{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}}@media (max-width:640px){.footer-more__panel{position:absolute;left:auto;right:0;bottom:calc(100% + 8px);z-index:40;width:max-content;max-width:min(300px,78vw);transform:translateY(6px)}.footer-more[data-open] .footer-more__panel{transform:translateY(0)}}.site-footer__meta{display:flex;flex-direction:column;gap:6px;text-align:right}.not-found{padding:120px 0;text-align:center}.not-found__code{font-family:var(--font-mono);font-size:clamp(3rem,12vw,6rem);line-height:1;letter-spacing:-0.04em;color:var(--border-strong);margin:0}.not-found__title{margin:16px 0 8px;font-size:1.4rem;letter-spacing:-0.02em}.not-found__desc{color:var(--text-muted);margin:0 0 24px}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;border:1px solid var(--border-strong);font-size:0.86rem;transition:background 0.15s ease,border-color 0.15s ease}.btn:hover{background:var(--bg-sunken);border-color:var(--accent)}.search-box{position:relative;margin:28px 0 8px;max-width:520px}.search-box input{width:100%;padding:11px 14px 11px 40px;border-radius:10px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);font-size:0.95rem;font-family:inherit}.search-box input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-box svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-muted)}.search-results{list-style:none;padding:0;margin:24px 0 64px}.search-results li{padding:14px 0;border-bottom:1px solid var(--border)}.search-results a{font-weight:550}.search-results p{margin:6px 0 0;font-size:0.86rem;color:var(--text-muted)}.search-status{font-size:0.82rem;color:var(--text-muted);margin:18px 0}.to-top{position:fixed;right:max(24px,calc((100% - var(--article-w)) / 2 - 56px));bottom:calc(24px + var(--to-top-lift,0px));z-index:30;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--bg-elev) 88%,transparent);backdrop-filter:saturate(160%) blur(10px);box-shadow:var(--shadow-card);color:var(--text-muted);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity 0.18s ease,transform 0.18s ease,color 0.15s ease,border-color 0.15s ease,visibility 0.18s}.to-top[data-visible="true"]{opacity:1;visibility:visible;transform:none}.to-top:hover{color:var(--text);border-color:var(--border-strong)}.to-top svg{width:17px;height:17px}.toc-toggle,.related-toggle{display:none;position:fixed;right:16px;z-index:30;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--bg-elev) 88%,transparent);backdrop-filter:saturate(160%) blur(10px);box-shadow:var(--shadow-card);color:var(--text-muted);cursor:pointer;transition:color 0.15s ease,border-color 0.15s ease}.toc-toggle{bottom:calc(68px + var(--to-top-lift,0px))}.related-toggle{bottom:calc(76px + var(--to-top-lift,0px))}.toc-toggle:hover,.related-toggle:hover{color:var(--text);border-color:var(--border-strong)}.toc-toggle svg,.related-toggle svg{width:17px;height:17px}html[data-scroll-lock='true']{overflow:hidden}.toc-drawer{position:fixed;inset:0;z-index:60;background:rgba(8,10,14,0.52);opacity:0;visibility:hidden;transition:opacity 0.18s ease,visibility 0.18s ease}.toc-drawer[data-open='true']{opacity:1;visibility:visible}.toc-drawer__panel{position:absolute;top:0;right:0;bottom:0;display:flex;flex-direction:column;width:min(300px,84vw);padding:14px 18px calc(18px + env(safe-area-inset-bottom));background:var(--bg-elev);border-left:1px solid var(--border);box-shadow:var(--shadow-card);transform:translateX(100%);transition:transform 0.22s ease}.toc-drawer[data-open='true'] .toc-drawer__panel{transform:none}.toc-drawer__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.toc-drawer__title{margin:0;font-size:0.68rem;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--text-muted)}.toc-drawer__close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer}.toc-drawer__close:hover{background:var(--bg-sunken);color:var(--text)}.toc-drawer__close svg{width:16px;height:16px}.toc-drawer__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding-top:8px}.toc-drawer .side-block{padding:0;border:0;border-radius:0;background:none}.toc-drawer .toc{display:block;flex:none;margin:0;padding:0;border:0;background:none;overflow:visible}.toc-drawer .toc__link{margin-left:0;padding-top:7px;padding-bottom:7px}.toc-drawer .toc__link--1,.toc-drawer .toc__link--2{font-size:0.92rem}.toc-drawer .toc__link--3{font-size:0.87rem}.toc-drawer .toc__link--4{font-size:0.83rem}@media (max-width:1080px){.to-top{right:max(24px,calc((100% - var(--prose)) / 2 - 56px))}.toc-toggle,.related-toggle{display:inline-flex;right:max(24px,calc((100% - var(--prose)) / 2 - 56px))}.toc-toggle{bottom:calc(76px + var(--to-top-lift,0px))}.article--with-related .toc-toggle{bottom:calc(132px + var(--to-top-lift,0px))}.related-toggle{bottom:calc(76px + var(--to-top-lift,0px))}.article__head,.article__cover,.article__footer{max-width:var(--prose)}.article--toc-left .article__head,.article--toc-left .article__cover,.article--toc-left .article__footer{padding-left:0}.article__layout,.article--toc-left .article__layout{grid-template-columns:minmax(0,1fr);max-width:var(--prose);gap:0}.article__side{display:none}.article__footer{max-width:var(--prose)}}@media (max-width:860px){.featured{grid-template-columns:1fr}.featured__media{order:-1;min-height:220px;border-left:0;border-bottom:1px solid var(--border)}.featured__body{padding:26px 24px 30px}.hero{padding:44px 0 28px}}@media (max-width:720px){.to-top{right:16px;bottom:calc(16px + var(--to-top-lift,0px));width:38px;height:38px}.toc-toggle,.related-toggle{right:16px;width:38px;height:38px}.related-toggle{bottom:calc(64px + var(--to-top-lift,0px))}.toc-toggle{bottom:calc(64px + var(--to-top-lift,0px))}.article--with-related .toc-toggle{bottom:calc(112px + var(--to-top-lift,0px))}.site-header__inner{height:auto;padding:12px 0 8px;flex-wrap:wrap;row-gap:6px}.nav{order:3;width:100%;overflow-x:auto;margin-left:0;padding-bottom:2px;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.site-actions{margin-left:auto}.brand__name small{display:none}.wrap{padding:0 18px}.post-grid{grid-template-columns:1fr}.article{padding:34px 0 16px}.article__title{font-size:1.65rem}.prose{font-size:16px}.site-footer__inner{flex-direction:column}.site-footer__meta{text-align:left}.archive-item{grid-template-columns:62px minmax(0,1fr)}.archive-item__lang{display:none}}@media print{.site-header,.site-footer,.toc,.post-nav,.code-copy,.to-top{display:none!important}body{background:#fff;color:#000}}.hero__title{max-width:16ch}.featured{background:linear-gradient( 160deg,color-mix(in srgb,var(--bg-elev) 92%,var(--accent)) 0%,var(--bg-elev) 46% )}:root{--radius:14px;--radius-sm:8px;--accent:#3b82f6}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--accent:#6ea8fe}}:root[data-theme="dark"]{--accent:#6ea8fe}