:root {
  --math-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
  --board: #181c24;
  --chalk: #f0f4fc;
  --dim: #8b9bb4;
  --faint: #343f54;
  --task: #e65c00;
  --quiz: #2575fc;
  --good: #00c853;
  --bad: #ff3d00;
  --panel: #202632;
  --edge: #2e384d;
}
.card.board-note {
  background: rgba(32, 38, 50, 0.95);
  border: 1px solid #3d4a66;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.5);
  color: var(--chalk);
  font-size: 20px;
  line-height: 1.6;
  padding: 16px 20px;
}
.tb-badge {
  display: inline-block;
  background: rgba(37, 117, 252, 0.2);
  border: 1px solid #2575fc;
  color: #64b5f6;
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
}
.checklist-item {
  margin: 6px 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.status-tag {
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 13px;
  font-weight: bold;
}
.status-done { background: rgba(0, 200, 83, 0.2); color: #00e676; border: 1px solid #00c853; }
.status-idle { background: rgba(255, 61, 0, 0.2); color: #ff5252; border: 1px solid #ff3d00; animation: pulse-border 1.5s infinite; }
@keyframes pulse-border {
  0% { box-shadow: 0 0 0 0 rgba(255,61,0,0.6); }
  70% { box-shadow: 0 0 0 6px rgba(255,61,0,0); }
  100% { box-shadow: 0 0 0 0 rgba(255,61,0,0); }
}
/* 针对中考大题交互卡片的自适应优化 */
:root .card.side {
  background: rgba(24, 28, 36, 0.98) !important;
  border: 1.5px solid #3d4a66 !important;
  border-left: 6px solid #2575fc !important;
  border-radius: 14px !important;
  box-shadow: 0 16px 48px rgba(0,0,0,0.6) !important;
  padding: 20px 28px !important;
}
:root .side .prompt {
  font-size: 22px !important;
  line-height: 1.5 !important;
  color: var(--chalk) !important;
}
:root .side .opts {
  display: flex !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
  margin-top: 14px !important;
}
:root .side .opt {
  font-size: 20px !important;
  padding: 10px 24px !important;
  min-height: 48px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1.5px solid var(--edge) !important;
  color: var(--chalk) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
}
:root .side .opt:hover:not(:disabled) {
  border-color: #2575fc !important;
  background: rgba(37, 117, 252, 0.15) !important;
}
:root .side .opt.good {
  border-color: #00c853 !important;
  background: rgba(0, 200, 83, 0.2) !important;
  color: #00e676 !important;
}
:root .side .opt.bad {
  border-color: #ff3d00 !important;
  background: rgba(255, 61, 0, 0.15) !important;
  color: #ff5252 !important;
}
:root .side .fb {
  font-size: 19px !important;
  line-height: 1.4 !important;
  margin-top: 12px !important;
}
:root .side .acts {
  margin-top: 16px !important;
  display: flex !important;
  justify-content: flex-end !important;
}
:root .side .btn {
  font-size: 18px !important;
  font-weight: 600 !important;
  padding: 8px 24px !important;
  border-radius: 8px !important;
  background: #2575fc !important;
  color: #fff !important;
  border: none !important;
  cursor: pointer !important;
}
:root .side .btn.go {
  background: #00c853 !important;
}