.news-right[data-astro-cid-motrwrji]{display:flex;flex-direction:column;gap:1.2rem}.news-btn-dark[data-astro-cid-motrwrji]{background:#15102b;color:#fff;border-color:#15102b}.news-btn-dark[data-astro-cid-motrwrji]:hover{background:#000}.news-btn-white[data-astro-cid-motrwrji]{background:#fff;color:#111;border-color:#000}.news-btn-white[data-astro-cid-motrwrji]:hover{background:#f5f5f5}.gsc-section[data-astro-cid-an2nl7ar]{max-width:1060px;padding-top:2.8rem;padding-bottom:2rem;border-top:var(--border-width) solid var(--border-color)}.gsc-section__head[data-astro-cid-an2nl7ar]{margin-bottom:1.4rem}.gsc-mount[data-astro-cid-an2nl7ar] iframe.giscus-frame{width:100%!important;min-width:unset!important}.progress{position:fixed;top:0;left:0;height:5px;width:0%;background:var(--pop-green);z-index:var(--z-toast);border-right:2px solid var(--border-color)}.art-head{padding-block:clamp(2rem,5vw,3.5rem) 1.5rem}.art-breadcrumb{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--muted-foreground);margin-bottom:1.2rem}.art-breadcrumb a{text-decoration:none;color:var(--pop-green)}.art-breadcrumb a:hover{text-decoration:underline}.art-title{font-family:var(--font-display);font-weight:800;font-size:clamp(2.1rem,5vw,3.6rem);line-height:1.03;letter-spacing:-.035em;margin:.6rem 0 1.1rem;text-wrap:balance}.art-meta{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--muted-foreground)}.art-meta .dot{width:4px;height:4px;border-radius:50%;background:var(--muted-foreground)}.art-meta .av{width:30px;height:30px;border-radius:var(--radius-sm);border:2px solid var(--border-color);background:var(--pop-purple);display:grid;place-items:center;font-weight:700;color:#111;font-size:13px}.art-meta .who{color:var(--foreground)}.art-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.1rem}.wrap.art-head,.wrap.art-layout,.wrap.art-suggest{max-width:1060px}.art-layout{display:grid;grid-template-columns:1fr;gap:3rem;align-items:start;padding-bottom:2rem}.toc{position:sticky;top:96px;display:none}.toc__label{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-foreground);margin-bottom:.8rem;padding-bottom:.6rem;border-bottom:var(--border-width-sm) solid var(--border-color)}.toc__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.toc__list a{display:block;font-size:13.5px;font-weight:600;text-decoration:none;color:var(--muted-foreground);padding:.35rem .7rem;border-left:3px solid transparent;line-height:1.3}.toc__list a:hover{color:var(--foreground)}.toc__list a.active{color:var(--foreground);border-left-color:var(--pop-green);background:var(--surface-muted)}.toc__list .lvl3{padding-left:1.4rem;font-size:12.5px}@media(min-width:880px){.art-layout{grid-template-columns:minmax(0,1fr) 240px}.toc{display:block}}.prose{font-size:1.12rem;line-height:1.75;color:var(--foreground);max-width:70ch}.prose>*+*{margin-top:1.3rem}.prose h2{font-family:var(--font-display);font-weight:800;font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.02em;margin-top:2.6rem;line-height:1.15;scroll-margin-top:96px}.prose h2:before{content:"## ";color:var(--pop-green);font-family:var(--font-mono);font-weight:700;font-size:.75em}.prose h3{font-family:var(--font-display);font-weight:700;font-size:1.35rem;margin-top:2rem;scroll-margin-top:96px}.prose h3:before{content:"### ";color:var(--pop-green);font-family:var(--font-mono);font-weight:700;font-size:.72em}.prose p{max-width:70ch}.prose a:not(.nb-btn){color:var(--pop-blue);font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}.prose a:not(.nb-btn):hover{background:var(--pop-blue);color:#fff;text-decoration:none}.prose strong{font-weight:800}.prose ul,.prose ol{padding-left:1.4rem;max-width:70ch}.prose li{margin:.5rem 0}.prose li::marker{color:var(--pop-green);font-weight:700}.prose img{border:var(--border-width) solid var(--border-color);border-radius:var(--radius-base);box-shadow:var(--shadow)}.prose blockquote{border:var(--border-width) solid var(--border-color);border-left:8px solid var(--pop-yellow);border-radius:var(--radius-base);background:var(--surface);box-shadow:var(--shadow);padding:1rem 1.3rem;font-weight:600;font-style:normal}.prose blockquote p{margin:0}.callout{display:flex;gap:1rem;align-items:flex-start;border:var(--border-width) solid var(--border-color);border-radius:var(--radius-base);box-shadow:var(--shadow);padding:1.1rem 1.3rem;background:color-mix(in srgb,var(--pop-blue) 14%,var(--surface))}.callout svg{width:24px;height:24px;flex:none;margin-top:2px}.callout--tip{background:color-mix(in srgb,var(--pop-green) 16%,var(--surface))}.callout--warn{background:color-mix(in srgb,var(--pop-yellow) 20%,var(--surface))}.callout__body{font-size:.98rem}.callout__body strong{display:block;font-family:var(--font-mono);text-transform:uppercase;font-size:12px;letter-spacing:.04em;margin-bottom:.25rem}.codeblock{position:relative;margin-top:1.4rem}.codeblock__bar{display:flex;align-items:center;gap:10px;padding:.55rem .9rem;background:var(--surface-muted);border:var(--border-width) solid var(--border-color);border-bottom:none;border-radius:var(--radius-base) var(--radius-base) 0 0}.codeblock__dots{display:flex;gap:6px}.codeblock__dots i{width:11px;height:11px;border-radius:50%;border:2px solid var(--border-color);display:block}.codeblock__dots i:nth-child(1){background:var(--pop-red)}.codeblock__dots i:nth-child(2){background:var(--pop-yellow)}.codeblock__dots i:nth-child(3){background:var(--pop-green)}.codeblock__name{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--muted-foreground)}.copy-btn{margin-left:auto;font-family:var(--font-mono);font-size:11px;font-weight:700;padding:.3rem .6rem;background:var(--surface);border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;color:var(--foreground);transition:background var(--dur-base)}.copy-btn:hover{background:var(--main);color:var(--main-foreground)}.copy-btn svg{width:13px;height:13px}.codeblock pre{margin:0;font-family:var(--font-mono);font-size:.92rem;line-height:1.7;background:var(--surface);border:var(--border-width) solid var(--border-color);border-radius:0 0 var(--radius-base) var(--radius-base);padding:1rem 1.1rem;overflow-x:auto;color:var(--foreground);box-shadow:var(--shadow)}.codeblock pre code{font-family:var(--font-mono)}.art-foot{margin-top:3rem;margin-bottom:3rem}.author-card{display:flex;gap:1.2rem;align-items:flex-start;background:var(--surface);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-base);box-shadow:var(--shadow);padding:1.5rem}.author-card__av{width:64px;height:64px;flex:none;border:var(--border-width) solid var(--border-color);border-radius:var(--radius-base);background:var(--pop-green);display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:26px;color:#08130c;box-shadow:var(--shadow-sm);transform:rotate(-3deg)}.author-card h4{font-family:var(--font-display);font-weight:800;font-size:1.2rem;margin:0 0 .3rem}.author-card p{color:var(--muted-foreground);margin:0 0 .7rem;font-size:.95rem}.suggest{display:grid;grid-template-columns:1fr;gap:1.4rem}@media(min-width:720px){.suggest{grid-template-columns:repeat(3,1fr)}}