:root{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 #ebebec;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:#165dff;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:#8f9197;font-size:10px;line-height:14px}.top-meta{margin-left:auto;display:flex;gap:20px;color:#8f9197;font-size:13px}.top-meta a{color:#165dff;text-decoration:none}.menu-button{display:none;border:0;background:transparent;font-size:22px}.sidebar{position:fixed;z-index:20;top:64px;bottom:0;left:0;width:264px;overflow-y:auto;border-right:1px solid #ebebec;background:#fff}.search-wrap{position:sticky;top:0;z-index:1;padding:16px;background:#fff}.search-wrap input{width:100%;height:36px;padding:0 12px;border:1px solid #d3d5db;border-radius:6px;outline:none}.search-wrap input:focus{border-color:#165dff;box-shadow:0 0 0 2px #e8f3ff}.nav-section{padding:4px 12px 14px}.nav-section h3{margin:8px;color:#8f9197;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:#5d6169;text-align:left}.nav-section button:hover{background:#f7f8fa}.nav-section button.active{background:#e8f3ff;color:#165dff;font-weight:500}.nav-section button span{flex:1}.nav-section button code{color:#c1c2c5;font-size:10px}.nav-section button i{padding:1px 4px;border:1px solid #d3d5db;border-radius:3px;color:#8f9197;font-size:9px;font-style:normal}.content{max-width:none;min-height:100vh;margin-left:264px;margin-right:24px;padding:96px 48px 72px}.breadcrumb{margin-bottom:20px;color:#8f9197;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:#8f9197;font-size:16px;font-weight:400}.title-row p{max-width:640px;margin:0;color:#5d6169;font-size:14px;line-height:24px}.support{margin-left:auto;flex:none;padding:5px 9px;border-radius:4px;font-size:11px}.support.web{color:#009a29;background:#e8ffea}.support.device{color:#d25f00;background:#fff7e8}.demo-section,.api-section,.source-section{margin-bottom:24px;border:1px solid #ebebec;border-radius:8px;background:#fff;overflow:hidden}.example-layout{display:grid;grid-template-columns:64% 36%;align-items:stretch}.code-panel{position:relative;min-width:0;border-right:1px solid #ebebec;background:#fff}.code-toolbar{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #f0f0f0;background:#fff}.code-tabs{display:flex;gap:18px;height:100%}.code-tabs button{position:relative;padding:0;border:0;background:transparent;color:#8c8c8c;font-size:13px}.code-tabs button[aria-selected=true]{color:#1677ff}.code-tabs button[aria-selected=true]:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:#1677ff;content:""}.icon-button{width:28px;height:28px;display:inline-grid;place-items:center;padding:0;border:1px solid #d9d9d9;border-radius:4px;background:#fff;color:#5d6169;font-size:16px}.code-toolbar .icon-button{border-color:#d9d9d9;background:#fff;color:#595959}.copy-status{position:absolute;top:18px;right:52px;color:#95de64;font-size:11px}.code-panel pre{height:568px;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:#c41d7f}.syntax-string{color:#08979c}.syntax-number{color:#d4380d}.syntax-comment{color:#8c8c8c}.preview-stage{min-width:0}.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{overflow-x:auto;margin-top:12px}table{width:100%;min-width:680px;border-collapse:collapse;font-size:12px}th,td{padding:12px 10px;border:1px solid #f0f0f0;text-align:left;vertical-align:top}th{background:#fafafa;color:#5d6169;font-weight:500;white-space:nowrap}td:first-child{width:120px}td:nth-child(2){min-width:220px;color:#5d6169;line-height:18px}td code,.inherited-props code{color:#165dff;font-size:11px}.type-details{margin-top:20px;border-top:1px solid #f3f3f4}.type-details summary{padding:14px 0;color:#5d6169;cursor:pointer;font-size:13px}.type-details pre{overflow:auto;margin:0;padding:14px;background:#f7f8fa;font-size:11px}.search-empty{padding:14px;color:#8f9197;font-size:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid #f3f3f4}.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:#8f9197;font-size:12px}.section-heading>span{color:#8f9197;font:11px monospace}.preview-stage{display:flex;min-height:568px;align-items:flex-start;justify-content:stretch;padding:0;background:#fafafa}.preview-content{width:100%;min-height:568px;padding:24px;border:0;border-radius:0;background:#fff;overflow:auto}.device-note{padding:20px;border:1px solid #ffd591;border-radius:6px;background:#fff7e8;color:#5d6169;font-size:13px;line-height:21px}.device-note strong{color:#d25f00}.device-note code{color:#165dff}.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:#5d6169;font-size:12px}.empty-api{margin-top:12px!important}.source-section code{display:inline-block;margin-top:10px;color:#165dff;font-size:12px}.sidebar-mask{display:none}@media (max-width: 800px){.topbar{height:56px;padding:0 14px}.menu-button{display:block;margin-right:8px}.top-meta{display:none}.sidebar{top:56px;width:280px;transform:translate(-100%);transition:transform .2s ease}.sidebar-open{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{display:block}.support{display:inline-block;margin:16px 0 0}.preview-stage{min-height:auto;padding:0}.preview-content{min-height:320px;padding:16px}.demo-section{overflow:hidden}.example-layout{display:block}.code-panel{border-right:0;border-bottom:1px solid #ebebec}.code-panel pre{height:360px}}