:root{--l-form-control-height: 32px;--l-disabled-color: #e6e6e6;--l-primary-color: #722ed1;--l-primary-color-light1: #9254de;--l-primary-color-light2: #b37feb;--l-primary-color-light3: #d3adf7;--l-primary-color-light4: #efdbff;--l-primary-color-light5: #f9f0ff;--l-primary-color-dark1: #531dab;--l-primary-color-dark2: #391085;--l-error-color: #f5222d;--l-error-color-light3: #ffa39e;--l-error-color-light5: #fff1f0;--l-success-color: #52c41a;--l-success-color-light1: #73d13d;--l-success-color-light2: #95de64;--l-success-color-light3: #b7eb8f;--l-success-color-light4: #d9f7be;--l-success-color-light5: #f6ffed;--l-success-color-dark1: #389e0d;--l-warn-color: #f90;--l-info-color: #999;--l-info-color-light9: #f5f5f5;--l-border-color: #dedede;--l-border-radius: 3px}dialog{border:none;outline:none;padding:0;opacity:0;transition:opacity 3s}dialog[open]{opacity:1}.l-btn-group l-button+l-button{margin-left:10px}:root{--l-form-control-height: 32px;--l-disabled-color: #e6e6e6;--l-primary-color: #8153ff;--l-primary-color-light1: #9a75ff;--l-primary-color-light2: #b397ff;--l-primary-color-light3: #cdb9ff;--l-primary-color-light4: #e6dbff;--l-primary-color-light5: #f3eeff;--l-primary-color-dark1: #6a42d6;--l-primary-color-dark2: #5331ad;--l-error-color: #e73f4f;--l-error-color-light3: #f5a2a9;--l-error-color-light5: #fce8ea;--l-success-color: #94db24;--l-success-color-light1: #a5e04a;--l-success-color-light2: #b7e670;--l-success-color-light3: #c9ec96;--l-success-color-light4: #dbf2bc;--l-success-color-light5: #edf9e2;--l-success-color-dark1: #7bb81e;--l-warn-color: #f90;--l-info-color: #999;--l-info-color-light9: #f5f5f5;--l-border-color: #dedede;--l-border-radius: 3px}html.dark{--l-disabled-color: #262727}html,body{height:100%}body{margin:0;font-size:14px;line-height:1.6;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}img{vertical-align:top}ul,ol{list-style:none;margin:0;padding:0}div{box-sizing:border-box}a{text-decoration:none;color:#4998f6;cursor:pointer;transition:color .3s}a:hover{color:#5ba2f7}a:active{color:#64a7f7}p{margin:5px 0;font-size:16px;line-height:1.4;color:#333}:root{--l-primary-color: #4ade80;--l-primary-color-light1: #6ee79d;--l-primary-color-light2: #8feeb9;--l-primary-color-light3: #b0f4d4;--l-primary-color-light4: #d1faee;--l-primary-color-light5: #e8fcf5;--l-primary-color-dark1: #34b460;--l-primary-color-dark2: #278a48;--nt-primary-color: var(--l-primary-color);--nt-primary-color-light1: var(--l-primary-color-light1)}#app{height:100%}.ml-5{margin-left:5px}.ml-10{margin-left:10px}.mt-15{margin-top:15px}.mt-50{margin-top:50px}.text-center{text-align:center}.tab-page{position:relative;overflow-y:hidden;height:100%}.tab-page-main{height:calc(100% - 50px);padding:10px;position:relative}.tab-page-tabbar{border-top:1px solid rgba(0,0,0,.1)}.tabbar-icon{font-size:18px;margin-bottom:3px}.page{padding:10px}.center{display:flex;justify-content:center;align-items:center}.item-center{display:flex;align-items:center}.l-tabbar{--l-tabbar-hover-color: var(--l-primary-color-light1);--l-tabbar-active-color: var(--l-primary-color);--l-tabbar-item-gap: 0;--l-tabbar-height: 38px;position:relative;overflow:hidden;height:var(--l-tabbar-height);background-color:#fff}.l-tabbar-wrapper{display:flex;flex-wrap:nowrap;height:100%;align-items:stretch}.l-tabbar-item{color:#666;transition:all .3s ease-in-out;cursor:pointer;display:inline-flex;justify-content:center;align-items:center}.l-tabbar-item:hover{color:var(--l-tabbar-hover-color)}.l-tabbar-item.active{color:var(--l-tabbar-active-color)}.l-tabbar-item-icon{font-size:18px;margin-bottom:5px;display:flex;justify-content:center;align-items:center}.l-tabbar-item-icon.only{font-size:24px;margin-bottom:0}.l-tabbar--nav{--l-tabbar-height: 50px;width:100%}.l-tabbar--nav .l-tabbar-item{flex-grow:1;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;font-size:12px;line-height:1}.l-tabbar--bar{--l-tabbar-bar-vertical-padding: 10px;--l-tabbar-item-gap: 30px;--l-tabbar-line-color: var(--l-primary-color);overflow:auto;white-space:nowrap}.l-tabbar--bar .l-tabbar-item:not(:first-child){margin-left:var(--l-tabbar-item-gap)}.l-tabbar--bar-line{position:absolute;width:32px;left:0;bottom:0;border-radius:1px;height:2px;background-color:var(--l-tabbar-line-color);transition:all .3s ease-in-out}.l-tabbar--card{--l-tabbar-card-border-color: #f5f7fa;--l-tabbar-line-color: #fff;--l-tabbar-item-gap: 0;--l-tabbar-card-border-radius: 5px}.l-tabbar-card-border{position:absolute;left:0;right:0;bottom:0;height:1px;background-color:var(--l-tabbar-card-border-color)}.l-tabbar--card .l-tabbar-item{padding:0 15px;background:#f5f7fa;border:1px solid #f0f0f0}.l-tabbar--card .l-tabbar-item:first-child{border-top-left-radius:var(--l-tabbar-card-border-radius)}.l-tabbar--card .l-tabbar-item:last-child{border-top-right-radius:var(--l-tabbar-card-border-radius)}.l-tabbar-gap .l-tabbar-item{border-top-left-radius:var(--l-tabbar-card-border-radius);border-top-right-radius:var(--l-tabbar-card-border-radius)}.l-tabbar--card .l-tabbar-item:not(:first-child){margin-left:var(--l-tabbar-item-gap)}.l-tabbar--card .l-tabbar-item.active{background:#fff}