*{margin:0;padding:0;box-sizing:border-box}body{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;font-size:14px;color:#303133;background-color:#fff}#app{min-height:100vh}.header{height:60px;background-color:#fff;border-bottom:1px solid #e6e6e6;position:fixed;top:0;left:0;right:0;z-index:100}.header .container{max-width:1350px;margin:0 auto;height:100%;display:flex;align-items:center;padding:0 20px}.header .logo{margin:0}.header .logo a{display:flex;align-items:center;text-decoration:none}.header .logo .logo-img{width:36px;height:36px;background:#409eff;color:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;margin-right:10px}.header .logo .logo-text{font-size:20px;color:#303133;font-weight:600}.header .nav{margin-left:auto;display:flex;align-items:center}.header .nav a{display:inline-block;padding:0 20px;color:#606266;text-decoration:none;font-size:15px;transition:color .3s;line-height:60px}.header .nav a.active,.header .nav a:hover{color:#409eff}.header .nav a.router-link-active{color:#409eff;font-weight:500}.header .nav .nav-link i{margin-right:4px}.main{padding-top:60px;min-height:calc(100vh - 60px)}.footer{background:#f5f7fa;padding:40px 0;text-align:center;color:#909399;font-size:14px;border-top:1px solid #e6e6e6}.container,.footer .container{max-width:1200px;margin:0 auto;padding:0 20px}.docs-page{display:flex;min-height:calc(100vh - 60px)}.side-nav{width:260px;padding:30px 0;border-right:1px solid #e6e6e6;background:#fff;position:fixed;top:60px;bottom:0;overflow-y:auto}.side-nav .nav-group{margin-bottom:20px}.side-nav .nav-group .nav-title{padding:10px 20px;font-size:14px;color:#909399;font-weight:600;text-transform:uppercase}.side-nav .nav-group .nav-item{display:block;padding:10px 20px 10px 30px;color:#606266;text-decoration:none;font-size:14px;transition:all .3s;border-right:3px solid transparent}.side-nav .nav-group .nav-item:hover{color:#409eff}.side-nav .nav-group .nav-item.active,.side-nav .nav-group .nav-item.router-link-active{color:#409eff;border-right-color:#409eff;background:#f5f7fa}.content{flex:1;margin-left:260px;padding:30px 40px;max-width:calc(100% - 260px)}.content-title{font-size:28px;font-weight:400;color:#1f2f3d;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}.content-subtitle{font-size:22px;font-weight:400;color:#1f2f3d;margin:30px 0 15px}.content p{line-height:1.8;color:#28292d;margin-bottom:15px}pre{background:#0f1010;padding:15px 20px;border-radius:4px;overflow-x:auto;margin:15px 0}pre code{color:#dcdfe4;line-height:1.6}code,pre code{font-family:Courier New,Consolas,monospace;font-size:13px}code{padding:2px 6px;border-radius:3px;color:#c0392b}.table-props{width:100%;border-collapse:collapse;margin:20px 0}.table-props td,.table-props th{padding:12px;text-align:left;border:1px solid #ebeef5}.table-props th{background:#f5f7fa;font-weight:600;color:#303133}.table-props td{color:#606266}.tip{padding:12px 20px;background:#ecf5ff;border-left:4px solid #409eff;border-radius:4px;margin:20px 0}.tip p{margin:0;color:#606266}.warning{padding:12px 20px;background:#fdf6ec;border-left:4px solid #e6a23c;border-radius:4px;margin:20px 0}.warning p{margin:0;color:#606266}.modern-hero{text-align:center;padding:60px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;margin-bottom:50px;color:#fff;position:relative;overflow:hidden}.modern-hero:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%)}.modern-hero .hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:hsla(0,0%,100%,.15);border-radius:50px;font-size:14px;margin-bottom:20px;backdrop-filter:blur(10px);position:relative}.modern-hero .hero-badge i{font-size:16px}.modern-hero .hero-title{font-size:42px;font-weight:700;margin:0 0 16px;position:relative}.modern-hero .hero-desc{max-width:550px;margin:0 auto;font-size:16px;opacity:.9;line-height:1.7;position:relative}.modern-section{margin-bottom:50px}.modern-section .section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.modern-section .section-header .section-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff}.modern-section .section-header .section-icon.blue{background:linear-gradient(135deg,#667eea,#764ba2)}.modern-section .section-header .section-icon.purple{background:linear-gradient(135deg,#f093fb,#f5576c)}.modern-section .section-header .section-icon.green{background:linear-gradient(135deg,#4facfe,#00f2fe)}.modern-section .section-header .section-icon.orange{background:linear-gradient(135deg,#fa709a,#fee140)}.modern-section .section-header .section-icon.cyan{background:linear-gradient(135deg,#30cfd0,#330867)}.modern-section .section-header .section-icon.pink{background:linear-gradient(135deg,#a8edea,#fed6e3)}.modern-section .section-header .section-title{font-size:24px;font-weight:600;margin:0;color:#1a1a1a}.modern-section .section-desc{font-size:15px;color:#4a5568;margin:0 0 20px;line-height:1.6}.step-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.step-header .step-number{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;flex-shrink:0}.step-header .step-info .section-title{font-size:24px;font-weight:600;margin:0 0 6px;color:#1a1a1a}.step-header .step-info .section-desc{margin:0;font-size:15px;color:#4a5568}.modern-code-block{background:#1e1e1e;border-radius:12px;overflow:hidden;margin-bottom:20px}.modern-code-block .code-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#2d2d2d;border-bottom:1px solid #3d3d3d}.modern-code-block .code-header .code-lang{font-size:12px;color:#9cdcfe;text-transform:uppercase;font-weight:500}.modern-code-block .code-header .copy-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;font-size:12px;color:#ccc;background:#3d3d3d;border:none;border-radius:6px;cursor:pointer;transition:all .3s}.modern-code-block .code-header .copy-btn:hover{background:#4d4d4d;color:#fff}.modern-code-block pre{margin:0;padding:16px;overflow-x:auto;font-size:13px;line-height:1.6;background:transparent}.modern-code-block pre code{font-family:Fira Code,Consolas,monospace;color:#d4d4d4}.modern-tip-card{display:flex;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#fff9e6,#fff5d6);border-radius:10px;border-left:4px solid #faad14;margin:20px 0}.modern-tip-card .tip-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#faad14;font-size:18px;flex-shrink:0}.modern-tip-card .tip-content{font-size:14px;color:#4a5568;line-height:1.6}.modern-tip-card .tip-content strong{color:#d48806;margin-right:8px}.modern-tip-success{background:linear-gradient(135deg,#f6ffed,#d9f7be);border-left-color:#52c41a}.modern-tip-success .tip-icon{color:#52c41a}.modern-tip-success .tip-content strong{color:#389e0d}.modern-tip-info{background:linear-gradient(135deg,#e6f7ff,#bae7ff);border-left-color:#1890ff}.modern-tip-info .tip-icon{color:#1890ff}.modern-tip-info .tip-content strong{color:#096dd9}.req-cards{display:flex;gap:16px}.req-cards .req-card{flex:1;display:flex;align-items:center;gap:12px;padding:20px;background:#fff;border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease}.req-cards .req-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.08)}.req-cards .req-card .req-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.req-cards .req-card .req-icon.vue{background:linear-gradient(135deg,#41b883,#34495e)}.req-cards .req-card .req-icon.element{background:linear-gradient(135deg,#409eff,#67c23a)}.req-cards .req-card .req-icon.browser{background:linear-gradient(135deg,#ff6b6b,#feca57)}.req-cards .req-card .req-info .req-name{font-size:14px;color:#718096;margin-bottom:2px}.req-cards .req-card .req-info .req-version{font-size:16px;font-weight:600;color:#1a1a1a}.next-links{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.next-links .next-card{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border-radius:12px;border:1px solid #e2e8f0;text-decoration:none;transition:all .3s ease}.next-links .next-card:hover{transform:translateX(4px);border-color:#409eff;box-shadow:0 4px 20px rgba(64,158,255,.1)}.next-links .next-card:hover .el-icon-arrow-right{color:#409eff;transform:translateX(4px)}.next-links .next-card .next-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}.next-links .next-card .next-icon.blue{background:linear-gradient(135deg,#667eea,#764ba2)}.next-links .next-card .next-icon.purple{background:linear-gradient(135deg,#f093fb,#f5576c)}.next-links .next-card .next-icon.green{background:linear-gradient(135deg,#4facfe,#00f2fe)}.next-links .next-card .next-icon.orange{background:linear-gradient(135deg,#fa709a,#fee140)}.next-links .next-card .next-icon.cyan{background:linear-gradient(135deg,#30cfd0,#330867)}.next-links .next-card .next-info{flex:1}.next-links .next-card .next-info h3{font-size:15px;font-weight:600;color:#1a1a1a;margin:0 0 4px}.next-links .next-card .next-info p{font-size:13px;color:#718096;margin:0;line-height:1.5}.next-links .next-card .el-icon-arrow-right{font-size:18px;color:#718096;transition:all .3s}.modern-table-wrapper{overflow-x:auto}.modern-table{width:100%;border-collapse:collapse;font-size:14px}.modern-table td,.modern-table th{padding:12px 16px;text-align:left;border-bottom:1px solid #e2e8f0}.modern-table th{font-weight:600;color:#1a1a1a;background:#f7fafc;white-space:nowrap}.modern-table td{color:#4a5568}.modern-table td code{padding:2px 6px;background:#f7fafc;border-radius:4px;font-family:Consolas,monospace;color:#409eff;font-size:12px}.modern-table tbody tr:hover{background:#f7fafc}.modern-table .badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.modern-table .badge.required{background:#fff1f0;color:#ff4d4f}.modern-table .badge.optional{background:#f6ffed;color:#52c41a}.feature-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-cards .feature-card{background:#fff;border-radius:12px;padding:24px;border:1px solid #e2e8f0;transition:all .3s ease}.feature-cards .feature-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.08)}.feature-cards .feature-card .feature-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;margin-bottom:16px}.feature-cards .feature-card .feature-icon.blue{background:linear-gradient(135deg,#667eea,#764ba2)}.feature-cards .feature-card .feature-icon.purple{background:linear-gradient(135deg,#f093fb,#f5576c)}.feature-cards .feature-card .feature-icon.green{background:linear-gradient(135deg,#4facfe,#00f2fe)}.feature-cards .feature-card .feature-icon.orange{background:linear-gradient(135deg,#fa709a,#fee140)}.feature-cards .feature-card .feature-title{font-size:16px;font-weight:600;margin:0 0 8px;color:#1a1a1a}.feature-cards .feature-card .feature-desc{font-size:13px;color:#4a5568;margin:0;line-height:1.6}.demo-block{background:#fff;border-radius:12px!important;border:1px solid #e2e8f0!important;overflow:hidden!important;margin-bottom:80px!important}.demo-block .demo-block__header{display:flex;align-items:center;gap:10px;padding:16px 20px;background:#f7fafc;border-bottom:1px solid #e2e8f0}.demo-block .demo-block__header .demo-block__title{font-size:15px;font-weight:600;color:#1a1a1a}.demo-block .demo-block__header .demo-block__badge{padding:2px 8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:11px;border-radius:4px}.demo-block .demo-block__body{padding:24px}.demo-block .demo-block__code{border-top:1px solid #e2e8f0;background:#2d2d2d!important}.demo-block .demo-block__code .code-header{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#f7fafc;cursor:pointer;transition:all .3s;background:#fff!important}.demo-block .demo-block__code .code-header:hover{background:#e8f4ff!important}.demo-block .demo-block__code .code-header i{color:#409eff}.demo-block .demo-block__code .code-header span{font-size:13px;color:#4a5568}.demo-block .demo-block__code pre{margin:0;padding:20px;background:#1e1e1e;overflow-x:auto}.demo-block .demo-block__code pre code{font-family:Fira Code,Consolas,monospace;font-size:13px;color:#d4d4d4;line-height:1.6}.tips-box{padding:16px 20px;border-radius:10px;margin:20px 0}.tips-box h4{font-size:14px;font-weight:600;margin:0 0 10px}.tips-box ul{margin:0;padding-left:20px}.tips-box ul li{font-size:13px;line-height:1.8;color:#4a5568}.tips-box--success{background:linear-gradient(135deg,#f6ffed,#d9f7be);border-left:4px solid #52c41a}.tips-box--success h4{color:#389e0d}.tips-box--info{background:linear-gradient(135deg,#e6f7ff,#bae7ff);border-left:4px solid #1890ff}.tips-box--info h4{color:#096dd9}.tips-box--warning{background:linear-gradient(135deg,#fffbe6,#fff1b8);border-left:4px solid #faad14}.tips-box--warning h4{color:#d48806}.footer-cta{margin-top:60px;padding:40px;background:#f7fafc;border-radius:16px;text-align:center}.footer-cta .cta-content>i{font-size:40px;color:#409eff;margin-bottom:16px}.footer-cta .cta-content h3{font-size:20px;font-weight:600;margin:0 0 8px;color:#1a1a1a}.footer-cta .cta-content p{font-size:14px;color:#4a5568;margin:0 0 20px}.footer-cta .cta-content .cta-link{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:14px;font-weight:500;border-radius:8px;text-decoration:none;transition:all .3s}.footer-cta .cta-content .cta-link:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(102,126,234,.3)}@media(max-width:768px){.modern-hero{padding:40px 20px}.modern-hero .hero-title{font-size:32px}.req-cards{flex-direction:column}.feature-cards,.next-links{grid-template-columns:1fr}.modern-table{font-size:13px}.modern-table td,.modern-table th{padding:10px 12px}}.el-dialog.is-fullscreen .el-dialog__header[data-v-91379c1a]{cursor:default}.el-dialog__title_custom[data-v-91379c1a]{display:block;height:40px;padding:0 20px;line-height:40px;text-align:left;background-color:#fff;border-radius:5px 5px 0 0;font-size:16px}[data-v-91379c1a] .el-dialog--custom.position-top{margin-top:5vh!important}[data-v-91379c1a] .el-dialog--custom.position-default{margin-top:15vh!important}[data-v-91379c1a] .el-dialog--custom .el-dialog__header{padding:10px 10px 10px;border-bottom:1px solid #e6e7eb}[data-v-91379c1a] .el-dialog--custom .el-dialog__header .el-dialog__header_body{cursor:move;display:flex;justify-content:space-between;align-items:center}[data-v-91379c1a] .el-dialog--custom .el-dialog__header .el-dialog__header_body .el-dialog__title{font-size:16px;border-bottom:none!important}[data-v-91379c1a] .el-dialog--custom .el-dialog__header .el-dialog__header_body .el-dialog__tools{display:inline-flex;justify-content:flex-end;align-items:center}[data-v-91379c1a] .el-dialog--custom .el-dialog__header .el-dialog__header_body .el-dialog__headerbtn{position:static!important;margin-right:10px}[data-v-91379c1a] .el-dialog--custom .el-dialog__body{background:#f8f8f8;position:relative;flex:auto;padding:10px!important;overflow:auto}[data-v-91379c1a] .el-dialog--custom .el-dialog__footer{padding:10px 10px 10px}.el-dialog--custom.position-center{margin-top:0!important;margin-bottom:0!important}.es-form[data-v-1aa43eb0]{margin-bottom:0!important;box-shadow:none}.es-form[data-v-1aa43eb0] .el-form-item__content{font-weight:400}.es-form[data-v-1aa43eb0] .el-form-item__label{font-weight:400;font-size:14px}.es-form .leftRightBtn[data-v-1aa43eb0]{display:flex;justify-content:space-between;align-items:center}.es-form[data-v-1aa43eb0] .el-button [class*=el-icon-]+span{margin-left:0!important;padding:0 0!important}.es-form .el-form-item.is-validating[data-v-1aa43eb0]:before,.es-form[data-v-1aa43eb0] .el-form-item.is-success:before{background:none!important}.formItemCols[data-v-1aa43eb0] .elparent-form-item__content{justify-content:flex-end}.flex-center .el-form-item--mini .el-form-item__label[data-v-1aa43eb0],.flex-center[data-v-1aa43eb0] .el-form-item--mini .el-form-item__content{line-height:0px}.flex-center[data-v-1aa43eb0] .el-form-item{margin-bottom:12px}.flex-center[data-v-1aa43eb0] .el-icon-time:before{left:5px;top:-2px}.btns[data-v-4530dcae]{padding:0 0;padding-bottom:8px}.btn-container_block[data-v-4530dcae]{display:flex;justify-content:space-between;align-items:center;width:100%}.btn-container_block .btn-left[data-v-4530dcae]{display:flex;justify-content:flex-start;align-items:center}.btn-container_block .btn-right[data-v-4530dcae]{display:flex;justify-content:flex-end;align-items:center}.el-es_tables[data-v-9d23a5a2],.el-es_tables[data-v-9d23a5a2] .el-table__body-wrapper{height:auto}.table_component[data-v-9d23a5a2]{width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.table_containers[data-v-9d23a5a2]{flex:1;width:100%;min-height:0}.pagination_page[data-v-9d23a5a2]{width:100%;display:flex;justify-content:flex-end;align-items:center;flex-shrink:0}.pagination_page[data-v-9d23a5a2] .el-input .el-input__inner,.pagination_page[data-v-9d23a5a2] .el-pagination .el-pagination__total{height:28px;line-height:28px}.btn-slot[data-v-9d23a5a2]{width:100%}.btn-slot .headerBar[data-v-9d23a5a2]{box-sizing:border-box;background-color:#fff;padding:0 0 0 0;border-radius:6px}.btn-slot .headerBar[data-v-9d23a5a2] .elparent-form-item--small .elparent-form-item__label{box-sizing:border-box}.tableContainer[data-v-9d23a5a2]{background-color:#fff}.tableContainer[data-v-9d23a5a2] .elparent-table__empty-block{width:100%!important;margin:32px 0;font-size:14px;line-height:1.5715}.tableContainer[data-v-9d23a5a2] .elparent-table__empty-block .elparent-table__empty-text{width:auto!important}.tableContainer[data-v-9d23a5a2] .elparent-table__empty-block .ant-empty-image{height:40px;margin-bottom:8px}.tableContainer[data-v-9d23a5a2] .elparent-table__empty-block .ant-empty-image .ant-empty-img-simple-ellipse{fill:#f5f5f5}.tableContainer[data-v-9d23a5a2] .elparent-table__empty-block .ant-empty-image .ant-empty-img-simple-g{stroke:#d9d9d9}.tableContainer[data-v-9d23a5a2] .elparent-table__empty-block .ant-empty-image .ant-empty-img-simple-path{fill:#fafafa}.tableContainer[data-v-9d23a5a2] .elparent-table__empty-block .ant-empty-description{line-height:1.5715;color:rgba(0,0,0,.25)}.tableContainer[data-v-9d23a5a2] .elparent-tag{height:20px;padding:0 7px;line-height:20px;background:#fafafa;border:none;border-radius:4px}.tableContainer[data-v-9d23a5a2] .elparent-tag.elparent-tag--info{color:rgba(0,0,0,.85)}.tableContainer[data-v-9d23a5a2] .elparent-tag.elparent-tag--success{color:#52c41a;background:#f6ffed;border-color:#b7eb8f}.svg-icon[data-v-ac76bef8]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.svg-external-icon[data-v-ac76bef8]{background-color:currentColor;-webkit-mask-size:cover!important;mask-size:cover!important;display:inline-block}