:root{--bg: #0a0e1c;--bg-soft: #0f1730;--bg-elevated: #131d3b;--card: #141e3c;--card-hover: #18254a;--line: #21305a;--line-soft: #1a2645;--text: #eaf0fb;--text-strong: #ffffff;--muted: #9aa6c2;--muted-2: #71809e;--brand: #4f8cff;--brand-2: #7c5cff;--brand-3: #22d3ee;--accent: #34d399;--warn: #fbbf24;--ring: rgba(79, 140, 255, .35);--radius: 16px;--radius-sm: 10px;--radius-lg: 24px;--maxw: 1140px;--maxw-reading: 760px;--shadow-sm: 0 2px 10px rgba(0, 0, 0, .25);--shadow: 0 12px 40px rgba(3, 7, 18, .5);--grad: linear-gradient(135deg, var(--brand), var(--brand-2));--grad-soft: linear-gradient(135deg, rgba(79, 140, 255, .16), rgba(124, 92, 255, .16));--body-bg: radial-gradient(1100px 560px at 85% -12%, #1c2c58 0%, transparent 58%), radial-gradient(900px 500px at 0% 0%, #16204a 0%, transparent 55%), var(--bg);--nav-bg: rgba(10, 14, 28, .72);--code-bg: #070b18;--code-inline-bg: #0b1126;--code-inline-fg: #c7d2fe;--link: #bcd0ff;--link-strong: #8fb4ff;--tag-fg: #bcd0ff;--prose-body: #d6deef}:root[data-theme=light]{--bg: #ffffff;--bg-soft: #f5f8fd;--bg-elevated: #eef3fb;--card: #ffffff;--card-hover: #f7faff;--line: #e4eaf3;--line-soft: #eef2f8;--text: #1b2942;--text-strong: #0a1322;--muted: #5b6a85;--muted-2: #8493ab;--ring: rgba(79, 140, 255, .22);--shadow-sm: 0 2px 10px rgba(20, 40, 80, .08);--shadow: 0 14px 40px rgba(20, 40, 80, .12);--grad-soft: linear-gradient(135deg, rgba(79, 140, 255, .1), rgba(124, 92, 255, .1));--body-bg: radial-gradient(1100px 560px at 85% -12%, #e8f0ff 0%, transparent 58%), radial-gradient(900px 500px at 0% 0%, #eef4ff 0%, transparent 55%), var(--bg);--nav-bg: rgba(255, 255, 255, .8);--link: #2f53d6;--link-strong: #2447c7;--tag-fg: #2f53d6;--prose-body: #36435c}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;overflow-x:clip;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text);background:var(--body-bg);line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .25s ease,color .25s ease}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}hr{border:none;border-top:1px solid var(--line);margin:32px 0}.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}.container-reading{max-width:var(--maxw-reading);margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:12px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease;font-size:15px;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#3a6fe0,#6d44f0);color:#fff;font-weight:700;box-shadow:0 8px 30px var(--ring)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 38px var(--ring);background:linear-gradient(135deg,#4a7cf0,#7d54ff)}.btn-ghost{border-color:var(--line);color:var(--text)}.btn-ghost:hover{border-color:var(--brand);background:#4f8cff14}.btn-sm{padding:8px 16px;font-size:14px;border-radius:10px}.section{padding:76px 0}.section.alt{background:var(--bg-soft);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.section h2{text-align:center;font-size:clamp(26px,4vw,38px);margin:0 0 10px;letter-spacing:-.5px}.section-sub{text-align:center;color:var(--muted);margin:0 auto 44px;max-width:620px}.eyebrow{display:inline-block;padding:6px 14px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:13px}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;transition:transform .18s ease,border-color .18s ease,background .18s ease}.card:hover{border-color:#2c3e70}.tag{display:inline-flex;align-items:center;padding:3px 11px;font-size:12.5px;font-weight:600;border-radius:999px;background:var(--grad-soft);color:var(--tag-fg);border:1px solid var(--line)}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);background:var(--nav-bg);border-bottom:1px solid var(--line-soft)}.theme-toggle{width:38px;height:38px;padding:0;justify-content:center;font-size:16px}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px;gap:16px}.brand{font-weight:800;font-size:20px;display:flex;align-items:center;gap:9px;color:var(--text-strong)}.brand .logo{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--grad);box-shadow:0 6px 18px var(--ring);font-size:17px}.brand .logo-img{width:30px;height:30px;display:block}.nav-links{display:flex;gap:22px;color:var(--muted);font-size:15px}.nav-links a{transition:color .15s ease}.nav-links a:hover{color:var(--text)}.nav-cta{display:flex;gap:10px;align-items:center}@media(max-width:900px){.nav-links,.nav-cta .hide-sm{display:none}}.footer{border-top:1px solid var(--line-soft);padding:40px 0 28px;color:var(--muted);margin-top:40px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px;margin-bottom:28px}.footer-grid h4{color:var(--text);font-size:14px;margin:0 0 14px}.footer-grid a{display:block;color:var(--muted);padding:5px 0;font-size:14px}.footer-grid a:hover{color:var(--text)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;border-top:1px solid var(--line-soft);padding-top:20px;font-size:13.5px}@media(max-width:820px){.footer-grid{grid-template-columns:1fr 1fr}}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}@media(max-width:980px){.post-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.post-grid{grid-template-columns:1fr}}.post-card{display:flex;flex-direction:column;overflow:hidden;padding:0}.post-card:hover{transform:translateY(-4px);border-color:var(--brand);background:var(--card-hover)}.post-card .cover{height:132px;background:var(--grad);position:relative;display:grid;place-items:center;font-size:40px;overflow:hidden}.post-card .cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(10,14,28,.35))}.post-card .cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.post-card .body{padding:18px 20px 22px;display:flex;flex-direction:column;flex:1}.post-card h3{margin:10px 0 8px;font-size:18px;line-height:1.4;color:var(--text-strong)}.post-card p{color:var(--muted);margin:0 0 16px;font-size:14.5px;flex:1}.post-meta{display:flex;gap:10px;align-items:center;color:var(--muted-2);font-size:13px}.post-readmore{color:var(--link);font-weight:600;font-size:14px}.article-head{padding:56px 0 8px}.breadcrumb{display:flex;gap:8px;align-items:center;color:var(--muted-2);font-size:13.5px;margin-bottom:18px}.breadcrumb a:hover{color:var(--text)}.article-title{font-size:clamp(28px,4.4vw,44px);line-height:1.18;letter-spacing:-.6px;margin:12px 0 14px;color:var(--text-strong)}.article-sub{color:var(--muted);font-size:18px;margin:0 0 18px}.article-byline{display:flex;flex-wrap:wrap;gap:14px;align-items:center;color:var(--muted-2);font-size:14px}.article-hero{margin:22px 0 8px;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--grad);aspect-ratio:1200 / 630}.article-hero img{display:block;width:100%;height:100%;object-fit:cover}.article-layout{display:grid;grid-template-columns:1fr 220px;gap:48px;align-items:start;padding:32px 0 64px}@media(max-width:940px){.article-layout{grid-template-columns:1fr}.toc{display:none}}.toc{position:sticky;top:88px;font-size:14px}.toc h5{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;margin:0 0 12px}.toc a{display:block;color:var(--muted-2);padding:5px 0 5px 12px;border-left:2px solid var(--line);transition:all .15s ease}.toc a:hover{color:var(--text);border-left-color:var(--brand)}.toc a.depth-3{padding-left:24px;font-size:13px}.prose{color:var(--text);font-size:16.5px;line-height:1.85;min-width:0;overflow-wrap:break-word}.prose>:first-child{margin-top:0}.prose h2{font-size:26px;margin:44px 0 14px;letter-spacing:-.4px;scroll-margin-top:84px}.prose h3{font-size:20px;margin:32px 0 10px;scroll-margin-top:84px}.prose p{margin:16px 0;color:var(--prose-body)}.prose a{color:var(--link-strong);text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--link-strong) 45%,transparent)}.prose a:hover{text-decoration-color:var(--link-strong)}.prose ul,.prose ol{padding-left:22px;margin:16px 0;color:var(--prose-body)}.prose li{margin:7px 0}.prose strong{color:var(--text-strong)}.prose blockquote{margin:22px 0;padding:12px 20px;border-left:3px solid var(--brand);background:var(--grad-soft);border-radius:0 10px 10px 0;color:var(--prose-body)}.prose code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;background:var(--code-inline-bg);border:1px solid var(--line);border-radius:6px;padding:2px 6px;color:var(--code-inline-fg)}.prose pre{background:var(--code-bg)!important;border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;overflow:auto;margin:22px 0;font-size:14px}.prose pre code{background:none;border:none;padding:0;color:var(--code-inline-fg)}.prose img{display:block;max-width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--line);margin:22px 0}.prose figure{margin:26px 0}.prose figure img{margin:0}.prose figcaption{margin-top:10px;text-align:center;color:var(--muted-2);font-size:13.5px;line-height:1.6}.prose table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;margin:22px 0;font-size:15px}.prose th,.prose td{border:1px solid var(--line);padding:10px 14px;text-align:left}.prose th{background:var(--bg-elevated);color:var(--text-strong)}.page-hero{padding:80px 0 40px;text-align:center}.page-hero h1{font-size:clamp(32px,5vw,52px);margin:14px 0 12px;letter-spacing:-.8px}.page-hero p{color:var(--muted);font-size:18px;max-width:640px;margin:0 auto}.article-foot{border-top:1px solid var(--line);margin-top:40px;padding-top:28px}.empty-note{text-align:center;color:var(--muted);padding:48px 0}:root[data-theme=light] .prose :not(pre)>code{background:#eef1f8;color:#4338ca}:root[data-theme=light] .chip{box-shadow:var(--shadow-sm)}.nav-links[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2].is-active{color:var(--text)}.nav-links[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2].is-active:after{content:"";display:block;height:2px;border-radius:2px;background:var(--grad);margin-top:4px}