.member-list-count{font-size:12px;color:#637780;margin:0 0 10px;line-height:1.6}
.member-record-list,.member-course-list{border:1px solid #dce7e0;background:#fff}
.member-records,.member-course-records{list-style:none;padding:0;margin:0}
.member-record-head,.member-record{display:grid;grid-template-columns:minmax(0,1fr) 160px 100px 116px 152px 98px;gap:12px;padding:9px 12px;align-items:center}
.member-record-head,.member-course-head{background:#f1f5f2;color:#5d6d76;font-size:12px;font-weight:600;border-bottom:1px solid #dce7e0;line-height:1.6}
.member-record,.member-course-record{min-height:60px;border-bottom:1px solid #e3ebe5;font-size:12px;line-height:1.6}
.member-record:last-child,.member-course-record:last-child{border-bottom:0}.member-record:nth-child(even),.member-course-record:nth-child(even){background:#f8faf8}.member-record:hover,.member-course-record:hover{background:#eef5e9}
.member-record-name,.member-course-name{min-width:0;overflow-wrap:anywhere}.member-record-name strong,.member-course-name strong{font-size:14px;font-weight:600}.member-record-name:hover strong{color:#347d22;text-decoration:underline}
.member-record-name small,.member-course-name small{display:block;font-size:11px;color:#637780;margin-top:3px;line-height:1.5}
.member-record-progress{display:flex;gap:0 12px;flex-wrap:wrap;min-width:0;color:#4b6558}.member-record-progress>span{display:inline-flex;gap:5px;align-items:baseline}.member-record-progress small{font-size:11px}.member-record-progress>small{flex-basis:100%;color:#637780}.member-overdue{color:#a04524}.member-mobile-label{display:none}
.member-record-duration,.member-record-exams{color:#4b6558;overflow-wrap:anywhere}.member-record-time,.member-course-time{font-size:11px;color:#637780;white-space:nowrap}.member-record-open,.member-course-open{font-size:12px;min-height:36px;padding:8px 10px;line-height:1.5}
.member-course-head,.member-course-record{display:grid;grid-template-columns:minmax(0,1fr) 155px 152px 100px;align-items:center;gap:12px;padding:9px 12px}
.member-course-kind{display:inline-block;padding:2px 5px;margin-right:7px;font-size:10px;background:#e4eedf;color:#347d22;vertical-align:2px;white-space:nowrap}.member-course-progress{font-size:12px;color:#4b6558;min-width:0}.member-course-progress progress{display:block;width:100%;max-width:110px;height:3px;margin-top:5px;accent-color:#499b28}
@media(max-width:1250px){.member-record-head{display:none}.member-record{grid-template-columns:minmax(0,1fr) 150px 130px 100px;gap:6px 12px}.member-record-name{grid-column:1;grid-row:1/span 2}.member-record-progress{grid-column:2;grid-row:1}.member-record-duration{grid-column:2;grid-row:2}.member-record-exams{grid-column:3;grid-row:1}.member-record-time{grid-column:3;grid-row:2}.member-record-open{grid-column:4;grid-row:1/span 2}.member-mobile-label{display:inline;font-size:11px;color:#637780}}
@media(max-width:1000px){.member-record{grid-template-columns:minmax(0,1fr) auto;padding:12px;gap:7px 12px}.member-record-name{grid-column:1;grid-row:1}.member-record-open{grid-column:2;grid-row:1;align-self:start;max-width:130px;min-height:40px}.member-record-progress{grid-column:1/span 2;grid-row:2;gap:3px 14px}.member-record-progress>small{flex-basis:auto}.member-record-duration{grid-column:1;grid-row:3;font-size:11px}.member-record-exams{grid-column:2;grid-row:3;font-size:11px;text-align:right}.member-record-time{grid-column:1/span 2;grid-row:4}.member-course-head{display:none}.member-course-record{grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;padding:12px}.member-course-name{grid-column:1;grid-row:1}.member-course-open{grid-column:2;grid-row:1;align-self:start;max-width:130px;min-height:40px}.member-course-progress{grid-column:1;grid-row:2;font-size:11px;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center}.member-course-progress progress{width:55px;margin:0}.member-course-time{grid-column:2;grid-row:2;text-align:right;font-size:10px}}
@media(max-width:380px){.member-record,.member-course-record{padding:11px 10px;gap:7px 9px}.member-record-name strong,.member-course-name strong{font-size:13px}.member-record-open,.member-course-open{font-size:11px;padding:8px}.member-record-time{font-size:10px}.member-record-exams{max-width:135px}}