.nav-main[data-v-b4317412]{padding:8px 8px 0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.nav-item[data-v-b4317412],.nav-main[data-v-b4317412]{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer}.nav-item[data-v-b4317412]{position:relative;height:40px;-ms-flex-negative:0;flex-shrink:0;margin:3px 0;line-height:40px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:6px;color:var(--nav-text);font-size:14px;-webkit-transition:all .2s;transition:all .2s}.nav-item[data-v-b4317412]:hover{color:var(--primary-color);background-color:var(--nav-hover-bg)}.nav-item.is-active[data-v-b4317412]{color:var(--primary-color);background-color:var(--nav-active-bg);font-weight:600}.nav-item.is-active[data-v-b4317412]:after{content:"";position:absolute;top:50%;left:0;width:3px;height:50%;border-radius:6px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:var(--primary-color)}.nav-icon[data-v-b4317412]{margin-left:15px;margin-right:4px}.help{width:100%;position:absolute;bottom:2px}.help .license-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:30px;margin:4px auto;width:96%;font-size:12px;color:var(--text-muted,hsla(0,0%,100%,.45));border-top:1px solid var(--border-color,hsla(0,0%,100%,.06))}.help .license-info i{margin-right:4px;font-size:13px}.el-dropdown-menu__item.is-active{color:var(--primary-color,#409eff);font-weight:700}:root,[data-theme=dark]{--primary-color:#2681ff;--info-color:#00baff;--info-text-color:#8eeeff;--text-color:#d8d8d8;--text-primary:#e8e8e8;--text-secondary:#94a3b8;--text-muted:hsla(0,0%,100%,0.45);--bg-color:#1d262e;--border-color:#2d2d2d;--topbar-bg:#18181c;--topbar-title-color:#e8e8e8;--sidebar-bg:#18181c;--nav-text:#dadadb;--nav-hover-bg:#223442;--nav-active-bg:#223442;--hover-bg:hsla(0,0%,100%,0.08);--card-bg:#1c232c;--header-bg:#18181c;--input-bg:#36373b;--input-border:#18181c;--dialog-bg:#202023;--table-hover-bg:#333;--body-bg:#202023;--shadow-color:rgba(0,0,0,0.3);--tab-text:hsla(0,0%,100%,0.52);--tab-active-bg:rgba(36,134,185,0.16);--menu-overlay:rgba(0,0,0,0.2);--btn-default-text:#859094;--btn-default-border:#859094;--scrollbar-thumb:hsla(220,4%,58%,0.3)}[data-theme=light]{--primary-color:#2681ff;--info-color:#0ea5e9;--info-text-color:#0284c7;--text-color:#334155;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:rgba(0,0,0,0.45);--bg-color:#f1f5f9;--border-color:#e2e8f0;--topbar-bg:#fff;--topbar-title-color:#1e293b;--sidebar-bg:#fff;--nav-text:#475569;--nav-hover-bg:#f1f5f9;--nav-active-bg:#eff6ff;--hover-bg:rgba(0,0,0,0.04);--card-bg:#fff;--header-bg:#fff;--input-bg:#fff;--input-border:#cbd5e1;--dialog-bg:#fff;--table-hover-bg:#f8fafc;--body-bg:#f8fafc;--shadow-color:rgba(0,0,0,0.08);--tab-text:#64748b;--tab-active-bg:#eff6ff;--menu-overlay:hsla(0,0%,100%,0.6);--btn-default-text:#64748b;--btn-default-border:#cbd5e1;--scrollbar-thumb:rgba(171,176,186,0.4)}.list{height:100%}.list .menu{padding-top:40px}.list .menu li{padding-left:40px;position:relative;height:50px;line-height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;color:#fff}.list .menu li:hover{color:var(--primary-color)}.list .menu li i{margin-right:10px}.list .menu li.is-active{background-image:-webkit-gradient(linear,right top,left top,color-stop(0,rgba(0,186,255,.19)),to(rgba(38,129,255,.89)));background-image:linear-gradient(-90deg,rgba(0,186,255,.19),rgba(38,129,255,.89));background-repeat:round}.list .menu li.is-active:hover{color:#fff}.list .el-menu{border-right:none}.list .el-menu.el-menu--horizontal{border-color:var(--bg-color);border-width:2px}.list .el-menu i{margin-right:5px}.list .content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow-x:hidden}.list .content__header{padding:30px 15px 20px 15px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:auto!important;border-bottom:1px solid var(--border-color);background-color:var(--header-bg)}.list .content__box{width:100%}.list .content__nav{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:10px}.list .content__add,.list .content__nav{display:-webkit-box;display:-ms-flexbox;display:flex}.list .content__add{margin-right:12px;padding-left:20px;width:250px;height:70px;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;border:1px solid var(--border-color);border-radius:2px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;position:relative;cursor:pointer;background-color:var(--card-bg)}.list .content__add:hover{border-color:var(--primary-color)}.list .content__add:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.list .content__add img{margin-right:10px}.list .content__add p{color:var(--text-primary);font-size:16px;font-weight:700}.list .content__add span{font-size:12px;color:var(--text-secondary)}.list .content__page{overflow:hidden;padding-right:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.list .content__empty svg{width:200px;height:200px}.list .content__code{height:100%;background-color:#282c34}.list .content__item{display:inline-block;position:relative;margin-right:20px;margin-bottom:20px;width:270px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;border-radius:5px;border:1px solid var(--border-color)}.list .content__item:hover{-webkit-box-shadow:0 0 20px 0 var(--shadow-color);box-shadow:0 0 20px 0 var(--shadow-color);border:1px solid var(--info-color)}.list .content__main{font-size:14px;width:100%;padding:8px 10px;-webkit-box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:var(--card-bg);box-sizing:border-box;color:var(--text-color);font-weight:700;border-top:0}.list .content__main a{color:var(--text-secondary)}.list .content__main i{margin-right:1px}.list .content__view{margin-right:2px}.list .content__menulist{display:-webkit-box;display:-ms-flexbox;display:flex}.list .content__menulist i{margin-right:10px}.list .content__start{display:-webkit-box;display:-ms-flexbox;display:flex}.list .content__start .content__btn{padding:0;margin:0 5px;width:40px;height:30px;line-height:30px;border-radius:5px;opacity:.8}.list .content__start .content__btn i{font-weight:700}.list .content__status{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.list .content__status .icon{margin-right:5px;display:inline-block;width:8px;height:8px;border-radius:100%;background-color:var(--text-color)}.list .content__status.is-active .icon{background-color:var(--primary-color)}.list .content__name{width:100px;padding:0 5px;line-height:28px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:var(--text-primary);border:1px solid transparent}.list .content__logo{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center}.list .content__logo p{font-size:18px;background-image:linear-gradient(120deg,#54b6d0 16%,#3f8bdb,#3f8bdb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.list .content__logo img{width:100px!important;height:auto!important}.list .content__logo span{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 30px;line-height:30px;color:#fff;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.list .content__info{background-color:var(--card-bg);position:relative;height:150px}.list .content__menu{position:absolute;top:0;left:0;background-color:var(--menu-overlay);backdrop-filter:blur(3px);width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.list .content__list{margin-top:15px}.list .content__list i{cursor:pointer;margin:0 5px;color:#fff;font-size:20px}.list .content__right{position:absolute;top:5px;right:10px}.list .content__right i{cursor:pointer;margin:5px 5px;color:#fff;font-size:16px}.list .content__btn{margin:5px 0;display:inline-block;vertical-align:middle;height:34px;line-height:34px;padding:0 40px;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;text-align:center;font-size:14px;font-weight:700;background-image:linear-gradient(-225deg,var(--primary-color),var(--info-color));background-color:var(--primary-color);border-color:var(--info-color);color:#fff;border:none;-webkit-transition:.3s ease;transition:.3s ease;cursor:pointer}.list .content__info img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.list .content--active{-webkit-box-shadow:0 0 20px 0 var(--shadow-color);box-shadow:0 0 20px 0 var(--shadow-color);border:1px solid #00baff}.create-screen{display:-webkit-box;display:-ms-flexbox;display:flex}.create-screen .item{padding:10px 15px;margin:10px 20px 10px 0;background:var(--input-bg);border-radius:5px;text-align:center;min-width:100px;border:1px solid var(--border-color);cursor:pointer}.create-screen .item.is-active{border-color:#2681ff}.create-screen .item-icon{width:30px;height:30px}.create-screen .item-icon,.create-screen .item-title{color:var(--text-color);font-weight:700}.create-screen .item-size{color:var(--text-secondary);font-size:12px}.index-root{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.top-bar{height:48px;min-height:48px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 20px;background:var(--topbar-bg);border-bottom:1px solid var(--border-color);z-index:100}.top-bar,.top-bar__left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.top-bar__left{gap:8px}.top-bar__logo-icon{-ms-flex-negative:0;flex-shrink:0}.top-bar__title{font-size:17px;font-weight:700;color:var(--topbar-title-color);letter-spacing:.5px}.top-bar__subtitle{font-size:13px;color:var(--text-secondary);margin-left:4px;opacity:.7}.top-bar__right{gap:4px}.top-bar__action,.top-bar__right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.top-bar__action{gap:5px;padding:6px 10px;border-radius:6px;cursor:pointer;color:var(--text-secondary);font-size:13px;-webkit-transition:all .2s;transition:all .2s}.top-bar__action:hover{background:var(--hover-bg);color:var(--text-primary)}.top-bar__action i{font-size:16px}.top-bar__user{font-weight:500}.index-body{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.index-body,.index-body>.left{display:-webkit-box;display:-ms-flexbox;display:flex}.index-body>.left{position:relative;width:200px!important;height:100%;border-right:1px solid var(--border-color);background:var(--sidebar-bg);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.index-body>.main{padding:0;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto}