/* 学习进度页 · 错题本摘要卡（点击进入专题页） */

#mbSummaryCard { transition: border-color .15s, box-shadow .15s; }
#mbSummaryCard:hover { border-color: #93c5fd; box-shadow: 0 2px 10px rgba(37, 99, 235, .1); }

.mbs-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;
  margin: 4px 0 12px;
}
.mbs-stat {
  padding: 12px 8px; text-align: center;
  background: #f8fafc; border: 1px solid #e5e7eb; border-radius: 10px;
}
.mbs-stat b { display: block; font-size: 22px; font-weight: 700; color: #2563eb; line-height: 1.3; }
.mbs-stat span { font-size: 12px; color: #6b7280; }
.mbs-stat.warn b { color: #ef4444; }
.mbs-stat.ok b { color: #22c55e; }

.mbs-bar {
  height: 8px; background: #f1f5f9; border-radius: 999px; overflow: hidden;
  margin-bottom: 8px;
}
.mbs-bar i { display: block; height: 100%; background: linear-gradient(90deg, #34d399, #22c55e); border-radius: 999px; transition: width .35s; }

.mbs-legend { font-size: 12.5px; color: #6b7280; margin-bottom: 12px; }

.mbs-empty { font-size: 13.5px; color: #6b7280; line-height: 1.7; margin-bottom: 12px; }

#mbSummaryCard .btn { width: 100%; }

/* 深色模式 */
[data-theme="dark"] .mbs-stat, body.dark .mbs-stat { background: #111827; border-color: #374151; }
[data-theme="dark"] .mbs-stat span, body.dark .mbs-stat span,
[data-theme="dark"] .mbs-legend, body.dark .mbs-legend,
[data-theme="dark"] .mbs-empty, body.dark .mbs-empty { color: #9ca3af; }
[data-theme="dark"] .mbs-bar, body.dark .mbs-bar { background: #374151; }
[data-theme="dark"] #mbSummaryCard:hover, body.dark #mbSummaryCard:hover { border-color: #1d4ed8; }