.drapub-code-block{--drapub-code-bg:#f6f7f9;--drapub-code-header-bg:#eef0f3;--drapub-code-border:#e3e6ea;--drapub-code-fg:#2f3338;--drapub-code-comment:#8a9099;--drapub-code-gutter:#a3a9b1;--drapub-code-keyword:#b4237a;--drapub-code-string:#1f7a3d;--drapub-code-number:#a1520b;--drapub-code-title:#6a3fc0;--drapub-code-type:#0b6a86;--drapub-code-attr:#2357b5;--drapub-code-tag:#1a5fb4;--drapub-code-meta:#6b6f80;--drapub-code-deletion-bg:#dc26261a;--drapub-code-addition-bg:#16a34a1a;border:1px solid var(--drapub-code-border);border-radius:var(--console-radius-surface,10px);background:var(--drapub-code-bg);min-width:0;max-width:100%;transition:border-color var(--console-duration-fast,.12s) var(--console-ease-soft,ease);margin-block:1.25rem;position:relative;overflow:hidden}.dark .drapub-code-block:not([data-wechat-canvas] .drapub-code-block){--drapub-code-bg:#1e2024;--drapub-code-header-bg:#25282d;--drapub-code-border:#33373d;--drapub-code-fg:#d5d8dd;--drapub-code-comment:#7f858e;--drapub-code-gutter:#636970;--drapub-code-keyword:#f38ba8;--drapub-code-string:#a6d189;--drapub-code-number:#f5a97f;--drapub-code-title:#c6a0f6;--drapub-code-type:#7dc4e4;--drapub-code-attr:#8aadf4;--drapub-code-tag:#8aadf4;--drapub-code-meta:#a5adcb;--drapub-code-deletion-bg:#f8717124;--drapub-code-addition-bg:#4ade801f}[data-density=compact] .drapub-code-block{margin-block:.75rem}.drapub-code-block:first-child{margin-block-start:0}.drapub-code-block:last-child{margin-block-end:0}.drapub-code-block:focus-within{border-color:color-mix(in srgb, var(--drapub-code-border) 100%, var(--drapub-code-fg) 14%)}.drapub-code-block-tools{border-bottom:1px solid var(--drapub-code-border);background:var(--drapub-code-header-bg);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:8px;min-width:0;min-height:2.25rem;padding:4px 6px;display:flex}.drapub-code-block-tools .drapub-code-block-language{height:1.625rem;color:var(--drapub-code-comment);font-family:inherit;font-size:var(--console-font-size-caption);font-weight:inherit;line-height:var(--console-line-height-caption);gap:4px;padding-inline:6px}.drapub-code-block-tools span.drapub-code-block-language{text-overflow:ellipsis;white-space:nowrap;align-items:center;min-width:0;display:inline-flex;overflow:hidden}.drapub-code-block-tools button.drapub-code-block-language:hover,.drapub-code-block-tools button.drapub-code-block-language[aria-expanded=true]{color:var(--drapub-code-fg)}.drapub-code-block-tools .drapub-code-block-language svg{width:12px;height:12px}.drapub-code-block-copy.drapub-code-block-copy{height:1.625rem;color:var(--drapub-code-comment);font-family:inherit;font-size:var(--console-font-size-caption);font-weight:inherit;line-height:var(--console-line-height-caption);transition:opacity var(--console-duration-fast,.12s) var(--console-ease-soft,ease), color var(--console-duration-fast,.12s) var(--console-ease-soft,ease), background-color var(--console-duration-fast,.12s) var(--console-ease-soft,ease);gap:4px;padding-inline:8px}.drapub-code-block-copy.drapub-code-block-copy:hover{color:var(--drapub-code-fg)}.drapub-code-block-copy svg{width:13px;height:13px}.drapub-code-block-copy[data-state=copied]{color:var(--success-text,var(--drapub-code-fg))}.drapub-code-block-exit.drapub-code-block-exit{border-top:1px solid var(--drapub-code-border);width:100%;min-height:32px;color:var(--drapub-code-fg);font-size:var(--console-font-size-caption);border-radius:0;justify-content:flex-start}.drapub-code-block-exit.drapub-code-block-exit:focus-visible{outline-offset:-3px}.drapub-code-block-exit.drapub-code-block-exit:hover{background:var(--drapub-code-header-bg);color:var(--drapub-code-fg)}@media (pointer:coarse){.drapub-code-block-exit.drapub-code-block-exit{min-height:44px}}.drapub-code-block-content,.drapub-code-block-content code{color:inherit;font:inherit;letter-spacing:inherit;tab-size:2;background:0 0;margin:0;padding:0}.drapub-code-block-content{overscroll-behavior-x:contain;counter-reset:drapub-code-line;max-width:100%;color:var(--drapub-code-fg);font-variant-ligatures:none;letter-spacing:0;white-space:pre;overflow-wrap:normal;word-break:normal;padding:12px 16px 14px 0;font-size:.875em;line-height:1.7;overflow-x:auto}.drapub-code-line{white-space:pre;counter-increment:drapub-code-line;min-height:1lh}.drapub-code-line:before{content:counter(drapub-code-line);box-sizing:border-box;border-right:1px solid var(--drapub-code-border);background:var(--drapub-code-bg);min-width:2.75em;color:var(--drapub-code-gutter);font-variant-numeric:tabular-nums;text-align:right;-webkit-user-select:none;user-select:none;pointer-events:none;margin-right:.75em;padding-inline:.5em .6em;display:inline-block;position:sticky;left:0}@media (hover:hover) and (pointer:fine){.drapub-code-block-copy.drapub-code-block-copy{opacity:0}.drapub-code-block:hover .drapub-code-block-copy,.drapub-code-block:focus-within .drapub-code-block-copy,.drapub-code-block-copy[data-state=copied],.drapub-code-block-copy:focus-visible{opacity:1}}@media (prefers-reduced-motion:reduce){.drapub-code-block,.drapub-code-block-copy.drapub-code-block-copy{transition:none}}.drapub-code-block :is(.hljs-comment,.hljs-quote){color:var(--drapub-code-comment);font-style:italic}.drapub-code-block :is(.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-doctag,.hljs-template-tag){color:var(--drapub-code-keyword)}.drapub-code-block :is(.hljs-string,.hljs-regexp,.hljs-template-variable,.hljs-addition,.hljs-meta .hljs-string){color:var(--drapub-code-string)}.drapub-code-block :is(.hljs-number,.hljs-symbol,.hljs-bullet,.hljs-variable.constant_){color:var(--drapub-code-number)}.drapub-code-block :is(.hljs-title,.hljs-title.function_,.hljs-section){color:var(--drapub-code-title)}.drapub-code-block :is(.hljs-type,.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title){color:var(--drapub-code-type)}.drapub-code-block :is(.hljs-attr,.hljs-attribute,.hljs-property,.hljs-variable,.hljs-params,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo){color:var(--drapub-code-attr)}.drapub-code-block :is(.hljs-name,.hljs-tag){color:var(--drapub-code-tag)}.drapub-code-block :is(.hljs-meta,.hljs-link,.hljs-subst,.hljs-punctuation){color:var(--drapub-code-meta)}.drapub-code-block .hljs-params{color:inherit}.drapub-code-block .hljs-emphasis{font-style:italic}.drapub-code-block .hljs-strong{font-weight:600}.drapub-code-block .hljs-deletion{background:var(--drapub-code-deletion-bg)}.drapub-code-block .hljs-addition{background:var(--drapub-code-addition-bg)}