html{scrollbar-gutter:stable}html:has(dialog:modal){overflow:hidden}:root{color-scheme:dark;--accent-dark:#d7ac5d;--accent-light:#6b4a00;--success-dark:#74c388;--success-light:#1d582c;--warn-dark:#e4a28d;--warn-light:#80351e;--bg:light-dark(#f2f0ed,#0d1117);--bg2:light-dark(#e8e6e2,#121820);--text:light-dark(#161c24,#dfe6ee);--text2:light-dark(#545d6c,#a9b3c0);--text3:light-dark(#757f8e,#8d97a3);--accent:light-dark(var(--accent-light),var(--accent-dark));--success:light-dark(var(--success-light),var(--success-dark));--warn:light-dark(var(--warn-light),var(--warn-dark));--border-faint:light-dark(#e3ded6,#161c24);--border-color:light-dark(#d8d3cb,#1c2430);--border-strong:light-dark(#c9c4bc,#28313d);--hairline-faint:1px solid var(--border-faint);--border:1px solid var(--border-color);--hairline-strong:1px solid var(--border-strong);--radius:8px;--pad-top:40px;--pad-top-home:64px;--header-gap:84px;--maxw:1080px;--maxw-mid:900px;--maxw-prose:780px;--maxw-narrow:640px;--gap:24px}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}@media (prefers-color-scheme:light){:root:not([data-theme]){color-scheme:light}}.theme-icon-stack{place-items:center;display:grid}.theme-icon-stack [data-icon]{grid-area:1/1;transition:opacity .25s ease-in-out,transform .25s ease-in-out,filter .25s ease-in-out}.theme-icon-sun{opacity:0;filter:blur(2px);transform:scale(.6)}:root[data-theme=light] .theme-icon-sun{opacity:1;filter:none;transform:none}:root[data-theme=light] .theme-icon-moon{opacity:0;filter:blur(2px);transform:scale(.6)}@media (prefers-color-scheme:light){:root:not([data-theme]) .theme-icon-sun{opacity:1;filter:none;transform:none}:root:not([data-theme]) .theme-icon-moon{opacity:0;filter:blur(2px);transform:scale(.6)}}@media (prefers-reduced-motion:reduce){.theme-icon-stack [data-icon]{transition:none}}html.theme-change,html.theme-change *,html.theme-change :before,html.theme-change :after{transition:background-color .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out,fill .2s ease-in-out,stroke .2s ease-in-out}::view-transition-old(root),::view-transition-new(root){animation-duration:.2s;animation-timing-function:ease-in-out}html.theme-circle::view-transition-old(root),html.theme-circle::view-transition-new(root){mix-blend-mode:normal;animation:none}html.theme-circle:not(.theme-circle-shrink)::view-transition-new(root),html.theme-circle.theme-circle-shrink::view-transition-old(root){z-index:1}@media (prefers-reduced-motion:reduce){html.theme-change,html.theme-change *,html.theme-change :before,html.theme-change :after{transition:none!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#838c9980 padding-box padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#838c99cc padding-box padding-box}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-button:single-button{background:50%/9px 9px no-repeat;width:12px;height:14px;display:block}::-webkit-scrollbar-button:single-button:vertical:decrement:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23838c99' transform='rotate(0 12 12)' d='M10.7 3.148a1.5 1.5 0 0 1 2.599 0l8.634 14.955a1.5 1.5 0 0 1-1.299 2.25H3.366a1.5 1.5 0 0 1-1.299-2.25z'/%3E%3C/svg%3E")}::-webkit-scrollbar-button:single-button:vertical:increment:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23838c99' transform='rotate(180 12 12)' d='M10.7 3.148a1.5 1.5 0 0 1 2.599 0l8.634 14.955a1.5 1.5 0 0 1-1.299 2.25H3.366a1.5 1.5 0 0 1-1.299-2.25z'/%3E%3C/svg%3E")}::-webkit-scrollbar-button:single-button:horizontal:decrement:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23838c99' transform='rotate(-90 12 12)' d='M10.7 3.148a1.5 1.5 0 0 1 2.599 0l8.634 14.955a1.5 1.5 0 0 1-1.299 2.25H3.366a1.5 1.5 0 0 1-1.299-2.25z'/%3E%3C/svg%3E")}::-webkit-scrollbar-button:single-button:horizontal:increment:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23838c99' transform='rotate(90 12 12)' d='M10.7 3.148a1.5 1.5 0 0 1 2.599 0l8.634 14.955a1.5 1.5 0 0 1-1.299 2.25H3.366a1.5 1.5 0 0 1-1.299-2.25z'/%3E%3C/svg%3E")}@supports not selector(::-webkit-scrollbar){html{scrollbar-width:thin;scrollbar-color:#838c9980 transparent}}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif}body{background:var(--bg);color:var(--text);margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.is-pending img,.is-loaded img{transition:opacity .4s ease-in-out}.js .is-pending img{opacity:0}@media (prefers-reduced-motion:reduce){.is-pending img,.is-loaded img{transition:none}}p,h1,h2,h3{margin:0}button{font:inherit;color:inherit}.page-shell{min-height:100vh;padding:var(--pad-top) 20px 40px;flex-direction:column;display:flex}.page-content{width:min(100%, var(--maxw));flex-direction:column;flex:1;margin:0 auto;display:flex}.page-content>main{flex:1}.content-col{width:min(100%, var(--maxw));margin-inline:auto}.content-col--mid{width:min(100%, var(--maxw-mid))}.content-col--prose{width:min(100%, var(--maxw-prose))}.content-col--narrow{width:min(100%, var(--maxw-narrow))}[data-icon]{flex:none;width:1em;height:1em}[data-icon] [stroke-width]{stroke-width:2px}.nav-links{flex-wrap:wrap;gap:10px 38px;display:flex}.nav-links--end{justify-content:flex-end}.nav-links--center{justify-content:center;gap:10px 44px}.nav-links--column{flex-direction:column;align-items:flex-start;gap:22px}.nav-links a{color:var(--text2);font-size:16px;transition:opacity .18s}.nav-links--column a{font-size:17px}.nav-links a:hover,.footer-actions a:hover,.footer-actions button:hover,.post-item:hover,.pagination a:hover,.drawer-toggle:hover,.drawer-close:hover,.search-toggle:hover{opacity:.8}a,button,summary,.post-item{transition:color .14s cubic-bezier(.2,0,0,1),background-color .14s cubic-bezier(.2,0,0,1),border-color .14s cubic-bezier(.2,0,0,1),opacity .14s cubic-bezier(.2,0,0,1)}.nav-links a.active{color:var(--accent)}.top-bar{justify-content:space-between;align-items:center;gap:var(--gap);display:flex}.site-header .top-bar{border-bottom:var(--border);margin-bottom:var(--header-gap);padding-bottom:22px}.site-title{color:var(--text);white-space:nowrap;font-size:17px}.site-id{color:var(--text);align-items:center;gap:12px;transition:opacity .18s;display:inline-flex}.site-id:hover{opacity:.8}.site-id-name{white-space:nowrap;flex-direction:column;gap:2px;font-size:17px;font-weight:600;line-height:1.3;display:flex}.site-id-name small{color:var(--text2);font-size:14px;font-weight:400}.site-id-row{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.site-id-section{min-width:0;color:var(--text2);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:17px;font-weight:500;line-height:1.3;display:block;overflow:hidden}.site-id-sep{color:var(--text3);margin-right:10px;font-weight:400}.avatar.avatar--sm{width:28px;height:28px;font-size:12px}.top-bar--mobile-only{display:none}.blog-intro{text-align:center;padding:var(--pad-top-home) 0 26px;flex-direction:column;align-items:center;display:flex}.avatar{object-fit:cover;background:var(--bg2);border-radius:999px;flex:none;width:64px;height:64px;display:block}.blog-intro h1{margin-top:16px;font-size:23px;font-weight:600}.blog-intro p{color:var(--text2);margin-top:8px;font-size:16px}.home-nav{padding-bottom:var(--header-gap);justify-content:center;align-items:center;gap:32px;display:flex}.drawer-toggle,.drawer-close,.search-toggle,.footer-actions button{color:var(--text2);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.drawer-toggle{display:none}.drawer-toggle svg,.drawer-close svg{width:22px;height:22px}.search-toggle svg{width:20px;height:20px}.top-bar-actions{align-items:center;gap:24px;display:flex}.drawer{background:var(--bg2);width:min(78vw,320px);max-width:none;height:100dvh;max-height:none;color:var(--text);border:0;margin:0;padding:0;transition:transform .22s ease-out;position:fixed;inset:0 0 0 auto;transform:translate(100%)}.drawer[open]{transform:none}@starting-style{.drawer[open]{transform:translate(100%)}}.drawer::backdrop{background:#0000008c}.drawer-panel{flex-direction:column;height:100%;padding:24px 28px 28px;display:flex}.drawer-close{color:var(--text2);align-self:flex-end}.drawer-panel .nav-links{margin-top:40px}.drawer-footer{margin-top:auto;padding-top:32px}html.drawer-open,html.drawer-open body{overflow:hidden}@media (prefers-reduced-motion:reduce){.drawer{transition:none}}.blog-section{margin-bottom:22px}.series-card{border-top:var(--border);border-bottom:var(--border);grid-template-columns:80px minmax(0,1fr);gap:24px;padding:24px 0;display:grid}.series-cover{aspect-ratio:3/4;background:linear-gradient(135deg, color-mix(in oklab, var(--accent) 22%, var(--bg2)), color-mix(in oklab, var(--accent) 6%, var(--bg2)));color:var(--text);letter-spacing:.08em;border-radius:4px;place-items:center;font-size:16px;display:grid;overflow:hidden}.series-cover:has(img){background:0 0}.series-cover img{object-fit:cover;width:100%;height:100%;display:block}.series-body{flex-direction:column;justify-content:center;gap:12px;min-width:0;display:flex}.series-heading{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.series-heading h2,.section-title h2{font-size:18px;font-weight:600}.series-meta{color:var(--text2);flex-wrap:wrap;justify-content:flex-end;gap:10px 18px;font-size:15px;display:flex}.series-status{color:var(--accent)}.series-body p,.section-title span{color:var(--text2);font-size:15px}.section-head{margin-top:10px}.section-title{justify-content:space-between;align-items:center;gap:16px;display:flex}.post-list{border-top:var(--border)}.post-item{border-bottom:var(--hairline-faint);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:26px 0;transition:opacity .18s;display:grid}.post-copy{min-width:0}.post-copy h3{font-size:18px;font-weight:500;line-height:1.5}.post-copy p{color:var(--text2);text-overflow:ellipsis;white-space:nowrap;margin-top:10px;font-size:15px;line-height:1.6;overflow:hidden}.post-meta{color:var(--text3);flex-wrap:wrap;gap:10px 18px;margin-top:16px;font-size:14px;display:flex}.post-cover{background:var(--cover-tone);border-radius:4px;align-items:flex-end;width:120px;height:80px;padding:10px;display:flex}.post-cover span{color:#ffffffeb;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.pagination{color:var(--text2);justify-content:flex-end;gap:18px;padding:28px 0 60px;font-size:16px;display:flex}.pagination .current{color:var(--text)}.site-footer{border-top:var(--hairline-strong);color:var(--text2);justify-content:space-between;align-items:center;gap:20px;padding-top:36px;font-size:15px;display:flex}.footer-actions{align-items:center;gap:14px;display:flex}.footer-actions a{transition:opacity .18s;display:inline-flex}.footer-actions svg{width:18px;height:18px}.footer-actions-divider{background:var(--text3);width:1px;height:16px}.footer-meta{user-select:none;text-align:right;color:var(--text2);font-size:14px;line-height:1.7}@media (width<=720px){.page-shell{padding:20px 16px 32px}.page-content{min-height:calc(100vh - 52px)}.site-header .top-bar-actions>.nav-links,.home-nav{display:none}.drawer-toggle,.top-bar--mobile-only{display:inline-flex}.top-bar--mobile-only{padding-bottom:8px;display:flex}.site-header .top-bar{margin-bottom:32px;padding-bottom:14px}.site-id .avatar,.site-id-name small{display:none}.home-header .blog-intro{padding:16px 0 36px}.home-header .blog-intro h1{display:none}.site-footer,.section-title,.series-heading{flex-direction:column;align-items:flex-start}.site-footer{align-items:center;gap:16px;padding-top:28px}.footer-meta{text-align:center}.series-card,.post-item{grid-template-columns:1fr}.series-cover{width:80px}.post-cover{width:100%;max-width:180px}.pagination{flex-wrap:wrap;justify-content:flex-start}}.consent-dialog{border:var(--border);border-radius:var(--radius);background:var(--bg);width:min(480px,92vw);color:var(--text);opacity:0;transition:opacity .15s ease-out, transform .15s ease-out, overlay .15s allow-discrete, display .15s allow-discrete;margin:auto;padding:20px 22px 18px;transform:scale(.98)}.consent-dialog[open]{opacity:1;transform:none}@starting-style{.consent-dialog[open]{opacity:0;transform:scale(.98)}}.consent-dialog::backdrop{background:color-mix(in srgb, var(--bg) 72%, transparent)}.consent-dialog-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.consent-dialog-head h2{font-size:18px;font-weight:600}.consent-dialog-close{color:var(--text3);cursor:pointer;background:0 0;border:0;padding:4px;display:inline-flex}.consent-dialog-close svg{width:18px;height:18px}.consent-dialog-close:hover{color:var(--accent)}.consent-items{margin:18px 0 0;padding:0;list-style:none}.consent-item{border-top:var(--hairline-faint);justify-content:space-between;align-items:flex-start;gap:20px;padding:16px 0;display:flex}.consent-item-name{color:var(--text);font-size:15px}.consent-item-desc{color:var(--text3);margin-top:5px;font-size:13px;line-height:1.7}.consent-item-hint{color:var(--warn);margin-top:5px;font-size:13px;line-height:1.7}.consent-switch{cursor:pointer;flex:none;align-items:center;gap:8px;display:inline-flex}.consent-switch input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.consent-switch-track{background:var(--border-strong);border-radius:999px;width:38px;height:22px;transition:background-color .25s cubic-bezier(.22,1,.36,1);position:relative}.consent-switch-track:after{content:"";background:var(--bg);border-radius:50%;width:16px;height:16px;transition:translate .25s cubic-bezier(.34,1.36,.64,1);position:absolute;top:3px;left:3px}.consent-switch input:checked+.consent-switch-track{background:var(--accent)}.consent-switch input:checked+.consent-switch-track:after{translate:16px}.consent-switch input:focus-visible+.consent-switch-track{outline:2px solid var(--accent);outline-offset:2px}.consent-switch:has(input[aria-disabled=true]) .consent-switch-track{opacity:.45}.consent-item-action{text-align:left;text-decoration:underline;text-decoration-color:color-mix(in oklab, var(--text3) 55%, transparent);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;transition:color .15s ease-out;display:block}.consent-item-action:hover{color:var(--accent);text-decoration-color:var(--accent)}.consent-item-state{color:var(--text3);flex:none;font-size:13px}.consent-dialog-note{border-top:var(--hairline-faint);color:var(--text3);margin-top:16px;padding-top:14px;font-size:13px;line-height:1.75}@media (prefers-reduced-motion:reduce){.consent-dialog,.consent-switch-track,.consent-switch-track:after{transition:none}}.bubble-stack{z-index:30;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:20px;right:20px}.bubble-stack>*{pointer-events:auto}.bubble{--bubble-open:.35s;--bubble-close:.25s;--bubble-distance:16px;--bubble-blur:2px;--bubble-scale:.97;--bubble-ease:cubic-bezier(.22, 1, .36, 1);border:var(--border);border-radius:var(--radius);background:var(--bg);opacity:0;width:min(360px,100vw - 40px);translate:0 var(--bubble-distance);scale:var(--bubble-scale);filter:blur(var(--bubble-blur));transform-origin:100% 100%;will-change:translate, scale, opacity, filter;transition:opacity var(--bubble-close) var(--bubble-ease), translate var(--bubble-close) var(--bubble-ease), scale var(--bubble-close) var(--bubble-ease), filter var(--bubble-close) var(--bubble-ease);padding:16px 18px 14px}.bubble.is-shown{opacity:1;filter:blur();transition:opacity var(--bubble-open) var(--bubble-ease), translate var(--bubble-open) var(--bubble-ease), scale var(--bubble-open) var(--bubble-ease), filter var(--bubble-open) var(--bubble-ease);translate:none;scale:1}.bubble-title{color:var(--text);margin-bottom:8px;font-size:15px;font-weight:600}.bubble-text{color:var(--text2);font-size:14px;line-height:1.7}.bubble-text+.bubble-text{margin-top:8px}.bubble-actions{grid-auto-columns:1fr;grid-auto-flow:column;align-items:center;gap:10px;margin-top:16px;display:grid}.bubble-btn{border:var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:6px;padding:7px 0;font-size:15px;transition:border-color .15s ease-out,background-color .15s ease-out}.bubble-btn:hover{border-color:var(--accent)}.bubble-link{color:var(--text3);cursor:pointer;background:0 0;border:0;padding:7px 0;font-size:13px;transition:color .15s ease-out}.bubble-link:hover{color:var(--accent)}@media (width<=720px){.bubble-stack{bottom:12px;right:12px}.bubble{width:calc(100vw - 24px)}}@media (prefers-reduced-motion:reduce){.bubble,.bubble.is-shown,.bubble-btn{transition:none}}.search-modal{border:var(--border);border-radius:var(--radius);background:var(--bg);width:min(620px,92vw);color:var(--text);opacity:0;margin:12vh auto auto;padding:0;transition:opacity .15s ease-out,transform .15s ease-out;transform:scale(.98)}.search-modal[open]{opacity:1;transform:none}@starting-style{.search-modal[open]{opacity:0;transform:scale(.98)}}.search-modal::backdrop{background:#0000008c}.search-input-row{border-bottom:var(--border);align-items:center;gap:12px;padding:16px 18px;display:flex}.search-input-row svg{width:18px;height:18px;color:var(--text3);flex:none}.search-input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;padding:0;font-size:16px}.search-input::placeholder{color:var(--text3)}.search-input::-webkit-search-cancel-button{display:none}.search-body{overscroll-behavior:contain;max-height:55vh;overflow-y:auto}.search-status{color:var(--text3);padding:20px 18px;font-size:14px}.search-results{margin:0;padding:8px;list-style:none}.search-result{border-radius:6px;padding:10px 12px;display:block}.search-result:hover,.search-result.is-active{background:var(--bg2)}.search-result-title{font-size:15px;font-weight:600;line-height:1.5;display:block}.search-result-excerpt{color:var(--text2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.search-result-excerpt mark{color:var(--accent);background:0 0;font-weight:600}.search-footer{border-top:var(--hairline-faint);color:var(--text3);user-select:none;gap:18px;padding:10px 18px;font-size:12px;display:flex}.search-footer kbd{border:var(--border);border-radius:4px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-right:4px;padding:0 4px;font-family:inherit;font-size:11px;display:inline-flex}.search-footer kbd svg{width:12px;height:12px}@media (width<=720px){.search-modal{width:94vw;margin-top:8vh}.search-body{max-height:60vh}.search-footer{display:none}}@media (prefers-reduced-motion:reduce){.search-modal{transition:none}}