@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;text-decoration:none}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}td,th{padding:0}ul,ol{margin:0;padding:0;list-style:none}fieldset{border:none;margin:0;padding:0}legend{padding:0}label{cursor:pointer}table{border-collapse:collapse;border-spacing:0}th,td{text-align:left;vertical-align:top}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-primary{color:#409eff}.text-success{color:#67c23a}.text-warning{color:#e6a23c}.text-danger{color:#f56c6c}.text-info,.text-muted{color:#909399}.text-white{color:#fff}.bg-primary{background-color:#409eff}.bg-success{background-color:#67c23a}.bg-warning{background-color:#e6a23c}.bg-danger{background-color:#f56c6c}.bg-info{color:#909399}.bg-light{background-color:#fcfcfc}.bg-white{background-color:#fff}.bg-transparent{background-color:transparent}.font-xs{font-size:12px}.font-sm{font-size:13px}.font-base{font-size:14px}.font-md{font-size:16px}.font-lg{font-size:18px}.font-xl{font-size:20px}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-bold{font-weight:700}.d-none{display:none!important}.d-block{display:block!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.position-static{position:static}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.position-sticky{position:sticky}.float-left{float:left}.float-right{float:right}.float-none{float:none}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-visible{overflow:visible}.text-ellipsis-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.m-0{margin:0}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mx-0{margin-left:0;margin-right:0}.my-0{margin-top:0;margin-bottom:0}.p-0{padding:0}.pt-0{padding-top:0}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.px-0{padding-left:0;padding-right:0}.py-0{padding-top:0;padding-bottom:0}.m-1{margin:4px}.mt-1{margin-top:4px}.mr-1{margin-right:4px}.mb-1{margin-bottom:4px}.ml-1{margin-left:4px}.mx-1{margin-left:4px;margin-right:4px}.my-1{margin-top:4px;margin-bottom:4px}.p-1{padding:4px}.pt-1{padding-top:4px}.pr-1{padding-right:4px}.pb-1{padding-bottom:4px}.pl-1{padding-left:4px}.px-1{padding-left:4px;padding-right:4px}.py-1{padding-top:4px;padding-bottom:4px}.m-2{margin:8px}.mt-2{margin-top:8px}.mr-2{margin-right:8px}.mb-2{margin-bottom:8px}.ml-2{margin-left:8px}.mx-2{margin-left:8px;margin-right:8px}.my-2{margin-top:8px;margin-bottom:8px}.p-2{padding:8px}.pt-2{padding-top:8px}.pr-2{padding-right:8px}.pb-2{padding-bottom:8px}.pl-2{padding-left:8px}.px-2{padding-left:8px;padding-right:8px}.py-2{padding-top:8px;padding-bottom:8px}.m-3{margin:12px}.mt-3{margin-top:12px}.mr-3{margin-right:12px}.mb-3{margin-bottom:12px}.ml-3{margin-left:12px}.mx-3{margin-left:12px;margin-right:12px}.my-3{margin-top:12px;margin-bottom:12px}.p-3{padding:12px}.pt-3{padding-top:12px}.pr-3{padding-right:12px}.pb-3{padding-bottom:12px}.pl-3{padding-left:12px}.px-3{padding-left:12px;padding-right:12px}.py-3{padding-top:12px;padding-bottom:12px}.m-4{margin:16px}.mt-4{margin-top:16px}.mr-4{margin-right:16px}.mb-4{margin-bottom:16px}.ml-4{margin-left:16px}.mx-4{margin-left:16px;margin-right:16px}.my-4{margin-top:16px;margin-bottom:16px}.p-4{padding:16px}.pt-4{padding-top:16px}.pr-4{padding-right:16px}.pb-4{padding-bottom:16px}.pl-4{padding-left:16px}.px-4{padding-left:16px;padding-right:16px}.py-4{padding-top:16px;padding-bottom:16px}.m-5{margin:20px}.mt-5{margin-top:20px}.mr-5{margin-right:20px}.mb-5{margin-bottom:20px}.ml-5{margin-left:20px}.mx-5{margin-left:20px;margin-right:20px}.my-5{margin-top:20px;margin-bottom:20px}.p-5{padding:20px}.pt-5{padding-top:20px}.pr-5{padding-right:20px}.pb-5{padding-bottom:20px}.pl-5{padding-left:20px}.px-5{padding-left:20px;padding-right:20px}.py-5{padding-top:20px;padding-bottom:20px}.border{border:1px solid #dcdfe6}.border-0{border:0}.border-top{border-top:1px solid #dcdfe6}.border-right{border-right:1px solid #dcdfe6}.border-bottom{border-bottom:1px solid #dcdfe6}.border-left{border-left:1px solid #dcdfe6}.rounded{border-radius:4px}.rounded-sm{border-radius:2px}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:12px}.rounded-full{border-radius:100%}.rounded-none{border-radius:0}.shadow{box-shadow:0 2px 4px #0000001f,0 0 6px #0000000a}.shadow-sm{box-shadow:0 2px 12px #0000001a}.shadow-lg{box-shadow:0 2px 4px #0000001f,0 0 6px #0000001f}.shadow-none{box-shadow:none}.w-full{width:100%}.w-auto{width:auto}.w-0{width:0}.w-1{width:8.3333333333%}.w-2{width:16.6666666667%}.w-3{width:25%}.w-4{width:33.3333333333%}.w-5{width:41.6666666667%}.w-6{width:50%}.w-7{width:58.3333333333%}.w-8{width:66.6666666667%}.w-9{width:75%}.w-10{width:83.3333333333%}.w-11{width:91.6666666667%}.w-12{width:100%}.h-full{height:100%}.h-auto{height:auto}.h-0{height:0}.h-screen{height:100vh}.max-w-full{max-width:100%}.max-h-full{max-height:100%}.min-w-0{min-width:0}.min-h-0{min-height:0}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-move{cursor:move}.select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.select-text{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.select-all{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}.select-auto{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.transition,.transition-all{transition:all .3s ease}.transition-colors{transition:color background-color border-color}.transition-opacity{transition:opacity .3s ease}.transition-transform{transition:transform .3s ease}.transform{transform:translateZ(0)}.scale-0{transform:scale(0)}.scale-50{transform:scale(.5)}.scale-75{transform:scale(.75)}.scale-90{transform:scale(.9)}.scale-95{transform:scale(.95)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.scale-110{transform:scale(1.1)}.scale-125{transform:scale(1.25)}.scale-150{transform:scale(1.5)}.rotate-0{transform:rotate(0)}.rotate-45{transform:rotate(45deg)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}.rotate-270{transform:rotate(270deg)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-auto{z-index:auto}@media (max-width: 479px){.xs\:hidden{display:none!important}}@media (min-width: 576px){.sm\:block{display:block!important}.sm\:hidden{display:none!important}}@media (min-width: 768px){.md\:block{display:block!important}.md\:hidden{display:none!important}.md\:flex{display:flex!important}}@media (min-width: 992px){.lg\:block{display:block!important}.lg\:hidden{display:none!important}.lg\:flex{display:flex!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.animate-fadeIn{animation:fadeIn .3s ease-in-out}.animate-fadeOut{animation:fadeOut .3s ease-in-out}.animate-slideInUp{animation:slideInUp .3s ease-out}.animate-slideInDown{animation:slideInDown .3s ease-out}.animate-bounce{animation:bounce 1s infinite}:root{--el-color-primary: #409eff;--el-color-primary-light-3: #66b1ff;--el-color-primary-light-5: #a0cfff;--el-color-primary-dark-2: #337ecc;--el-color-success: #67c23a;--el-color-warning: #e6a23c;--el-color-danger: #f56c6c;--el-color-error: #f56c6c;--el-color-info: #909399;--el-text-color-primary: #303133;--el-text-color-regular: #606266;--el-text-color-secondary: #909399;--el-text-color-placeholder: #c0c4cc;--el-text-color-disabled: #c0c4cc;--el-border-color: #dcdfe6;--el-border-color-light: #e4e7ed;--el-border-color-lighter: #ebeef5;--el-border-color-extra-light: #f2f6fc;--el-border-color-dark: #d3d4d6;--el-border-color-darker: #cdd0d6;--el-bg-color: #ffffff;--el-bg-color-page: #f2f3f5;--el-bg-color-overlay: #ffffff;--el-box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);--el-box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, .1);--el-box-shadow-dark: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .12);--el-border-radius-base: 4px;--el-border-radius-small: 2px;--el-border-radius-round: 20px;--el-border-radius-circle: 100%}.el-button{font-weight:500;border-radius:4px;transition:all .3s cubic-bezier(.645,.045,.355,1)}.el-button.is-round{border-radius:20px}.el-button.is-circle{border-radius:100%}.el-button.el-button--pte{color:#fff;background-color:#1890ff;border-color:#1890ff}.el-button.el-button--pte:hover{color:#fff;background-color:#4ba9ff;border-color:#4ba9ff}.el-button.el-button--pte:active{color:#fff;background-color:#0076e4;border-color:#0076e4}.el-input .el-input__wrapper{border-radius:4px;transition:all .3s cubic-bezier(.645,.045,.355,1)}.el-input .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--el-color-primary-light-7) inset}.el-input .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--el-color-primary) inset}.el-card{border-radius:4px;box-shadow:0 2px 12px #0000001a;transition:all .3s cubic-bezier(.645,.045,.355,1)}.el-card:hover{box-shadow:0 2px 4px #0000001f,0 0 6px #0000000a}.el-card .el-card__header{border-bottom:1px solid #ebeef5;padding:16px 20px}.el-card .el-card__header .card-header{display:flex;align-items:center;justify-content:space-between}.el-card .el-card__header .card-header .card-title{font-size:16px;font-weight:500;color:#303133}.el-card .el-card__body{padding:20px}.el-table{border-radius:4px;overflow:hidden}.el-table .el-table__header th{background-color:#fcfcfc;color:#303133;font-weight:500}.el-table .el-table__row:hover{background-color:#f5f7fa}.el-pagination .el-pager li{border-radius:4px;margin:0 2px}.el-pagination .el-pager li.is-active{background-color:#409eff;color:#fff}.el-pagination .btn-prev,.el-pagination .btn-next{border-radius:4px}.el-menu{border-right:none}.el-menu .el-menu-item{border-radius:4px;margin:2px 8px}.el-menu .el-menu-item:hover{background-color:#f5f7fa}.el-menu .el-menu-item.is-active{background-color:#409eff;color:#fff}.el-menu .el-menu-item.is-active:before{display:none}.el-menu .el-sub-menu .el-sub-menu__title{border-radius:4px;margin:2px 8px}.el-menu .el-sub-menu .el-sub-menu__title:hover{background-color:#f5f7fa}.el-tabs .el-tabs__header{margin:0}.el-tabs .el-tabs__header .el-tabs__nav{border:none}.el-tabs .el-tabs__header .el-tabs__nav .el-tabs__item{border:none;padding:0 20px;height:40px;line-height:40px;border-radius:4px 4px 0 0}.el-tabs .el-tabs__header .el-tabs__nav .el-tabs__item.is-active{background-color:#409eff;color:#fff}.el-tabs .el-tabs__content{padding:20px 0}.el-dialog{border-radius:4px}.el-dialog .el-dialog__header{border-bottom:1px solid #ebeef5;padding:16px 20px}.el-dialog .el-dialog__header .el-dialog__title{font-size:18px;font-weight:500;color:#303133}.el-dialog .el-dialog__body{padding:20px}.el-dialog .el-dialog__footer{border-top:1px solid #ebeef5;padding:16px 20px}.el-drawer .el-drawer__header{border-bottom:1px solid #ebeef5;padding:16px 20px;margin-bottom:0}.el-drawer .el-drawer__header .el-drawer__title{font-size:18px;font-weight:500;color:#303133}.el-drawer .el-drawer__body{padding:20px}.el-message{border-radius:4px;box-shadow:0 2px 4px #0000001f,0 0 6px #0000000a}.el-message.el-message--success{background-color:#eef8e9;border-color:#c1e7ae}.el-message.el-message--success .el-message__content{color:#3d7323}.el-message.el-message--warning{background-color:#fff;border-color:#f7e3c4}.el-message.el-message--warning .el-message__content{color:#a76d15}.el-message.el-message--error{background-color:#fff;border-color:#fffbfb}.el-message.el-message--error .el-message__content{color:#eb1010}.el-notification{border-radius:4px;box-shadow:0 2px 4px #0000001f,0 0 6px #0000001f}.el-loading-mask{background-color:#ffffffe6}.el-loading-mask .el-loading-spinner .el-loading-text{color:#303133;font-weight:500}.el-progress .el-progress-bar .el-progress-bar__outer{border-radius:20px;background-color:#f5f7fa}.el-progress .el-progress-bar .el-progress-bar__inner{border-radius:20px;transition:all .3s cubic-bezier(.645,.045,.355,1)}.el-steps .el-step .el-step__head .el-step__icon{border-radius:100%}.el-steps .el-step .el-step__head .el-step__icon.is-text{background-color:#f5f7fa;color:#909399}.el-steps .el-step.is-process .el-step__icon{background-color:#409eff;color:#fff}.el-steps .el-step.is-finish .el-step__icon{background-color:#67c23a;color:#fff}.skill-speaking .el-card{border-left:4px solid #52c41a}.skill-speaking .el-card .skill-icon{color:#52c41a}.skill-speaking .el-card .skill-progress .el-progress-bar__outer{background-color:#caf5b5}.skill-speaking .el-card .skill-progress .el-progress-bar__inner{background-color:#52c41a}.skill-writing .el-card{border-left:4px solid #fa8c16}.skill-writing .el-card .skill-icon{color:#fa8c16}.skill-writing .el-card .skill-progress .el-progress-bar__outer{background-color:#feefde}.skill-writing .el-card .skill-progress .el-progress-bar__inner{background-color:#fa8c16}.skill-reading .el-card{border-left:4px solid #1890ff}.skill-reading .el-card .skill-icon{color:#1890ff}.skill-reading .el-card .skill-progress .el-progress-bar__outer{background-color:#e4f2ff}.skill-reading .el-card .skill-progress .el-progress-bar__inner{background-color:#1890ff}.skill-listening .el-card{border-left:4px solid #eb2f96}.skill-listening .el-card .skill-icon{color:#eb2f96}.skill-listening .el-card .skill-progress .el-progress-bar__outer{background-color:#fde9f4}.skill-listening .el-card .skill-progress .el-progress-bar__inner{background-color:#eb2f96}.difficulty-easy{color:#52c41a}.difficulty-easy .el-tag{background-color:#daf8cb;border-color:#aaef88;color:#2c6a0e}.difficulty-medium{color:#fa8c16}.difficulty-medium .el-tag{background-color:#fffbf7;border-color:#fdd6ac;color:#a65804}.difficulty-hard{color:#f5222d}.difficulty-hard .el-tag{background-color:#fffefe;border-color:#fcb4b8;color:#a90810}*{box-sizing:border-box;margin:0;padding:0}html{height:100%;font-size:14px}body{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;color:#303133;background-color:#fff;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ebeef5;border-radius:3px}::-webkit-scrollbar-thumb{background:#dcdfe6;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#d3d4d6}a{color:#409eff;text-decoration:none;transition:color .3s}a:hover{color:#66b1ff}img{max-width:100%;height:auto}input,textarea,select{font-family:inherit}button{font-family:inherit;cursor:pointer;border:none;outline:none}.clearfix:after{content:"";display:table;clear:both}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-start{display:flex;align-items:center;justify-content:flex-start}.flex-end{display:flex;align-items:center;justify-content:flex-end}@media (max-width: 768px){.hidden-xs{display:none!important}}@media (min-width: 769px){.visible-xs{display:none!important}}