.top_box{display:flex;justify-content:space-between}.logo_img{width:.7rem}.operation_btn{display:flex;gap:.12rem;cursor:pointer}.operation_btn_item{height:calc(40 / 1080 * 100vh);background:#F2F2F2;box-shadow:0 2px 4px 0 rgba(0,0,0,.05);border-radius:8px 8px 8px 8px;padding:.12rem .2rem;display:flex;align-items:center;gap:.16rem;font-family:AlibabaPuHuiTi-2;font-weight:400;font-size:.14rem;color:#6C6C6E}.operation_btn_item img{width:.16rem}.left_box{display:flex;flex-direction:column;gap:.16rem;height:100%}.left_box_item{box-shadow:0 4px 16px 0 rgba(0,0,0,.05);border-radius:12px;width:3.4rem;padding:.12rem;background:linear-gradient(180deg,#EEEEEC,#F0EFF4)}.human{flex:1;box-sizing:border-box;position:relative;display:flex;flex-direction:column;gap:.12rem}.dynamic_area{background:#ffffff;box-shadow:0 4px 16px 0 rgba(0,0,0,.05);width:100%;height:calc(100% - .7rem);border-radius:8px}.operation_area{width:calc(100% - .24rem);height:calc(100% - .74rem);position:absolute;left:.12rem;top:.12rem;padding:.2rem .16rem;flex-direction:column}.operation_area,.status_bar_container{box-sizing:border-box;display:flex;justify-content:space-between}.status_bar_container{align-items:center;width:100%}.status_bar_left{display:flex;align-items:center;gap:.08rem}.status_bar_icon_btn{width:.32rem;height:.32rem;border-radius:8px;background:rgba(242,242,242,1);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.status_bar_icon_btn img{width:.16rem}.status_bar_info{display:flex;flex-direction:column;justify-content:center}.status_bar_username{font-family:AlibabaPuHuiTi-2;font-weight:400;font-size:.16rem;color:#0D0D0E}.status_bar_status{display:flex;align-items:center;gap:.05rem;height:.17rem;line-height:.17rem}.status_bar_online_dot{width:.08rem;height:.08rem;border-radius:50%;background-color:#27ae60;display:inline-block}.status_bar_status_text{font-family:AlibabaPuHuiTi-2;font-weight:400;font-size:.12rem;color:#76777B}.status_bar_right{display:flex;gap:8px}.functional_area{height:.5rem;display:flex;gap:.12rem}.functional_area_item{height:.5rem;width:.5rem;background:#F9F9F9;border-radius:8px;padding:.13rem;overflow-y:auto;font-family:AlibabaPuHuiTi-2;font-weight:400;font-size:.12rem;color:#6C6C6E;position:relative}.functional_area_item img{width:.24rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.txt_item{width:1.3rem}.functional_area_item::-webkit-scrollbar{width:.04rem}.functional_area_item::-webkit-scrollbar-track{background:RGBA(232,235,238,1);border-radius:2px}.functional_area_item::-webkit-scrollbar-thumb{background:rgba(164,177,195,1);border-radius:2px}.functional_area_item::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.video_area{height:calc(276 / 1080 * 100vh);position:relative}.video_area_video{position:absolute;top:.12rem;left:.12rem;width:calc(100% - .24rem);height:calc(100% - .24rem);border-radius:12px;object-fit:cover;z-index:99}.video_area_btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.4rem;height:.4rem;margin:auto;z-index:100;cursor:pointer;border-radius:50%;background-color:rgba(242,242,242,1);padding:.1rem}.video_area_btn img{width:.2rem}.right-box{background:radial-gradient(26% 26% at 69% 50%,rgba(0,0,0,0) 0,rgba(0,0,0,.3) 100%);box-shadow:0 4px 16px 0 rgba(0,0,0,.05);padding:.12rem;display:flex;flex-direction:column;justify-content:flex-end;position:relative}.bg_video,.right-box{width:100%;height:100%;border-radius:12px}.bg_video{position:absolute;left:0;top:0;z-index:99;object-fit:cover;object-position:center}.breath-ring{position:absolute;top:35%;left:25%;width:2rem;height:2rem;border:6px solid red;border-radius:50%;background:transparent;animation:breathe 3s ease-in-out infinite;z-index:100;cursor:pointer}@keyframes breathe{0%{transform:translate(-50%,-50%) scale(1);border-color:rgba(255,0,.8);opacity:1}50%{transform:translate(-50%,-50%) scale(1.1);border-color:rgba(255,0,0,.3);opacity:.7}to{transform:translate(-50%,-50%) scale(1);border-color:rgba(255,0,0,.8);opacity:1}}.bg_video.clickable{cursor:pointer;transition:all .3s ease}.course_box{width:2.6rem;height:calc(100% - .24rem);background:#FFFFFF;border-radius:8px;position:absolute;top:.12rem;right:.12rem;padding:.2rem;z-index:1001;display:flex;flex-direction:column;gap:.04rem}.episode_list::-webkit-scrollbar{width:.08rem}.episode_list::-webkit-scrollbar-track{background:RGBA(237,239,243,1);opacity:.4;border-radius:100px}.episode_list::-webkit-scrollbar-thumb{background:rgba(164,177,195,1);border-radius:100px}.plot_box{width:calc(100% - 2.74rem);height:calc(198 / 1080 * 100vh);background:#FFFFFF;border-radius:8px;padding:.16rem;z-index:1001}.course_header{display:flex;justify-content:space-between;align-items:center;height:.28rem}.course_title{font-size:.2rem;font-family:AlibabaPuHuiTi-2;font-weight:400;color:#0E172B;margin:0}.course_edit_icon{width:.24rem;height:.24rem;background:#F2F2F2;border-radius:.06rem;cursor:pointer;position:relative}.course_edit_icon img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.16rem}.outline_list{flex:1;flex-direction:column;display:flex;overflow-y:auto}.outline_header{display:flex;align-items:center;height:.36rem;gap:.04rem;position:relative;font-family:AlibabaPuHuiTi-2;font-weight:400;font-size:.16rem;color:#0E172B}.outline_icon{width:.24rem}.outline_arrow{position:absolute;right:0;width:.16rem;cursor:pointer}.episode_list{padding-left:.08rem;margin-top:.2rem;overflow-y:auto;overflow-x:hidden;flex-direction:column;gap:.4rem}.episode_item,.episode_list{position:relative;display:flex}.episode_item{align-items:flex-start;gap:.04rem;height:.57rem}.episode_connect_line{position:absolute;left:.07rem;top:calc(50% + .07rem);width:100%;height:calc(100% + .24rem);border-left:1px dashed rgba(210,218,236,1);z-index:9}.episode_item_completed .episode_connect_line{border-left:1px dashed rgba(32,70,161,1)}.episode_connect_line:last-child{border:none}.episode_status_icon{width:.14rem;flex-shrink:0;margin:auto 0;z-index:10}.episode_content{width:100%;padding:.08rem .12rem;border-radius:8px;height:.57rem;display:flex;flex-direction:column;justify-content:space-between}.episode_title{font-size:.14rem;color:#0E172B}.episode_desc,.episode_title{font-family:AlibabaPuHuiTi-2;font-weight:400}.episode_desc{font-size:.12rem;color:#A4B1C3}.episode_item_watching .episode_content{background-color:#f5f5f5;border-radius:4px}.stats_txt{font-family:AlibabaPuHuiTi-2;font-weight:400;font-size:.12rem}.stats_completed{color:#0E172B}.stats_uncompleted{color:rgba(108,108,110,1)}.progress_stats{display:flex;justify-content:space-between;margin-bottom:.06rem}.stats_dot_completed{background:#2046A1}.stats_dot_completed,.stats_dot_uncompleted{display:inline-block;width:.06rem;height:.06rem;border-radius:50%;margin-right:.04rem;vertical-align:middle}.stats_dot_uncompleted{background-color:rgba(32,70,161,.3)}.progress_bar_wrap{position:relative;height:.24rem;background-image:url(/images/version2/process_bg.svg);background-size:cover}.progress_bar_fill{height:100%;background-image:url(/images/version2/process.svg);transition:width .3s ease;position:absolute;border-radius:3px;background-size:cover}.plot_inner{width:100%;height:100%;display:flex;gap:.16rem}.plot_inner_left{display:flex;flex-direction:column;gap:.08rem;flex:7;border-radius:8px;font-family:AlibabaPuHuiTi-2;font-weight:400;color:#0E172B;padding:.2rem;overflow-y:auto;border:2px solid #f8fafb;border-left:.1rem solid rgba(32,70,161,1);background:rgba(32,70,161,.05)}.plot_inner_left_title{font-size:.2rem;color:#2046A1}.plot_inner_left_desc{font-size:.16rem;color:rgba(87,87,87,1)}.outline_list::-webkit-scrollbar{width:.08rem}.outline_list::-webkit-scrollbar-track{background:RGBA(237,239,243,1);opacity:.4;border-radius:100px}.outline_list::-webkit-scrollbar-thumb{background:rgba(164,177,195,1);border-radius:100px}.outline_list::-webkit-scrollbar-thumb:hover{background:RGBA(237,239,243,1)}.plot_inner_right{display:flex;flex-direction:column;gap:.1rem;flex:3}.plot_inner_right_item{width:100%;flex:1;padding:0 .24rem;background-color:rgba(242,242,242,1);border-radius:8px;font-family:AlibabaPuHuiTi-2;font-weight:400;font-size:.14rem;color:#0E172B;display:flex;align-items:center;cursor:pointer}.plot_inner_right_item_inx{width:.12rem}.plot_inner_right_item_txt{text-align:center;width:calc(100% - .12rem)}.shrink_box{width:1.14rem;height:.82rem;background:#FFFFFF;box-shadow:0 4px 24px 0 rgba(0,0,0,.05);border-radius:8px 8px 8px 8px;border:1px solid #e3eaf2;position:absolute;top:.12rem;right:.12rem;padding:.12rem;display:flex;align-items:center;gap:.04rem;z-index:1001}.shrink_box_img{width:.24rem;cursor:pointer}.shrink_box_process{background-image:url(/images/version2/Progress-border.svg);width:.62rem;height:.58rem;background-size:cover;text-align:center;line-height:.58rem;font-family:AlibabaPuHuiTi-2;font-weight:400;font-size:.12rem;color:#0E172B}.notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(0,0,0,.8);color:white;padding:.2rem .4rem;border-radius:8px;font-size:.16rem;z-index:1000;animation:fadeIn .5s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.completed_tip{position:absolute;z-index:10001;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#ffffff;border-radius:.08rem;width:2.4rem;padding:.24rem;display:flex;flex-direction:column;gap:.12rem}.completed_tip_title{text-align:center;font-size:.18rem}.completed_tip_btn{display:flex;gap:.16rem;font-size:.14rem}.completed_tip_btn div{height:.4rem;line-height:.4rem;text-align:center;border-radius:.08rem;flex:1;cursor:pointer}.completed_tip_btn div:first-child{background-color:#2046A1;color:#ffffff}.completed_tip_btn div:last-child{border:1px solid #2046a1;color:#2046A1}.progress_summary{height:.57rem;padding-top:.2rem}.main_page{background:radial-gradient(24% 24% at 34% 81%,#EEE8DE 0,#DFE1E5 100%);padding:.32rem;height:100vh;display:flex;flex-direction:column;gap:.2rem}.flex-cls{display:flex;gap:.16rem;flex:1}#root,body,html{height:100%;margin:0}