.app-wrapper[data-v-3b84b955]{display:flex;flex-direction:column;flex:1;height:100vh;overflow-y:auto}.el-scrollbar__view[data-v-3b84b955]{height:100%}.content--user[data-v-3b84b955]{display:flex;flex:1;flex-direction:column}.card{display:flex;flex-direction:column;padding:16px 12px 14px 12px;width:224px;height:250px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.1);border-radius:8px;overflow:hidden;cursor:pointer}.card img{-o-object-fit:contain;object-fit:contain;max-height:104px;height:100%}.card__name{margin-bottom:1px;margin-top:22px;color:#303133;text-align:center;font-size:18px;line-height:26px}.card__desc{text-align:center;color:#909399;font-weight:400;font-size:14px;line-height:20px}.card__progress{margin-left:-12px;margin-right:-12px;flex-grow:1;display:flex;flex-direction:column;justify-content:flex-end;max-height:18px}.card .flex{flex:1}.no-courses[data-v-7fbc2cd9]{margin-top:100px;text-align:center}.labs_logs[data-v-7fbc2cd9]{margin:6px}.dashboard[data-v-7fbc2cd9]{display:flex;flex-direction:column;flex:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow-y:auto;max-height:calc(100vh - 60px)}.dashboard__title[data-v-7fbc2cd9]{margin-top:40px;margin-bottom:24px;font-size:22px;font-family:Noto Sans SC;line-height:30px;font-weight:500;color:#303133}.dashboard__card-wrapper[data-v-7fbc2cd9]{display:grid;gap:24px;grid-template:auto/repeat(4,minmax(auto,224px));width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.dashboard__card-wrapper .card[data-v-7fbc2cd9]:hover{box-shadow:0 12px 24px rgba(0,0,0,.1)}.progress-ring[data-v-666ec406]{position:absolute;left:-24px;top:-24px}.course[data-v-2cb5709a]{display:flex;flex-direction:column;flex:1;font-weight:400;color:#909399}.course--content[data-v-2cb5709a]{overflow-y:auto;max-height:calc(100vh - 60px)}.course__title[data-v-2cb5709a]{position:relative;margin:40px 0 4px 0}.course__title div[data-v-2cb5709a]{position:absolute;left:-30px;top:5px;display:inline-flex;cursor:pointer}.course__description[data-v-2cb5709a]{font-size:14px;margin-bottom:24px;word-break:break-word;line-height:22px}.course__content[data-v-2cb5709a]{width:720px;margin-bottom:40px}.lab__list[data-v-2cb5709a]{display:flex;flex-direction:column;gap:16px}.lab__item[data-v-2cb5709a]{display:flex;gap:31px;padding:8px 12px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.1);border-radius:2px}.lab__title-wrapper[data-v-2cb5709a]{display:flex;flex-direction:column;width:440px}.lab__title[data-v-2cb5709a]{color:#303133;line-height:30px;font-size:20px;margin-bottom:4px;word-break:break-word}.lab__description[data-v-2cb5709a]{font-size:14px;word-break:break-word;line-height:22px}.lab__info[data-v-2cb5709a]{display:flex;margin-top:16px;gap:24px}.lab__difficulty[data-v-2cb5709a]{text-transform:capitalize}.lab__difficulty span[data-v-2cb5709a]{font-weight:400}.lab__watch-video[data-v-2cb5709a]{cursor:pointer}.lab__watch-video span[data-v-2cb5709a]{font-weight:500}.lab__clock[data-v-2cb5709a],.lab__difficulty[data-v-2cb5709a],.lab__watch-video[data-v-2cb5709a]{display:flex;align-items:center;gap:5px}.lab__clock span[data-v-2cb5709a],.lab__difficulty span[data-v-2cb5709a],.lab__watch-video span[data-v-2cb5709a]{font-size:14px;line-height:22px}.lab__right-info[data-v-2cb5709a]{flex-grow:1;display:grid;grid-template:auto auto minmax(8px,1fr) auto/1fr}.lab__score[data-v-2cb5709a]{font-size:14px;line-height:22px}.lab__start[data-v-2cb5709a]{padding:8px 0;grid-row:4/5}.lab__start svg[data-v-2cb5709a]{fill:#fff;stroke:#606266}.lab__statistics[data-v-2cb5709a]{font-size:14px;line-height:22px;color:#303133;text-decoration:underline;cursor:pointer;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.lab__progress[data-v-2cb5709a]{width:300px;margin-top:10px}.lab__btn-text[data-v-2cb5709a]{display:inline-flex;align-items:center;gap:4px}.lab__btn-text span[data-v-2cb5709a]{color:#606266;font-weight:500}.el-button[data-v-2cb5709a]:hover{color:#fff;border-color:#409eff;background-color:#409eff}.el-button:hover svg[data-v-2cb5709a]{fill:hsla(0,0%,100%,.85);stroke:hsla(0,0%,100%,.85)}.el-button:hover span[data-v-2cb5709a]{color:#fff}.player[data-v-2cb5709a]{width:640px;height:320px;max-width:100%;max-height:100%}.terminal-wrapper{background:#000}.terminal{height:calc(100vh - 91px);background:transparent;color:#fff;margin-left:2px}.terminal-error{color:#fff;display:flex;flex-flow:column;height:100%;justify-content:center;align-items:center;font-size:200%}.timer[data-v-5471d84e]{position:absolute;top:87px;right:25px}.timer span[data-v-5471d84e]{color:#606266}.timer span[data-v-5471d84e]:last-child{margin-left:4px}.sidebar .no-challenge[data-v-24c720d8]{display:inline-block;margin-top:20px}.sidebar__main[data-v-24c720d8]{height:100%;overflow:auto}.sidebar--lab[data-v-24c720d8],.sidebar__main[data-v-24c720d8]{display:flex;flex-direction:column;justify-content:space-between}.sidebar__description[data-v-24c720d8],.sidebar__logo[data-v-24c720d8]{margin-bottom:20px}.sidebar__content[data-v-24c720d8]{flex:1;display:flex;flex-direction:column;border-bottom:1px solid #e4e7ed;margin-bottom:8px;overflow-y:hidden}.sidebar__task-info-wrap[data-v-24c720d8]{display:flex;align-items:center;margin-bottom:8px}.sidebar__challenge-quantity[data-v-24c720d8]{font-size:16px;line-height:24px;color:#909399;flex-grow:1}.sidebar__hint[data-v-24c720d8],.sidebar__video[data-v-24c720d8]{display:flex;align-items:center;gap:4px;background:inherit;border:none;padding:0}.sidebar__hint span[data-v-24c720d8],.sidebar__video span[data-v-24c720d8]{color:#909399}.sidebar__hint[data-v-24c720d8]{margin-right:24px}.sidebar__hint-list[data-v-24c720d8]{padding-left:12px;margin-bottom:8px;transition:all .3s;overflow:hidden;border-left:1px solid #e4e7ed}.sidebar .challenge__text[data-v-24c720d8]{font-family:Noto Sans SC,sans-serif;color:#303133;font-size:14px;font-weight:400;line-height:22px}.sidebar .challenge__task[data-v-24c720d8]{flex:1;overflow-y:auto}.pagination[data-v-24c720d8]{display:flex;flex-direction:column}.pagination__header[data-v-24c720d8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.pagination__challenge[data-v-24c720d8]{display:flex;align-items:center;gap:4px;cursor:pointer}.pagination__challenge span[data-v-24c720d8]{color:#909399}.pagination svg[data-v-24c720d8]{transition:all .3s}.pagination .rotate[data-v-24c720d8]{transform:rotate(180deg)}.pagination__button[data-v-24c720d8]{height:32px;padding:5px 20px;background:#409eff;color:#fff;border:none}.pagination__button span[data-v-24c720d8]{font-weight:500}.pagination__button-next[data-v-24c720d8]{width:71px}.pagination__button-finish[data-v-24c720d8]{width:105px}.pagination__list[data-v-24c720d8]{transition:all .3s;display:flex;flex-wrap:wrap;overflow:hidden}.pagination__item[data-v-24c720d8]{display:flex;justify-content:center;align-items:center;width:34px;height:34px;color:#606266;line-height:18px;font-size:12px;font-weight:500px;cursor:pointer;border-radius:20px}.pagination__item_active[data-v-24c720d8]{background:#d9ecff;color:#303133}.pagination__item.wrong[data-v-24c720d8]{color:red}.page--sidebar[data-v-24c720d8]{overflow:hidden;display:flex;flex:1}.page--sidebar .content--course[data-v-24c720d8]{padding:0;display:flex;flex-direction:column}.page--sidebar .page__content[data-v-24c720d8]{position:relative;padding:0;margin:0}.page--sidebar .page__video[data-v-24c720d8]{height:100%;display:flex}.page--sidebar .page__video .player[data-v-24c720d8]{flex:1}.lab__list[data-v-24c720d8]{margin-top:40px}.lab__item[data-v-24c720d8]{display:flex;padding-bottom:20px}.lab__item[data-v-24c720d8]:not(:last-child){border-bottom:1px solid #eee;margin-bottom:20px}.lab__title h3[data-v-24c720d8]{font-size:20px;margin-bottom:10px}.lab__title h3 span[data-v-24c720d8]{font-weight:400;font-size:14px;color:#666}.lab__controls[data-v-24c720d8]{padding-left:20px;align-self:center}.lab__progress[data-v-24c720d8]{width:300px;margin-top:10px}.finish_button[data-v-24c720d8]{margin-top:20px}[disabled][data-v-24c720d8]{opacity:.5;pointer-events:none}[data-v-24c720d8] .collapse__list{display:flex;flex-direction:column;gap:4px;margin-bottom:13px;font-family:Ubuntu Mono,monospace;font-size:13px;padding-left:1px}[data-v-24c720d8] .collapse__list li{line-height:13px;display:flex;align-items:center}[data-v-24c720d8] .el-collapse-item{border:1px solid #efefef}[data-v-24c720d8] .el-collapse-item__header{background-color:#efefef}[data-v-24c720d8] .el-collapse-item__header i.header-icon{margin:0 6px}[data-v-24c720d8] .el-collapse-item__content{padding:2px 6px}.player[data-v-24c720d8]{width:640px;height:320px;max-width:100%;max-height:100%}svg[data-v-6097fe7c]{cursor:pointer}.fullscreen[data-v-7cbc7654]{margin-left:auto}.sidebar[data-v-7cbc7654]{position:relative;min-width:456px;max-width:456px;padding:16px 24px;background-color:#fff}.sidebar .no-challenge[data-v-7cbc7654]{display:inline-block;margin-top:20px}.sidebar__main[data-v-7cbc7654]{height:100%;overflow:auto}.sidebar--lab[data-v-7cbc7654],.sidebar__main[data-v-7cbc7654]{display:flex;flex-direction:column;justify-content:space-between}.sidebar__description[data-v-7cbc7654],.sidebar__logo[data-v-7cbc7654]{margin-bottom:20px}.sidebar__content[data-v-7cbc7654]{flex:1;margin:10px 0;border:1px solid #eee;border-radius:6px;padding:10px;display:flex;flex-direction:column;justify-content:space-between;overflow:auto}.sidebar__header[data-v-7cbc7654]{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #e4e7ed}.sidebar__info[data-v-7cbc7654]{font-size:12px;line-height:18px;color:#909399;margin-bottom:7px}.sidebar__info-wrap[data-v-7cbc7654]{display:flex;align-items:center;gap:48px}.sidebar__progress-wrap[data-v-7cbc7654]{position:relative;display:flex;align-items:center;width:266px}.sidebar__progress-wrap .sidebar__progress-bar[data-v-7cbc7654]{flex:1}.sidebar__progress-wrap span[data-v-7cbc7654]{position:relative;right:1px;font-size:12px;line-height:18px;color:#606266;display:block}.sidebar__progress-bar[data-v-7cbc7654]{width:266px}iframe[data-v-7cbc7654]{width:100%;height:100%}.sidebar__steps[data-v-7cbc7654]{display:flex;flex-direction:column}.sidebar__steps button[data-v-7cbc7654]{border:none;background:#1890ff;border-radius:4px;color:#fff;padding:5px 10px}.video-and-fullscreen[data-v-7cbc7654]{background:#000;z-index:99}.video-and-fullscreen__wrapper[data-v-7cbc7654]{display:flex;align-items:center;padding:5px 15px;color:#fff}.video-and-fullscreen__wrapper .el-icon-rank[data-v-7cbc7654]{transform:rotate(45deg);font-size:35px;cursor:pointer}.video-and-fullscreen__wrapper .el-icon-close[data-v-7cbc7654],.video-and-fullscreen__wrapper .el-icon-video-camera[data-v-7cbc7654]{font-size:35px;cursor:pointer;background:transparent;color:#fff;border:none}.page--sidebar[data-v-7cbc7654]{overflow:hidden;display:flex;flex:1}.page--sidebar .content--course[data-v-7cbc7654]{padding:0;display:flex;flex-direction:column}.page--sidebar .page__content[data-v-7cbc7654]{position:relative;padding:0;margin:0}.page--sidebar .page__video[data-v-7cbc7654]{height:100%;display:flex}.page--sidebar .page__video .player[data-v-7cbc7654]{flex:1}.page--sidebar .addresses[data-v-7cbc7654]{font-size:12px}.page--sidebar .addresses span[data-v-7cbc7654]{margin:0 4px;color:#add8e6}[disabled][data-v-7cbc7654]{opacity:.5;pointer-events:none}.margin-top[data-v-7cbc7654]{margin-top:20px}.profile{display:flex;flex-direction:column;flex:1}.profile__title{margin:40px 0 12px 0}.profile__form{width:720px}.profile__header{display:flex;align-items:center;padding:24px;box-shadow:0 1px 2px rgba(0,0,0,.1);border-radius:2px;background:#fff}.profile__info{display:flex;gap:12px}.profile__email,.profile__user-info{color:#909399}.profile__avatar img{width:74px;height:74px;-o-object-fit:contain;object-fit:contain}.profile__img-wrap{display:block;position:relative;display:flex;justify-content:center}.profile__img-wrap img{border-radius:50%}.profile__img-wrap:after{transition:all .3s;content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);opacity:0;display:flex;border-radius:40px}.profile__img-wrap:hover div{opacity:1;color:#fff}.profile__img-wrap:hover:after{opacity:1}.profile__input-wrap{align-self:center;position:absolute;opacity:0;z-index:2;transition:all .3s}.profile__input-wrap label{cursor:pointer}.profile__name{font-weight:500}.profile__chahge-password{margin-top:24px;padding:24px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.1);border-radius:2px}.profile__title-h3{font-weight:500;margin-bottom:16px}.profile__form-item-wrap{width:306px}.profile__password-eye{position:absolute;top:0;right:9px;cursor:pointer}.profile .last-item{margin-bottom:0!important;margin-top:16px}.profile .last-item div{margin:0!important}.profile .el-form-item{margin-bottom:8px}.profile .el-form-item__label{font-size:14px;font-weight:400;color:#606266;line-height:22px;float:none}.profile .el-form-item__content{margin-left:0!important;margin-top:4px}.profile .el-form-item__error{position:static}.profile .el-input__inner{padding:0 12px}.profile .el-input__icon{cursor:pointer}.profile .profile__form-item-wrap .el-input{font-family:Noto Sans SC,sans-serif}.profile .profile__form-item-wrap .el-input input[type=text]{letter-spacing:12px}.profile .profile__form-item-wrap .el-input input[type=password]{letter-spacing:5px}.collapse{display:flex;flex-direction:column;gap:12px;margin-bottom:40px;width:100%}.collapse .el-collapse{border:none;box-shadow:0 1px 2px rgba(0,0,0,.1);border-radius:2px}.collapse__title{width:100%;height:100%;display:flex;align-items:center;padding:12px}.collapse__title svg{transition:transform .3s}.collapse__title .rotate{transform:rotate(-180deg)}.collapse__index{color:#909399;margin-right:6px}.collapse__text{color:#303133;flex-grow:1}.collapse__text,.collapse__text *{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collapse__text *{width:100%}.collapse__percentage{font-weight:500;margin-right:12px;display:flex;flex-direction:row}.collapse__percentage svg{width:24px;height:24px}.collapse .el-collapse-item__arrow{display:none}.collapse__results{color:#909399;margin-bottom:4px}.collapse .el-collapse-item__content{padding:0 12px 12px 12px}.collapse .el-collapse-item__header.is-active .collapse__text{visibility:hidden;opacity:0}.collapse__list{display:flex;flex-direction:column;gap:4px;margin-bottom:13px;font-family:Ubuntu Mono,monospace;padding-left:1px}.collapse__list li{display:flex;align-items:center;gap:5px;font-size:14px;line-height:18px}.collapse__task{display:inline-flex;align-items:center;gap:4px;cursor:pointer}.collapse__task span{color:#909399;font-weight:500}.colored-progress{font-size:14px;font-weight:200;margin-left:6px}.markdown-body{font-size:14px;line-height:22px}.markdown-task{text-transform:capitalize}.task-text{margin-left:20px}.logs__result{min-height:40px;max-height:100vh;overflow:auto;box-sizing:border-box}.logs__result .log{padding:6px;background:#000;color:#fff;max-width:100%;overflow-x:hidden;white-space:normal}.logs__result .log,.logs__result .log pre{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.logs__result .log pre{white-space:pre-wrap;margin:0 0;font-family:Courier New,Courier,monospace}.result[data-v-16c2031a]{display:flex;flex-direction:column;flex:1;overflow-y:auto;max-height:calc(100vh - 60px);position:relative}.result__header[data-v-16c2031a]{position:relative;width:100%;min-height:226px;display:flex;flex-direction:column;align-items:center;margin:16px 0 24px 0;padding:60px 0 20px 0;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.1);border-radius:2px}.result .lottie[data-v-16c2031a],.result__congratulations[data-v-16c2031a],.result svg[data-v-16c2031a]{position:absolute;width:128px;height:113px;top:-34px;right:-30px;-o-object-fit:contain;object-fit:contain;z-index:1;transform:translateZ(0)}.result__great-job[data-v-16c2031a]{color:#606266;margin-bottom:8px}.result__progress-bar[data-v-16c2031a]{width:331px;margin-bottom:4px}.result__encouraging[data-v-16c2031a]{margin-bottom:20px;color:#606266}.result__encouraging .quote[data-v-16c2031a]{margin-top:20px;border:solid rgba(230,235,245,.5);border-width:3px 0}.result__encouraging .quote-text[data-v-16c2031a]{text-align:center;font-family:Lato,sans-serif;font-size:14px;font-weight:300;font-style:italic}.result__encouraging .quote-text[data-v-16c2031a]:before{content:"“";font-family:serif}.result__encouraging .quote-text[data-v-16c2031a]:after{content:"”";font-family:serif}.result__encouraging .quote-author[data-v-16c2031a]{text-align:right;font-size:12px;font-family:Lato,sans-serif}.result__encouraging .quote-author[data-v-16c2031a]:before{content:"- "}.result__back[data-v-16c2031a]{width:240px;background-color:#409eff;color:#fff;border:0;padding:9px 20px}.result__back span[data-v-16c2031a]{font-weight:500;line-height:22px;font-size:14px}.result__back[data-v-16c2031a]:hover{background-color:#409eff;color:#fff}.result__info[data-v-16c2031a]{display:flex;justify-content:space-between;width:100%;margin-bottom:16px}.result__info h3[data-v-16c2031a]{margin-bottom:4px}.result__lab-name[data-v-16c2031a]{color:#909399}.result__show-log[data-v-16c2031a]{align-self:flex-end;border:1px solid #409eff;color:#409eff}.result .el-button.is-plain[data-v-16c2031a]:focus,.result .el-button.is-plain[data-v-16c2031a]:hover{background:#fff;border-color:#409eff;color:#409eff}.result .container[data-v-16c2031a]{align-items:center}[data-v-16c2031a] .log-dialog{margin:15px!important}.history[data-v-cb49dff8]{flex:1;display:flex;flex-direction:column}.history__title[data-v-cb49dff8]{position:relative;margin:40px 0 4px 0}.history__title div[data-v-cb49dff8]{position:absolute;left:-30px;top:5px;display:inline-flex;cursor:pointer}.history__description[data-v-cb49dff8]{color:#909399;margin-bottom:24px}.history__header[data-v-cb49dff8]{min-width:720px;display:flex;margin-bottom:16px}.history__left[data-v-cb49dff8]{display:flex;flex-direction:column;gap:12px}.history__left-top[data-v-cb49dff8]{display:flex;gap:8px}.history__progress[data-v-cb49dff8]{display:flex;flex-direction:column}.history__progress-text[data-v-cb49dff8]{color:#606266}.history__progress-bar[data-v-cb49dff8]{width:220px}.history__left-bottom[data-v-cb49dff8]{display:flex;gap:24px}.history__button[data-v-cb49dff8]{display:flex;align-items:center;gap:4px;background:inherit;border:none;padding:0}.history__button span[data-v-cb49dff8]{color:#909399;font-weight:500}.history__right[data-v-cb49dff8]{display:flex;flex-grow:1;justify-content:flex-end;align-items:flex-end}.history__attemp[data-v-cb49dff8]{width:191px;padding:8px 0;background-color:#409eff}.history__btn-text[data-v-cb49dff8]{display:inline-flex;align-items:center;gap:4px}.history__btn-text svg[data-v-cb49dff8]{fill:hsla(0,0%,100%,.85);stroke:hsla(0,0%,100%,.85)}.history__btn-text span[data-v-cb49dff8]{color:#fff;font-weight:500}.attempts .el-dialog__wrapper[data-v-cb49dff8]{display:flex;justify-content:center;align-items:center}.attempts .el-dialog[data-v-cb49dff8]{width:474px;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;max-height:100%;overflow-y:auto;margin-top:0!important;margin:0!important;border-radius:4px;box-shadow:0 2px 12px rgba(0,0,0,.1);display:flex;flex-direction:column}.attempts .el-dialog__header[data-v-cb49dff8]{padding:11px 14px 7px 16px}.attempts .el-dialog__title[data-v-cb49dff8]{line-height:26px}.attempts .el-dialog__headerbtn[data-v-cb49dff8]{top:11px;right:14px}.attempts .el-dialog__body[data-v-cb49dff8]{padding:12px 17px;color:#606266;flex:1;overflow-y:auto}.attempts table[data-v-cb49dff8]{width:100%}.attempts .el-table[data-v-cb49dff8]:before{content:none}.attempts .el-table__row:last-child td[data-v-cb49dff8]{border:none}.attempts .el-table td[data-v-cb49dff8]{padding:13px 0}.attempts .el-table th.is-sortable[data-v-cb49dff8]{padding-top:6px;padding-bottom:6px}.attempts .cell[data-v-cb49dff8]{padding-left:8px!important;padding-right:8px!important;line-height:22px}.attempts__progress-bar[data-v-cb49dff8]{flex:1;white-space:nowrap}.attempts .el-table__body-wrapper[data-v-cb49dff8]{overflow-x:hidden}.empty-results[data-v-cb49dff8]{width:990px}.player[data-v-cb49dff8]{width:640px;height:320px;max-width:100%;max-height:100%}[data-v-cb49dff8] .attempt{cursor:pointer}[data-v-cb49dff8] .flexed{display:flex;justify-content:space-between}[data-v-cb49dff8] .log-dialog{overflow:hidden;margin:15px!important}[data-v-cb49dff8] .log-dialog .el-dialog{min-width:50%;width:auto}[data-v-cb49dff8] .log-dialog .el-dialog.is-fullscreen{display:flex;flex-direction:column;overflow:hidden}[data-v-cb49dff8] .log-dialog .el-dialog.is-fullscreen .el-dialog__body{flex:1 1 auto;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column}