/* 错题本第四批：错因标签 + 打印视图样式 */

/* ---------- 错因标签筛选条 ---------- */
.mb-tagbar {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  padding: 8px 0 10px; margin-bottom: 6px;
}
.mb-tag-label { font-size: 13px; color: #6b7280; }
.mb-tag-chip {
  padding: 4px 12px; border: 1px solid #d1d5db; border-radius: 999px;
  background: #fff; color: #374151; font-size: 13px; cursor: pointer;
  transition: all .15s;
}
.mb-tag-chip:hover { border-color: var(--tag, #2563eb); color: var(--tag, #2563eb); }
.mb-tag-chip.on { background: var(--tag, #2563eb); border-color: var(--tag, #2563eb); color: #fff; }

/* ---------- 卡片内标签展示 ---------- */
.mb-tag {
  display: inline-block; padding: 1px 8px; margin-right: 6px;
  border-radius: 999px; font-size: 12px; line-height: 1.6;
  color: var(--tag, #2563eb);
  background: color-mix(in srgb, var(--tag, #2563eb) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--tag, #2563eb) 35%, transparent);
}

/* ---------- 卡片内标签编辑器 ---------- */
.mb-tag-edit { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 8px; }
.mb-tag-opt {
  padding: 3px 10px; border: 1px solid #e5e7eb; border-radius: 999px;
  background: #f9fafb; color: #6b7280; font-size: 12px; cursor: pointer;
  transition: all .15s;
}
.mb-tag-opt:hover { border-color: var(--tag, #2563eb); color: var(--tag, #2563eb); }
.mb-tag-opt.on { background: var(--tag, #2563eb); border-color: var(--tag, #2563eb); color: #fff; }

/* ---------- 打印宿主（屏幕隐藏） ---------- */
.mb-print-host { display: none; }

/* ---------- 打印样式 ---------- */
@media print {
  /* 打印时只保留打印宿主 */
  body.mb-printing > *:not(.mb-print-host) { display: none !important; }
  body.mb-printing .mb-print-host {
    display: block !important;
    padding: 0; margin: 0;
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
    color: #000; background: #fff;
  }
  @page { margin: 16mm 14mm; }

  .p-head { text-align: center; margin-bottom: 14px; border-bottom: 2px solid #000; padding-bottom: 8px; }
  .p-head h1 { margin: 0 0 4px; font-size: 18pt; }
  .p-sub { font-size: 9pt; color: #555; }

  .p-list { column-count: 1; }
  .p-item {
    padding: 8px 0 10px;
    border-bottom: 1px dashed #bbb;
    page-break-inside: avoid;
    break-inside: avoid;
  }
  .p-q { font-size: 11pt; line-height: 1.6; margin-bottom: 4px; }
  .p-no {
    display: inline-block; min-width: 20px; height: 20px; line-height: 20px;
    text-align: center; margin-right: 6px;
    background: #000; color: #fff; border-radius: 50%; font-size: 9pt;
  }
  .p-line { font-size: 9pt; line-height: 1.7; color: #333; }
  .p-k { color: #777; }
  .p-wrong { color: #c00; }
  .p-right { color: #060; }
  .p-blank { height: 18px; }
}

/* ---------- 深色模式 ---------- */
[data-theme="dark"] .mb-tag-chip, body.dark .mb-tag-chip,
[data-theme="dark"] .mb-tag-opt, body.dark .mb-tag-opt {
  background: #111827; border-color: #4b5563; color: #d1d5db;
}
[data-theme="dark"] .mb-tag-opt, body.dark .mb-tag-opt { background: #1f2937; }
[data-theme="dark"] .mb-tag-label, body.dark .mb-tag-label { color: #9ca3af; }