:root{color-scheme:light;--bg:#f7f8fc;--surface:#ffffff;--surface-soft:#f2f4fb;--text:#0f1528;--text-muted:#596280;--border:#e3e8f6;--accent:#5567ff;--accent-soft:#e9edff;--shadow:0 10px 26px rgba(15, 21, 40, 0.07)}html[data-theme=dark]{color-scheme:dark;--bg:#0c111f;--surface:#141c2e;--surface-soft:#1d2740;--text:#e6eeff;--text-muted:#99a8c7;--border:#2b3551;--accent:#8e9bff;--accent-soft:#253058;--shadow:0 12px 30px rgba(0, 0, 0, 0.34)}html[data-theme=dark] .site-header{box-shadow:0 12px 26px rgba(0,0,0,.38);border-color:color-mix(in srgb,var(--border) 84%,transparent)}*{box-sizing:border-box}body,html{min-height:100%}html{scrollbar-gutter:stable both-edges}body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.72;color:var(--text);background:radial-gradient(circle at -4% -4%,var(--accent-soft),transparent 32%),radial-gradient(circle at 110% 18%,color-mix(in srgb,var(--accent-soft) 70%,transparent),transparent 30%),var(--bg)}::selection{background:var(--accent-soft)}a{color:inherit;text-decoration:none}.sr-only{width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;position:absolute}.site-shell{width:min(1240px,calc(100% - 2rem));min-height:100dvh;margin:0 auto;display:flex;flex-direction:column}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.65rem;padding:.58rem .72rem;position:sticky;top:.55rem;z-index:20;border:1px solid color-mix(in srgb,var(--border) 92%,transparent);border-radius:16px;background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:0 10px 22px rgba(15,21,40,.08);backdrop-filter:blur(8px)}.logo{display:inline-flex;align-items:center;gap:.52rem;padding:0 .28rem;font-weight:700;letter-spacing:.15px}.logo-dot{width:.62rem;height:.62rem;border-radius:999px;background:linear-gradient(135deg,var(--accent),#95a0ff);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent)}.site-nav{display:flex;gap:.34rem;margin-left:.5rem;margin-right:auto}.site-nav a{padding:.4rem .72rem;border-radius:999px;color:var(--text-muted);font-size:.92rem;font-weight:500}.site-nav a.active,.site-nav a:hover{color:var(--text);background:color-mix(in srgb,var(--surface-soft) 88%,var(--surface))}.site-nav a.active{border:1px solid color-mix(in srgb,var(--border) 94%,transparent)}.header-actions{display:inline-flex;align-items:center;gap:.55rem}.soft-button{border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--accent-soft) 45%,var(--surface));color:color-mix(in srgb,var(--text) 88%,var(--accent));padding:.43rem .8rem;font-size:.9rem;font-weight:600}.soft-button:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));color:var(--accent)}.theme-toggle{width:2.35rem;height:2.35rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);box-shadow:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.theme-toggle:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}main{padding-bottom:2rem}.hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,0.65fr);gap:1rem;align-items:stretch;padding:2.45rem 0 1.1rem}.hero{padding:.45rem 0}.hero-kicker{margin:0;padding:.3rem .7rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.82rem;font-weight:600;display:inline-flex}.hero h1{margin:1rem 0 .85rem;font-family:Newsreader,"Source Han Serif SC","Noto Serif SC",serif;font-size:clamp(2rem, 4.6vw, 3.35rem);line-height:1.13;letter-spacing:-.01em}.hero-subtitle{margin:0;max-width:74ch;color:var(--text-muted)}.hero-stats{margin-top:1.15rem;display:flex;flex-wrap:wrap;gap:.55rem}.hero-stats span{border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:.82rem;font-weight:600;padding:.26rem .62rem}.featured-card{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:1.2rem 1.15rem;display:flex;flex-direction:column;gap:.75rem}.featured-card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--accent),#8f9dff)}.feature-label{margin:0;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-size:.76rem;font-weight:700}.featured-card h2{margin:0;font-family:Newsreader,"Source Han Serif SC","Noto Serif SC",serif;font-size:clamp(1.5rem, 2.4vw, 1.95rem);line-height:1.18}.featured-card p{margin:0;color:var(--text-muted)}.home-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1rem;padding:.55rem 0 2.1rem}.post-list{display:flex;flex-direction:column;gap:1rem}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:0 .1rem}.section-head h2{margin:0;color:var(--text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.section-head a{font-size:.9rem;font-weight:600;color:var(--accent)}.content-card,.post-card,.widget{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.post-card{padding:1.1rem 1.15rem}.post-meta{margin:0;color:var(--text-muted);font-size:.85rem}.post-card h3{margin:.5rem 0 .58rem;font-family:Newsreader,"Source Han Serif SC","Noto Serif SC",serif;font-size:1.53rem;line-height:1.2}.post-card p{margin:0;color:var(--text-muted)}.featured-card h2 a:hover,.post-card h3 a:hover,.read-more:hover{color:var(--accent)}.tag-list{display:flex;flex-wrap:wrap;gap:.48rem;margin-top:.95rem}.tag-list a{display:inline-flex;align-items:center;padding:.24rem .64rem;border-radius:999px;border:1px solid var(--border);background:var(--surface-soft);color:var(--text-muted);font-size:.78rem;font-weight:600}.tag-list a:hover{color:var(--accent)}.inline-tags{margin-top:.85rem}.read-more{display:inline-block;margin-top:.95rem;color:var(--accent);font-weight:600}.sidebar{display:flex;flex-direction:column;gap:1rem}.widget{padding:1rem 1.05rem}.widget h3{margin:0 0 .65rem;font-size:1rem}.widget p{margin:0;color:var(--text-muted)}.topic-list{display:flex;flex-wrap:wrap;gap:.46rem}.topic-list a{border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);color:var(--text-muted);font-size:.82rem;font-weight:600;padding:.27rem .62rem}.topic-list a:hover{color:var(--accent)}.rss-actions{margin-top:.86rem;display:flex;flex-wrap:wrap;gap:.5rem}.rss-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--accent);border-radius:10px;background:var(--accent);color:#fff;font-size:.88rem;font-weight:600;padding:.5rem .78rem}.rss-link:hover{filter:brightness(1.05)}.rss-link:focus,.theme-toggle:focus{outline:2px solid color-mix(in srgb,var(--accent) 58%,transparent);outline-offset:2px}.rss-link.secondary{border-color:var(--border);background:var(--surface);color:var(--text-muted)}.rss-link.secondary:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.archive-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.47rem}.archive-list a{color:var(--text-muted)}.archive-list a:hover{color:var(--accent)}.content-wrapper{padding:2.25rem 0 2.65rem}.content-card{width:min(100%,980px);margin:0 auto;padding:1.55rem 1.38rem 1.2rem}.listing-card{width:min(100%,1120px)}.collection-hero{border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:16px;background:color-mix(in srgb,var(--surface-soft) 74%,var(--surface));padding:1rem 1.02rem}.collection-hero .page-title{margin-top:.62rem}.collection-hero .page-desc{margin-top:.6rem}.collection-meta{margin-top:.85rem;display:flex;flex-wrap:wrap;align-items:center;gap:.52rem}.collection-link,.collection-meta span{border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-muted);font-size:.8rem;font-weight:600;padding:.26rem .62rem}.collection-link{color:var(--accent)}.collection-link:hover{border-color:color-mix(in srgb,var(--accent) 34%,var(--border))}.topic-pills{margin-top:.9rem;display:flex;flex-wrap:wrap;gap:.5rem}.topic-pills a{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:.82rem;font-weight:600;padding:.26rem .66rem}.topic-pills a:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.list-stack{margin-top:1.15rem;display:flex;flex-direction:column;gap:1rem}.post-card-archive{padding:1.14rem 1.18rem}.post-card-head{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.post-card-head .post-meta{margin:0}.post-badge{display:inline-flex;align-items:center;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));background:var(--accent-soft);color:color-mix(in srgb,var(--accent) 88%,var(--text));font-size:.75rem;font-weight:700;letter-spacing:.02em;padding:.2rem .5rem}.post-excerpt{margin:0;color:var(--text-muted)}.post-card-bottom{margin-top:.88rem;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.post-card-bottom .tag-list{margin-top:0}.post-card-bottom .read-more{margin-top:0;flex-shrink:0}.topic-grid{margin-top:1.15rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.topic-card{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:1rem 1.02rem;display:flex;flex-direction:column;gap:.62rem}.topic-card::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--accent),#8f9dff)}.topic-card-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.topic-card h2{margin:0;font-family:Newsreader,"Source Han Serif SC","Noto Serif SC",serif;font-size:1.4rem;line-height:1.2}.topic-count{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);color:var(--text-muted);font-size:.76rem;font-weight:700;padding:.2rem .48rem}.topic-card p{margin:0;color:var(--text-muted)}.topic-post-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.42rem}.topic-post-list a{color:var(--accent);font-weight:600}.topic-post-list a:hover{text-decoration:underline}.topic-card .read-more{margin-top:auto}.search-panel{margin-top:1.05rem;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface-soft) 84%,var(--surface));padding:.92rem .95rem}.search-hint{margin:0;color:var(--text-muted);font-size:.86rem}.search-empty{margin:0;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft);color:var(--text-muted);padding:.75rem .85rem}.pagefind-ui{margin-top:.72rem}.pagefind-ui__search-input{border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);padding:.64rem .74rem}.pagefind-ui__search-input::placeholder{color:color-mix(in srgb,var(--text-muted) 86%,transparent)}.pagefind-ui__search-input:focus{outline:2px solid color-mix(in srgb,var(--accent) 48%,transparent);outline-offset:1px;border-color:color-mix(in srgb,var(--accent) 42%,var(--border))}.pagefind-ui__drawer{margin-top:.72rem}.pagefind-ui__result{border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:.8rem .85rem}.pagefind-ui__result-link{color:var(--text);font-family:Newsreader,"Source Han Serif SC","Noto Serif SC",serif;font-size:1.25rem;font-weight:700}.pagefind-ui__result-link:hover{color:var(--accent)}.pagefind-ui__result-excerpt{color:var(--text-muted)}.pagefind-ui__message{color:var(--text-muted)}.pagefind-ui__button{border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-muted)}.pagefind-ui__button:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.breadcrumb{margin:0 0 .9rem;color:var(--text-muted);font-size:.9rem}.breadcrumb a{color:var(--accent)}.page-title{margin:0;font-family:Newsreader,"Source Han Serif SC","Noto Serif SC",serif;font-size:clamp(1.85rem, 4vw, 2.8rem);line-height:1.15}.page-desc{margin:.56rem 0 0;color:var(--text-muted)}.prose{margin-top:1.25rem;font-size:1.02rem}.prose li,.prose p{color:color-mix(in srgb,var(--text) 90%,var(--text-muted))}.prose a{color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 45%,transparent);text-underline-offset:2px}.prose a:hover{text-decoration-color:var(--accent)}.prose h2{margin:1.45rem 0 .45rem;font-family:Newsreader,"Source Han Serif SC","Noto Serif SC",serif;font-size:1.55rem;line-height:1.2}.prose ul{padding-left:1.15rem}.prose code{background:var(--surface-soft);border:1px solid var(--border);border-radius:8px;font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.87em;padding:.12rem .34rem}.prose pre{position:relative;margin:1rem 0;padding:.85rem .9rem;overflow:visible;isolation:isolate;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface-soft) 92%,#000 8%)}.prose pre[data-lang]{padding-top:1.95rem}.prose pre[data-lang]::before{content:attr(data-lang);position:absolute;top:.44rem;left:.56rem;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface) 94%,transparent);color:var(--text-muted);font-size:.69rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1;padding:.2rem .44rem}.prose pre.is-command{background:linear-gradient(180deg,color-mix(in srgb,var(--accent-soft) 35%,transparent),transparent 40%),color-mix(in srgb,var(--surface-soft) 92%,#000 8%)}.prose pre[data-lang=bash]::before,.prose pre[data-lang=shell]::before{color:color-mix(in srgb,var(--accent) 85%,var(--text))}.prose pre code{display:block;border:0;background:0 0;border-radius:0;padding:0 2.3rem 0 0;font-size:.9rem;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.code-copy-btn{position:absolute;top:.42rem;right:.42rem;z-index:6;border:1px solid var(--border);border-radius:9px;background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--text-muted);width:2rem;height:2rem;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .12s ease,border-color .12s ease,color .12s ease}.code-copy-btn svg{width:.95rem;height:.95rem;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.code-copy-btn:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,var(--border));transform:translateY(-1px)}.code-copy-btn:focus{outline:2px solid color-mix(in srgb,var(--accent) 58%,transparent);outline-offset:1px}.code-copy-btn::after{content:attr(data-tip);position:absolute;bottom:calc(100% + .3rem);right:0;z-index:8;background:color-mix(in srgb,var(--surface) 94%,#000 6%);color:var(--text-muted);border:1px solid var(--border);border-radius:7px;padding:.15rem .4rem;font-size:.72rem;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(2px);transition:opacity .12s ease,transform .12s ease}.code-copy-btn:focus::after,.code-copy-btn:hover::after{opacity:1;transform:translateY(0)}.code-copy-btn.is-success{color:#2f9f6f;border-color:color-mix(in srgb,#2f9f6f 45%,var(--border))}.code-copy-btn.is-error{color:#d0494d;border-color:color-mix(in srgb,#d0494d 45%,var(--border))}.prose blockquote{margin:1.15rem 0;padding:.76rem .9rem;border-left:3px solid var(--accent);background:var(--surface-soft);border-radius:0 12px 12px 0;color:var(--text-muted)}.site-footer{margin-top:auto;padding:1.5rem 0 2rem;color:var(--text-muted);font-size:.94rem;border-top:1px solid color-mix(in srgb,var(--border) 88%,transparent)}@media (max-width:980px){.home-layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.topic-grid{grid-template-columns:1fr}}@media (max-width:760px){.site-header{flex-wrap:wrap;gap:.68rem;padding:.58rem}.site-nav{margin-left:0;margin-right:0;order:3;width:100%;overflow-x:auto;padding-bottom:.1rem}.hero-grid{grid-template-columns:1fr;padding-top:2.4rem}.sidebar{grid-template-columns:1fr}.content-card{padding:1.35rem 1.05rem 1rem}.collection-meta{align-items:flex-start}.post-card-head{flex-wrap:wrap}.post-card-bottom{flex-direction:column;align-items:flex-start}.search-panel{padding:.8rem .75rem}.pagefind-ui__result-link{font-size:1.14rem}}@media (max-width:560px){.soft-button{display:none}.post-card h3{font-size:1.36rem}.rss-actions{flex-direction:column}}