:root{--bg: #fdfdfc;--bg-soft: #f5f5f2;--fg: #1e2126;--fg-strong: #14161a;--muted: #6e7681;--faint: #9aa1aa;--border: #e6e6e2;--brand: #2b4170;--accent: #d16f2a;--accent-soft: rgba(232, 131, 58, .12);--green: #3d8f58;--code-bg: #f4f4f1;--shadow: 0 1px 2px rgba(20, 22, 26, .04), 0 8px 24px rgba(20, 22, 26, .04)}.dark{--bg: #14161a;--bg-soft: #1b1e24;--fg: #d5d8dd;--fg-strong: #f0f2f5;--muted: #8b919c;--faint: #646b76;--border: #2a2e36;--brand: #93a9d6;--accent: #f0975a;--accent-soft: rgba(240, 151, 90, .14);--green: #6cc08a;--code-bg: #1d2026;--shadow: none}*{margin:0;padding:0;box-sizing:border-box}@view-transition{navigation:auto}html{color-scheme:light;scroll-behavior:smooth}html.dark{color-scheme:dark}body{background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans SC,Microsoft YaHei,PingFang SC,sans-serif;font-size:17px;line-height:1.85;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .25s ease,color .25s ease;background-image:radial-gradient(var(--dot) 1px,transparent 1px);background-size:24px 24px}:root{--dot: rgba(43, 65, 112, .07)}.dark{--dot: rgba(147, 169, 214, .05)}@media(prefers-reduced-motion:no-preference){@keyframes slide-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}[data-animate]>*{animation:slide-enter .5s both}[data-animate]>*:nth-child(1){animation-delay:.02s}[data-animate]>*:nth-child(2){animation-delay:.08s}[data-animate]>*:nth-child(3){animation-delay:.14s}[data-animate]>*:nth-child(4){animation-delay:.2s}[data-animate]>*:nth-child(n+5){animation-delay:.26s}}::selection{background:var(--accent-soft);color:var(--fg-strong)}.wrap{max-width:44rem;margin:0 auto;padding:0 1.5rem}main.wrap{min-height:calc(100vh - 220px);padding-top:3rem;padding-bottom:5rem}header.site{padding:1.6rem 0;border-bottom:1px solid var(--border)}header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem}.wordmark{font-size:1.15rem;font-weight:800;letter-spacing:-.02em;text-decoration:none;display:inline-flex;align-items:center;gap:.55rem}.wordmark img.mark{height:28px;width:auto;flex:none}.wordmark img.word{height:15px;width:auto}.dark .wordmark img.word{filter:brightness(0) invert(.92)}nav.site-nav{display:flex;align-items:center;gap:1.4rem}nav.site-nav a{color:var(--muted);text-decoration:none;font-size:.92rem;font-weight:500;transition:color .15s ease}nav.site-nav a:hover,nav.site-nav a[aria-current=page]{color:var(--fg-strong)}#theme-toggle{appearance:none;border:1px solid var(--border);background:transparent;color:var(--muted);width:34px;height:34px;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color .15s ease,border-color .15s ease,transform .15s ease}#theme-toggle:hover{color:var(--accent);border-color:var(--accent);transform:rotate(15deg)}#theme-toggle .moon,.dark #theme-toggle .sun{display:none}.dark #theme-toggle .moon{display:block}footer.site{border-top:1px solid var(--border);padding:2.5rem 0 2rem;color:var(--faint);font-size:.85rem}footer.site a{color:var(--muted);text-decoration:none}footer.site a:hover{color:var(--accent)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;padding-bottom:2rem}.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem}.footer-brand p{margin-top:.4rem;line-height:1.7;max-width:22rem}.footer-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--faint);margin-bottom:.3rem}.footer-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;border-top:1px solid var(--border);padding-top:1.4rem}@media(max-width:640px){.footer-grid{grid-template-columns:1fr;gap:1.6rem}}.hero{padding:1.2rem 0 2.8rem}.hero h1{font-size:2.1rem;font-weight:800;letter-spacing:-.03em;color:var(--fg-strong);line-height:1.3}.hero h1 .dot{color:var(--accent)}.hero p.tagline{margin-top:.9rem;color:var(--muted);font-size:1.02rem;max-width:36rem}.hero-stats{margin-top:1.1rem;font-size:.85rem;color:var(--faint);font-variant-numeric:tabular-nums}.hero-stats a{color:var(--accent);text-decoration:none}.hero-stats a:hover{text-decoration:underline}.home-section{margin-bottom:3.2rem}.home-section:last-child{margin-bottom:0}.featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.featured-card{display:flex;flex-direction:column;gap:.5rem;border:1px solid var(--border);border-radius:12px;padding:1.15rem 1.3rem;text-decoration:none;background:var(--bg-soft);position:relative;overflow:hidden;transition:border-color .15s ease,transform .15s ease}.featured-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,#2b4170,#e8833a,#4caf6d);opacity:.85}.featured-card:hover{border-color:var(--accent);transform:translateY(-2px)}.featured-cover{width:calc(100% + 2.6rem);margin:-1.15rem -1.3rem .3rem;height:auto;display:block;border-bottom:1px solid var(--border)}.featured-tags{display:flex;gap:.4rem}.featured-tags .tag{pointer-events:none}.featured-title{font-weight:700;line-height:1.5;color:var(--fg-strong)}.featured-card:hover .featured-title{color:var(--accent)}.featured-desc{font-size:.86rem;color:var(--muted);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-meta{margin-top:auto;display:flex;gap:.4rem;font-size:.78rem;color:var(--faint);font-variant-numeric:tabular-nums}@media(max-width:640px){.featured-grid{grid-template-columns:1fr}}.section-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--faint);margin-bottom:1.2rem}ul.post-list{list-style:none}ul.post-list li{border-bottom:1px solid var(--border)}ul.post-list li:last-child{border-bottom:none}ul.post-list a{display:flex;align-items:baseline;gap:1.4rem;padding:.95rem 0;text-decoration:none;color:var(--fg)}ul.post-list time{flex:none;width:6.2rem;color:var(--faint);font-size:.82rem;font-variant-numeric:tabular-nums;font-family:ui-monospace,Cascadia Code,Consolas,monospace}ul.post-list .post-title{font-weight:600;transition:color .15s ease}ul.post-list a:hover .post-title{color:var(--accent)}.post-mins{margin-left:auto;flex:none;color:var(--faint);font-size:.78rem;font-variant-numeric:tabular-nums;padding-left:1rem}ul.post-list.rich a{flex-direction:column;align-items:flex-start;gap:.25rem;padding:1.05rem 0}ul.post-list.rich .post-title{font-size:1.02rem}ul.post-list.rich .post-desc{font-size:.88rem;color:var(--muted);line-height:1.7}ul.post-list.rich .post-meta-line{display:flex;gap:.4rem;font-size:.78rem;color:var(--faint);font-variant-numeric:tabular-nums}.year-block{position:relative;margin-top:2.8rem;padding-top:2.2rem}.year-block:first-of-type{margin-top:2rem}.year-ghost{position:absolute;top:-.6rem;left:-.2rem;font-size:4.6rem;font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--border);pointer-events:none;user-select:none;font-variant-numeric:tabular-nums}.more-link{display:inline-block;margin-top:1.6rem;color:var(--accent);text-decoration:none;font-size:.92rem;font-weight:600}.more-link:hover{text-decoration:underline}.tag-row{display:flex;flex-wrap:wrap;gap:.45rem}a.tag{display:inline-block;padding:.1rem .65rem;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.78rem;font-weight:500;text-decoration:none;transition:all .15s ease}a.tag:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.tag-count span{margin-left:.35rem;color:var(--faint);font-size:.9em;font-variant-numeric:tabular-nums}span.tag{display:inline-block;padding:.1rem .65rem;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.78rem;font-weight:500}article.post header.post-head{margin-bottom:2.6rem}article.post h1.post-title{font-size:1.85rem;font-weight:800;letter-spacing:-.02em;line-height:1.4;color:var(--fg-strong)}.post-meta{margin-top:.9rem;display:flex;align-items:center;flex-wrap:wrap;gap:.45rem 1rem;color:var(--faint);font-size:.86rem}.post-meta time{font-variant-numeric:tabular-nums}.post-cover{width:100%;height:auto;display:block;margin-top:1.4rem;border-radius:12px;border:1px solid var(--border)}.prose>*+*{margin-top:1.15rem}.prose h2{margin-top:2.6rem;font-size:1.32rem;font-weight:750;letter-spacing:-.01em;color:var(--fg-strong)}.prose h3{margin-top:2rem;font-size:1.08rem;font-weight:700;color:var(--fg-strong)}.prose a{color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent);text-underline-offset:3px}.prose a:hover{text-decoration-color:var(--accent)}.prose strong{color:var(--fg-strong)}.prose ul,.prose ol{padding-left:1.4rem}.prose li+li{margin-top:.35rem}.prose li::marker{color:var(--faint)}.prose blockquote{border-left:3px solid var(--accent);padding:.2rem 0 .2rem 1.1rem;color:var(--muted)}.prose hr{border:none;border-top:1px solid var(--border);margin:2.5rem auto;width:40%}.prose img{max-width:100%;height:auto;border-radius:10px;border:1px solid var(--border);box-shadow:var(--shadow);cursor:zoom-in;transition:opacity .15s ease}.prose img:hover{opacity:.92}.img-lightbox{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:5vh 5vw;background:#0a0c10e6;opacity:0;visibility:hidden;transition:opacity .2s ease;cursor:zoom-out}.img-lightbox.open{opacity:1;visibility:visible}.img-lightbox img{max-width:100%;max-height:100%;border-radius:8px;box-shadow:0 20px 60px #00000080;cursor:zoom-out}.img-lightbox .lightbox-close{position:fixed;top:1.2rem;right:1.4rem;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:#f0f2f5;display:flex;align-items:center;justify-content:center;cursor:pointer}.img-lightbox .lightbox-close:hover{background:#ffffff29}.prose p:has(>img)+p>em:only-child{display:block;text-align:center;font-style:normal;font-size:.84rem;color:var(--faint);margin-top:-.4rem}.prose table{width:100%;border-collapse:collapse;font-size:.92rem;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--border);padding:.45rem .8rem;text-align:left}.prose th{background:var(--bg-soft);color:var(--fg-strong);font-weight:650}.prose code{font-family:Cascadia Code,ui-monospace,JetBrains Mono,Consolas,monospace;font-size:.86em}.prose :not(pre)>code{background:var(--code-bg);border:1px solid var(--border);border-radius:5px;padding:.1em .4em;color:var(--fg-strong);white-space:nowrap}.prose pre.astro-code{border:1px solid var(--border);border-radius:10px;padding:1.05rem 1.2rem;font-size:.84rem;line-height:1.7;overflow-x:auto;box-shadow:var(--shadow)}.dark .astro-code,.dark .astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important}.prose kbd{font-family:ui-monospace,Consolas,monospace;font-size:.8em;background:var(--bg-soft);border:1px solid var(--border);border-bottom-width:2px;border-radius:5px;padding:.05em .45em}.post-end{margin-top:3.5rem;padding-top:1.5rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.9rem}.post-end a{color:var(--accent);text-decoration:none;font-weight:600}.post-end a:hover{text-decoration:underline}h1.page-title{font-size:1.7rem;font-weight:800;letter-spacing:-.02em;color:var(--fg-strong);margin-bottom:2rem}h1.page-title .accent{color:var(--accent)}nav.toc{border:1px solid var(--border);border-radius:10px;background:var(--bg-soft);padding:1rem 1.3rem;margin-bottom:2.4rem;font-size:.88rem}nav.toc .toc-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--faint);margin-bottom:.5rem}nav.toc ul{list-style:none;padding:0}nav.toc li{line-height:2}nav.toc li.depth-3{padding-left:1.1rem}nav.toc a{color:var(--muted);text-decoration:none;transition:color .15s ease}nav.toc a:hover{color:var(--accent)}nav.toc a.active{color:var(--accent);font-weight:600}@media(min-width:1240px){nav.toc{position:fixed;top:7.5rem;left:calc(50% + 24rem);width:15rem;margin-bottom:0;background:transparent;border:none;border-left:1px solid var(--border);border-radius:0;padding:.2rem 0 .2rem 1.2rem;max-height:calc(100vh - 10rem);overflow-y:auto}}.prose pre.astro-code{position:relative}.copy-btn{position:absolute;top:.55rem;right:.55rem;appearance:none;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--muted);font-size:.72rem;font-family:inherit;padding:.2rem .6rem;cursor:pointer;opacity:0;transition:opacity .15s ease,color .15s ease,border-color .15s ease}.prose pre.astro-code:hover .copy-btn,.copy-btn:focus-visible,.copy-btn.done{opacity:1}.copy-btn:hover{color:var(--accent);border-color:var(--accent)}.copy-btn.done{color:var(--green);border-color:var(--green)}@media(hover:none){.copy-btn{opacity:1}}nav.post-nav{margin-top:3.5rem;display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.post-nav-card{display:flex;flex-direction:column;gap:.25rem;border:1px solid var(--border);border-radius:10px;padding:.85rem 1.05rem;text-decoration:none;transition:border-color .15s ease,background .15s ease}.post-nav-card:hover{border-color:var(--accent);background:var(--accent-soft)}.post-nav-card.next{text-align:right}.post-nav-dir{font-size:.75rem;color:var(--faint)}.post-nav-title{font-size:.88rem;font-weight:600;color:var(--fg);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-nav-card:hover .post-nav-title{color:var(--accent)}@media(max-width:560px){nav.post-nav{grid-template-columns:1fr}.post-nav-card.next{text-align:left}}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.cat-card{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;border:1px solid var(--border);border-radius:12px;padding:.95rem 1.05rem;text-decoration:none;background:var(--bg-soft);transition:border-color .15s ease,transform .15s ease}.cat-card:hover{border-color:var(--accent);transform:translateY(-2px)}.cat-icon{font-size:1.3rem}.cat-name{font-weight:700;font-size:.92rem;color:var(--fg-strong)}.cat-card:hover .cat-name{color:var(--accent)}.cat-count{font-size:.78rem;color:var(--faint);font-variant-numeric:tabular-nums}.cat-sub{margin:-1.2rem 0 1.6rem;color:var(--faint);font-size:.9rem}.cat-sub a{color:var(--accent);text-decoration:none}.cat-sub a:hover{text-decoration:underline}@media(max-width:720px){.cat-grid{grid-template-columns:repeat(2,1fr)}}button.tag{display:inline-block;padding:.1rem .65rem;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--muted);font-size:.78rem;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s ease}button.tag:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}button.tag.active{color:var(--bg);background:var(--accent);border-color:var(--accent)}button.tag.active span{color:var(--bg)}.filter-hint{font-size:.85rem;color:var(--muted);margin-bottom:.6rem}.filter-clear{appearance:none;border:none;background:none;color:var(--accent);font:inherit;cursor:pointer;padding:0}.filter-clear:hover{text-decoration:underline}#back-to-top{position:fixed;right:1.4rem;bottom:1.4rem;width:42px;height:42px;border-radius:50%;border:1px solid var(--border);background:var(--bg-soft);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,color .15s ease,border-color .15s ease;z-index:90;box-shadow:var(--shadow)}#back-to-top.show{opacity:1;pointer-events:auto;transform:translateY(0)}#back-to-top:hover{color:var(--accent);border-color:var(--accent)}a.lang-switch{display:inline-block;padding:.05rem .6rem;border:1.5px solid var(--accent);border-radius:999px;color:var(--accent);font-size:.76rem;font-weight:700;text-decoration:none;letter-spacing:.04em;transition:all .15s ease}a.lang-switch:hover{background:var(--accent);color:var(--bg)}#read-progress{position:fixed;top:0;left:0;height:2.5px;width:0%;background:linear-gradient(90deg,#2b4170,#e8833a);z-index:100}.prose h2,.prose h3{position:relative}.hanchor{margin-left:.45rem;color:var(--faint);text-decoration:none!important;opacity:0;font-weight:500;transition:opacity .15s ease,color .15s ease}.prose h2:hover .hanchor,.prose h3:hover .hanchor,.hanchor:focus-visible{opacity:1}.hanchor:hover{color:var(--accent)}.related{margin-top:3rem;padding-top:1.8rem;border-top:1px solid var(--border)}.markmap-wrap{border:1px solid var(--border);border-radius:10px;background:var(--bg-soft);padding:.5rem;overflow:hidden}.markmap-wrap .markmap{color:var(--fg)}.markmap-wrap svg{width:100%;height:380px;display:block}#search{--pagefind-ui-scale: .9;--pagefind-ui-primary: var(--accent);--pagefind-ui-text: var(--fg);--pagefind-ui-background: var(--bg);--pagefind-ui-border: var(--border);--pagefind-ui-tag: var(--bg-soft);--pagefind-ui-border-width: 1px;--pagefind-ui-border-radius: 10px;--pagefind-ui-font: inherit}.search-hint{color:var(--muted);font-size:.92rem;border:1px dashed var(--border);border-radius:10px;padding:1rem 1.2rem}.search-hint code{font-family:Cascadia Code,ui-monospace,Consolas,monospace;font-size:.85em;background:var(--code-bg);border:1px solid var(--border);border-radius:5px;padding:.1em .4em}.about-logo{height:64px;width:auto;margin-bottom:1.6rem}.dark .about-logo{content:url(/img/logo-icon.png);height:56px}.notfound{text-align:center;padding:4rem 0}.notfound-code{font-size:5.5rem;font-weight:800;letter-spacing:-.04em;color:var(--border);line-height:1}.dark .notfound-code{color:var(--bg-soft)}.notfound-msg{margin:1.2rem 0 1.8rem;color:var(--muted)}@media(max-width:560px){body{font-size:16px}ul.post-list a{flex-direction:column;gap:.15rem}ul.post-list time{width:auto}.hero h1{font-size:1.7rem}article.post h1.post-title{font-size:1.5rem}}