.learning-record-count{margin:0 0 12px;font-size:12px;line-height:1.6;color:#637780}
.learning-list{border:1px solid #dce7e0;background:#fff}
.learning-list-head,.learning-record{display:grid;grid-template-columns:minmax(0,1fr) 145px 165px 96px;align-items:center;gap:14px;padding:9px 14px}
.learning-list-head{background:#f1f5f2;color:#5d6d76;font-size:12px;font-weight:600;border-bottom:1px solid #dce7e0;min-height:38px}
.learning-records{list-style:none;padding:0;margin:0}
.learning-record{min-height:58px;border-bottom:1px solid #e3ebe5;font-size:12px}
.learning-record:last-child{border-bottom:0}.learning-record:nth-child(even){background:#f8faf8}.learning-record:hover{background:#eef5e9}
.learning-record-name{min-width:0;line-height:1.5;overflow-wrap:anywhere}.learning-record-name strong{font-size:14px;font-weight:600}.learning-record-name:hover strong{color:#347d22;text-decoration:underline}
.learning-record-kind{font-size:10px;padding:2px 5px;margin-right:7px;background:#e4eedf;color:#347d22;vertical-align:2px;white-space:nowrap}
.learning-record-name small{display:block;color:#637780;font-size:11px;line-height:1.5;margin-top:3px}
.learning-record-progress{color:#4b6558;font-size:12px;line-height:1.6;min-width:0}.learning-record-progress progress{display:block;width:100%;max-width:112px;height:3px;margin-top:5px;accent-color:#499b28}
.learning-record-time{color:#637780;font-size:12px;line-height:1.5;white-space:nowrap}.learning-record-open{font-size:12px;min-height:36px;padding:8px 10px}
@media(max-width:1100px) and (min-width:901px){.learning-list-head,.learning-record{grid-template-columns:minmax(0,1fr) 112px 138px 90px;gap:10px;padding-inline:12px}.learning-record-time{font-size:11px}}
@media(max-width:900px){.learning-list-head{display:none}.learning-record{grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;padding:12px;min-height:0}.learning-record-name{grid-column:1;grid-row:1}.learning-record-open{grid-column:2;grid-row:1;align-self:start;min-height:40px;max-width:130px}.learning-record-progress{grid-column:1;grid-row:2;display:flex;flex-wrap:wrap;align-items:center;gap:5px 8px;font-size:11px}.learning-record-progress progress{width:58px;margin:0}.learning-record-time{grid-column:2;grid-row:2;text-align:right;font-size:11px}.learning-record-name strong{font-size:14px}.learning-record-name small{font-size:11px}}
@media(max-width:380px){.learning-record{gap:7px 9px;padding:11px 10px}.learning-record-open{padding:8px;font-size:11px}.learning-record-time{font-size:10px}.learning-record-name strong{font-size:13px}}