.top{position:-webkit-sticky;position:sticky;top:1px;z-index:99}.top .container{height:140px;background-color:#f2f2f2}.top .container .student_info{width:94%;margin:0 auto;height:120px;border-radius:6px;background-color:#1989fa;box-shadow:0 2px 5px #1989fa}.top .container .student_info .info{display:block;width:92%;height:120px;margin:0 auto}.top .container .student_info .info .changeBtn{float:right;margin-top:20px;margin-right:10px}.top .container .student_info .info img{width:60px;height:60px;border-radius:50%;margin-top:4px;display:inline-block;overflow:hidden;margin-top:30px}.top .container .student_info .info .student_desc{display:inline-block;margin-left:10px;line-height:20px;font-size:14px;color:#fff}.top .container .student_info .info .student_desc span{display:block;color:#fff;font-size:14px;padding:2px 0;text-align:left}.list-wrapper{padding:10px;background-color:#f7f8fa;min-height:calc(100vh - 200px);box-sizing:border-box}.course-card{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:transform .1s}.course-card:active{background-color:#f9f9f9;transform:scale(.98)}.course-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.course-card .card-header .card-title{font-size:17px;font-weight:600;color:#333;margin:0;flex:1;padding-right:8px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.4}.course-card .card-header .type-tag{flex-shrink:0;font-weight:400;margin-top:2px}.course-card .card-body{margin-bottom:12px}.course-card .card-body .card-content{font-size:14px;color:#666;margin-bottom:6px;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.course-card .card-body .card-grade{font-size:12px;color:#999;background:#f5f5f5;display:inline-block;padding:2px 8px;border-radius:4px}.course-card .card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f5f5f5;padding-top:10px}.course-card .card-footer .price-info{color:#ff4d4f;font-weight:700;display:flex;align-items:baseline}.course-card .card-footer .price-info .currency{font-size:14px;margin-right:2px}.course-card .card-footer .price-info .price-value{font-size:18px}.course-card .card-footer .price-info .unit{font-size:12px;font-weight:400;margin-left:4px;color:#999}.course-card .card-footer .action-tip{font-size:13px;color:#1989fa;font-weight:500}