.header-tabs{display:flex;align-items:center;width:332px;height:48px;border-radius:24px;background:#121337;position:relative}.header-tabs__slider{position:absolute;bottom:0;left:0;height:48px;transition:all .3s ease;background:#333962;border-radius:24px;border:2px solid #1796ff;z-index:1}.header-tabs__item{display:flex;align-items:center;justify-content:center;flex:1;height:48px;cursor:pointer;color:#d3dfff;overflow:hidden;position:relative;z-index:2;font-weight:400;padding-left:28px;gap:8px}.header-tabs__item:hover{color:#288bff}.header-tabs__item.active{color:#288bff;font-weight:700}.header-tabs__text{font-size:18px;flex:1}.header-tabs__logo{width:36px;height:36px}.personal-user{display:flex;flex-direction:column;background:url(/joycode/images/headers/user-center-bg.png) no-repeat;width:312px;height:502px;padding:38px 28px 0}.personal-user.isVip .personal-user__avatar{background:linear-gradient(180deg,#fff2dc,#ffc885)}.personal-user.isVip .personal-user__avatar-inner{background:#ffb041;box-shadow:inset 0 2px 3px 0 rgba(213,76,0,.4)}.personal-user.isVip .personal-user__avatar-inner:after{background:#e46f00}.personal-user.isVip .personal-user__editor{background:#dc6c00}.personal-user.isVip .personal-user__des{color:#ffe5c3}.personal-user.isVip .personal-user__vip{filter:grayscale(0)}.personal-user.isVip .personal-user__name{color:#eb7b00}.personal-user__avatar{width:136px;height:180px;border-radius:24px;background:linear-gradient(180deg,#222f7a,#233499);box-shadow:inset 0 2px 2px 0 rgba(142,174,255,.4);margin:0 auto;position:relative;padding:10px 0}.personal-user__avatar-inner{width:110px;height:127px;background:#5063cd;box-shadow:inset 0 2px 3px 0 #0c196f;margin:6px auto 0;border-radius:24px;padding-top:14px;position:relative}.personal-user__avatar-inner:after{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);content:"";width:58px;height:14px;background:#233294;border-radius:50%;z-index:1}.personal-user__avatar-pic{display:block;height:96px;width:auto;margin:0 auto;position:relative;z-index:2}.personal-user__name{width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 auto;font-family:FZLT;font-size:14px;color:#fff;text-align:center}.personal-user__vip{position:absolute;left:-18px;top:-18px;background:url(/joycode/images/common/vip.png) no-repeat;background-size:40px 40px;width:40px;height:40px;filter:grayscale(1)}.personal-user__editor{position:absolute;right:0;top:50%;transform:translateY(-50%);background:#23318a;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:10px 0 0 10px;cursor:pointer}.personal-user__editor .iconfont{margin-left:3px;color:#fff7d1}.personal-user__des,.personal-user__info{text-align:center;line-height:1.5}.personal-user__info{color:#fff;font-weight:700;margin:14px 0 8px}.personal-user__des{color:#d7d7d7}.personal-user__ctrls{display:flex;flex-direction:column;gap:12px;align-items:center;margin:14px 0}.personal-user__ctrls-btn{width:210px!important}.personal-user__loginout{width:-moz-max-content;width:max-content;margin:0 auto;color:#ffe5c3;font-weight:700;cursor:pointer}.personal-user__loginout .iconfont{margin-left:5px}.header-user{color:#d7d7d7}.header-user,.header-user__logined{width:52px;height:52px;position:relative}.header-user__logined{border-radius:50%;border:4px solid #4f94ff}.header-user__vip{position:absolute;left:-14px;top:0;background:url(/joycode/images/common/vip.png) no-repeat;background-size:24px 24px;width:24px;height:24px}.header-user__avatar{width:44px;height:44px;border-radius:50%;border:2px solid #fff;background:#3d5cd7;overflow:hidden;cursor:pointer}.header-user__avatar-pic{max-width:40px}.header-user__popup{position:absolute;right:0;top:65px;z-index:102;transform-origin:top right}.header-user__popup-close{position:absolute;right:10px;top:10px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer}.header-user__popup-close .iconfont{color:#fff;font-size:18px}@media(max-height:600px){.header-user__popup{transform:scale(.8)}}@media(max-height:480px){.header-user__popup{transform:scale(.7)}}.setting-group{border-bottom:1px solid #3a3d6b;padding:0 0 16px;margin-bottom:16px;color:#fff;position:relative;z-index:2}.setting-group:last-child{margin-bottom:0;border-bottom:0}.setting-group__title{font-size:16px;font-weight:600px;margin-bottom:16px}.setting-group__item{display:flex;align-items:center;height:40px}.setting-group__item-label{font-size:16px;flex:1;font-weight:400}.setting-group__item .t-checkbox__input{width:24px;height:24px;border-radius:8px;border:1.5px solid hsla(0,0%,100%,.5);--td-bg-color-container:rgba(0,0,0,.3)}.setting-group__item .t-checkbox__label{font-size:16px;color:hsla(0,0%,100%,.3)}.setting-group__item .t-checkbox.t-is-checked .t-checkbox__input{border-color:#5a92f7;background-color:#5a92f7}.setting-group__item .t-checkbox.t-is-checked .t-checkbox__input:after{content:"";font-family:iconfont;transform:rotate(0deg) scale(1) translate(-50%,-50%);border:none;border-radius:0 0 1px;color:#fff;left:5px;top:5px;font-size:12px}.setting-placeholder{position:relative}.setting-placeholder__btn{height:38px;display:flex;align-items:center;border-radius:8px;background:#383a5e;padding:0 16px;margin-right:30px;gap:8px;color:#fff;font-size:16px;cursor:pointer}.setting-placeholder__btn .iconfont{color:#5a92f7;font-size:22px;margin-top:2px}.setting-placeholder__btn:hover{background:#353756}.setting-popup{position:absolute;right:0;top:58px;width:280px;z-index:1000;transform-origin:top right}.setting-popup:after{content:"";position:absolute;width:calc(100% - 2px);height:calc(100% - 2px);left:1px;top:1px;background:linear-gradient(180deg,#121a4c 42.82%,#252d61);border-radius:14px;z-index:-1}.setting-popup:before{content:"";position:absolute;inset:0;border-radius:16px;padding:1.5px;background:linear-gradient(160deg,#a7ecff 7.05%,#8356f7 13.63%,#ffde85 31.96%,#3b77d8 90.44%);-webkit-mask:linear-gradient(#252d61 0 0) content-box,linear-gradient(#252d61 0 0);mask:linear-gradient(#252d61 0 0) content-box,linear-gradient(#252d61 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:3}.setting-popup__hd{display:flex;align-items:center;height:62px;padding:0 20px;position:relative}.setting-popup__hd:before{content:"";position:absolute;width:calc(100% - 4px);height:100%;left:2px;top:0;background:#08114b;border-radius:16px 16px 0 0;z-index:1}.setting-popup__hd-title{font-size:18px;color:#fff;font-weight:600;flex:1;position:relative;z-index:2}.setting-popup__close{cursor:pointer;position:relative;z-index:2}.setting-popup__close .iconfont{font-size:16px;color:#fff}.setting-popup__bd{padding:16px 20px;position:relative;overflow:hidden;border-radius:16px}.setting-popup__bd:before{content:"";position:absolute;right:2px;bottom:1px;width:100%;height:100%;border-color:transparent transparent #10184e;border-style:solid;border-width:0 0 300px 276px;z-index:1;border-radius:16px;overflow:hidden}.common-header{background:linear-gradient(90deg,#292a3d -1.8%,#292c52 62.32%);height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 40px 0 20px;position:relative;width:100%}.common-header:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:227px;height:72px;background:url(/joycode/images/common/logo-bg.png) no-repeat;background-size:227px 72px}.common-header__logo{width:145px;height:72px;background:url(/joycode/images/common/joycode-logo.png) no-repeat;background-size:145px 72px;position:relative;cursor:pointer;z-index:2}.common-header__right,.common-header__right--menu{display:flex;align-items:center}.common-header__right--menu{margin-right:40px;gap:16px}.common-header__right--menu-item{border-radius:8px;background:#383a5e;padding:0 16px;line-height:38px;color:#fff;font-size:16px}.common-header__right--menu-item:hover{background:#353756}.common-header__setting{cursor:pointer;margin-right:20px;color:#fff}.course-step__counter{height:60px;position:relative;display:flex;align-items:center}.course-step__counter.smallStyle{height:36px}.course-step__counter.smallStyle .course-step__counter-progress{min-width:98px;height:32px;border:2px solid #fff;border-radius:16px}.course-step__counter.smallStyle .course-step__counter-name,.course-step__counter.smallStyle .course-step__counter-text{font-size:16px}.course-step__counter.smallStyle:before{background-size:32px 32px;width:32px;height:32px}.course-step__counter.smallStyle:last-child:before{background-size:30px 30px;width:30px;height:30px}.course-step__counter-progress{position:relative;min-width:206px;height:60px;background:linear-gradient(90deg,#e5efff,#cee0ff);box-shadow:0 4px 4px rgba(0,83,168,.25);border:4px solid #fff;border-radius:30px;overflow:hidden}.course-step__counter-progressBar{background:#93f135;height:100%;position:absolute;left:0;top:0}.course-step__counter-content{position:relative;height:100%;display:flex;align-items:center;justify-content:center;gap:16px;width:100%;padding:0 10px}.course-step__counter:first-child:before{background-image:url(/joycode/images/common/map1.svg)}.course-step__counter:nth-child(2):before{background-image:url(/joycode/images/common/light1.svg)}.course-step__counter:before{content:"";background-repeat:no-repeat;background-size:54px 54px;width:54px;height:54px;position:relative;z-index:2;flex-shrink:0}.course-step__counter-name,.course-step__counter-text{font-size:22px;font-weight:700;line-height:1.5;color:#2a2c50}.course-step__counter-text{color:rgba(42,44,80,.5)}.course-step__counter-text.current{color:#2a2c50}.chapter-top__bar{display:flex;justify-content:center;position:relative;width:100%;padding-top:40px;z-index:101;gap:24px}@media(min-width:1200px)and (max-width:1439px){.chapter-top__bar{zoom:.7}}@media(min-width:1440px)and (max-width:1679px){.chapter-top__bar{zoom:.8}}@media(min-width:600px)and (max-width:1280px)and (orientation:landscape){.chapter-top__bar{width:165%;transform:scale(.6);transform-origin:top left}}.chapter-top__bar--right{position:absolute;top:35px;right:60px;background-image:linear-gradient(105deg,rgba(255,244,134,.16) 74.7%,hsla(0,0%,100%,.4) 77.94%),linear-gradient(104deg,#fffceb 45.78%,#fff19b 55.63%);border:2px solid #e6af55;height:66px;border-radius:0 30px 30px 0;display:flex;align-items:center}.chapter-top__bar--right.has-act-center .rankings-enter__right{margin-left:-5px}.act-center__enter{margin-left:-36px;flex:1;height:100px;display:flex;align-items:center;cursor:pointer}.act-center__enter:hover .act-center__enter-pic{transform:scale(1.05)}.act-center__enter-avatar{width:110px;height:110px;position:relative;margin-top:-5px}.act-center__enter-pic{max-width:110px;transition:all .2s ease}.act-center__enter-textWrap{width:auto;height:50px;overflow:hidden;position:relative;margin-left:-10px;border-radius:25px}.act-center__enter-textWrap:after{content:"";height:150%;width:25px;background:linear-gradient(105deg,rgba(255,244,134,.16) 74.7%,hsla(0,0%,100%,.4) 77.94%),linear-gradient(104deg,#fffceb 45.78%,#fff19b 55.63%);position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;opacity:.3;filter:blur(6px);animation:move 2s ease-out infinite}.act-center__enter-text{background:#9e6900;-webkit-text-fill-color:#fff;-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:5px transparent;font-family:FZLT;font-size:22px;letter-spacing:1.5px;padding:0 25px 0 15px;line-height:50px}@keyframes move{0%{transform:translate(-100px,-50px) rotate(45deg)}80%{transform:translate(100px,50px) rotate(45deg)}to{transform:translate(100px,50px) rotate(45deg)}}.rankings-enter{width:210px;height:62px;display:flex;align-items:center;cursor:pointer;position:relative;border-radius:0 32px 32px 0;background:linear-gradient(101deg,rgba(255,209,159,.16) 51.11%,hsla(0,0%,100%,.4) 66.32%),linear-gradient(102deg,#fffceb 33.77%,#ffd09f 46.87%)}.rankings-enter:hover .rankings-enter__pic{transform:scale(1.05)}.rankings-enter__avatar{margin-left:-50px;width:110px;height:110px;position:relative;margin-top:-5px}.rankings-enter__pic{max-width:110px;transition:all .2s ease;z-index:2;transform-origin:center center}.rankings-enter__item{display:flex;align-items:center}.rankings-enter__item:first-child .rankings-enter__item-icon{background-image:url(/joycode/images/rank/light.png);background-size:20px 20px;width:20px;height:20px}.rankings-enter__item:last-child .rankings-enter__item-icon{background-image:url(/joycode/images/rank/jiangbei.png);background-size:20px 20px;width:20px;height:20px;margin-right:2px}.rankings-enter__item-text{font-weight:500;color:#a14600;font-size:16px}.rankings-enter__right{padding-top:2px;margin-left:-15px}.rankings-enter__right-bd,.rankings-enter__right-hd{display:flex;align-items:center}.rankings-enter__right-bd{gap:8px;margin-left:8px}.rankings-enter__right-title{background:#a24106;-webkit-text-fill-color:#fff;-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:5px transparent;font-family:FZLT;font-size:22px;letter-spacing:1.5px;padding:0 5px 0 15px;line-height:1.4;width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rankings-enter__right-info{height:22px;border-radius:8px;background:#f4975e;line-height:22px;padding:0 4px;font-size:14px;color:#a14500;font-weight:500}.guide-video{position:relative;margin-top:100px}.guide-video__bg{width:80%}.guide-video__pop{position:absolute;left:50%;transform:translateX(-50%);top:-180px;border-radius:16px;background:#292b48;width:256px;height:180px;padding:20px 24px;cursor:pointer}@media(min-width:600px)and (max-width:1280px)and (orientation:landscape){.guide-video__pop{transform:translateX(-50%) scale(.8);transform-origin:bottom left}}.guide-video__pop:after{position:absolute;left:50%;transform:translateX(-50%) rotate(90deg);bottom:-30px;content:"";font-family:iconfont;color:#292b48;font-size:40px}.guide-video__title{font-size:18px;color:#fff;font-weight:700;text-align:center}.guide-video__cover{width:198px;height:104px;border-radius:4px;border:2px solid #fff;overflow:hidden;position:relative;margin-top:10px}.guide-video__cover-pic{width:194px;height:100px;-o-object-fit:cover;object-fit:cover}.guide-video__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:67px;height:67px;border-radius:50%;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center}.guide-video__play .iconfont{font-size:50px;color:#fff}.pop-confirm{position:absolute;left:-280px;top:4px;width:416px;background:#292b48;padding:40px;border-radius:24px;font-size:16px;line-height:1.5;color:#fff;z-index:99}@media(min-width:1200px)and (max-width:1439px){.pop-confirm{zoom:.8}}@media(min-width:1440px)and (max-width:1679px){.pop-confirm{zoom:.9}}@media(min-width:600px)and (max-width:1280px)and (orientation:landscape){.pop-confirm{transform:scale(.7);transform-origin:center center}}.pop-confirm__vip:before{content:"";position:absolute;left:30px;top:-28px;background:url(/joycode/images/common/vip.png) no-repeat;width:60px;height:60px}.pop-confirm:after{position:absolute;right:20px;bottom:-46px;content:"";font-family:iconfont;color:#292b48;font-size:60px;transform:rotate(90deg)}.pop-confirm__bd img{display:inline-block}.pop-confirm__ft{margin-top:20px}.pop-confirm__ctrls{display:flex;align-items:center;justify-content:flex-end;gap:16px}.pop-confirm__ctrls-btn{width:120px}.pop-confirm__ctrls-btn .custom-btn__inner{padding:0}.page-chapter{background:url(/joycode/images/chapterList/bg.jpg);background-size:cover;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.page-chapter__tabsPanel,.page-chapter__topper{position:relative;width:100%}.page-chapter__tabsPanel{margin-top:80px}@media(max-height:1150px){.page-chapter__tabsPanel{margin-top:20px}}@media(max-height:600px){.page-chapter__tabsPanel{margin-top:-50px}}.page-chapter__ctrls{display:flex;justify-content:flex-end;width:100%;flex-shrink:0}.page-chapter__ctrls-btn{position:relative;z-index:100;margin-right:50px;margin-bottom:50px}@media(min-width:1200px)and (max-width:1439px){.page-chapter__ctrls-btn{transform:scale(.7)}}@media(min-width:1440px)and (max-width:1679px){.page-chapter__ctrls-btn{transform:scale(.8)}}@media(min-width:600px)and (max-width:1280px)and (orientation:landscape){.page-chapter__ctrls-btn{transform:scale(.8)}}@media(min-width:600px)and (max-width:1280px)and (orientation:landscape)and (max-height:600px){.page-chapter__ctrls-btn{margin-top:-90px;margin-bottom:0;transform:scale(.7)}}.chapter-wrapper{width:100%;padding:0 100px}@media(max-height:1150px){.chapter-wrapper{transform:scale(.95)}}.chapter-wrapper .swiper{overflow:inherit}.chapter-item{min-height:300px;width:100%;position:relative;cursor:pointer}@media(max-height:1150px){.chapter-item{transform:scale(.95)}}.chapter-item.price-locked .chapter-item__pic,.chapter-item.price-locked:hover .chapter-item__pic,.chapter-item.progress-locked .chapter-item__pic,.chapter-item.progress-locked:hover .chapter-item__pic{filter:brightness(.6)}.chapter-item.price-locked:after{content:"";position:absolute;left:50%;top:210px;transform:translateX(-50%);background:url(/joycode/images/chapterList/vip.png) no-repeat;width:196px;height:196px;z-index:5}@media(min-width:1200px)and (max-width:1439px){.chapter-item.price-locked:after{zoom:.7}}@media(min-width:1440px)and (max-width:1679px){.chapter-item.price-locked:after{zoom:.8}}@media(max-height:860px){.chapter-item.price-locked:after{transform:translateX(-50%) scale(.5);transform-origin:top center;top:70px}}.chapter-item.progress-locked:after{content:"";position:absolute;left:50%;top:210px;transform:translateX(-50%);background:url(/joycode/images/chapterList/lock.png) no-repeat;z-index:5;width:192px;height:193px}@media(min-width:1200px)and (max-width:1439px){.chapter-item.progress-locked:after{zoom:.7}}@media(min-width:1440px)and (max-width:1679px){.chapter-item.progress-locked:after{zoom:.8}}@media(max-height:860px){.chapter-item.progress-locked:after{transform:translateX(-50%) scale(.5);transform-origin:top center;top:70px}}.chapter-item:hover .cursor-finger,.chapter-item:hover .cursor-hammer{display:block}.chapter-item:hover .whiteHalo{transform:scale(1.3);bottom:-130px}.chapter-item:hover .blueHalo{transform:scale(1.3);bottom:-52px}.chapter-item:hover .chapter-item__pic{filter:drop-shadow(0 0 5px rgba(255,213,78,.8));transform:scale(1.3)}.chapter-item:hover .chapter-item__info{opacity:1}.chapter-item:hover .chapter-item__group{background:url(/joycode/images/chapterList/title-bg1.png) no-repeat}.chapter-item:hover .chapter-item__des{background:none;box-shadow:none}.chapter-item:hover .chapter-item__tag{opacity:1;transform:translateY(-20px)}.chapter-item:hover .chapter-item__tag .chapter-item__tag-text{white-space:nowrap}@media(min-width:1440px)and (max-width:1679px){.chapter-item:hover .chapter-item__tag{transform:translateY(-20px) scale(.8)}}@media(min-width:1200px)and (max-width:1439px){.chapter-item:hover .chapter-item__tag{transform:translateY(-20px) scale(.7)}}@media(max-width:1199px){.chapter-item:hover .chapter-item__tag{transform:translateY(-20px) scale(.5)}}.chapter-item__imgWrap{width:100%;position:relative;top:80px;display:flex;justify-content:center}.chapter-item__tag{position:absolute;width:100%;height:100%;left:0;top:0;opacity:0;transition:all .2s}.chapter-item__tag-text{position:absolute;border-radius:25px;background:#292b48;padding:0 24px;line-height:50px;display:flex;align-items:center;color:#fff;font-size:18px}.chapter-item__tag-text:first-child{left:-80px;top:140px}.chapter-item__tag-text:nth-child(2){left:20px;top:-30px}.chapter-item__tag-text:nth-child(3){right:-30px;top:20px}.chapter-item__tag-text:nth-child(4){right:-40px;top:138px}@media(max-width:1199px){.chapter-item__tag-text:first-child{left:-160px;top:0}.chapter-item__tag-text:nth-child(2){left:0;top:-30px}.chapter-item__tag-text:nth-child(3){right:0;top:20px}.chapter-item__tag-text:nth-child(4){right:-160px;top:0}}.chapter-item__tag-label{color:#747474}@media(min-width:1200px)and (max-width:1439px){.chapter-item__tag{zoom:.7}}@media(min-width:1440px)and (max-width:1679px){.chapter-item__tag{zoom:.8}}.chapter-item__des{max-width:208px;text-align:center;line-height:52px;border-radius:26px;font-size:24px;padding:0 32px;color:#fff;width:-moz-max-content;width:max-content;background:linear-gradient(180deg,#0086ff,#0084ff 43.02%,#1b59f9);box-shadow:inset 0 4px 4px 0 rgba(0,222,255,.25),0 2px 4px 0 rgba(0,43,124,.5);margin:0 auto 6px;font-family:FZLT;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapter-item__group{position:relative;left:50%;transform:translateX(-50%);z-index:4;width:398px;height:216px}@media(min-width:1200px)and (max-width:1439px){.chapter-item__group{zoom:.7}}@media(min-width:1440px)and (max-width:1679px){.chapter-item__group{zoom:.8}}@media(max-height:860px){.chapter-item__group{transform:translateX(-50%) scale(.7);transform-origin:center center}}.chapter-item__title{text-align:center;font-family:FZLT;position:relative;--stroke-width:8px;--background-gradient:linear-gradient(180deg,#003cc7,#09f 85%);--text-gradient:linear-gradient(180deg,#ffe2f8,#fff 85%);margin-bottom:20px}.chapter-item__title-text{font-size:40px}.chapter-item__title-text:after,.chapter-item__title-text:before{content:attr(data-text);-webkit-background-clip:text;background-clip:text;color:transparent}.chapter-item__title-text:before{position:absolute;inset:0;background-image:var(--background-gradient);-webkit-text-stroke:var(--stroke-width)}.chapter-item__title-text:after{position:relative;z-index:1;background-image:var(--text-gradient)}.chapter-item__pic{display:block;width:100%;transition:all .2s;z-index:1}.chapter-item .whiteHalo{bottom:-100px;z-index:3}.chapter-item .blueHalo,.chapter-item .whiteHalo{position:absolute;transition:all .2s;width:100%;filter:none!important}.chapter-item .blueHalo{bottom:-40px;z-index:-1}.chapter-item__info{display:flex;justify-content:center;gap:16px;position:relative;z-index:2;opacity:0}.chapter-swiper__nav{position:absolute;top:72px;width:220px;display:flex;align-items:center;height:calc(100% - 72px);z-index:99}.chapter-swiper__nav.disable{display:none}.chapter-swiper__nav.next{background:linear-gradient(90deg,rgba(50,87,190,0),#3257be);right:0}.chapter-swiper__nav.next .chapter-swiper__ctrls{margin-left:120px}.chapter-swiper__nav.prev{background:linear-gradient(270deg,rgba(50,87,190,0),#3257be);left:0}.chapter-swiper__nav.prev .chapter-swiper__ctrls{transform:rotate(180deg);margin-left:40px}.chapter-swiper__ctrls{width:60px;height:60px;border-radius:50%;background:#292b48;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}.chapter-swiper__ctrls:hover{background:#262844}.chapter-swiper__ctrls .iconfont{font-size:50px}.dialog-guide{z-index:999}.guide-step-overlay{inset:inherit!important;--td-radius-medium:24px;--td-bg-color-container:#292b48}.guide-step-overlay .t-popup__content{box-shadow:none}.guide-step-overlay .t-guide__desc{font-size:16px;color:#fff}.guide-step-overlay .t-guide__counter,.guide-step-overlay .t-popup__arrow,.guide-step-overlay .t-popup__content{display:none}.t-guide__highlight{--td-radius-default:24px}.preview-video{position:fixed;left:0;top:0;width:100%;height:100%;z-index:888}.preview-video__mask{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.preview-video__close{position:absolute;right:0;top:-30px;width:32px;height:32px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.preview-video__close:hover{color:hsla(0,0%,100%,.8)}.preview-video__close .iconfont{font-size:20px}.preview-video__player{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:1000px;max-width:1420px}@media(max-width:1199px){.preview-video__player{zoom:.8}}@media(min-width:600px)and (max-width:1280px)and (orientation:landscape){.preview-video__player{transform:translate(-50%,-50%) scale(.8);zoom:1}}.preview-video__player-inner{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:24px}.preview-video__ctrls{display:flex;align-items:center;justify-content:center;margin-top:50px}@media(min-width:1200px)and (max-width:1439px){.preview-video__ctrls{zoom:.7}}@media(min-width:1440px)and (max-width:1679px){.preview-video__ctrls{zoom:.8}}.preview-video__ctrls-btn{width:340px}.guide-content{cursor:pointer;width:100%;height:calc(100% - 100px);margin-top:-60px;box-sizing:content-box;padding-top:80px;border-radius:24px}@media(min-width:1200px)and (max-width:1439px){.guide-content{zoom:.7}}@media(min-width:1440px)and (max-width:1679px){.guide-content{zoom:.8}}@media(min-width:600px)and (max-width:1280px)and (orientation:landscape){.guide-content{zoom:.7;height:calc(100% - 200px)}}.guide-content.ContinueLearning{width:calc(100% + 100px);position:absolute;bottom:0;height:calc(100% + 30px);overflow:hidden;right:0;border-radius:24px 0 0 24px}@media(min-width:600px)and (max-width:1280px)and (orientation:landscape){.guide-content.ContinueLearning{bottom:7px;right:-30px}}.guide-content.ContinueLearning .guide-content__inner{width:calc(100% - 100px)}.guide-content.ContinueLearning .guide-content__inner:before{left:inherit;right:60px}.guide-content.ContinueLearning .guide-content__finger{position:absolute;margin:0;right:0;bottom:-100px;z-index:1}.guide-content__inner{position:relative;width:calc(100% - 50px);margin:0 auto}.guide-content__inner:after{content:"";position:absolute;left:50px;top:-56px;background:url(/joycode/images/common/guide-xiushi.png) no-repeat;width:80px;height:103px;z-index:1}.guide-content__inner:before{content:"";font-family:iconfont;font-size:60px;color:#292b48;position:absolute;left:50px;transform:rotate(90deg);bottom:-30px;z-index:2}.guide-content__finger{background:url(/joycode/images/chapterList/finger.png) no-repeat;width:274px;height:265px;animation:guide-finger 1s linear infinite;transform-origin:center;margin:60px auto 0}@media(min-width:600px)and (max-width:1280px)and (orientation:landscape){.guide-content__finger{margin-top:-30px}}.guide-content__text{border-radius:24px;background:#292b48;padding:24px;font-size:16px;color:#fff;line-height:1.5;position:relative;z-index:2}@keyframes guide-finger{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.t-guide__reference+.t-portal-wrapper{display:none}.match-box{position:fixed;z-index:999}.match-box,.match-box__mask{left:0;top:0;width:100%;height:100%}.match-box__mask{position:absolute;background:rgba(0,0,0,.5)}.match-box__inner{width:977px;height:528px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:url(/joycode/images/matchbox/box-bg.png) no-repeat;padding:105px 22px 0}@media(min-width:600px)and (max-width:1280px)and (orientation:landscape){.match-box__inner{transform:translateX(-50%) translateY(-50%) scale(.7)}}@media(min-width:600px)and (max-width:1280px)and (orientation:portrait){.match-box__inner{transform:translateX(-50%) translateY(-50%) scale(.7)}}.match-box__close{position:absolute;right:22px;top:18px;width:32px;height:32px;color:#fff;cursor:pointer}.match-box__close .iconfont{font-size:20px;color:#fff}.match-box__title{right:52px;top:42px;color:#d5dfff;font-size:16px;line-height:36px;cursor:pointer}.match-box__footer,.match-box__title{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.match-box__footer{right:62px;bottom:23px;--td-text-color-primary:#d5dfff}.match-box__list{display:flex;justify-content:space-around}.match-box__card{border-radius:16px;border:2px solid #4a4c83;background:#1f2143;width:276px;height:360px;flex-shrink:0;padding:14px}.match-box__card .cover{width:248px;height:140px;border-radius:10px;overflow:hidden}.match-box__card .name{border-bottom:1px solid rgba(70,72,130,.5);height:32px;padding-bottom:8px;font-size:16px;color:#d3dfff;margin-top:24px}.match-box__card .name strong{color:#ff6499;font-weight:600}.match-box__card .title{margin-top:8px;color:#d3dfff;font-size:18px;font-style:normal;font-weight:600;line-height:26px;height:52px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.match-box__card .btn42{height:42px;width:100%;margin-top:24px}.match-box__empty{border-radius:16px;border:2px solid #4a4c83;background:#1f2143;width:276px;height:360px;flex-shrink:0;padding:14px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#d5dfff}.match-box__empty .empty{background:url(/joycode/images/matchbox/item-empty.png) no-repeat;width:133px;height:145px;background-size:100%}.feedback-modal{z-index:9999;width:1350px;height:714px;border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.feedback-modal__wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;transition:transform .3s ease;transform-origin:center}@media(min-width:1440px)and (max-width:1679px){.feedback-modal__wrapper{transform:translate(-50%,-50%) scale(.8)}}@media(min-width:1200px)and (max-width:1439px){.feedback-modal__wrapper{transform:translate(-50%,-50%) scale(.7)}}@media(max-width:1199px){.feedback-modal__wrapper{transform:translate(-50%,-50%) scale(.5)}}.feedback-modal__hd{background:linear-gradient(90deg,#4676f1,#4676f1 50%,#76d1fc);height:60px;padding:0 32px;position:relative;overflow:hidden;z-index:10;display:flex;align-items:center;justify-content:space-between}.feedback-modal__bd{position:relative;background:#1b1d32;flex:1;overflow:hidden;z-index:1}.feedback-modal__iframe{height:76.9230769231%;transform:scale(1.3);transform-origin:top center;width:76.9230769231%}.feedback-modal__right{height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff}.feedback-modal__right .iconfont{font-size:24px;line-height:24px;margin-right:22px}.feedback-modal__right .iconfont:last-child{margin-right:0}.feedback-modal__btn,.feedback-modal__left{display:flex;align-items:center;justify-content:center;color:#fff}.feedback-modal__btn{width:114px;height:42px;box-sizing:border-box;cursor:pointer;font-family:PingFang SC;font-weight:600;font-style:Semibold;font-size:18px;line-height:18px;letter-spacing:0;vertical-align:middle}.feedback-modal__btn.active{border:2px solid #849fff;border-radius:6px;background-color:#0046ea;cursor:not-allowed}.feedbackCombination_enter{cursor:url(/joycode/_next/static/media/pointer.105a03d4.svg),auto;width:80px;display:flex;flex-direction:column;align-items:center;justify-content:center}.feedbackCombination_enter:hover img:first-child{transition:all .2s;width:80px;height:80px}.feedbackCombination_enter img{-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.redDot{position:relative}.redDot:before{animation:smalltobig 1s ease-out 0s 1 forwards;content:"";display:block;position:absolute;z-index:100;top:-10px;right:16%;width:30px;height:23px;background-image:url(/joycode/_next/static/media/redTip.eb3a231f.svg)}.redDot.feedback-modal__btn:before{animation:none;top:-8px;right:-10px}.redDot.feedback-modal__btn.active:before{top:-10px;right:-12px}@keyframes smalltobig{0%{transform:scale(50%)}70%{transform:scale(130%)}to{transform:scale(100%)}}