/* 错题本第七批：难度分级 + 错题雷达 */

/* ---------- 卡片难度星级 ---------- */
.mb-level {
  display: inline-flex; align-items: center; gap: 1px;
  font-size: 13px; letter-spacing: -1px;
  margin-right: 4px;
}
.mb-level-txt { margin-left: 5px; font-size: 12px; letter-spacing: 0; font-weight: 600; }

/* ---------- 难度榜 ---------- */
.ml-tip {
  font-size: 13px; color: #6b7280; line-height: 1.7;
  padding: 10px 14px; margin-bottom: 14px;
  background: #f5f3ff; border: 1px solid #ddd6fe; border-radius: 10px;
}

.ml-dist { display: flex; flex-direction: column; gap: 6px; margin-bottom: 18px; }
.ml-dist-row { display: flex; align-items: center; gap: 10px; font-size: 13px; }
.ml-dist-lv { flex: 0 0 44px; font-weight: 600; }
.ml-dist-track {
  flex: 1; height: 10px; background: #f1f5f9; border-radius: 999px; overflow: hidden;
}
.ml-dist-track i { display: block; height: 100%; border-radius: 999px; transition: width .3s; }
.ml-dist-num { flex: 0 0 34px; text-align: right; color: #6b7280; }

.ml-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.ml-item {
  padding: 12px 14px;
  border: 1px solid #e5e7eb; border-radius: 10px; background: #fff;
}
.ml-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 6px; }
.ml-meta { font-size: 12px; color: #6b7280; }
.ml-q { font-size: 14.5px; line-height: 1.6; color: #111827; margin-bottom: 4px; }
.ml-a { font-size: 13px; color: #047857; }

/* ---------- 雷达图 ---------- */
.mr-weak {
  display: inline-block; margin-left: 6px; padding: 0 6px;
  background: #ef4444; color: #fff; font-size: 10.5px;
  border-radius: 999px; vertical-align: middle;
}

/* ---------- 深色模式 ---------- */
[data-theme="dark"] .ml-tip, body.dark .ml-tip { background: #1e1b4b; border-color: #3730a3; color: #a5b4fc; }
[data-theme="dark"] .ml-item, body.dark .ml-item { background: #1f2937; border-color: #374151; }
[data-theme="dark"] .ml-q, body.dark .ml-q { color: #f3f4f6; }
[data-theme="dark"] .ml-a, body.dark .ml-a { color: #6ee7b7; }
[data-theme="dark"] .ml-meta, body.dark .ml-meta { color: #9ca3af; }
[data-theme="dark"] .ml-dist-track, body.dark .ml-dist-track { background: #374151; }