:root{--code-bg:#f2f2f2;--code-surface:#ffffff;--code-border:#ebecf0;--code-text:#000000;--code-muted:#8c8c8c;--code-accent:#3574f0;--code-toolbar-bg:#f2f2f2;--code-toolbar-border:#ebecf0;--code-copy-bg:#ffffff;--code-copy-border:#d9dce2;--code-copy-text:#4b5563;--code-copy-hover-bg:#f6f7fa;--code-copy-success-bg:#067d17;--code-copy-error-bg:#cf514e;--code-scrollbar-track:#eceef2;--code-scrollbar-thumb:#c2c7d0;--code-line-number:#8c8c8c;--code-line-number-bg:#f2f2f2;--code-line-highlight:rgba(53, 116, 240, 0.1);--code-token-keyword:#0033b3;--code-token-string:#067d17;--code-token-comment:#8c8c8c;--code-token-number:#1750eb;--code-token-function:#00627a;--code-token-variable:#000000;--code-token-type:#0033b3;--code-token-operator:#000000;--code-token-attr:#174ad4;--code-token-regex:#0b8043;--code-token-diff-add:#067d17;--code-token-diff-remove:#cf514e;--code-token-diff-header:#8c8c8c;--code-font:"JetBrains Mono", "Cascadia Code", "Fira Code", Consolas, Monaco, "Courier New", monospace}.theme-dark{--code-bg:#2b2d30;--code-surface:#1e1f22;--code-border:#393b40;--code-text:#bcbec4;--code-muted:#7a7e85;--code-accent:#3574f0;--code-toolbar-bg:#2b2d30;--code-toolbar-border:#393b40;--code-copy-bg:#1e1f22;--code-copy-border:#393b40;--code-copy-text:#bcbec4;--code-copy-hover-bg:#393b40;--code-copy-success-bg:#6aab73;--code-copy-error-bg:#f75464;--code-scrollbar-track:#2b2d30;--code-scrollbar-thumb:#393b40;--code-line-number:#7a7e85;--code-line-number-bg:#2b2d30;--code-line-highlight:rgba(53, 116, 240, 0.18);--code-token-keyword:#cf8e6d;--code-token-string:#6a8759;--code-token-comment:#7a7e85;--code-token-number:#2aacb8;--code-token-function:#56a8f5;--code-token-variable:#bcbec4;--code-token-type:#56a8f5;--code-token-operator:#bcbec4;--code-token-attr:#56a8f5;--code-token-regex:#6a8759;--code-token-diff-add:#6aab73;--code-token-diff-remove:#f75464;--code-token-diff-header:#8c8c8c;--code-font:"JetBrains Mono", "Cascadia Code", "Fira Code", Consolas, Monaco, "Courier New", monospace}.article-codeblock{margin:1.5rem 0;border:1px solid var(--code-border);border-radius:10px;background:var(--code-bg);box-shadow:0 1px 2px rgb(15 23 42/8%);overflow:hidden}.article-codeblock__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:0;padding:.55rem .75rem;border-bottom:1px solid var(--code-toolbar-border);background:var(--code-toolbar-bg)}.article-codeblock__language{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .55rem;border:1px solid var(--code-border);border-radius:6px;background:var(--code-surface);color:var(--code-muted);font-size:.71rem;font-weight:600;letter-spacing:.02em;text-transform:none;font-family:var(--code-font)}.article-codeblock__copy{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--code-copy-border);border-radius:6px;padding:.3rem .55rem;background:var(--code-copy-bg);color:var(--code-copy-text);font-size:.72rem;font-weight:500;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.article-codeblock__copy:hover{background:var(--code-copy-hover-bg)}.article-codeblock__copy:focus-visible{outline:2px solid var(--code-accent);outline-offset:2px}.article-codeblock__copy-icon{fill:none;stroke:currentColor;stroke-width:1.75}.article-codeblock__copy.is-success{background:var(--code-copy-success-bg);border-color:var(--code-copy-success-bg);color:#fff}.article-codeblock__copy.is-error{background:var(--code-copy-error-bg);border-color:var(--code-copy-error-bg);color:#fff}.article-codeblock__body{position:relative;background:var(--code-surface)}.article-codeblock__body .highlight{margin:0}.article-codeblock__body .chroma{margin:0;background:0 0;color:var(--code-text)}.article-codeblock__body pre,.article-codeblock__body pre.chroma{margin:0;border:0;border-radius:0;padding:1rem;background:var(--code-surface);color:inherit;font-family:var(--code-font);font-size:.84rem;line-height:1.55;overflow:auto;max-height:var(--code-max-height,32rem)}.article-codeblock__body code{display:block;white-space:pre;font-family:inherit;font-size:inherit;color:inherit;background:0 0;padding:0}.article-codeblock__body .chroma .line,.article-codeblock__body .chroma .cl{display:block}.article-codeblock--lines .article-codeblock__body code{counter-reset:code-line}.article-codeblock--lines .article-codeblock__body .chroma .line{position:relative}.article-codeblock--lines .article-codeblock__body .chroma .line::before{counter-increment:code-line;content:counter(code-line);position:absolute;inset-inline-start:0;width:2.5rem;padding-right:.6rem;text-align:right;color:var(--code-line-number);background:var(--code-line-number-bg);border-right:1px solid var(--code-border);user-select:none}.article-codeblock--lines .article-codeblock__body .chroma .line .cl{padding-inline-start:3.2rem}.article-codeblock--lines .article-codeblock__body .chroma .line.hl,.article-codeblock--lines .article-codeblock__body .chroma .line .hl,.article-codeblock__body .chroma .hl{background:var(--code-line-highlight)}.article-codeblock--mermaid{padding:.75rem}.article-codeblock--mermaid pre.mermaid{margin:0;background:0 0;border:0;padding:.5rem;max-height:none;overflow:auto}.article-codeblock .chroma .k,.article-codeblock .chroma .kc,.article-codeblock .chroma .kd,.article-codeblock .chroma .kn,.article-codeblock .chroma .kp,.article-codeblock .chroma .kr,.article-codeblock .chroma .kt{color:var(--code-token-keyword)}.article-codeblock .chroma .s,.article-codeblock .chroma .sa,.article-codeblock .chroma .sb,.article-codeblock .chroma .sc,.article-codeblock .chroma .dl,.article-codeblock .chroma .sd,.article-codeblock .chroma .s2,.article-codeblock .chroma .se,.article-codeblock .chroma .sh,.article-codeblock .chroma .si,.article-codeblock .chroma .sx,.article-codeblock .chroma .sr,.article-codeblock .chroma .s1,.article-codeblock .chroma .ss{color:var(--code-token-string)}.article-codeblock .chroma .c,.article-codeblock .chroma .ch,.article-codeblock .chroma .cm,.article-codeblock .chroma .c1,.article-codeblock .chroma .cs{color:var(--code-token-comment)}.article-codeblock .chroma .m,.article-codeblock .chroma .mb,.article-codeblock .chroma .mf,.article-codeblock .chroma .mh,.article-codeblock .chroma .mi,.article-codeblock .chroma .mo{color:var(--code-token-number)}.article-codeblock .chroma .na{color:var(--code-token-attr)}.article-codeblock .chroma .nb,.article-codeblock .chroma .no,.article-codeblock .chroma .nv{color:var(--code-token-variable)}.article-codeblock .chroma .nf{color:var(--code-token-function)}.article-codeblock .chroma .nc,.article-codeblock .chroma .nt,.article-codeblock .chroma .ne{color:var(--code-token-type)}.article-codeblock .chroma .o,.article-codeblock .chroma .ow,.article-codeblock .chroma .p{color:var(--code-token-operator)}.article-codeblock .chroma .sr,.article-codeblock .chroma .se{color:var(--code-token-regex)}.article-codeblock .chroma .gd{color:var(--code-token-diff-remove);background:color-mix(in srgb,var(--code-token-diff-remove) 12%,transparent)}.article-codeblock .chroma .gi{color:var(--code-token-diff-add);background:color-mix(in srgb,var(--code-token-diff-add) 12%,transparent)}.article-codeblock .chroma .gh,.article-codeblock .chroma .gu{color:var(--code-token-diff-header);font-weight:600}.article-codeblock .hljs-keyword,.article-codeblock .hljs-selector-tag,.article-codeblock .hljs-built_in,.article-codeblock .hljs-name,.article-codeblock .hljs-tag{color:var(--code-token-keyword)}.article-codeblock .hljs-string,.article-codeblock .hljs-title,.article-codeblock .hljs-section,.article-codeblock .hljs-attribute,.article-codeblock .hljs-literal{color:var(--code-token-string)}.article-codeblock .hljs-comment,.article-codeblock .hljs-quote{color:var(--code-token-comment)}.article-codeblock .hljs-number,.article-codeblock .hljs-symbol,.article-codeblock .hljs-variable{color:var(--code-token-number)}.content p>code,.content li>code,.content td>code,.content th>code,.content blockquote>code{display:inline;white-space:break-spaces;padding:.1rem .4rem;border-radius:6px;border:1px solid var(--code-border);background:color-mix(in srgb,var(--code-bg) 86%,transparent);color:var(--code-text);font-family:var(--code-font);font-size:.86em}.article-codeblock__body code{border:0;border-radius:0}.article-codeblock__body pre::-webkit-scrollbar{height:8px;width:8px}.article-codeblock__body pre::-webkit-scrollbar-track{background:var(--code-scrollbar-track)}.article-codeblock__body pre::-webkit-scrollbar-thumb{background:var(--code-scrollbar-thumb);border-radius:999px}.article-codeblock__body pre{scrollbar-width:thin;scrollbar-color:var(--code-scrollbar-thumb)var(--code-scrollbar-track)}@media(max-width:768px){.article-codeblock{border-radius:10px;margin:1.1rem 0}.article-codeblock__header{padding:.45rem .55rem}.article-codeblock__body pre,.article-codeblock__body pre.chroma{padding:.75rem;font-size:.8125rem;max-height:min(var(--code-max-height,32rem),60vh)}.article-codeblock--lines .article-codeblock__body .chroma .line::before{width:2rem;padding-right:.45rem}.article-codeblock--lines .article-codeblock__body .chroma .line .cl{padding-inline-start:2.6rem}.article-codeblock__copy-text{display:none}}@media(prefers-reduced-motion:reduce){.article-codeblock__copy{transition:none}}