.dh-code .article-body{--hl-keyword:#ff7b72;--hl-string:#a5d6ff;--hl-number:#79c0ff;--hl-title:#d2a8ff;--hl-type:#ffa657;--hl-attr:#79c0ff;--hl-comment:#8b949e;--hl-tag:#7ee787;--hl-meta:#ffa657;--hl-deletion:#ffa198;--hl-addition:#aff5b4}.dh-code .article-body .code-block{border-radius:var(--radius-md);background:#0b1122;border:1px solid #243152;margin:1.2em 0 1.4em;overflow:hidden}.dh-code .article-body .code-head{justify-content:space-between;align-items:center;gap:var(--space-12);background:#0f172b;border-bottom:1px solid #243152;padding:6px 8px 6px 14px;display:flex}.dh-code .article-body .code-lang{font:600 var(--fs-xs)/1 var(--sitefont);letter-spacing:.04em;color:#9fabcd}.dh-code .article-body .code-copy{border-radius:var(--radius);color:#9fabcd;font:600 var(--fs-xs)/1 var(--sitefont);cursor:pointer;background:0 0;border:1px solid #243152;padding:5px 11px}.dh-code .article-body .code-copy:hover,.dh-code .article-body .code-copy:focus-visible{color:#f1f5ff;border-color:#30a4ff;outline:none}.dh-code .article-body .code-copy.is-done{color:#5fd08f;border-color:#5fd08f}.dh-code .article-body .code-block pre{background:0 0;border:0;border-radius:0;margin:0;padding:14px 16px 16px;overflow-x:auto}.dh-code .article-body .code-block pre code{color:#d6deeb;font-family:var(--font-mono);font-size:var(--fs-base);white-space:pre;tab-size:4;background:0 0;padding:0;line-height:1.65;display:block}.dh-code .hljs-keyword,.dh-code .hljs-selector-tag,.dh-code .hljs-doctag,.dh-code .hljs-template-tag,.dh-code .hljs-template-variable,.dh-code .hljs-type.hljs-keyword{color:var(--hl-keyword)}.dh-code .hljs-string,.dh-code .hljs-regexp,.dh-code .hljs-char.escape_{color:var(--hl-string)}.dh-code .hljs-number,.dh-code .hljs-literal,.dh-code .hljs-symbol,.dh-code .hljs-variable.constant_{color:var(--hl-number)}.dh-code .hljs-title,.dh-code .hljs-title.function_,.dh-code .hljs-title.class_,.dh-code .hljs-section{color:var(--hl-title)}.dh-code .hljs-type,.dh-code .hljs-built_in,.dh-code .hljs-variable{color:var(--hl-type)}.dh-code .hljs-params{color:inherit}.dh-code .hljs-attr,.dh-code .hljs-attribute,.dh-code .hljs-property,.dh-code .hljs-selector-attr,.dh-code .hljs-selector-class,.dh-code .hljs-selector-id{color:var(--hl-attr)}.dh-code .hljs-comment,.dh-code .hljs-quote{color:var(--hl-comment);font-style:italic}.dh-code .hljs-name,.dh-code .hljs-tag,.dh-code .hljs-selector-pseudo{color:var(--hl-tag)}.dh-code .hljs-meta,.dh-code .hljs-meta .hljs-keyword{color:var(--hl-meta)}.dh-code .hljs-meta .hljs-string{color:var(--hl-string)}.dh-code .hljs-deletion{color:var(--hl-deletion)}.dh-code .hljs-addition{color:var(--hl-addition)}.dh-code .hljs-emphasis{font-style:italic}.dh-code .hljs-strong{font-weight:600}