.grade-center,.progress-page{background:#f7f3e9;min-height:800px;padding-bottom:100px}.grade-center-content,.progress-content{padding-top:28px}.grade-student-card{background:#fff;border:1px solid #dfe6e2;border-radius:20px;padding:28px;margin-bottom:18px}.grade-center-layout{display:grid;grid-template-columns:1fr 330px;gap:24px;margin-top:20px}.grade-detail-table{overflow-x:auto}.grade-detail-row{display:grid;grid-template-columns:minmax(220px,1fr) 90px 70px 60px 55px;gap:10px;align-items:center;border-top:1px solid #dfe6e2;padding:12px 4px;min-width:590px;font-size:10px}.grade-detail-row.head{border:0;color:#6b7d78;font-weight:800}.grade-detail-row b,.grade-detail-row small{display:block}.grade-detail-row small{color:#6b7d78}.grade-detail-row strong{font-size:18px;color:#246b5e}.grade-detail-row form button{border:0;background:none;color:#9b493e;font-size:9px;cursor:pointer}.grade-average-grid article span{display:block;font-size:8px;color:#52655f}.progress-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.progress-stat-grid article,.progress-card-list{background:#fff;border:1px solid #dfe6e2;border-radius:17px;padding:22px}.progress-stat-grid small,.progress-stat-grid b{display:block}.progress-stat-grid small{color:#6b7d78;font-size:9px}.progress-stat-grid b{font-size:31px;color:#246b5e}.progress-layout{display:grid;grid-template-columns:1.4fr .8fr;gap:18px;margin-top:18px}.progress-card-list h2{font-size:26px;margin:7px 0 18px}.progress-card-list article{display:grid;grid-template-columns:1fr auto;gap:10px;border-top:1px solid #dfe6e2;padding:14px 0}.progress-card-list article b,.progress-card-list article small{display:block}.progress-card-list article small{font-size:8px;color:#6b7d78}.progress-card-list article>span{font-weight:800;color:#246b5e}.progress-card-list article>i{grid-column:1/-1;height:5px;border-radius:5px;background:#e7ece9;overflow:hidden}.progress-card-list article>i>em{display:block;height:100%;background:#246b5e}@media(max-width:850px){.grade-center-layout,.progress-layout{grid-template-columns:1fr}.progress-stat-grid{grid-template-columns:1fr 1fr}}@media(max-width:550px){.grade-student-card{padding:18px}.progress-stat-grid{grid-template-columns:1fr}}