:root{--page-bg: #e7ecf2;--banner-top: #5e97cb;--banner-bottom: #9bc0e2;--surface: #f8fbff;--surface-2: #edf4fc;--text: #243a55;--muted: #6f87a2;--line: #d5dfec;--primary: #4d90da;--primary-soft: #eaf3fc;--radius-lg: 22px;--radius-md: 16px;--shadow-md: 0 14px 32px rgba(53, 86, 121, .14);--shadow-sm: 0 8px 18px rgba(53, 86, 121, .1)}[data-theme=dark]{--page-bg: #08131f;--banner-top: #1a3654;--banner-bottom: #224d74;--surface: #142334;--surface-2: #1a2b3f;--text: #dbe9f8;--muted: #8ca4bf;--line: #2a4059;--primary: #6cb0f4;--primary-soft: #20344a;--shadow-md: 0 16px 34px rgba(0, 0, 0, .42);--shadow-sm: 0 8px 20px rgba(0, 0, 0, .28)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;position:relative;background-color:var(--page-bg);color:var(--text);font-family:Noto Sans SC,Segoe UI,sans-serif;line-height:1.72;transition:background-color .35s ease,color .35s ease}body>*:not(.banner-layer){position:relative;z-index:1}html.theme-animating *,html.theme-animating *:before,html.theme-animating *:after{transition:background-color .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease,opacity .35s ease!important}.page-enter{opacity:0;transform:translateY(12px)}.page-enter.page-ready{opacity:1;transform:none;transition:opacity .48s ease,transform .48s cubic-bezier(.2,.8,.2,1)}.main-pane>*{opacity:0;animation:pane-reveal .55s ease forwards}.main-pane>*:nth-child(2){animation-delay:.06s}.main-pane>*:nth-child(3){animation-delay:.12s}.main-pane>*:nth-child(4){animation-delay:.18s}@keyframes pane-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes card-fade-up{0%{opacity:0;transform:translateY(10px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toc-item-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}a{color:var(--primary);text-decoration:none}a:hover,a:focus-visible{text-decoration:underline}img{max-width:100%;display:block}.banner-layer{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(180deg,#e7ecf280,#e7ecf2a3),var(--site-banner-image, none);background-position:center bottom,center bottom;background-size:auto,cover;background-repeat:no-repeat,no-repeat;opacity:.92;transform:translateZ(0)}[data-theme=dark] .banner-layer{background-image:linear-gradient(180deg,#08131f6b,#08131f9e),var(--site-banner-image, none)}.top-shell{position:sticky;top:18px;z-index:40;width:min(1380px,92vw);margin:20px auto 0}.nav-card{background:color-mix(in srgb,var(--surface) 90%,transparent);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:18px;min-height:72px;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:12px 20px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.02em}.brand-dot{width:12px;height:12px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 6px color-mix(in srgb,var(--primary) 22%,transparent)}.brand-text{color:var(--primary)}.main-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 10px}.main-nav a{color:var(--text);padding:8px 10px;border-radius:9px;font-size:.9rem;font-weight:500;text-decoration:none;white-space:nowrap}.main-nav a[aria-current=page]{background:var(--primary-soft);color:var(--primary)}.nav-tools{display:inline-flex;align-items:center;gap:10px}.tool-link{color:var(--muted);font-size:.84rem;font-weight:600}.theme-toggle{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:10px;padding:6px 10px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font:inherit;transition:transform .2s ease,background-color .35s ease,border-color .35s ease,color .35s ease}.theme-toggle:hover{transform:translateY(-1px)}.theme-toggle__icon{font-size:1rem;display:inline-block;transition:transform .4s ease}html[data-theme=dark] .theme-toggle__icon{transform:rotate(180deg)}.theme-toggle__label{font-size:.84rem}.hero-banner{width:min(1380px,92vw);margin:28px auto 0}.hero-banner__content{background:color-mix(in srgb,var(--banner-top) 48%,transparent);border:1px solid color-mix(in srgb,var(--line) 35%,transparent);border-radius:22px;padding:clamp(24px,5vw,42px);color:#f4f8ff;box-shadow:var(--shadow-md);backdrop-filter:blur(4px)}.hero-banner__content h1{margin:6px 0 10px;font-family:"Noto Serif SC",serif;font-size:clamp(2rem,4.6vw,3.2rem);line-height:1.2;letter-spacing:.01em}.hero-banner__content p{margin:0;max-width:760px;color:#f7fbffeb;font-size:clamp(1rem,2vw,1.15rem)}.hero-kicker{margin:0;text-transform:uppercase;letter-spacing:.11em;font-size:.76rem;color:#f0f7ffe0;font-weight:700}.content-grid{width:min(1380px,92vw);margin:24px auto 48px;display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:20px;align-items:start}.content-grid--wide{grid-template-columns:1fr}.main-pane{min-width:0;display:grid;gap:20px}.sidebar-stack{display:grid;gap:16px;position:sticky;top:112px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.card :is(h1,h2,h3,h4,p,li,a,small,strong,span,time){overflow-wrap:anywhere}.profile-card{text-align:center}.profile-avatar{--avatar-size: min(100%, 260px);border-radius:50%;width:var(--avatar-size);height:var(--avatar-size);object-fit:cover;object-position:56% 26%;margin-inline:auto;border:1px solid var(--line)}.profile-card h2{margin:16px 0 8px;font-size:1.4rem}.profile-card p{margin:0;color:var(--muted);font-size:.92rem}.profile-actions{margin-top:14px;display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.profile-actions a{border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);padding:4px 10px;font-size:.78rem;text-decoration:none}.widget-card h3,.page-title-card h2,.stack-section h2{margin:0 0 12px;font-size:1.22rem;display:inline-flex;align-items:center;gap:10px}.widget-card h3:before,.page-title-card h2:before,.stack-section h2:before{content:"";width:4px;height:1.15em;border-radius:2px;background:var(--primary)}.term-list,.recent-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}.term-list li,.recent-list li{display:flex;align-items:center;justify-content:space-between;gap:12px}.term-list li a,.recent-list li a{color:var(--text);text-decoration:none}.recent-list time,.term-list span{color:var(--muted);font-size:.82rem}.widget-empty{margin:0;color:var(--muted);font-size:.9rem}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag-cloud--large{gap:12px}.tag-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;border:1px solid var(--line);background:var(--primary-soft);color:var(--primary);padding:4px 10px;font-size:.8rem;text-decoration:none}.tag-pill span{color:var(--muted)}.featured-card h2{margin:6px 0 10px;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.3}.featured-card h2 a{color:var(--text);text-decoration:none}.featured-card p{color:var(--muted);margin:0;max-width:760px}.section-kicker{margin:0;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--primary);font-weight:700}.cta-link{margin-top:14px;display:inline-flex;font-weight:700}.collection-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.collection-card{text-decoration:none;color:inherit}.collection-card h3{margin:0 0 8px;color:var(--text);font-size:1.08rem}.collection-card p{margin:0;color:var(--muted);font-size:.92rem}.dashboard-zone{display:grid;gap:14px}.dashboard-zone h2{margin:0;font-size:clamp(1.4rem,2.4vw,1.86rem);line-height:1.36;overflow-wrap:anywhere}.dashboard-zone__intro{margin:0;color:var(--muted)}.home-counter{display:inline-flex;align-items:center;gap:10px;width:fit-content;border:1px solid var(--line);background:var(--surface-2);border-radius:999px;padding:6px 10px 6px 12px}.home-counter span{font-size:.82rem;color:var(--muted);white-space:nowrap}.home-counter a{line-height:0}.home-counter img{height:20px;width:auto;border-radius:999px}.netease-random{display:grid;gap:10px}.netease-random__track{display:grid;gap:8px}.netease-random__title{color:var(--text);font-size:.95rem;line-height:1.45;font-weight:600;text-decoration:none}.netease-random__meta{margin:0;color:var(--muted);font-size:.84rem}.netease-random__player{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.netease-random__actions{display:flex;flex-wrap:wrap;gap:8px}.widget-btn{border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);padding:4px 10px;font-size:.78rem;line-height:1.4;cursor:pointer;text-decoration:none}.widget-btn:hover,.widget-btn:focus-visible{text-decoration:none;background:color-mix(in srgb,var(--surface-2) 84%,var(--primary-soft))}.widget-btn--link{display:inline-flex;align-items:center}.github-pulse{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;padding:14px;display:grid;gap:12px}.github-pulse__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.github-pulse__head h3{margin:0;font-size:1.03rem;overflow-wrap:anywhere}.github-pulse__head p{margin:0;color:var(--muted);font-size:.84rem;overflow-wrap:anywhere}.github-pulse__columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.activity-panel{display:grid;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:14px}.activity-panel h4{margin:0;font-size:.96rem}.activity-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}.activity-item{display:grid;gap:4px}.activity-item a{color:var(--text);text-decoration:none;font-size:.92rem;line-height:1.45;overflow-wrap:anywhere}.activity-item small{color:var(--muted);font-size:.78rem}.activity-empty{margin:0;color:var(--muted);font-size:.86rem}.github-pulse__note{margin:0;color:var(--muted);font-size:.78rem}.stack-section{display:grid;gap:12px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.section-head h2{margin:0}.section-head a{font-size:.9rem;color:var(--muted)}.post-grid{display:grid;gap:14px}.post-card{display:grid;gap:10px}.post-card__meta{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.84rem}.post-card h2{margin:0;font-size:clamp(1.3rem,2vw,1.85rem);line-height:1.35;overflow-wrap:anywhere}.post-card h2 a{color:var(--text);text-decoration:none}.post-card p{margin:0;color:var(--muted)}.post-card__tags{display:flex;flex-wrap:wrap;gap:8px}.page-title-card p{margin:0;color:var(--muted)}.term-list--grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-stack{display:grid;gap:16px}.archive-group h3{margin:0 0 12px;font-size:1.2rem}.archive-group ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.archive-group li{display:grid;grid-template-columns:110px 90px minmax(0,1fr);gap:10px;align-items:center}.archive-group span,.archive-group time{color:var(--muted);font-size:.86rem}.archive-group a{color:var(--text)}.search-card{min-height:240px}.article-wrapper{display:grid;gap:16px}.article-header h1{margin:8px 0 10px;font-size:clamp(1.7rem,3.8vw,2.8rem);line-height:1.25;font-family:"Noto Serif SC",serif;overflow-wrap:anywhere}.article-kicker{margin:0;color:var(--primary);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700}.article-description{margin:0;color:var(--muted);overflow-wrap:anywhere}.article-meta{margin-top:10px;display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:.86rem}.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px;align-items:start}.toc-card{position:sticky;top:112px;padding:16px;overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - 132px);max-height:calc(100dvh - 132px)}.article-header,.article-content,.toc-card,.comments-card,.pager-card{animation:card-fade-up .65s cubic-bezier(.2,.8,.2,1) both}.article-content{animation-delay:.04s}.toc-card{animation-delay:.08s}.pager-card{animation-delay:.12s}.article-content:hover,.toc-card:hover,.comments-card:hover,.pager-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.toc-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.toc-controls{display:inline-flex;gap:6px}.toc-control{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:8px;width:28px;height:28px;cursor:pointer;font:inherit;line-height:1;transition:transform .2s ease,background-color .25s ease,color .25s ease,border-color .25s ease}.toc-control:hover{transform:translateY(-1px);color:var(--primary);border-color:color-mix(in srgb,var(--primary) 35%,var(--line))}.toc-control.is-disabled,.toc-control:disabled{cursor:default;opacity:.45;transform:none}.toc-scroll{min-height:0;flex:1 1 auto;overflow-y:auto;padding-right:6px;scroll-behavior:smooth;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.toc-scroll::-webkit-scrollbar{width:6px}.toc-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 46%,transparent);border-radius:999px}.toc-card li{opacity:0;transform:translate(8px);animation:toc-item-in .35s ease forwards}.toc-card li:nth-child(2){animation-delay:.03s}.toc-card li:nth-child(3){animation-delay:.06s}.toc-card li:nth-child(4){animation-delay:.09s}.toc-card li:nth-child(5){animation-delay:.12s}.toc-card h2{margin:0 0 10px;font-size:1rem}.toc-card ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}.toc-card li a{display:block;color:var(--muted);font-size:.9rem;border-radius:8px;padding:3px 8px;overflow-wrap:anywhere;transition:color .22s ease,transform .22s ease,background-color .22s ease}.toc-card li a:hover{color:var(--text);text-decoration:none;transform:translate(2px)}.toc-card .depth-3{padding-left:12px}.toc-card li a.is-active{color:var(--primary);background:var(--primary-soft);font-weight:600}.article-content>.reveal-item{opacity:0;transform:translateY(16px);filter:blur(.8px);transition:opacity .45s ease,transform .45s ease,filter .45s ease;transition-delay:var(--reveal-delay, 0ms)}.article-content>.reveal-item.is-visible{opacity:1;transform:translateY(0);filter:blur(0)}.article-pagination{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pager-card{text-decoration:none;color:inherit;min-height:90px;display:grid;gap:6px;align-content:center}.pager-card small{color:var(--muted)}.pager-card--empty{color:var(--muted);display:flex;align-items:center}.comments-card h2{margin:0 0 12px;font-size:1.18rem}.comments-card--disabled p{margin:0;color:var(--muted)}.comments-card__hint{margin:10px 0 0;color:var(--muted);font-size:.85rem;line-height:1.6}.site-footer{border-top:1px solid color-mix(in srgb,var(--line) 74%,transparent)}.site-footer__inner{width:min(1380px,92vw);margin:0 auto;padding:18px 0 36px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:.86rem}.site-footer__inner p{margin:0;overflow-wrap:anywhere}.site-footer__inner ul{margin:0;padding:0;list-style:none;display:flex;gap:12px}.site-footer__inner a{color:var(--muted)}.not-found-card{max-width:640px;margin:0 auto;text-align:center}.not-found-card .cta-link{justify-content:center}.pagefind-ui__search-input,.pagefind-ui__result{border-radius:12px}.pagefind-ui__search-input{border:1px solid var(--line);background:var(--surface-2);color:var(--text)}.pagefind-ui__result{border:1px solid var(--line);background:var(--surface);margin-bottom:10px}@media(max-width:1220px){.nav-card{grid-template-columns:1fr;justify-items:stretch;gap:12px}.main-nav{justify-content:flex-start}.nav-tools{justify-content:flex-end}}@media(max-width:1080px){.content-grid{grid-template-columns:1fr}.sidebar-stack{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.article-grid{grid-template-columns:1fr}.toc-card{position:static;max-height:none}.toc-controls{display:none}.toc-scroll{max-height:min(52vh,460px);overflow-y:auto;overflow-x:hidden;padding-right:2px}.collection-strip,.github-pulse__columns{grid-template-columns:1fr}}@media(max-width:980px)and (min-width:761px){.content-grid{gap:16px}.sidebar-stack{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-stack>:first-child{grid-column:1 / -1}.nav-card{padding:12px 16px}.hero-banner__content{padding:clamp(22px,4vw,34px)}.profile-avatar{--avatar-size: min(56vw, 220px)}}@media(max-width:760px){.top-shell{top:8px;margin-top:10px}.main-nav{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none}.main-nav::-webkit-scrollbar{display:none}.content-grid,.hero-banner{width:min(96vw,1380px)}.sidebar-stack{grid-template-columns:1fr}.archive-group li{grid-template-columns:1fr;gap:2px}.article-pagination,.term-list--grid{grid-template-columns:1fr}.github-pulse__head{align-items:flex-start}.section-head{flex-direction:column;align-items:flex-start;gap:6px}.section-head a{font-size:.84rem}.article-header h1{font-size:clamp(1.45rem,7.2vw,2rem)}.card{padding:16px}}@media(max-width:540px){.nav-card{padding:10px 12px}.hero-banner__content{padding:18px}.hero-banner__content h1{font-size:clamp(1.55rem,8.2vw,2rem)}.profile-actions{gap:6px}.profile-actions a{font-size:.74rem;padding:4px 8px}.profile-avatar{--avatar-size: min(70vw, 188px)}.home-counter{width:100%;justify-content:space-between;padding-inline:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.article-content>.reveal-item{opacity:1!important;transform:none!important;filter:none!important}}.prose{font-family:"Noto Serif SC",Noto Sans SC,sans-serif;font-size:1.08rem;line-height:1.88;color:var(--text);overflow-wrap:break-word;word-break:break-word}.prose h2,.prose h3,.prose h4{margin:1.7em 0 .7em;line-height:1.4;color:var(--text);font-family:Noto Sans SC,sans-serif}.prose h2{font-size:1.42rem}.prose h3{font-size:1.2rem}.prose p{margin:0}.prose p+p,.prose p+ul,.prose p+ol,.prose ul+p,.prose ol+p{margin-top:.9em}.prose ul,.prose ol{padding-left:1.3em}.prose li+li{margin-top:.45em}.prose hr{border:0;border-top:1px solid var(--line);margin:1.6em 0}.prose blockquote{margin:1.2em 0;padding:.8em 1em;border-left:4px solid var(--primary);background:var(--primary-soft);border-radius:12px;color:var(--muted)}.prose code{font-family:JetBrains Mono,monospace;font-size:.9em;background:var(--surface-2);border:1px solid var(--line);border-radius:7px;padding:.14em .34em}.prose pre{margin:1em 0;padding:.9em;border-radius:14px;border:1px solid var(--line);background:var(--surface-2);overflow-x:auto}.prose pre code{background:transparent;border:0;padding:0}.prose a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}.prose table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;white-space:nowrap;margin:1.15em 0}.prose th,.prose td{border:1px solid var(--line);padding:.48em .7em;text-align:left}.prose th{background:var(--surface-2);font-family:Noto Sans SC,sans-serif}.prose img,.prose .md-image{width:min(100%,960px);height:auto;margin:1.25em auto;border-radius:14px;border:1px solid var(--line);background:var(--surface-2);box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.prose img:hover,.prose .md-image:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--primary) 35%,var(--line))}.prose .md-figure{margin:1.4em auto 1.6em;display:grid;gap:.55em;justify-items:center}.prose .md-figure img{margin:0}.prose .md-figure figcaption{margin:0;max-width:92%;color:var(--muted);font-size:.84rem;line-height:1.6;text-align:center}