.study_centre_box .study_box{background:#fff;border:1px solid #e8ecf4;border-radius:16px;padding:24px;margin-bottom:16px;box-shadow:0 1px 4px rgba(0,0,0,.04)}.study_centre_box .study_box .study_title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.study_centre_box .study_box .study_title>h3{font-size:16px;font-weight:700;color:#1e293b}.study_centre_box .study_box .study_title>p{font-size:13px;font-weight:500;color:#2463eb;cursor:pointer}.study_centre_box .study_box .study_title>p:hover{text-decoration:underline}.study_centre_box .study_box .list_box .recent_learn{display:flex;flex-direction:column;gap:12px}.study_centre_box .study_box .list_box .recent_learn .learn_card{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;cursor:pointer;transition:box-shadow .2s,border-color .2s}.study_centre_box .study_box .list_box .recent_learn .learn_card:hover{box-shadow:0 4px 16px rgba(36,99,235,.1);border-color:#bfcffa}.study_centre_box .study_box .list_box .recent_learn .learn_card .lc_img{width:192px;height:128px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#f1f5f9}.study_centre_box .study_box .list_box .recent_learn .learn_card .lc_img>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.study_centre_box .study_box .list_box .recent_learn .learn_card .lc_body{flex:1;min-width:0;padding-left:4px;display:flex;flex-direction:column;justify-content:space-between;gap:8px}.study_centre_box .study_box .list_box .recent_learn .learn_card .lc_body .lc_head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.study_centre_box .study_box .list_box .recent_learn .learn_card .lc_body .lc_head .lc_title{font-size:15px;font-weight:700;color:#1e293b;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5}.study_centre_box .study_box .list_box .recent_learn .learn_card .lc_body .lc_head .lc_badge{flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:700;border-radius:4px;text-transform:uppercase}.study_centre_box .study_box .list_box .recent_learn .learn_card .lc_body .lc_head .lc_badge.lc_studying{background:#dcfce7;color:#16a34a}.study_centre_box .study_box .list_box .recent_learn .learn_card .lc_body .lc_head .lc_badge.lc_done{background:#eff6ff;color:#2463eb}.study_centre_box .study_box .list_box .recent_learn .learn_card .lc_body .lc_teacher{font-size:13px;color:#64748b;display:flex;align-items:center;gap:4px}.study_centre_box .study_box .list_box .recent_learn .learn_card .lc_body .lc_teacher i{font-size:13px}.study_centre_box .study_box .list_box .recent_learn .learn_card .lc_body .lc_progress .lc_progress_hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.study_centre_box .study_box .list_box .recent_learn .learn_card .lc_body .lc_progress .lc_progress_hd span{font-size:11px;color:#94a3b8}.study_centre_box .study_box .list_box .recent_learn .learn_card .lc_body .lc_progress .lc_progress_hd .lc_pct{font-weight:700;color:#2463eb}.study_centre_box .study_box .list_box .recent_learn .learn_card .lc_body .lc_progress .lc_bar{height:6px;background:#f1f5f9;border-radius:999px;overflow:hidden}.study_centre_box .study_box .list_box .recent_learn .learn_card .lc_body .lc_progress .lc_bar .lc_fill{height:100%;background:#2463eb;border-radius:999px;transition:width .4s ease}.study_centre_box .study_box .list_box .recent_learn .learn_card .lc_action{flex-shrink:0}.study_centre_box .study_box .list_box .recent_learn .learn_card .lc_action .lc_btn{padding:8px 18px;background:#2463eb;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:opacity .2s;white-space:nowrap}.study_centre_box .study_box .list_box .recent_learn .learn_card .lc_action .lc_btn:hover{opacity:.88}.study_centre_box .study_box .list_box .recent_exam{display:flex;flex-wrap:wrap;justify-content:space-between}.study_centre_box .study_box .list_box .recent_exam .exam_list{width:460px;box-shadow:0 0 5px 0 hsla(0,0%,83.5%,.66);margin-bottom:20px;padding-bottom:10px}.study_centre_box .study_box .list_box .recent_exam .exam_list .topic_head{position:relative;height:35px}.study_centre_box .study_box .list_box .recent_exam .exam_list .topic_head .tag_box{width:82px;background:linear-gradient(-80deg,#ff5757,#ff8f8f);text-align:center;padding:3px 0;border-top-right-radius:13px;border-bottom-right-radius:13px;font-size:14px;color:#fffefe;position:absolute;top:12px}.study_centre_box .study_box .list_box .recent_exam .exam_list .topic_body{padding:10px 20px;box-sizing:border-box}.study_centre_box .study_box .list_box .recent_exam .exam_list .topic_body>h3{font-size:18px;font-weight:400;color:#1a1a1a;line-height:26px;height:56px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.study_centre_box .study_box .list_box .recent_exam .exam_list .topic_body .topic_body_cont{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.study_centre_box .study_box .list_box .recent_exam .exam_list .topic_body .topic_body_cont>P{font-size:14px;font-weight:400;color:#9fa3ab}.study_centre_box .study_box .list_box .recent_exam .exam_list .topic_body .topic_body_cont>a{text-align:center;line-height:30px;width:98px;height:30px;background:#2463eb;border-radius:15px;font-size:14px;color:#fff}.study_centre_box .study_box .list_box .like_box{display:flex;flex-wrap:wrap}.study_centre_box .study_box .list_box .like_box .like_list{padding:10px;background:#fff;width:230px;margin-bottom:20px;margin-right:8px;border:1px solid transparent;box-sizing:border-box;transition:all .3s}.study_centre_box .study_box .list_box .like_box .like_list:hover{border-color:#2463eb}.study_centre_box .study_box .list_box .like_box .like_list:nth-child(4n+4){margin-right:0}.study_centre_box .study_box .list_box .like_box .like_list .like_img{width:210px;height:135px;border-radius:10px;overflow:hidden}.study_centre_box .study_box .list_box .like_box .like_list .like_img>img{width:210px;height:135px}.study_centre_box .study_box .list_box .like_box .like_list>h2{margin-top:20px;font-size:18px;font-family:PingFang SC;font-weight:500;color:#555;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.study_centre_box .study_box .list_box .like_box .like_list .time_teacher{margin-top:20px;display:flex;justify-content:space-between;padding-bottom:10px}.study_centre_box .study_box .list_box .like_box .like_list .time_teacher>p{font-size:14px;font-family:PingFang SC;font-weight:400;color:hsla(0,0%,100%,.55) 666}.study_centre_box .study_box .box_echart{width:100%;height:350px;margin-top:10px}.study_centre_box .study_box .box_echart .echart_top{width:100%;height:50px;display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.study_centre_box .study_box .box_echart .echart_top .echart_left{flex:1;height:100%;display:flex}.study_centre_box .study_box .box_echart .echart_top .echart_left>p{height:30px;margin-top:10px;box-sizing:border-box;border:1px solid #2463eb;line-height:28px;padding:0 15px;color:#2463eb;border-radius:5px;cursor:pointer;transition:all .3s;white-space:nowrap}.study_centre_box .study_box .box_echart .echart_top .echart_left>p:not(.study_centre_box .study_box .box_echart .echart_top .echart_left>p:first-of-type){margin-left:10px}.study_centre_box .study_box .box_echart .echart_top .echart_left>p:hover{color:#fff;background:#2463eb}.study_centre_box .study_box .box_echart .echart_top .echart_right{flex:1;height:100%}.study_centre_box .study_box .box_echart .echart_top .echart_right .right_block{float:right;width:auto;height:100%;display:flex}.study_centre_box .study_box .box_echart .echart_top .echart_right .right_block>p:first-of-type,.study_centre_box .study_box .box_echart .echart_top .echart_right .right_block>p:nth-of-type(2){height:30px;margin-top:10px;box-sizing:border-box;border:1px solid #2463eb;line-height:28px;padding:0 15px;color:#2463eb;border-radius:5px;cursor:pointer;transition:all .3s;white-space:nowrap}.study_centre_box .study_box .box_echart .echart_top .echart_right .right_block>p:first-of-type:hover,.study_centre_box .study_box .box_echart .echart_top .echart_right .right_block>p:nth-of-type(2):hover{color:#fff;background:#2463eb}.study_centre_box .study_box .box_echart .echart_top .echart_right .right_block>p:nth-of-type(2){margin-left:10px}.study_centre_box .study_box .box_echart .echart_top .echart_right .right_block>p:nth-of-type(3){height:30px;margin-top:10px;padding:0 15px;line-height:28px;border-radius:5px;font-size:14px;transition:width .3s}.study_centre_box .study_box .box_echart .echart_top .echart_right .right_block>p:nth-of-type(3)>span{font-weight:600;font-size:16px;margin:0 5px;color:#2463eb}.study_centre_box .study_box .box_echart #echart_content{width:100%;height:300px}.active_text{color:#fff!important;background:#2463eb}.filter_box{display:flex;gap:20px;padding:15px 0;border-bottom:1px dashed #e7e7e7;margin-bottom:15px}.filter_box .filter_item{display:flex;align-items:center}.filter_box .filter_item label{font-size:14px;color:hsla(0,0%,100%,.55);margin-right:8px}.filter_box .filter_item .el-select{width:150px}.all_course_list{display:flex;flex-wrap:wrap;gap:15px}.all_course_list .course_card{width:calc(25% - 12px);background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08);cursor:pointer;transition:all .3s ease}.all_course_list .course_card:hover{box-shadow:0 4px 16px rgba(0,0,0,.15);transform:translateY(-2px)}.all_course_list .course_card .course_img{position:relative;width:100%;height:120px;overflow:hidden}.all_course_list .course_card .course_img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.all_course_list .course_card .course_img .status_tag{position:absolute;top:8px;right:8px;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.all_course_list .course_card .course_img .status_tag.status_not_enrolled{background:#f0f0f0;color:#777}.all_course_list .course_card .course_img .status_tag.status_enrolled{background:#e6f7ff;color:#1890ff}.all_course_list .course_card .course_img .status_tag.status_studying{background:#ffffff7e6;color:#fa8c16}.all_course_list .course_card .course_img .status_tag.status_completed{background:#f6ffed;color:#52c41a}.all_course_list .course_card .course_info{padding:12px}.all_course_list .course_card .course_info h4{font-size:14px;font-weight:500;color:#555;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.all_course_list .course_card .course_info .course_meta{display:flex;gap:12px;font-size:12px;color:#777;margin-bottom:8px}.all_course_list .course_card .course_info .course_meta span{display:flex;align-items:center}.all_course_list .course_card .course_info .course_meta span i{margin-right:4px;font-size:12px}.all_course_list .course_card .course_info .course_progress{display:flex;align-items:center;font-size:12px;color:#777}.all_course_list .course_card .course_info .course_progress span{white-space:nowrap;margin-right:8px}.all_course_list .course_card .course_info .course_progress .el-progress{flex:1}.loading_box{display:flex;justify-content:center;align-items:center;padding:40px;color:#777}.loading_box i{font-size:20px;margin-right:8px}.page_box{display:flex;justify-content:center;padding:20px 0}.ranking_tip{font-size:12px;color:#777;margin-left:10px}.ranking_cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;padding:10px 0}.ranking_card{background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:16px;transition:all .3s;cursor:pointer}.ranking_card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.ranking_card .ranking_card_header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px dashed #e8e8e8}.ranking_card .ranking_card_header h4{font-size:16px;font-weight:600;color:#555;margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking_card .ranking_card_header .exam_date{font-size:12px;color:#777;margin-left:10px}.ranking_card .ranking_card_body .ranking_info{margin-bottom:16px}.ranking_card .ranking_card_body .ranking_info .ranking_number{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ranking_card .ranking_card_body .ranking_info .ranking_number .rank_label{font-size:14px;color:hsla(0,0%,100%,.55)}.ranking_card .ranking_card_body .ranking_info .ranking_number .rank_value{font-size:24px;font-weight:700}.ranking_card .ranking_card_body .ranking_info .ranking_number .rank_value.rank_top{color:#f56c6c}.ranking_card .ranking_card_body .ranking_info .ranking_number .rank_value.rank_good{color:#e6a23c}.ranking_card .ranking_card_body .ranking_info .ranking_number .rank_value.rank_normal{color:#409eff}.ranking_card .ranking_card_body .ranking_info .ranking_stats{display:flex;justify-content:space-between;gap:12px}.ranking_card .ranking_card_body .ranking_info .ranking_stats .stat_item{flex:1;text-align:center;padding:8px;background:#f5f7fa;border-radius:4px}.ranking_card .ranking_card_body .ranking_info .ranking_stats .stat_item .stat_label{display:block;font-size:12px;color:#777;margin-bottom:4px}.ranking_card .ranking_card_body .ranking_info .ranking_stats .stat_item .stat_value{display:block;font-size:16px;font-weight:600;color:#555}.ranking_card .ranking_card_body .ranking_progress .el-progress .el-progress__text{font-size:12px!important;font-weight:600}