:root{--bg: #edeae0;--fg: #1a1a1a;--fg-muted: #6b6b6b;--accent: #b5651d;--border: #e5e3dd;--code-bg: #f2f1ec;--code-block-bg: #fff;--measure: 86ch;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, "Noto Sans Mono CJK SC", monospace;--line: 1.75;--header-h: 3.1rem;--sidebar-w: 16rem}:root[data-theme=dark]{--bg: #16161a;--fg: #e6e6e3;--fg-muted: #9a9a95;--accent: #d99a5b;--border: #2c2c31;--code-bg: #26262b;--code-block-bg: #24292e}@media(prefers-color-scheme:dark){:root[data-theme=auto]{--bg: #16161a;--fg: #e6e6e3;--fg-muted: #9a9a95;--accent: #d99a5b;--border: #2c2c31;--code-bg: #26262b;--code-block-bg: #24292e}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-width:290px;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:1.05rem;line-height:var(--line);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.wrap{max-width:var(--measure);margin-inline:auto;padding:0 1.25rem}.site-header{position:sticky;top:0;z-index:10;background:var(--bg);margin-bottom:3rem;transition:transform .25s ease}.site-header.is-hidden{transform:translateY(-100%)}.site-header .header-inner{display:flex;align-items:center;gap:.75rem;height:var(--header-h);padding:0 1.25rem 0 3.4rem}.menu-toggle{position:fixed;top:0;left:calc((var(--header-h) - 1.9rem) / 2);z-index:30;height:var(--header-h);display:flex;align-items:center;background:none;border:none;padding:0;margin:0;cursor:pointer;color:var(--fg-muted);--slide-x: 0px;--slide-y: 0px;transform:translate(var(--slide-x),var(--slide-y));transition:transform .25s ease}:root.header-hidden:not(.sidebar-open) .menu-toggle{--slide-y: calc(-1 * var(--header-h))}:root.sidebar-open .menu-toggle{--slide-x: calc(var(--sidebar-w) - 100% - (var(--header-h) - 1.9rem))}.menu-toggle-box{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;line-height:0}.menu-toggle:hover .menu-toggle-box{color:var(--accent)}.menu-toggle svg{width:20px;height:20px}.site-nav{margin-left:auto}@media(prefers-reduced-motion:reduce){.site-header{transition:none}}.site-title{font-size:1.2rem;font-weight:700;letter-spacing:.01em;color:var(--fg);text-decoration:none}.site-title:hover{text-decoration:none}.site-nav{display:flex;gap:1.25rem;font-size:.98rem}.site-nav a{color:var(--fg-muted);text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--accent)}a{color:var(--accent);text-underline-offset:2px}a:hover{text-decoration:underline}h1,h2,h3{line-height:1.3;font-weight:700}h1{font-size:1.9rem;margin:0 0 .4rem}h2{font-size:1.4rem;margin:2.4rem 0 .8rem}h3{font-size:1.15rem;margin:2rem 0 .6rem}p,ul,ol,blockquote{margin:1.1rem 0}blockquote{margin-inline:0;padding-left:1rem;border-left:3px solid var(--border);color:var(--fg-muted)}code{font-family:var(--font-mono);font-size:.9em;background:var(--code-bg);padding:.15em .4em;border-radius:4px}pre{padding:1rem 1.2rem;border-radius:8px;overflow-x:auto;font-size:.9rem;line-height:1.35}pre code{background:none;padding:0}:root[data-theme=dark] .astro-code,:root[data-theme=dark] .astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important}@media(prefers-color-scheme:dark){:root[data-theme=auto] .astro-code,:root[data-theme=auto] .astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important}}.code-compare{--cc-col-w: 42rem;margin:1.6rem 0;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--code-block-bg)}.cc-head{display:flex;align-items:center;gap:.75rem;padding:.5rem .8rem;border-bottom:1px dashed var(--border)}.cc-caption{color:var(--fg-muted);font-size:.9rem;margin-right:auto}.cc-zoom{background:none;border:1px solid var(--border);border-radius:6px;padding:.15rem .6rem;font-size:.85rem;color:var(--fg-muted);cursor:pointer;white-space:nowrap}.cc-zoom:hover{color:var(--accent);border-color:var(--accent)}.cc-peek{position:relative}.is-enhanced:not(.is-open) .cc-peek{max-height:8.5rem;overflow:hidden;cursor:pointer}.is-enhanced:not(.is-open) .cc-peek:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4rem;background:linear-gradient(to bottom,transparent,var(--code-block-bg));pointer-events:none}.cc-cols{display:flex;flex-direction:column;gap:.8rem}.cc-col pre{margin:0;border-radius:0}.code-compare.is-hl .cc-col .line{display:block}.code-compare .cc-hl{background:#b5651d21}:root[data-theme=dark] .code-compare .astro-code span.cc-hl{background-color:#d99a5b2e!important}:root[data-theme=dark] .code-compare .astro-code span.cc-hl span{background-color:transparent!important}@media(prefers-color-scheme:dark){:root[data-theme=auto] .code-compare .astro-code span.cc-hl{background-color:#d99a5b2e!important}:root[data-theme=auto] .code-compare .astro-code span.cc-hl span{background-color:transparent!important}}@media(min-width:94rem){.is-open:not(.is-vertical):not(.is-single).code-compare{width:92vw;max-width:92vw;margin-left:calc(-46vw + 50%);background:transparent;border:none;overflow:visible}.is-open:not(.is-vertical):not(.is-single) .cc-head{border-bottom:none;padding-left:0;padding-right:0;max-width:calc(2 * var(--cc-col-w) + 2rem);margin-inline:auto}.is-open:not(.is-vertical):not(.is-single) .cc-peek{overflow-x:auto}.is-open:not(.is-vertical):not(.is-single) .cc-cols{flex-direction:row;gap:2rem;justify-content:center;width:max-content;min-width:100%}.is-open:not(.is-vertical):not(.is-single) .cc-col{flex:0 0 var(--cc-col-w);min-width:0}.is-open:not(.is-vertical):not(.is-single) .cc-col pre{border:1px solid var(--border);border-radius:8px}}@media(min-width:106rem){:root.sidebar-open .is-open:not(.is-vertical):not(.is-single).code-compare{width:calc(100vw - var(--sidebar-w) - 4rem);max-width:calc(100vw - var(--sidebar-w) - 4rem);margin-left:calc(50% - 50vw + var(--sidebar-w) / 2 + 2rem)}}img{max-width:100%;height:auto;border-radius:8px}.post-img{display:block;margin-inline:auto;max-width:var(--img-w, 60%)}@media(max-width:600px){.post-img{max-width:100%}}.post-figure{margin:1.2rem auto;max-width:var(--img-w, 60%)}.post-figure .post-img{max-width:100%}@media(max-width:600px){.post-figure{max-width:100%}}.post-caption{margin-top:.5rem;text-align:center;font-size:.85em;font-style:italic;color:var(--fg-muted)}.code-figure{margin:1.6rem 0}.code-figure pre{margin:0}hr{border:none;border-top:1px solid var(--border);margin:2.5rem 0}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{border:1px solid var(--border);padding:.5rem .7rem;text-align:left}th{background:var(--code-bg)}article details{margin:1.6rem 0;padding:.6rem 1rem;border-left:3px solid var(--border);color:var(--fg-muted);font-size:.95rem}article details>summary{cursor:pointer;color:var(--fg);list-style:none}article details>summary::-webkit-details-marker{display:none}article details>summary:before{content:"▸ ";color:var(--fg-muted)}article details[open]>summary:before{content:"▾ "}article details>summary:hover{color:var(--accent)}article details>*:last-child{margin-bottom:0}.post-list{list-style:none;padding:0;margin:0}.post-list li{padding:1.4rem 0;border-bottom:1px solid var(--border)}.post-list li:first-child{padding-top:0}.post-list h2{margin:0 0 .3rem;font-size:1.25rem}.post-list a{color:var(--fg);text-decoration:none}.post-list a:hover{color:var(--accent)}.post-meta{color:var(--fg-muted);font-size:.9rem}.post-summary{color:var(--fg-muted);margin:.4rem 0 0}.all-entry{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 2.5rem;padding:.9rem 1.1rem;border:1px solid var(--border);border-radius:10px;text-decoration:none;color:var(--fg);transition:border-color .2s ease,color .2s ease}.all-entry-text{display:flex;flex-direction:column;gap:.15rem}.all-entry-title{font-weight:600}.all-entry-sub{font-size:.85rem;color:var(--fg-muted)}.all-entry-arrow{color:var(--fg-muted);transition:color .2s ease,transform .2s ease}.all-entry:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.all-entry:hover .all-entry-arrow{color:var(--accent);transform:translate(3px)}@media(prefers-reduced-motion:reduce){.all-entry,.all-entry-arrow{transition:none}.all-entry:hover .all-entry-arrow{transform:none}}.tag{display:inline-block;margin-left:.5rem;padding:.05em .5em;font-size:.8rem;color:var(--fg-muted);background:var(--code-bg);border-radius:4px}.link-list{list-style:none;padding:0;margin:0}.link-list li{padding:1rem 0;border-bottom:1px solid var(--border)}.link-list li:first-child{padding-top:0}.link-list a{color:var(--fg);text-decoration:none;font-size:1.1rem}.link-list a:hover{color:var(--accent)}.link-desc{color:var(--fg-muted);margin-left:.6rem;font-size:.95rem}.post-header{margin-bottom:3.2rem}.post-header .post-meta{margin-top:.4rem}.title-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:1.1rem}.title-row h1{margin:0}.tag-row{display:flex;flex-wrap:wrap;gap:.5rem}.tag-row .tag{margin-left:0}.post-list .tag-row{margin:.5rem 0 0}.footnote-ref,sup [data-footnote-ref]{font-size:.75em}sup a{text-decoration:none}.footnotes{margin-top:8rem;padding-top:.5rem;border-top:1px solid var(--border);font-size:.9rem;color:var(--fg-muted)}.footnotes .sr-only,.footnotes [id=footnote-label]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.footnotes ol{padding-left:1.4rem;margin:0}.footnotes li{margin:.5rem 0}.footnotes ol>li:first-child{margin-top:0}.footnotes p{margin:0}.footnotes li:target{color:var(--fg)}.data-footnote-backref{margin-left:.4rem;text-decoration:none}.spec-card{border:1px solid var(--border);border-radius:8px;padding:1rem 1.2rem;margin:1.6rem 0;display:grid;grid-template-columns:auto 1fr;gap:.4rem 1.2rem;font-size:.95rem}.spec-card dt{color:var(--fg-muted)}.spec-card dd{margin:0}.section-intro{margin-bottom:2.5rem}.section-intro p{color:var(--fg-muted)}.section-intro--home{text-align:center;margin-bottom:4rem}.section-intro--home h1{font-size:clamp(2.6rem,7vw,3.4rem);margin-bottom:.6rem}.section-intro--home p{font-size:1.2rem}.home-shell{display:flex;flex-direction:column;min-height:calc(100vh - var(--header-h) - 3rem)}.home-main{flex:1;display:flex;flex-direction:column;padding:4rem 0 8rem}.home-main>.section-intro--home{margin-top:auto}.home-main>.home-cards{margin-bottom:auto}.home-cards{display:grid;grid-template-columns:1fr;gap:1.75rem}@media(min-width:40rem){.home-cards{grid-template-columns:repeat(2,1fr);gap:2.5rem}}.home-card{position:relative;display:block;border:1px solid var(--border);border-radius:10px;padding:1.5rem 1.6rem;color:var(--fg);text-decoration:none;transition:border-color .15s ease,background .15s ease}.home-card:hover{border-color:var(--accent);background:var(--code-bg);text-decoration:none}.home-card h2{margin:0 0 .4rem;font-size:1.3rem}.home-card p{margin:0;color:var(--fg-muted);font-size:.98rem}.home-card-count{position:absolute;right:.9rem;bottom:.7rem;font-size:.8rem;color:var(--fg-muted)}.home-more{padding:.9rem 0;display:flex;justify-content:center;gap:1.5rem;color:var(--fg-muted);font-size:.95rem;background:var(--bg)}.home-more a{color:var(--fg-muted);text-decoration:none}.home-more a:hover{color:var(--accent);text-decoration:none}.home-more a:not(:last-child):after{content:"·";margin-left:1.5rem;color:var(--border)}.rss-list{list-style:none;padding:0;margin:0}.rss-list li{padding:.6rem 0;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1rem}.rss-name{font-size:1.05rem}.rss-copy{cursor:pointer;user-select:all;white-space:nowrap}.rss-copy:hover,.rss-copy.is-copied{color:var(--accent)}.theme-toggle{background:none;border:none;padding:.2rem;margin:0;cursor:pointer;color:var(--fg-muted);line-height:0;border-radius:6px}.theme-toggle:hover{color:var(--accent)}.theme-toggle svg{width:20px;height:20px}.theme-toggle .icon-sun{display:none}:root[data-theme=dark] .theme-toggle .icon-sun{display:inline}:root[data-theme=dark] .theme-toggle .icon-moon{display:none}@media(prefers-color-scheme:dark){:root[data-theme=auto] .theme-toggle .icon-sun{display:inline}:root[data-theme=auto] .theme-toggle .icon-moon{display:none}}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);z-index:20;user-select:none;background:var(--bg);padding:calc(var(--header-h) + 1rem) 1.25rem 1.5rem;transform:translate(-100%);transition:transform .25s ease;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;display:flex;flex-direction:column}.sidebar-avatar{position:absolute;left:calc((var(--header-h) - 1.9rem) / 2);top:calc((var(--header-h) - 1.9rem) / 2);z-index:21;width:1.9rem;height:1.9rem;border-radius:6px;overflow:hidden}.sidebar-avatar img{width:100%;height:100%;object-fit:cover}.sidebar::-webkit-scrollbar{width:0;height:0}:root.sidebar-open .sidebar{transform:translate(0)}.sidebar-nav{display:flex;flex-direction:column;gap:.2rem}.sidebar-nav a{color:var(--fg);text-decoration:none;padding:.5rem .6rem;border-radius:6px;font-size:1.05rem}.sidebar-nav a:hover{color:var(--accent);background:var(--code-bg)}.sidebar-section>summary{list-style:none;cursor:pointer;padding:.5rem .6rem;border-radius:6px;font-size:1.05rem;color:var(--fg);display:flex;align-items:center;gap:.4rem}.sidebar-section>summary::-webkit-details-marker{display:none}.sidebar-section>summary:before{content:"▸";color:var(--fg-muted);font-size:.8em;transition:transform .15s ease}.sidebar-section[open]>summary:before{transform:rotate(90deg)}.sidebar-section>summary:hover{color:var(--accent);background:var(--code-bg)}.sidebar-count{margin-left:auto;margin-right:.2rem;color:var(--fg-muted);font-size:.8rem}.sidebar-sublist{display:flex;flex-direction:column;padding-left:1rem}.sidebar-sublist a{font-size:.98rem;color:var(--fg-muted)}.sidebar-sublist a:hover{color:var(--accent)}.sidebar-empty{padding:.5rem .6rem;font-size:.95rem;color:var(--fg-muted)}@media(min-width:1024px){main.wrap{transition:transform .25s ease}:root.sidebar-open main.wrap{transform:translate(calc(var(--sidebar-w) / 2))}.site-header .header-inner{transition:padding-left .25s ease}:root.sidebar-open .site-header .header-inner{padding-left:calc(var(--sidebar-w) + 1.25rem)}}.sidebar-overlay{display:none;position:fixed;inset:0;z-index:15;background:#0006}@media(max-width:1023px){:root.sidebar-open .sidebar-overlay{display:block}}@media(prefers-reduced-motion:reduce){.sidebar,.site-header .header-inner,.menu-toggle,main.wrap{transition:none}}