.history-list{display:flex;flex-direction:column;gap:14px;margin:18px 0 40px}
.history-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;gap:10px}
.history-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.history-head strong{font-weight:500;font-size:15px;color:var(--ink);line-height:1.45}
.history-source{font-size:9px;letter-spacing:.4px;padding:3px 7px;border-radius:4px;background:#eef3e8;color:#4c6b3f;white-space:nowrap}
.history-source.local{background:#f1efe8;color:#6b6558}
.history-status{font-size:10px;padding:3px 8px;border-radius:20px;white-space:nowrap;margin-left:auto}
.history-status.learning{background:#eaf1e2;color:#4f7238}
.history-status.completed{background:#e4efe0;color:#2f6b3a}
.history-status.browsed{background:#f2f1ec;color:#7a7466}
.history-meta{font-size:11px;color:#8a948a;display:flex;gap:14px;flex-wrap:wrap}
.history-bar{height:4px;background:#eef1e9;border-radius:3px;overflow:hidden}
.history-bar span{display:block;height:100%;background:#8aa86f;border-radius:3px}
.history-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:11px;color:#7f8b76}
.history-foot .primary{padding:9px 14px;font-size:11px}
@media(max-width:560px){.history-card{padding:15px 16px}.history-head strong{font-size:14px}.history-status{margin-left:0}.history-meta{gap:8px;font-size:10px}.history-foot{flex-direction:column;align-items:flex-start}.history-foot .primary{width:100%;justify-content:center}}