:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f4f7fc;--page-deep:#e7edf8;--surface:#ffffffe0;--surface-solid:#fff;--surface-soft:#edf2fa;--ink:#10233f;--ink-soft:#405674;--ink-faint:#536985;--line:#1f488229;--accent:#2f6fca;--accent-strong:#174986;--accent-soft:#dce8f9;--blue:#2e72ad;--shadow:0 24px 70px #17407a1f;--header-height:72px;--radius-lg:28px;--radius-md:18px;--content:840px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#071426;--page-deep:#0a1b35;--surface:#0c1e37e0;--surface-solid:#0e213d;--surface-soft:#142b4c;--ink:#edf4ff;--ink-soft:#bdcae0;--ink-faint:#93a7c5;--line:#97b6e32e;--accent:#70a8ff;--accent-strong:#a9caff;--accent-soft:#16335e;--blue:#82bde5;--shadow:0 28px 80px #00000047}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--page);min-width:320px}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 8% 4%, #3e70c424, transparent 28rem), radial-gradient(circle at 90% 10%, #5888d61c, transparent 26rem), linear-gradient(180deg, var(--page), var(--page-deep));text-rendering:optimizelegibility;margin:0;font-family:Inter,Aptos,Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;line-height:1.2}:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 72%, white);outline-offset:4px}.blog-frame{flex-direction:column;min-height:100vh;display:flex}.blog-header{z-index:50;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--page) 82%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0}.blog-header-inner{width:min(calc(100% - 40px), var(--content));min-height:var(--header-height);justify-content:space-between;align-items:center;gap:20px;margin:0 auto;display:flex}.blog-brand{flex-shrink:0;align-items:center;gap:11px;display:inline-flex}.brand-mark{color:#f6f9ff;background:linear-gradient(145deg, var(--accent), var(--blue));letter-spacing:.04em;border-radius:11px;place-items:center;width:36px;height:36px;font-size:.74rem;font-weight:800;display:grid;box-shadow:0 8px 24px #255baa3d}.brand-copy{display:grid}.brand-copy strong{font-size:.95rem;line-height:1.2}.brand-copy small{color:var(--ink-faint);font-size:.68rem;line-height:1.3}.blog-nav{align-items:center;gap:6px;display:flex}.blog-nav>a,.language-link{color:var(--ink-soft);border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:650;transition:color .16s,background .16s}.blog-nav>a:hover,.language-link:hover{color:var(--accent-strong);background:var(--accent-soft)}.theme-toggle{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);background:var(--surface);cursor:pointer;border-radius:50%;place-items:center;display:grid}.theme-toggle:hover{border-color:var(--accent)}.theme-icon{grid-area:1/1;font-size:1rem;line-height:1}.theme-icon-dark,:root[data-theme=dark] .theme-icon-light{display:none}:root[data-theme=dark] .theme-icon-dark{display:block}.blog-main{width:min(calc(100% - 40px), var(--content));flex:1;margin-inline:auto;padding-block:clamp(44px,7vw,78px) 72px}.blog-footer{width:min(calc(100% - 40px), var(--content));border-top:1px solid var(--line);color:var(--ink-faint);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:24px 0 34px;font-size:.78rem;display:flex}.blog-footer a:hover{color:var(--accent-strong)}.eyebrow,.card-label{color:var(--accent-strong);letter-spacing:.13em;text-transform:uppercase;margin-bottom:10px;font-size:.72rem;font-weight:800}.blog-heading{margin-bottom:34px}.blog-heading h1{margin-bottom:14px;font-size:clamp(2rem,5vw,3.1rem)}.blog-heading p{max-width:640px;color:var(--ink-soft);font-size:1rem}.blog-toolbar{color:var(--ink-faint);justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;font-size:.84rem;font-weight:700;display:flex}.text-link{color:var(--accent-strong);align-items:center;gap:6px;font-size:.86rem;font-weight:750;display:inline-flex}.text-link:hover{text-underline-offset:5px;text-decoration:underline}.stack-list{gap:16px;display:grid}.content-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);padding:26px 28px;transition:transform .18s,border-color .18s}.content-card:hover{border-color:color-mix(in srgb, var(--accent) 48%, var(--line));transform:translateY(-4px)}.blog-card-link{display:block}.blog-card-link:hover h2{color:var(--accent-strong)}.content-card h2{margin-bottom:10px;font-size:1.24rem}.content-card .meta{color:var(--accent-strong);margin-bottom:12px;font-size:.78rem;font-weight:800;display:block}.content-card p{color:var(--ink-soft);margin-bottom:0;font-size:.92rem}.tag-list{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.tag{color:var(--accent-strong);background:var(--accent-soft);border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:750}.blog-post-header{margin-bottom:36px}.blog-post-header h1{margin-bottom:16px;font-size:clamp(1.9rem,4.5vw,2.9rem)}.blog-post-meta{color:var(--ink-faint);flex-wrap:wrap;align-items:center;gap:8px 18px;font-size:.82rem;font-weight:700;display:flex}.blog-post-header .tag-list{margin-top:12px}.blog-article{color:var(--ink);font-size:1rem;line-height:1.8}.blog-article>:first-child{margin-top:0}.blog-article p,.blog-article ul,.blog-article ol{margin-bottom:1.15rem}.blog-article h2,.blog-article h3,.blog-article h4{scroll-margin-top:calc(var(--header-height) + 24px);margin:2.1em 0 .8em}.blog-article h2{font-size:1.55rem}.blog-article h3{font-size:1.24rem}.blog-article ul,.blog-article ol{padding-left:1.45em}.blog-article li{margin:.35em 0}.blog-article li::marker{color:var(--accent)}.blog-article a{color:var(--accent-strong);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent);text-underline-offset:4px;font-weight:600}.blog-article a:hover{text-decoration-color:currentColor}.blog-article blockquote{border-left:3px solid var(--accent);color:var(--ink-soft);background:var(--surface-soft);border-radius:12px;margin:1.6em 0;padding:14px 22px}.blog-article blockquote p{margin-bottom:0}.blog-article :not(pre)>code{color:var(--accent-strong);background:var(--accent-soft);border-radius:7px;padding:.15em .45em;font-size:.86em}.blog-article pre{background:#0b1b31;border:1px solid #97b6e338;border-radius:14px;margin:1.5em 0;overflow-x:auto}.blog-article pre code{color:#d7e4f7;padding:18px 20px;font-size:.84rem;line-height:1.65;display:block}.blog-article .hljs-comment,.blog-article .hljs-quote{color:#7f97b5;font-style:italic}.blog-article .hljs-keyword,.blog-article .hljs-selector-tag,.blog-article .hljs-literal,.blog-article .hljs-doctag{color:#82b5f0}.blog-article .hljs-string,.blog-article .hljs-regexp,.blog-article .hljs-addition{color:#a5d6b8}.blog-article .hljs-number,.blog-article .hljs-symbol,.blog-article .hljs-bullet{color:#f0b37e}.blog-article .hljs-title,.blog-article .hljs-section,.blog-article .hljs-name,.blog-article .hljs-function .hljs-title{color:#9cc4f5}.blog-article .hljs-attr,.blog-article .hljs-attribute,.blog-article .hljs-variable,.blog-article .hljs-template-variable{color:#d7e4f7}.blog-article .hljs-built_in,.blog-article .hljs-type,.blog-article .hljs-class .hljs-title{color:#9ab8e8}.blog-article .hljs-operator,.blog-article .hljs-punctuation{color:#8fb4dc}.blog-article table{border-collapse:collapse;width:100%;margin:1.5em 0;font-size:.9rem}.blog-article th,.blog-article td{border:1px solid var(--line);text-align:left;padding:9px 14px}.blog-article th{background:var(--surface-soft);font-weight:750}.blog-article hr{background:var(--line);border:0;height:1px;margin:2.4em 0}.blog-article img{border-radius:14px;margin:1.5em auto}.blog-post-footer{border-top:1px solid var(--line);margin-top:44px;padding-top:20px}.blog-fallback{max-width:680px}.blog-fallback h1{margin-bottom:14px;font-size:clamp(1.6rem,3.5vw,2.2rem)}.blog-fallback>p:not(.eyebrow){color:var(--ink-soft)}.blog-fallback-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px;display:flex}.button{border:1px solid var(--line);min-height:46px;color:var(--ink);background:var(--surface);border-radius:999px;justify-content:center;align-items:center;padding:11px 18px;font-size:.88rem;font-weight:750;transition:transform .16s,border-color .16s;display:inline-flex}.button:hover{border-color:var(--accent);transform:translateY(-2px)}.not-found{padding-block:40px}.not-found .code{color:var(--accent-strong);letter-spacing:-.08em;margin-bottom:16px;font-size:clamp(4.5rem,14vw,8rem);font-weight:760;line-height:.9}.not-found h1{margin-bottom:14px;font-size:clamp(1.7rem,4vw,2.4rem)}.not-found p{color:var(--ink-soft)}@media (max-width:640px){:root{--header-height:66px}body{font-size:15px}.blog-header-inner,.blog-main,.blog-footer{width:min(calc(100% - 28px), var(--content))}.brand-copy small,.blog-nav>a{display:none}.blog-article{font-size:.96rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}