:root{--primary-color: #2d4a5a;--secondary-color: #5a8aa3;--accent-color: #9ad1e3;--bg-color: #0f1b2d;--surface-1: #12263a;--surface-2: #173149;--border-color: #1f3d55;--text-color: #e6eef6;--text-muted: #9fb3c8;--code-bg: #102232}:root{color-scheme:dark}@media(prefers-color-scheme:light){:root{--primary-color: #2d4a5a;--secondary-color: #3a5f73;--accent-color: #5a8aa3;--bg-color: #f8fafc;--surface-1: #ffffff;--surface-2: #f1f5f9;--border-color: #cbd5e1;--text-color: #12263a;--text-muted: #5a7a8a;--code-bg: #f1f5f9;color-scheme:light}}body{background-color:#0f1b2d;color:#e6eef6}html{background-color:#0f1b2d}@supports not (color: var(--text-color)){body{background-color:#0f1b2d!important;color:#e6eef6!important}h1,h2,h3,h4,h5,h6{color:#fff!important}pre{background:#102232!important;border:1px solid #1f3d55!important}blockquote{background:#12263a!important;border-left:4px solid #2d4a5a!important;color:#9fb3c8!important}a{color:#fff!important}}@supports not (color: var(--text-color)){@media(prefers-color-scheme:light){body{background-color:#f8fafc!important;color:#12263a!important}h1,h2,h3,h4,h5,h6{color:#12263a!important}a{color:#2d4a5a!important}}}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--bg-color);margin:0;padding:0}a{color:#fff;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px;font-weight:600;transition:color .2s ease}a:link,a:visited{color:#fff}a:hover{color:#fff;text-decoration-color:#fff}a:active{color:#fff}a:focus{color:#fff}a:focus-visible{color:#fff;outline:2px solid var(--accent-color);outline-offset:2px;border-radius:2px}@media(prefers-color-scheme:light){a{color:var(--primary-color)!important;text-decoration-color:var(--primary-color)}a:link{color:var(--primary-color)!important}a:visited{color:var(--secondary-color)!important}a:hover{color:var(--secondary-color)!important;text-decoration-color:var(--secondary-color)}a:active{color:var(--primary-color)!important}a:focus{color:var(--primary-color)!important}a:focus-visible{color:var(--primary-color)!important;outline:2px solid var(--accent-color)}}.site-header{width:100%;padding:12px 0;border-bottom:1px solid var(--border-color);background:linear-gradient(180deg,#13283a99,#13283a00);min-height:290px}.site-header .banner-wrap{max-width:1100px;margin:0 auto;padding:0 16px}.banner-image{width:100%;max-width:1100px;height:auto;aspect-ratio:800 / 266;display:block;margin:0 auto;border-radius:12px;box-shadow:0 8px 28px #00000040}.container{max-width:1000px;margin:0 auto;padding:0 1rem 2.5rem}@media(max-width:768px){.container{padding:0 .75rem 2rem}.banner-image{border-radius:10px}}h1,h2,h3,h4,h5,h6{line-height:1.2;margin-bottom:1rem;color:#fff}h1{font-size:2.25rem;position:relative;padding-bottom:.5rem}h1:after{content:"";position:absolute;left:0;bottom:0;width:64px;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px}h2{font-size:2rem;color:#fff;margin-top:2rem}h3{color:#e6eef6}@media(prefers-color-scheme:light){h1,h2,h3,h4,h5,h6{color:var(--text-color)}}pre{background:var(--code-bg);padding:1.05rem 1.25rem;border-radius:8px;overflow-x:auto;border:1px solid var(--border-color)}code{font-family:Consolas,Monaco,Courier New,monospace}p code{background:var(--code-bg);padding:.2rem .4rem;border-radius:4px;font-size:.9em}blockquote{border-left:4px solid var(--primary-color);margin:1.5rem 0;padding-left:1rem;font-style:italic;color:var(--text-muted);background:var(--surface-1);padding:1rem;border-radius:6px}.blog-meta{color:var(--text-muted);font-size:.9rem;margin-bottom:2rem}.tag{background:#9ad1e31f;color:var(--accent-color);padding:.25rem .6rem;border-radius:14px;border:1px solid rgba(154,209,227,.3);font-size:.8rem;text-decoration:none;margin-right:.5rem;transition:all .2s ease}.tag:hover{background:#9ad1e333;transform:translateY(-1px)}nav{margin:1rem 0 2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;align-items:center;flex-wrap:wrap}nav a{color:#fff;text-decoration:none;font-weight:600;font-size:1rem;letter-spacing:.2px;transition:opacity .2s ease}nav a{filter:grayscale(1) brightness(2)}nav a:hover{opacity:.8}@media(prefers-color-scheme:light){nav a{color:var(--primary-color)!important}}