:root{color-scheme:light;--bg-color: #f4f1ea;--surface-1: #ffffff;--surface-2: #f7f9fa;--surface-3: #e8f3f1;--text-color: #162027;--text-muted: #5d6b73;--heading-color: #0c161c;--border-color: #d6ddd9;--primary-color: #12665c;--secondary-color: #335c9e;--accent-color: #b56a22;--accent-soft: #f2dfc5;--code-bg: #eef2f3;--shadow-soft: 0 18px 50px rgba(28, 41, 48, .11);--shadow-card: 0 10px 28px rgba(28, 41, 48, .08);--radius-lg: 18px;--radius-md: 12px;--content-width: 1120px;--article-width: 860px}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg-color: #101417;--surface-1: #171d21;--surface-2: #1d252a;--surface-3: #172c2a;--text-color: #e7eceb;--text-muted: #aab8b5;--heading-color: #ffffff;--border-color: #2b383a;--primary-color: #58c4b5;--secondary-color: #8fb4ff;--accent-color: #e4a15a;--accent-soft: #39281b;--code-bg: #11191c;--shadow-soft: 0 18px 50px rgba(0, 0, 0, .25);--shadow-card: 0 10px 28px rgba(0, 0, 0, .22)}}*{box-sizing:border-box}html{background:var(--bg-color)}body{min-width:320px;margin:0;padding:0;color:var(--text-color);background:linear-gradient(180deg,rgba(18,102,92,.12),transparent 420px),var(--bg-color);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:var(--primary-color);font-weight:650;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;transition:color .2s ease,text-decoration-color .2s ease,background .2s ease}a:hover{color:var(--accent-color)}a:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-color),transparent 35%);outline-offset:3px;border-radius:4px}.site-header{width:100%;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#12665c29,#b56a221a),var(--surface-1)}.topbar{width:min(var(--content-width),calc(100% - 40px));min-height:72px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand-link{display:inline-flex;align-items:center;gap:.65rem;color:var(--heading-color);font-weight:850;letter-spacing:0;text-decoration:none}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));box-shadow:var(--shadow-card);font-weight:900;font-size:.86rem}nav{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}nav a{color:var(--text-muted);text-decoration:none;font-weight:750;font-size:.96rem;padding:.58rem .78rem;border-radius:999px}nav a:hover{color:var(--heading-color);background:color-mix(in srgb,var(--primary-color),transparent 88%)}.banner-panel{width:min(var(--content-width),calc(100% - 40px));margin:0 auto;padding:18px 0 28px}.banner-image{width:100%;max-width:920px;height:auto;aspect-ratio:800 / 266;display:block;margin:0 auto;border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--border-color),white 20%);box-shadow:var(--shadow-soft)}.container{width:min(var(--content-width),calc(100% - 40px));margin:0 auto;padding:44px 0 80px}h1,h2,h3,h4,h5,h6{color:var(--heading-color);line-height:1.15;letter-spacing:0}h1{margin-top:0;font-size:clamp(2.25rem,6vw,4.7rem);line-height:.98}h2{margin-top:3rem;margin-bottom:1rem;font-size:clamp(1.7rem,3vw,2.45rem)}h3{font-size:1.25rem}p{margin-top:0}pre{overflow-x:auto;padding:1.05rem 1.25rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--code-bg)}code{font-family:Consolas,Monaco,Courier New,monospace}p code,li code{padding:.16rem .36rem;border-radius:5px;background:var(--code-bg);font-size:.92em}blockquote{margin:1.5rem 0;padding:1rem 1.15rem;border-left:4px solid var(--accent-color);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-muted);background:var(--surface-2);font-style:italic}.blog-meta{margin-bottom:2rem;color:var(--text-muted);font-size:.9rem}.tag{display:inline-flex;align-items:center;margin-right:.5rem;padding:.25rem .6rem;border:1px solid color-mix(in srgb,var(--primary-color),transparent 72%);border-radius:14px;color:var(--primary-color);background:color-mix(in srgb,var(--primary-color),transparent 88%);font-size:.8rem;text-decoration:none}@media(max-width:720px){.topbar{width:min(100% - 28px,var(--content-width));min-height:auto;align-items:flex-start;flex-direction:column;padding:16px 0;gap:12px}nav{width:100%}nav a{padding-left:0;padding-right:.72rem}.banner-panel,.container{width:min(100% - 28px,var(--content-width))}.banner-panel{padding-top:8px;padding-bottom:18px}.container{padding-top:30px;padding-bottom:56px}}