@charset "UTF-8";
:root {--scrollbar-size:4px;--scrollbar-radius:4px;--scrollbar-min-size:28px;--scrollbar:#12b7f5;--scrollbar-hover:#0d9fd8;--scrollbar-image:-webkit-linear-gradient(45deg,rgba(255,93,143,1) 25%,transparent 25%,transparent 50%,rgba(255,93,143,1) 50%,rgba(255,93,143,1) 75%,transparent 75%,transparent);--scrollbar-shadow:rgba(72,105,205,.28)}
* {box-sizing:border-box}
@supports (-moz-appearance:none) {
    * {scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent}
}
*::-webkit-scrollbar {width:var(--scrollbar-size);height:var(--scrollbar-size)}
*::-webkit-scrollbar-track {background:transparent}
*::-webkit-scrollbar-thumb {border:0;border-radius:0;background-color:var(--scrollbar);background-image:var(--scrollbar-image);background-clip:border-box}
*::-webkit-scrollbar-thumb:hover {background-color:var(--scrollbar-hover);background-clip:border-box}
*::-webkit-scrollbar-thumb:vertical {border-radius:var(--scrollbar-radius);box-shadow:-2px 0 6px var(--scrollbar-shadow)}
*::-webkit-scrollbar-thumb:horizontal {border-radius:var(--scrollbar-radius);box-shadow:0 -2px 6px var(--scrollbar-shadow)}
*::-webkit-scrollbar-button {display:none;width:0;height:0}
*::-webkit-scrollbar-button:single-button {display:none;width:0;height:0}
*::-webkit-scrollbar-button:vertical:decrement,*::-webkit-scrollbar-button:vertical:increment,*::-webkit-scrollbar-button:horizontal:decrement,*::-webkit-scrollbar-button:horizontal:increment {display:none!important;width:0!important;height:0!important;background:transparent!important;-webkit-appearance:none}
*::-webkit-scrollbar-corner {background:transparent}
.custom-scroll {scrollbar-width:none}
.custom-scroll::-webkit-scrollbar {display:none}
/* ===== 开发文档子页 ===== */
body {margin:0}
body.document-page {min-width:0;overflow-y:auto;overflow-x:hidden;color:#24324a;background:#fff;font-family:"Segoe UI Variable","Microsoft YaHei UI",sans-serif}
body.document-shell {min-width:0;overflow:hidden;color:#24324a;background:#fff;font-family:"Segoe UI Variable","Microsoft YaHei UI",sans-serif}
.document-layout {display:grid;min-width:0;grid-template-columns:216px minmax(0,1fr);min-height:100vh;background:#fff}
.document-shell .document-layout {height:100vh}
.document-detail {min-width:0;height:100%;overflow-y:auto;background:#fff}
.document-sidebar {position:sticky;top:0;height:100vh;overflow-y:auto;padding:34px 10px 12px;background:transparent}
.document-nav {display:grid;overflow:hidden;border-radius:9px;background:#f8fafd}
.document-nav a {position:relative;display:flex;align-items:center;padding:10px;font:14px/1.4 inherit}
.document-nav a {color:#536277;text-align:left;text-decoration:none;transition:color .16s ease,background .16s ease}
.document-nav a + a:before {content:"";position:absolute;top:-2px;right:10px;left:10px;height:1px;background:#dce5ef}
.document-nav-label {display:flex;min-width:0;align-items:center;gap:7px}
.document-nav a em {flex:0 0 auto;border-radius:5px;padding:3px 6px;color:#3f6487;background:#e3eef9;font-size:11px;font-style:normal;font-weight:600;line-height:1.2}
.document-nav a b {overflow:hidden;font-size:15px;font-weight:400;line-height:1.4;white-space:nowrap;text-overflow:ellipsis}
.document-nav a:hover {color:#176dc6;background:#e9f3fd}
.document-nav a.active {color:#075fa9;background:#d4eaff;box-shadow:inset 3px 0 #1479d1}
.document-nav a.active:before {display:none}
.document-nav a.active em {color:#196eb8;background:rgba(255,255,255,.76)}
.document-content {width:min(960px,100%);margin:0 auto;padding:34px clamp(42px,6vw,76px) 88px clamp(21px,3vw,38px)}
.document-eyebrow {margin:0 0 11px;color:#2e7bd3;font-size:12px;font-weight:750;letter-spacing:.1em}
.document-content h1 {margin:0;color:#182742;font-size:34px;font-weight:700;letter-spacing:-.025em;line-height:1.22}
.document-lead {max-width:740px;margin:17px 0 42px;color:#5d6d83;font-size:15px;line-height:1.85}
.document-section {margin-top:50px}
.document-section h2 {margin:0 0 15px;color:#1d2d47;font-size:21px;font-weight:680;letter-spacing:-.015em;line-height:1.35}
.document-section>p {max-width:780px;margin:0 0 16px;color:#5b6b82;font-size:14px;line-height:1.85}
.document-content a,.document-content a:visited {color:#176dc6;text-decoration-color:currentColor}
.document-content a:hover,.document-content a:active {color:#176dc6}
.document-content p code {border-radius:4px;padding:1px 5px;color:#166abd;background:#eaf3fd;font:600 .9em Consolas,"Courier New",monospace}
.document-card {padding:24px;border:1px solid #e0e7f0;border-radius:14px;background:#fbfcfe;box-shadow:0 8px 26px rgba(28,57,94,.04)}
.document-card h3 {margin:0 0 9px;color:#20314b;font-size:15px;font-weight:650}
.document-card .document-code + h3 {margin-top:25px}
.document-card p {margin:0;color:#617189;font-size:14px;line-height:1.8}
.document-code {margin:17px 0 0;overflow:auto;border:1px solid rgba(112,142,180,.17);border-radius:11px;padding:18px 20px;color:#dceeff;background:#15243d;box-shadow:inset 0 1px rgba(255,255,255,.04);font:13px/1.75 Consolas,"Courier New",monospace;white-space:pre}
.document-api {display:grid;gap:9px;margin-top:16px}
.document-api div {display:grid;grid-template-columns:minmax(180px,235px) minmax(0,1fr);align-items:center;gap:18px;padding:14px 16px;border:1px solid #e4eaf2;border-radius:10px;background:#fbfcfe;transition:border-color .16s ease,box-shadow .16s ease}
.document-api div:hover {border-color:#cfe2f5;box-shadow:0 5px 14px rgba(49,102,163,.06)}
.document-api code {color:#1767bd;font:650 13px Consolas,"Courier New",monospace}
.document-api code em {display:inline-block;margin-left:5px;border-radius:4px;padding:2px 5px;color:#8c6d25;background:#fff5d9;font:600 10px/1.2 "Segoe UI Variable","Microsoft YaHei UI",sans-serif;font-style:normal;vertical-align:1px}
.document-api span {color:#63738a;font-size:13px;line-height:1.65}
.document-placeholder {display:grid;min-height:100%;place-content:center;gap:8px;padding:32px;color:#66778e;text-align:center}
.document-placeholder strong {color:#263a56;font-size:18px;font-weight:600}
.document-placeholder span {font-size:13px;line-height:1.7}
@media(max-width:760px) {
    .document-layout {grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}
    .document-sidebar {position:static;height:auto;padding:8px}
    .document-nav {display:flex;overflow-x:auto;border-radius:8px}
    .document-nav a {flex:0 0 auto;padding:8px 10px;font-size:13px}
    .document-nav a + a:before {display:none}
    .document-content {padding:22px 18px 44px}
    .document-content h1 {font-size:27px}
    .document-lead {margin-bottom:30px;font-size:14px}
    .document-section {margin-top:34px}
    .document-api div {grid-template-columns:1fr;gap:6px;padding:12px}
}