@font-face{font-family:InterVariable;src:url(/fonts/InterVariable.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Douyin Sans;src:url(/fonts/DouyinSansBold.ttf)format("truetype");font-weight:500;font-display:swap}@font-feature-values InterVariable{@styleset{open-digits:1;disambiguation:2;round-quotes-and-commas:3}}:root{--bg:#f9fafb;--surface:#fff;--panel:#f1f2f4;--text:#333;--title:#000;--muted:#b3b3b3;--secondary:#666;--line:#e6e7ea;--accent:#1a66ff;--accent-soft:#3377ff26;--heading:#b3b3b3;--nav-active:#29303d1a;--shadow:0 2px 3px #1a24350b;--dot:#29303d0f;--body-font:InterVariable, "sans-serif", "Noto Sans SC", sans-serif;--reading-title-font:"Douyin Sans", InterVariable, system-ui, sans-serif;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (max-resolution:1.2x){:root{--body-font:InterVariable, system-ui, sans-serif}}:root[data-theme=dark]{--bg:#17191c;--surface:#292c32;--panel:#202327;--text:#e6e6e6;--title:#fff;--muted:gray;--secondary:#b3b3b3;--line:#2e3138;--accent:#69f;--accent-soft:#37f3;--heading:gray;--nav-active:#e6eeff26;--shadow:0 2px 3px #0002;--dot:#e6eeff12;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--bg);background-image:radial-gradient(circle at 1px 1px, var(--dot) 1px, transparent 0);color:var(--text);font-family:var(--body-font);font-synthesis:style;font-variant-alternates:styleset(open-digits, disambiguation, round-quotes-and-commas);text-autospace:normal;background-size:24px 24px;background-attachment:fixed;margin:0;font-size:16px;line-height:1.4}body:has(dialog[open]){overflow:hidden}code,pre{text-autospace:no-autospace}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{object-fit:cover;max-width:100%}svg{vertical-align:middle;flex-shrink:0}::selection{background:var(--accent-soft);color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{cursor:default}h1,h2,h3,p{margin:0}a,button{touch-action:manipulation}.rotate-180{transform:rotate(180deg)}.blog-layout{grid-template-columns:280px minmax(0,1fr) 280px;column-gap:1rem;max-width:1376px;min-height:100dvh;margin:auto;display:grid}.main-content{min-width:0;padding:1rem}.sidebar{flex-direction:column;height:100dvh;padding:0 5% 1rem;display:flex;position:sticky;top:0;overflow-y:auto}.brand{--brand-backdrop-idle-opacity:.12;--brand-backdrop-opacity:.28;isolation:isolate;flex-shrink:0;align-items:center;gap:.5em;min-width:0;margin:clamp(1rem,2rem,5vh) 2px 2rem;display:flex;position:relative}:root[data-theme=dark] .brand{--brand-backdrop-idle-opacity:.18;--brand-backdrop-opacity:.4}.brand-backdrop{z-index:-1;opacity:var(--brand-backdrop-idle-opacity);filter:blur(4px)saturate(.85);pointer-events:none;-webkit-user-select:none;user-select:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-content:center;justify-items:center;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:4rem;line-height:1;transition:opacity .25s;display:grid;position:absolute;inset:-1rem 0;-webkit-mask-image:radial-gradient(#000 35%,#0000 75%);mask-image:radial-gradient(#000 35%,#0000 75%)}.brand-emoji{animation:5s ease-in-out infinite alternate paused brand-emoji-float}.brand:focus-visible .brand-backdrop{opacity:var(--brand-backdrop-opacity)}.brand:focus-visible .brand-emoji{animation-play-state:running}@media (hover:hover) and (pointer:fine){.brand:hover .brand-backdrop{opacity:var(--brand-backdrop-opacity)}.brand:hover .brand-emoji{animation-play-state:running}}@keyframes brand-emoji-float{50%{filter:blur(4px);transform:translate(-12px,-4px)scale(1.2)}to{filter:blur(1px);transform:translate(-4px,-12px)scale(.9)}}.avatar{border-radius:50%;width:3em;height:3em;box-shadow:0 3px 14px #0002}.brand strong{letter-spacing:normal;white-space:nowrap;font-size:1.5em;font-weight:550;display:block}.brand span{color:var(--secondary);margin-top:1px;font-size:12px;display:block}.search-trigger{outline:2px solid var(--line);outline-offset:-2px;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:.5em;align-items:center;gap:.5em;width:100%;min-height:2.5em;padding:.5em 1em;font-size:.9em;transition:background .2s;display:flex}.search-trigger>svg{width:1.5em;height:1.5em}.search-trigger:hover{background:var(--surface)}.search-trigger kbd{color:var(--muted);border:1px solid var(--line);border-radius:3px;margin-left:auto;padding:0 3px;font-size:11px;line-height:17px}.navigation{flex-direction:column;gap:.45rem;margin-top:1rem;display:flex}.nav-link{color:var(--secondary);border-radius:.5em;align-items:center;gap:.5em;padding:.5em 1em;font-size:.9em;transition:background .2s,color .2s;display:flex}.nav-link>svg{width:1.5em;height:1.5em}.nav-link.active{background:var(--nav-active);color:var(--text);font-weight:600}.nav-link:hover{color:var(--accent);background:var(--panel)}.nav-active-dot{background:var(--muted);border-radius:50%;width:4px;height:4px;margin-left:auto}.sidebar-bottom{text-align:center;margin-top:auto;padding-top:1rem}.sidebar-note{display:none}.theme-toggle{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:24px;gap:4px;padding:4px;display:inline-flex}.theme-toggle button{width:37px;height:32px;color:var(--secondary);background:0 0;border:0;border-radius:20px;place-items:center;display:grid;position:relative}.theme-toggle button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 5px #0001}.theme-toggle button:hover{color:var(--accent)}.theme-tooltip{z-index:10;background:var(--surface);color:var(--secondary);white-space:nowrap;visibility:hidden;opacity:0;border-radius:7px;padding:4px 8px;font-size:13px;font-weight:400;line-height:1.4;transition:opacity .15s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000014}.theme-tooltip:before{content:"";height:10px;position:absolute;inset:100% 0 auto}.theme-tooltip:after{content:"";border:6px solid #0000;border-top-color:var(--surface);position:absolute;top:100%;left:calc(50% - 6px)}.theme-toggle:not([data-tooltip-dismissed]) button:focus-visible .theme-tooltip{visibility:visible;opacity:1}@media (hover:hover){.theme-toggle:not([data-tooltip-dismissed]) button:hover .theme-tooltip{visibility:visible;opacity:1}}@media (max-width:768px){.theme-toggle button:last-child .theme-tooltip{left:auto;right:0;transform:none}.theme-toggle button:last-child .theme-tooltip:after{left:auto;right:8px}}.social-links{color:var(--secondary);justify-content:center;gap:0;margin-top:1rem;display:flex}.social-links a{place-items:center;padding:.4rem;display:grid}.social-links svg{width:1rem;height:1rem}.social-links a:hover{color:var(--accent)}.info-aside-track{align-self:stretch;min-width:0}.info-sidebar{flex-direction:column;align-self:start;gap:1rem;height:100dvh;padding:.5rem;font-size:.9em;display:flex;position:sticky;top:0;overflow-y:auto}.side-heading{font-family:var(--reading-title-font);color:var(--secondary);justify-content:space-between;align-items:center;margin:0;padding:.5rem;font-size:1em;font-weight:550;display:flex}.stats-panel{text-align:center;background:var(--panel);border-radius:.8rem;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 1em;margin:0;padding:.5rem .8rem;display:grid}.stats-panel>div{grid-template-rows:subgrid;grid-row:span 2;min-width:0;padding:.2em 0;display:grid}.stats-panel dd{font-size:1em;line-height:inherit;overflow-wrap:anywhere;margin:0}.stats-panel dt{color:var(--secondary);font-size:.9em}.technical-info{font-size:inherit;line-height:1.4}.technical-info .side-heading{font-size:inherit}.technical-panel{background:var(--panel);border-radius:.8rem;padding:.5rem .8rem}.technical-list{gap:.4em;margin:0;padding:.2em 0;display:grid}.technical-list>div{grid-template-columns:5.5em minmax(0,1fr);gap:8%;display:grid}.technical-list dt{color:var(--secondary);text-align:right}.technical-list dd{overflow-wrap:anywhere;min-width:0;margin:0}.technical-build{margin-top:.2em}.technical-build summary{color:var(--secondary);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:.2em;padding:.3em;font-size:.9em;list-style:none;display:flex}.technical-build summary::-webkit-details-marker{display:none}.technical-build summary:hover{color:var(--accent)}.technical-build[open] summary svg{transform:rotate(180deg)}.technical-collapse,.technical-build[open] .technical-expand{display:none}.technical-build[open] .technical-collapse{display:inline}.technical-build-list{text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:1em .6em;margin:0;padding-block:.6em .4em;display:grid}.technical-build-list>div{min-width:0}.technical-build-list dt{color:var(--secondary)}.technical-build-list dd{overflow-wrap:anywhere;margin:.2em 0 0}.site-footer{border-top:1px solid var(--line);color:var(--secondary);overflow-wrap:anywhere;flex-wrap:wrap;grid-column:2/-1;justify-content:space-between;align-items:center;gap:.75rem 2rem;margin:1rem 1rem 0;padding:1.25rem 0 1.5rem;font-size:.75rem;line-height:1.6;display:flex}.site-footer-identity,.site-footer-details{flex-direction:column;gap:.25rem;min-width:0;display:flex}.site-footer-note{color:var(--text);font-size:.875rem;font-weight:500}.site-footer-details{text-align:right;align-items:flex-end}.site-footer a{text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:3px}.site-footer a:hover,.site-footer a:focus-visible{color:var(--accent);text-decoration-color:currentColor}.info-drawer .info-sidebar{height:auto;min-height:0;font-size:inherit;flex:1;padding:0;display:flex;position:static;top:auto;overflow-y:auto}.page-heading{letter-spacing:-2px;color:var(--heading);font-size:44px;font-weight:800;line-height:1.3}.heading-dot{color:var(--accent);margin-left:2px}.articles-section{min-height:70vh;margin-top:1rem;scroll-margin-top:1rem}.filter-bar{color:var(--secondary);justify-content:flex-end;align-items:center;margin-bottom:1rem;display:flex}.category-filter{position:relative}.category-filter>summary{cursor:pointer;align-items:center;gap:.2em;list-style:none;display:flex}.category-filter>summary::-webkit-details-marker{display:none}.category-filter>summary svg{width:1.2em;height:1.2em}.category-filter>summary:hover{color:var(--category-color,var(--accent))}.category-menu{z-index:20;border:1px solid var(--line);background:var(--surface);border-radius:.5rem;min-width:10rem;padding:.4rem;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 .2em .5em #0002}.category-menu button{width:100%;color:var(--secondary);text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:.3rem;padding:.5em .75em;display:block}.category-menu button:hover,.category-menu button.selected{background:var(--accent-soft);color:var(--category-color,var(--accent))}.article-list{flex-direction:column;gap:1em;display:flex}.post-card{background:var(--surface);box-shadow:var(--shadow);isolation:isolate;border-radius:.8em;transition:transform .2s,box-shadow .2s;display:block;position:relative;overflow:hidden;container-type:inline-size}.post-card:hover{transform:translateY(-2px);box-shadow:0 .2em .5em #0002}.post-cover{z-index:-1;opacity:.8;width:calc(40% + 2em);transition:opacity .2s;position:absolute;inset:0 0 0 auto;-webkit-mask-image:linear-gradient(90deg,#0000,#fff 50%);mask-image:linear-gradient(90deg,#0000,#fff 50%)}.post-card:hover .post-cover{opacity:1}.post-card-content{gap:.5em;width:60%;padding:1em;display:grid;position:relative}.post-card.no-cover .post-card-content{width:100%}.post-card h2{font-family:var(--reading-title-font);color:var(--title);-webkit-font-smoothing:antialiased;font-size:1.2em;font-weight:550;line-height:1.4}.post-card-content>p{color:var(--secondary);font-size:.9em;line-height:1.4}.post-meta{color:var(--secondary);flex-wrap:wrap;gap:.5em clamp(1em,5%,1.5em);font-size:.8em;display:flex}.post-meta>span{align-items:center;gap:.2em;display:inline-flex}.post-meta svg{width:1.2em;height:1.2em}.category-label[data-category]{color:var(--category-color,var(--accent))}.category-label[data-category=技术]{--category-color:#3af}.category-label[data-category=日常]{--category-color:#f77}.category-label[data-category=随笔]{--category-color:#3ba}.category-label[data-category=笔记]{--category-color:#77f}.category-label[data-category=年终总结]{--category-color:#f73}@container (max-width:528px){.post-cover{aspect-ratio:2.4;width:100%;max-height:256px;margin-bottom:-10%;position:relative;-webkit-mask-image:linear-gradient(#fff 50%,#0000);mask-image:linear-gradient(#fff 50%,#0000)}.post-card-content{width:100%}.post-card h2{text-shadow:0 0 .2em var(--surface), 0 0 .5em var(--surface), 0 0 1em var(--surface)}}.pagination{z-index:10;border:1px solid var(--line);background:var(--surface);border-radius:.5em;align-items:center;width:fit-content;max-width:calc(100% - 6rem);margin:1rem auto 0;display:flex;position:sticky;bottom:min(2em,5vh);overflow-x:auto;box-shadow:0 .2em .5em #0002}.pagination button,.pagination-ellipsis{font-variant-numeric:tabular-nums;min-width:2.2em;height:2em;color:var(--secondary);background:0 0;border:0;flex:none;padding:.3em .6em}.pagination button[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.pagination button:hover:not(:disabled){background:var(--panel)}.pagination button:disabled{opacity:.3}.feed-footnote{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin-top:23px;font-size:11px;display:flex}.active-filter{color:var(--accent);align-items:center;gap:5px;margin:0 0 14px;font-size:12px;display:flex}.active-filter button{background:0 0;border:0;place-items:center;padding:3px;display:grid}.feed-loading{color:var(--muted);padding:40px}.page-heading{margin:0 0 8px}.page-description{color:var(--secondary);margin-bottom:25px;font-size:13px;line-height:1.8}.surface{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px;padding:26px}.surface>h2{align-items:center;gap:8px;margin:0 0 12px;font-size:17px;display:flex}.about-profile{align-items:center;gap:20px;margin-bottom:20px;display:flex}.about-profile img{border-radius:50%}.about-profile h2{font-size:24px}.about-profile .page-description{margin:4px 0 0}.about-facts{flex-wrap:wrap;gap:8px;margin:15px 0 24px;display:flex}.about-facts a{align-items:center;gap:6px;display:inline-flex}.tag-chip{background:var(--panel);color:var(--secondary);white-space:nowrap;border-radius:5px;padding:3px 9px;font-size:11px;font-weight:400;display:inline-flex}.tag-chip:hover{color:var(--category-color,var(--accent))}.archive-year{align-items:center;gap:12px;margin:0 0 14px;font-size:24px;font-weight:600;display:flex}.archive-year>span{color:var(--muted);font-size:12px;font-weight:400}.archive-list{margin:0;padding:0;list-style:none}.archive-row{border-bottom:1px solid var(--line);grid-template-columns:76px minmax(0,1fr) auto 16px;align-items:center;gap:12px;padding:18px 0;display:grid}.archive-row time{color:var(--muted);font-size:11px}.archive-row>span:not(.tag-chip){font-size:13px;line-height:1.7}.archive-row>svg{color:var(--muted);width:16px}.archive-row:hover{color:var(--accent)}.archive-list li:last-child .archive-row{border:0}.back-link{color:var(--secondary);align-items:center;gap:8px;margin:3px 0 19px;font-size:12px;display:inline-flex}.back-link:hover{color:var(--accent)}.prose{overflow-wrap:anywhere;color:var(--text);font-size:15px;line-height:1.95}.prose p{margin:18px 0}.prose h1,.prose h2,.prose h3,.prose h4{letter-spacing:-.3px;margin:32px 0 14px;scroll-margin-top:25px;line-height:1.6}.prose h1{font-size:26px}.prose h2{font-size:22px;font-weight:650}.prose h3{font-size:18px;font-weight:600}.prose h4{font-size:16px}.prose a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.prose code{background:var(--panel);color:var(--accent);border-radius:4px;padding:2px 5px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.85em}.prose pre{color:#dfe7f4;white-space:pre;background:#222832;border-radius:9px;margin:20px 0;padding:20px;font-size:12px;line-height:1.7;overflow:auto}.prose pre code{color:inherit;font-size:inherit;background:0 0;padding:0}.prose blockquote{border-left:3px solid var(--accent);background:var(--accent-soft);color:var(--secondary);border-radius:0 6px 6px 0;margin:20px 0;padding:4px 18px}.prose blockquote p{margin:8px 0}.prose ul,.prose ol{margin:18px 0;padding-left:23px}.prose li{margin:7px 0;padding-left:4px}.prose strong{font-weight:650}.prose hr{border:0;border-top:1px solid var(--line);margin:32px 0}.prose img{border-radius:9px;width:100%;height:auto}.prose table{border-collapse:collapse;max-width:100%;margin:20px 0;font-size:13px;display:block;overflow:auto}.prose th,.prose td{border:1px solid var(--line);text-align:left;min-width:100px;padding:9px 13px}.prose th{background:var(--panel)}.surface.prose h2:first-child{margin-top:0}.search-dialog{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:14px;width:calc(100vw - 32px);max-width:600px;max-height:80dvh;margin:15dvh auto auto;padding:0;overflow:hidden;box-shadow:0 20px 80px #0003}.search-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1c22334d}.search-dialog-inner{flex-direction:column;max-height:80dvh;display:flex}.search-input-row{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:12px;padding:18px;display:flex}.search-input-row input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:15px}.search-input-row input::placeholder{color:var(--muted)}.icon-button{color:var(--muted);background:0 0;border:0;place-items:center;padding:3px;display:grid}.search-results{padding:12px;overflow-y:auto}.search-result-count{color:var(--muted);margin:2px 8px 10px;font-size:11px}.search-result{border-radius:8px;padding:12px 35px 12px 12px;display:block;position:relative}.search-result:hover{background:var(--panel)}.search-result-category{color:var(--accent);margin-bottom:3px;font-size:10px;display:block}.search-result strong{font-size:14px;font-weight:600}.search-result p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:12px;overflow:hidden}.search-result>svg{color:var(--muted);position:absolute;top:35px;right:12px}.search-dialog-footer{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;gap:12px;padding:12px 20px;font-size:10px;display:flex}.search-dialog-footer kbd{border:1px solid var(--line);border-radius:3px;padding:1px 4px}.empty-state{text-align:center;color:var(--muted);padding:50px 20px}.empty-state h2,.empty-state h3{color:var(--secondary);margin:13px 0 5px;font-size:17px}.empty-state p{font-size:12px}.text-button{color:var(--accent);background:0 0;border:0;align-items:center;gap:8px;margin-top:16px;font-size:12px;display:inline-flex}.primary-button{color:#fff;background:var(--accent);border-radius:7px;align-items:center;gap:12px;padding:10px 16px;font-size:13px;display:inline-flex}.not-found{text-align:center;padding:100px 20px}.not-found>span{color:var(--heading);font-size:90px;font-weight:700;line-height:1}.not-found h1{margin:20px 0 10px;font-size:24px}.not-found p{color:var(--muted);margin-bottom:25px;font-size:13px}.skip-link{background:var(--accent);color:#fff;z-index:100;border-radius:5px;padding:8px 14px;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus{transform:none}.mobile-footer,.mobile-brand{display:none}@media (max-width:1080px){.blog-layout{grid-template-columns:clamp(240px,25vw,280px) minmax(0,1fr)}.info-aside-track{display:none}.site-footer{padding-inline-end:4rem}.site-footer-details{text-align:left;align-items:flex-start}}@media (max-width:768px){.blog-layout{display:block}.main-content{padding:1rem}.blog-layout>.sidebar{display:none}.mobile-brand{margin:2rem 1rem 1rem;display:flex}.mobile-brand .brand{margin:0}.site-footer{flex-direction:column;align-items:flex-start}.site-footer-identity,.site-footer-details{flex-flow:wrap;align-items:baseline;gap:.25rem 1rem}.page-heading{font-size:2.5rem}.page-description{margin-bottom:20px;font-size:12px}.surface{border-radius:11px;padding:22px 19px}.archive-row{grid-template-columns:62px minmax(0,1fr) 14px;gap:10px;padding:15px 0}.archive-row .tag-chip{display:none}.archive-row time{font-size:10px}.archive-row>span:not(.tag-chip){font-size:12px}.about-profile{gap:16px}.about-profile img{width:66px;height:66px}.about-profile h2{font-size:22px}.prose{font-size:14px}.prose h2{font-size:20px}.prose h3{font-size:17px}.prose pre{padding:16px;font-size:11px}.search-dialog{max-height:82dvh;margin-top:9dvh}.search-dialog-inner{max-height:82dvh}.search-input-row{padding:15px}.search-input-row input{font-size:14px}.mobile-footer{font-size:10px}.not-found{padding:65px 15px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.post-card:hover{transform:none}}@media print{body{color:#111;background:#fff}.sidebar,.info-sidebar,.back-link,.mobile-footer,.share-button{display:none}.blog-layout{max-width:100%;padding:0;display:block}.prose{color:#111}.prose pre{white-space:pre-wrap;color:#111;background:#eee}.article-tags{display:none}}
html:has(.article-page){scroll-padding-top:2rem}.blog-layout:has(.article-page) .main-content{padding:0}.article-page{display:flow-root}.reading-header{isolation:isolate;background:var(--panel);color:var(--text);border-radius:16px;flex-direction:column;justify-content:space-between;gap:16px;margin:8px;display:flex;position:relative;overflow:hidden}.reading-header.has-cover{color:#fff;min-height:256px}.reading-cover-preview{z-index:0;position:absolute;inset:0}.reading-cover-trigger{border-radius:inherit;cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.reading-cover-trigger:focus-visible{outline:3px solid var(--accent);outline-offset:-4px}.reading-cover{object-fit:cover;filter:var(--reading-cover-filter,none)}.reading-cover-hint{color:#fff;opacity:0;background:#181b24b3;border:1px solid #ffffff50;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;line-height:1.4;transition:opacity .2s;display:inline-flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.reading-cover-trigger:hover .reading-cover-hint,.reading-cover-trigger:focus-visible .reading-cover-hint{opacity:1}.reading-cover-preview.is-unavailable{place-items:center;padding:48px 16px 80px;display:grid}.reading-header-nav{z-index:1;padding:10.24px 16px;font-size:12.8px;position:relative}.reading-meta{flex-wrap:wrap;align-items:center;gap:6px 18px;line-height:1.4;display:flex}.reading-meta>span,.reading-meta>a{align-items:center;gap:4px;display:inline-flex}.reading-meta svg{width:16px;height:16px}.has-cover .reading-meta{filter:drop-shadow(0 1px 2px #000)}.reading-meta a:hover{text-underline-offset:3px;text-decoration:underline}.reading-title{z-index:1;font-family:var(--reading-title-font);overflow-wrap:anywhere;margin:0;padding:.8em 16px;font-size:25.6px;font-weight:550;line-height:1.2}.has-cover .reading-title{text-shadow:0 1px 3px #0007;background:linear-gradient(#0000,#0003,#0005)}.share-button{border:1px solid var(--line);background:var(--surface);color:var(--secondary);border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:5px 8px;font-size:12.8px;line-height:1.4;display:inline-flex}.reading-header .share-button{z-index:2;opacity:0;transition:opacity .2s;position:absolute;top:10px;right:12.8px}.reading-header:hover .share-button,.reading-header:focus-within .share-button{opacity:1}.share-button:hover{color:var(--accent)}.reading-description{color:var(--muted);align-items:flex-start;gap:5px;margin:24px 16px 0;font-size:14.4px;line-height:1.6;display:flex}.reading-description svg{width:16px;height:20px}.reading-prose{margin:28px 16px 16px;padding:0;font-size:16px;line-height:1.8;display:flow-root}.reading-prose .markdown>*{margin:16px 0}.reading-prose .markdown>:first-child{margin-top:0}.reading-prose p{margin:.5em 0}.reading-prose .markdown>p{margin:16px 0}.reading-prose .markdown>:where(h1,h2,h3,h4,h5,h6){font-family:var(--reading-title-font);color:var(--title);font-weight:550;line-height:inherit;letter-spacing:normal;-webkit-font-smoothing:antialiased;margin:1.6em 0 .8em;scroll-margin-top:0}.reading-prose .markdown>:where(h1,h2,h3,h4,h5,h6):first-child{margin-top:0}.reading-prose h1{font-size:2em}.reading-prose h2{font-size:1.5em}.reading-prose h3{font-size:1.17em}.reading-prose h4{font-size:1em}.reading-prose h5{font-size:.83em}.reading-prose h6{font-size:.67em}.reading-prose :is(h1,h2,h3,h4,h5,h6)>a{color:inherit;text-decoration:none}.md-tech .markdown>:is(h2,h3,h4,h5,h6)>a:before{content:"";background:var(--accent);text-autospace:no-autospace;border-radius:.2rem;margin-inline-end:.5em;padding:0 2px}.md-tech .markdown>h2>a:before{content:"#";color:#fff}.reading-prose a{border-bottom:1px solid color-mix(in srgb, var(--accent) 35%, transparent);text-decoration:none}.reading-prose :is(h1,h2,h3,h4,h5,h6) a{border:0}.reading-prose a:hover{border-color:var(--accent)}.reading-prose strong{background:linear-gradient(var(--accent-soft), var(--accent-soft)) no-repeat center bottom / 100% 30%}.reading-prose blockquote{border-left:4px solid var(--line);background:var(--panel);color:var(--text);border-radius:4px;padding:.2rem .8rem;font-size:.9rem}.reading-prose :is(ul,ol){margin:.5em 0;padding-left:1.5em;font-size:.9rem}.reading-prose li{margin:.2em 0;padding:0}.reading-prose li::marker{color:var(--accent)}.reading-prose hr{border:0;border-top:.4em dashed var(--line);margin:3em 0}.reading-prose code{font-size:.85em}.reading-prose .markdown-table{overflow-x:auto}.reading-prose table{width:100%;margin:0;font-size:.9rem;display:table}.reading-prose th,.reading-prose td{min-width:0;padding:.5em .8em}.reading-prose :target{border-radius:.2rem;animation:3s reading-target}@keyframes reading-target{50%{background-color:var(--accent-soft)}}.article-story .reading-title,.md-story{font-family:Noto Serif SC,Songti SC,STSong,serif}.article-story .reading-title{text-align:center}.md-story .markdown>:is(h1,h2,h3,h4,h5,h6){text-align:center;font-family:inherit;font-weight:700}.md-story .markdown>p{text-indent:2em}.md-story p:has(.article-image){text-indent:0}.reading-prose p:has(>.article-image:only-child){text-align:center}.reading-prose .article-image{text-indent:0}.reading-footer{margin:48px 8px 32px}.reading-tags{color:var(--secondary);flex-wrap:wrap;gap:8px 16px;margin:0 8px 24px;font-size:14.4px;display:flex}.reading-tags a:hover{color:var(--accent)}.reading-attribution{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:20px}.reading-author{align-items:center;gap:12px;display:flex}.reading-author img{border-radius:50%}.reading-author strong{font-size:16px;display:block}.reading-author span>span{color:var(--muted);margin-top:3px;font-size:12px;display:block}.reading-permalink{color:var(--secondary);overflow-wrap:anywhere;align-items:center;gap:6px;margin-top:16px;font-size:12px;display:flex}.reading-license{margin-top:16px;font-size:14.4px}.reading-neighbors{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:32px 8px;display:grid}.reading-neighbors a{background:var(--panel);border-radius:12px;flex-direction:column;gap:8px;padding:16px 36px 16px 16px;display:flex;position:relative}.reading-neighbors span{color:var(--muted);font-size:12px}.reading-neighbors strong{font-size:14.4px;font-weight:500}.reading-neighbors svg{color:var(--muted);position:absolute;top:50%;right:12px}.reading-neighbors a:hover{color:var(--accent)}.reading-menu-toggle,.reading-menu-dialog{display:none}@media (max-width:768px){.reading-header{border-radius:0;margin:0}.reading-header-nav{padding-right:16px}.reading-meta{gap:6px 12px;max-width:calc(100% - 96px)}.reading-header .share-button{opacity:1}.reading-title{text-wrap:balance;font-size:25.6px}.reading-prose{font-size:16px}.reading-neighbors{grid-template-columns:1fr}.reading-menu-toggle{z-index:35;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 85%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:44px;height:44px;box-shadow:var(--shadow);color:var(--secondary);border-radius:50%;place-items:center;display:grid;position:fixed;bottom:84px;right:16px}.reading-menu-dialog[open]{background:var(--bg);width:min(320px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;color:var(--text);border:0;margin:0;padding:0;display:block;position:fixed;inset:0 auto 0 0}.reading-menu-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0005}.reading-menu-dialog .sidebar{flex-direction:column;align-items:stretch;gap:0;height:100%;padding:0 1rem 1rem;display:flex;position:static}.reading-menu-dialog .brand{margin:20px 0 28px}.reading-menu-dialog .search-trigger{border:1px solid var(--line);justify-content:flex-start;width:100%;height:36px;padding:7px 10px;display:flex}.reading-menu-dialog .search-trigger span,.reading-menu-dialog .search-trigger kbd{display:inline}.reading-menu-dialog .navigation{flex-direction:column;margin-top:12px}.reading-menu-dialog .nav-link svg{display:block}.reading-menu-dialog .sidebar-bottom{margin-top:auto}.reading-menu-dialog .theme-toggle{gap:4px;padding:4px}.reading-menu-dialog .theme-toggle button{width:37px;height:34px}.reading-menu-dialog .theme-toggle svg{width:17px;height:17px}.reading-menu-dialog .social-links{display:flex}.reading-menu-close{z-index:1;width:32px;height:32px;color:var(--muted);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:12px;right:12px}}@media (hover:none){.reading-header .share-button,.reading-cover-hint{opacity:1}}@media (prefers-reduced-motion:reduce){.reading-cover-hint{transition:none}}@media (max-height:528px){.reading-menu-toggle{bottom:16px;right:70px}}@media print{.reading-header .share-button,.reading-cover-hint,.reading-menu-toggle,.reading-neighbors,.reading-footer{display:none}.blog-layout:has(.article-page) .sidebar{display:none}.reading-prose{margin:16px 0}}
.reading-preferences{border:1px solid var(--line);background:var(--panel);box-shadow:inset 0 1px 0 #ffffff08, var(--shadow);border-radius:999px;align-items:center;max-width:100%;padding:5px;display:inline-flex}.language-toggle{--language-option-width:38px;flex:none;width:57px;height:34px;transition:width .32s cubic-bezier(.2,.8,.2,1);position:relative}.language-toggle.expanded{width:calc(var(--language-option-width) * 3)}.language-toggle button{z-index:1;width:var(--language-option-width);height:100%;color:var(--secondary);background:0 0;border:0;border-radius:999px;padding:0;font-size:13px;font-weight:500;position:relative}.language-toggle .language-trigger{background:var(--surface);width:57px;color:var(--text);box-shadow:var(--shadow);justify-content:center;align-items:center;gap:5px;transition:opacity .12s,transform .2s;display:flex}.language-trigger>svg{transform:rotate(90deg)}.language-toggle.expanded .language-trigger{opacity:0;pointer-events:none;transform:scale(.85)}.language-options{width:calc(var(--language-option-width) * 3);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s,transform .25s,visibility 0s .16s;display:flex;position:absolute;inset:0 auto 0 0;transform:scale(.85)}.language-toggle.expanded .language-options{opacity:1;visibility:visible;pointer-events:auto;transition-delay:60ms,60ms,0s;transform:none}.language-toggle button[aria-pressed=true]{color:var(--text);font-weight:700}.language-toggle button[aria-disabled=true]{opacity:.35;cursor:not-allowed}.language-toggle button:hover:not([aria-disabled=true]){color:var(--text)}.language-indicator{width:var(--language-option-width);background:var(--surface);border-radius:999px;transition:transform .2s;position:absolute;inset:0 auto 0 0}html:not([lang=zh-CN]) .technical-list>div{grid-template-columns:1fr;gap:1px;margin-bottom:8px}html:not([lang=zh-CN]) .technical-list dt{text-align:left;font-size:12px}html:not([lang=zh-CN]) .technical-list dd{text-align:left}.reading-preferences .theme-toggle{box-shadow:none;background:0 0;border:0;gap:0;margin:0 0 0 15px;padding:0;position:relative}.reading-preferences .theme-toggle:before{content:"";background:var(--line);width:1px;height:17px;position:absolute;top:9px;left:-8px}.reading-preferences .theme-toggle button{width:32px;height:34px}html[lang=ja] body{font-family:InterVariable,-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif}html[lang=ja] .article-story .reading-title,html[lang=ja] .md-story{font-family:Hiragino Mincho ProN,Yu Mincho,serif}@media (max-width:768px){.reading-menu-dialog .sidebar-bottom{align-self:center}.reading-preferences .theme-toggle button{width:32px;height:34px}}@media (pointer:coarse){.language-toggle{height:44px}.reading-preferences .theme-toggle button{min-width:38px;height:44px}.reading-preferences .theme-toggle:before{top:14px}}@media (min-width:769px) and (max-width:960px){.language-toggle{--language-option-width:34px}.reading-preferences .theme-toggle button{width:28px;min-width:28px}}@media (prefers-reduced-motion:reduce){.language-toggle,.language-toggle .language-trigger,.language-options,.language-indicator{transition:none}}html[lang=ja]{--reading-title-font:InterVariable, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif}