.myCanvas[data-v-f1e427ee]{border-radius:1.5rem;background-size:100% 100%!important;background-repeat:no-repeat}.color-selector[data-v-f1e427ee]{display:flex;flex-wrap:wrap;justify-content:center}.color-item[data-v-f1e427ee]{width:1.8rem;height:1.8rem;border-radius:50%;margin:.2rem;cursor:pointer;border:1px solid #fff;transition:all .2s}.color-item[data-v-f1e427ee]:hover{transform:scale(1.1)}.color-selected[data-v-f1e427ee]{box-shadow:0 0 0 2px #fff;transform:scale(1.1)}.cancleBtn[data-v-f1e427ee]{background:linear-gradient(90deg,#ffa143,#ffc11d)}.cancleBtn[data-v-f1e427ee],.confirmBtn[data-v-f1e427ee]{font-size:1.4rem;color:#fff;height:3.2rem;width:9.4rem;text-align:center;line-height:3.2rem;border-radius:1.6rem}.confirmBtn[data-v-f1e427ee]{background:#2a9bff}.cancleBtn[data-v-f1e427ee]:hover{background:linear-gradient(90deg,#f38b22,#f38b22)}.confirmBtn[data-v-f1e427ee]:hover{background:#158ffa}.playback-cnt-popover-class{width:3.2rem!important;min-width:0!important}.volume-popover,.volume-popover-fullscreen{border-radius:12px!important;border:none!important;box-shadow:0 8px 32px rgba(0,0,0,.15)!important;padding:0!important;background:linear-gradient(135deg,#fff,#f8fafc)!important}.volume-popover-fullscreen{background:linear-gradient(135deg,hsla(0,0%,100%,.95),rgba(248,250,252,.95))!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.volume-control-panel{padding:16px;border-radius:12px}.volume-header{display:flex;align-items:center;margin-bottom:16px;gap:8px}.volume-icon-wrapper{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#16a0e9,#1890ff);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(22,160,233,.3)}.volume-icon-wrapper:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(22,160,233,.4)}.volume-icon{width:16px!important;height:16px!important;filter:brightness(0) invert(1)}.volume-text{color:#2c3e50;font-size:14px;font-weight:500;flex:1}.volume-percentage{color:#16a0e9;font-size:14px;font-weight:600;min-width:40px;text-align:right}.volume-slider-wrapper{position:relative}.volume-slider{margin:0!important}.volume-slider .el-slider__runway{height:6px!important;background:linear-gradient(90deg,#e8f4fd,#d1ecf1)!important;border-radius:3px!important}.volume-slider .el-slider__bar{background:linear-gradient(90deg,#16a0e9,#1890ff)!important;border-radius:3px!important;height:6px!important}.volume-slider .el-slider__button{width:16px!important;height:16px!important;background:#fff!important;border:2px solid #16a0e9!important;box-shadow:0 2px 8px rgba(22,160,233,.3)!important;transition:all .3s ease!important}.volume-slider .el-slider__button:hover{transform:scale(1.2)!important;box-shadow:0 4px 12px rgba(22,160,233,.5)!important}.volume-slider .el-slider__button-wrapper{width:16px!important;height:16px!important}.volume-popover-fullscreen[x-placement^=top] .popper__arrow,.volume-popover-fullscreen[x-placement^=top] .popper__arrow:after,.volume-popover[x-placement^=top] .popper__arrow,.volume-popover[x-placement^=top] .popper__arrow:after{border-top-color:#fff!important}.fadeIn[data-v-fb6ad6d6]{-webkit-animation:fade-in-data-v-fb6ad6d6 .3s ease-in-out;animation:fade-in-data-v-fb6ad6d6 .3s ease-in-out}@-webkit-keyframes fade-in-data-v-fb6ad6d6{0%{opacity:0}to{opacity:1}}@keyframes fade-in-data-v-fb6ad6d6{0%{opacity:0}to{opacity:1}}video[data-v-fb6ad6d6]{-o-object-fit:contain;object-fit:contain}.studentTaskScroll[data-v-3fd79452]::-webkit-scrollbar{display:none}.loginContainer[data-v-3fd79452]{position:fixed;top:0;left:0;z-index:9999999;width:100vw;height:100vh;background:url(../img/class_bg.56d235bb.png) no-repeat;background-size:100% 100%}.studentContainer[data-v-3fd79452]{width:80rem;height:calc(100vh - 10.4rem);padding:.5rem;margin:0 auto;background:linear-gradient(to bottom right,hsla(0,0%,100%,.7) 0,hsla(0,0%,100%,0) 50%,hsla(0,0%,100%,.7));border-radius:2rem}.sendSmsBtn[data-v-3fd79452]{cursor:pointer;width:6.8rem;height:2.4rem;line-height:2.4rem;text-align:center;font-size:1.4rem;border-radius:1.2rem;color:#fff;background:linear-gradient(90deg,#ffa143,#ffc11d)}.sendSmsBtn[data-v-3fd79452]:hover{background:linear-gradient(90deg,#f38b22,#f38b22)}.loginBtn[data-v-3fd79452]{cursor:pointer;width:6.8rem;height:2.4rem;line-height:2.4rem;text-align:center;font-size:1.4rem;border-radius:1.2rem;color:#fff;background:#2a9bff}.loginBtn[data-v-3fd79452]:hover{background:#158ffa}.classContainer[data-v-3fd79452]{width:200%;position:absolute;top:0;left:-50%;background:red;overflow:hidden;border-radius:0 0 50% 50%;background:linear-gradient(0deg,rgba(15,133,219,.25),hsla(0,0%,100%,0) 30%,hsla(0,0%,100%,0))}.floatStudentScroll[data-v-5547d642]::-webkit-scrollbar,.floatWorkScroll[data-v-5547d642]::-webkit-scrollbar{display:none}.bScroll[data-v-5547d642]::-webkit-scrollbar,.floatClassScroll[data-v-5547d642]::-webkit-scrollbar{display:none}.workScroll[data-v-5547d642]::-webkit-scrollbar{display:none}.sendSmsBtn[data-v-5547d642]{background:linear-gradient(90deg,#ffa143,#ffc11d)}.loginBtn[data-v-5547d642],.sendSmsBtn[data-v-5547d642]{cursor:pointer;width:6.8rem;height:2.4rem;line-height:2.4rem;text-align:center;font-size:1.4rem;border-radius:1.2rem;color:#fff}.loginBtn[data-v-5547d642]{background:#2a9bff}.loginBtn[data-v-5547d642]:hover{background:#158ffa}.sendSmsBtn[data-v-5547d642]:hover{background:linear-gradient(90deg,#f38b22,#f38b22)}.fadeIn[data-v-5547d642]{-webkit-animation:fade-in-data-v-5547d642 .3s ease-in-out;animation:fade-in-data-v-5547d642 .3s ease-in-out}@-webkit-keyframes fade-in-data-v-5547d642{0%{opacity:0}to{opacity:1}}@keyframes fade-in-data-v-5547d642{0%{opacity:0}to{opacity:1}}.singInBg[data-v-5547d642]{background:#cfeeff}.unSingInBg[data-v-5547d642]{background:#eee}.swiper-slide[data-v-5547d642]{flex-shrink:1}.loginContainer[data-v-5547d642],html[data-v-5547d642]{height:100vh;width:100vw;overflow:hidden}.loginContainer[data-v-5547d642]{background:url(../img/class_bg.56d235bb.png) no-repeat;background-size:100% 100%}.studentContainer[data-v-5547d642]{width:80rem;height:calc(100vh - 10.4rem);padding:.5rem;margin:0 auto;background:linear-gradient(to bottom right,hsla(0,0%,100%,.7) 0,hsla(0,0%,100%,0) 50%,hsla(0,0%,100%,.7));border-radius:2rem}.classContainer[data-v-5547d642]{width:200%;position:absolute;top:0;left:-50%;background:red;overflow:hidden;border-radius:0 0 50% 50%;background:linear-gradient(0deg,rgba(15,133,219,.25),hsla(0,0%,100%,0) 30%,hsla(0,0%,100%,0))}