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