:root{--docs-surface: #ffffff;--docs-canvas: #f7f8fa;--docs-text: #15161f;--docs-secondary: #5d6169;--docs-muted: #667085;--docs-border: #e6e8ec;--docs-divider: #f0f1f3;--docs-primary: #165dff;--docs-primary-subtle: #edf3ff;--docs-toolbar: 48px;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;color:#15161f;background:#f7f8fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}.docs-shell{min-height:100vh}.topbar{position:fixed;z-index:30;top:0;left:0;right:0;height:64px;display:flex;align-items:center;padding:0 28px;border-bottom:1px solid var(--docs-border);background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:7px;background:var(--docs-primary);color:#fff;font-size:20px;font-weight:700}.brand strong,.brand small{display:block;letter-spacing:0}.brand strong{font-size:15px;line-height:20px}.brand small{color:var(--docs-muted);font-size:10px;line-height:14px}.top-meta{margin-left:auto;display:flex;gap:20px;color:var(--docs-muted);font-size:13px}.top-meta a{color:var(--docs-primary);text-decoration:none}.menu-button{display:none;place-items:center;width:36px;height:36px;border:0;border-radius:6px;background:transparent;color:var(--docs-secondary)}.sidebar{position:fixed;z-index:20;top:64px;bottom:0;left:0;width:264px;overflow-y:auto;border-right:1px solid var(--docs-border);background:var(--docs-surface)}.search-wrap{position:sticky;top:0;z-index:1;padding:16px;background:var(--docs-surface)}.search-wrap input{width:100%;height:36px;padding:0 12px;border:1px solid var(--docs-border);border-radius:6px;outline:none}.search-wrap input:focus{border-color:var(--docs-primary);box-shadow:0 0 0 2px var(--docs-primary-subtle)}.nav-section{padding:4px 12px 14px}.nav-section h3{margin:8px;color:var(--docs-muted);font-size:11px;font-weight:500}.nav-section button{width:100%;height:38px;display:flex;align-items:center;gap:7px;padding:0 10px;border:0;border-radius:5px;background:transparent;color:var(--docs-secondary);text-align:left}.nav-section button:hover{background:var(--docs-canvas)}.nav-section button.active{background:var(--docs-primary-subtle);color:var(--docs-primary);font-weight:500}.nav-section button span{flex:1}.nav-section button code{color:var(--docs-muted);font-size:10px}.nav-section button i{padding:1px 4px;border:1px solid var(--docs-border);border-radius:3px;color:var(--docs-muted);font-size:9px;font-style:normal}.content{max-width:none;min-height:100vh;margin-left:264px;margin-right:0;padding:96px 40px 64px;min-width:0}.breadcrumb{margin-bottom:20px;color:var(--docs-muted);font-size:12px}.title-row{display:flex;align-items:flex-start;gap:24px;margin-bottom:32px}.title-row h1{margin:0 0 10px;font-size:28px;line-height:38px}.title-row h1 span{margin-left:8px;color:var(--docs-muted);font-size:16px;font-weight:400}.title-row p{max-width:640px;margin:0;color:var(--docs-secondary);font-size:14px;line-height:24px}.preview-status,.version-label{display:inline-flex;align-items:center;gap:8px;flex:none;margin:6px 0 0 auto;min-height:28px;padding:4px 10px;border:1px solid var(--docs-border);border-radius:6px;color:var(--docs-secondary);background:var(--docs-surface);font-size:12px;line-height:18px;white-space:nowrap}.docs-icon{display:block;width:16px;height:16px;flex:none}.content>*{max-width:1520px;margin-left:auto;margin-right:auto}.title-row>div{min-width:0}.title-row h1 span{overflow-wrap:anywhere}.demo-section{container-type:inline-size}.demo-section,.api-section,.source-section{margin-bottom:24px;border:1px solid var(--docs-border);border-radius:8px;background:var(--docs-surface);overflow:hidden}.example-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);height:clamp(420px,62vh,640px);align-items:stretch;background:var(--docs-surface)}.code-panel{display:flex;flex-direction:column;min-height:0;min-width:0;border-right:1px solid var(--docs-border);background:var(--docs-surface)}.code-toolbar{height:var(--docs-toolbar);flex:none;gap:12px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--docs-divider);background:var(--docs-surface)}.code-tabs{display:flex;gap:20px;align-self:stretch;flex-shrink:0}.code-tabs button{position:relative;padding:0;border:0;background:transparent;color:var(--docs-muted);font-size:13px}.code-tabs button[aria-selected=true]{color:var(--docs-primary)}.code-tabs button[aria-selected=true]:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--docs-primary);content:""}.icon-button{width:32px;height:32px;flex:none;display:inline-grid;place-items:center;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--docs-secondary);font-size:16px}.icon-button:hover,.menu-button:hover{background:var(--docs-canvas);color:var(--docs-text)}.icon-button:active{background:var(--docs-primary-subtle)}.code-tabs button:hover{color:var(--docs-primary)}.code-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.copy-status{color:var(--docs-secondary);font-size:11px;line-height:16px;overflow-wrap:anywhere}.code-panel pre{flex:1;min-height:0;overflow:auto;margin:0;padding:18px 20px;color:#262626;font:12px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;-moz-tab-size:2;tab-size:2;white-space:pre}.syntax-keyword{color:#7c3aed}.syntax-string{color:#0f766e}.syntax-number{color:#b45309}.syntax-comment{color:var(--docs-muted)}.api-group+.api-group{margin-top:20px}.api-group h3{margin:18px 0 10px;font-size:14px}.inherited-props{margin:0 0 12px!important}.table-scroll{min-width:0;overflow-x:auto;margin-top:16px;border:1px solid var(--docs-border);border-radius:6px}table{width:100%;min-width:680px;border-collapse:collapse;font-size:13px;line-height:22px}th,td{padding:12px 16px;border-bottom:1px solid var(--docs-divider);text-align:left;vertical-align:top}tbody tr:last-child td{border-bottom:0}th{background:#fafafa;color:var(--docs-secondary);font-weight:500;white-space:nowrap}td:first-child{width:120px}td:nth-child(2){min-width:220px;color:var(--docs-secondary);line-height:18px}td code,.inherited-props code{color:var(--docs-primary);font-size:11px}.type-details{margin-top:20px;border-top:1px solid var(--docs-divider)}.type-details summary{padding:14px 0;color:var(--docs-secondary);cursor:pointer;font-size:13px}.type-details pre{overflow:auto;margin:0;padding:14px;background:var(--docs-canvas);font-size:11px}.search-empty{padding:14px;color:var(--docs-muted);font-size:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--docs-divider)}.section-heading h2,.api-section h2,.source-section h2{margin:0 0 5px;font-size:16px}.section-heading p,.api-section p{margin:0;color:var(--docs-muted);font-size:12px}.section-heading>span{color:var(--docs-muted);font:11px monospace}.preview-stage{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--docs-surface)}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:var(--docs-toolbar);flex:none;padding:0 20px;border-bottom:1px solid var(--docs-divider);color:var(--docs-secondary);font-size:13px}.preview-toolbar>span:last-child{color:var(--docs-muted);font-size:12px}.preview-content{flex:1;min-width:0;min-height:0;padding:24px;border:0;border-radius:0;background:var(--docs-surface);overflow:auto}.device-note{padding:20px;border:1px solid var(--docs-border);border-radius:6px;background:var(--docs-canvas);color:var(--docs-secondary);font-size:13px;line-height:21px}.device-note strong{color:var(--docs-text)}.device-note code{color:var(--docs-primary)}.api-section,.source-section{padding:20px 22px}.prop-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.prop-list code{padding:5px 8px;border-radius:4px;background:#f2f3f5;color:var(--docs-secondary);font-size:12px}.empty-api{margin-top:12px!important}.source-section code{display:inline-block;margin-top:10px;color:var(--docs-primary);font-size:12px}.sidebar-mask{display:none}.docs-note,.token-browser{margin-bottom:24px;padding:22px;border:1px solid var(--docs-border);border-radius:8px;background:var(--docs-surface)}.docs-note{border-left:3px solid var(--docs-primary);background:var(--docs-surface);font-size:13px;line-height:1.8}.docs-note p{margin:8px 0 0}.token-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.token-summary>div{padding:18px 22px;background:var(--docs-surface);border:1px solid var(--docs-border);border-radius:8px}.token-summary strong{display:block;font-size:28px;font-weight:500;margin-bottom:5px}.token-summary span{font-size:12px;color:var(--docs-secondary)}.docs-filter{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:18px 0;font-size:12px}.docs-filter input{flex:1;min-width:160px;padding:10px 12px;border:1px solid var(--docs-border);border-radius:6px}.docs-filter>span{color:var(--docs-secondary)}.filter-chips{display:flex;flex-wrap:wrap;gap:8px}.filter-chips button{padding:7px 12px;border:1px solid var(--docs-border);border-radius:6px;background:var(--docs-surface);color:var(--docs-secondary);font-size:12px}.filter-chips button[aria-pressed=true]{border-color:var(--docs-primary);color:var(--docs-primary);background:var(--docs-primary-subtle)}.token-section{margin-top:28px}.token-section h2{font-size:16px;margin-bottom:8px}.section-note,.api-section p{font-size:12px;line-height:1.8;color:var(--docs-secondary)}.api-section .section-note{margin-top:12px}.token-table{min-width:740px}.token-table td:first-child{width:85px}.token-table td:nth-child(2){min-width:280px}.token-table code,.props-table code{overflow-wrap:anywhere;white-space:pre-wrap}td small{display:block;margin-top:7px;font-size:11px;color:var(--docs-secondary)}.swatch-grid{display:inline-flex;background:conic-gradient(#eee 25%,var(--docs-surface) 0 50%,#eee 0 75%,var(--docs-surface) 0) 0 0 / 12px 12px;border:1px solid #ddd;border-radius:5px;overflow:hidden}.token-swatch{width:48px;height:32px}.spacing-track{width:160px;min-height:20px;display:flex;align-items:center;border-left:1px solid var(--docs-muted)}.spacing-track>span{display:block;height:12px;background:#94bfff}.radius-preview,.border-preview{display:block;width:48px;height:32px;background:var(--docs-primary-subtle);border:1px solid var(--docs-primary)}.pending-label{display:block;margin-top:8px;color:#925600;font-size:11px}.copy-control{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:5px}.copy-control [role=status]{font-size:11px;color:#28733c}.text-button{padding:4px 0;border:0;background:transparent;color:var(--docs-primary);font-size:11px}.typography-table td:first-child{min-width:230px}.typography-table td:nth-child(2){min-width:150px}.typography-table td:nth-child(3){white-space:nowrap}.compact-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.token-example pre{overflow:auto;padding:18px;background:var(--docs-canvas);font-size:12px;line-height:1.7}.primitive-details summary{cursor:pointer;font-size:14px}.primitive-details p{margin-top:12px}.api-section .source-path{overflow-wrap:anywhere;margin-bottom:10px;font-size:11px}.inherited-props code{white-space:pre-wrap;overflow-wrap:anywhere}.props-table td:nth-child(2){white-space:pre-wrap}.props-table td:nth-child(3){min-width:200px}a{color:var(--docs-primary)}button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible,pre:focus-visible{outline:2px solid var(--docs-primary);outline-offset:3px}@container (max-width: 760px){.example-layout{height:auto;grid-template-columns:minmax(0,1fr)}.preview-stage{order:-1}.preview-content{flex:auto;min-height:180px;max-height:440px}.code-panel{border-right:0;border-top:1px solid var(--docs-border)}.code-panel pre{flex:auto;height:360px}}@media (max-width: 800px){.token-summary{gap:8px}.token-summary>div{padding:12px}.token-summary strong{font-size:24px}.docs-note,.token-browser{padding:16px}.docs-filter label{width:100%}.topbar{height:56px;padding:0 14px}.menu-button{display:grid;margin-right:8px}.top-meta{display:none}.sidebar{top:56px;width:min(280px,calc(100vw - 48px));visibility:hidden;transform:translate(-100%)}.sidebar-open{visibility:visible;transform:translate(0)}.sidebar-mask{display:block;position:fixed;z-index:10;top:56px;right:0;bottom:0;left:0;border:0;background:#0000006b}.content{margin-left:0;margin-right:0;padding:80px 16px 48px}.title-row{flex-direction:column;gap:12px}.title-row h1{font-size:24px;line-height:34px}.preview-status,.version-label{margin:0}.preview-content{padding:16px}.demo-section{overflow:hidden}.code-toolbar{height:auto;min-height:var(--docs-toolbar);flex-wrap:wrap}.code-tabs{min-height:var(--docs-toolbar)}.code-actions{margin-left:auto}.api-section,.source-section,.section-heading{padding:16px}}