.article-body .code-example{margin:30px 0;border:1px solid #24435c;border-radius:12px;overflow:hidden;background:#12283c;box-shadow:0 8px 22px #16324f12}.code-example-toolbar{display:flex;align-items:center;gap:14px;background:#1b344b;border-bottom:1px solid #304b60;color:#d3e7f5;padding:13px 18px;font:12px/1.5 system-ui,sans-serif}.code-example-toolbar>span:first-child{font-weight:600}.code-example-toolbar small{font-size:11px;color:#93afc4}.code-example-toolbar button{margin-left:auto;min-height:32px;padding:6px 12px;background:#284b64;border:1px solid #45647b;border-radius:6px;color:#f0f8ff;font:12px/1.5 system-ui,sans-serif;cursor:pointer}.code-example-toolbar button:hover{background:#35627f}.code-example-toolbar button:focus-visible{outline:2px solid #6cd5f0;outline-offset:3px}.code-copy-status{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;overflow:hidden}.article-body .code-example pre{margin:0!important;border:0!important;border-radius:0!important;padding:24px!important;overflow:auto;background:#12283c!important;color:#d9e9f5;font:13px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:4;white-space:pre}.article-body .code-example pre code{padding:0;background:transparent;color:inherit;font:inherit;white-space:pre}.hljs-comment,.hljs-quote{color:#8eaabd}.hljs-keyword,.hljs-selector-tag,.hljs-literal{color:#a9a5ff}.hljs-string,.hljs-attr,.hljs-template-tag{color:#8bdbb6}.hljs-number,.hljs-symbol,.hljs-bullet{color:#edb98f}.hljs-variable,.hljs-template-variable,.hljs-params{color:#f2d09a}.hljs-title,.hljs-built_in,.hljs-function{color:#77d5f1}.hljs-type,.hljs-tag,.hljs-name{color:#a8c9ff}.hljs-punctuation,.hljs-operator{color:#c3d7e7}.article-view-count{display:inline-flex;align-items:center;gap:7px;color:#63819a;font-size:12px}.article-view-count:before{content:'◉';font-size:11px;color:#0099bd}@media(max-width:600px){.article-body .code-example pre{padding:18px!important;font-size:12px}.code-example-toolbar{padding:10px 12px;gap:10px}.code-example-toolbar small{display:none}}