/* wrong-again.css — 一错再错整理页样式 */

.wa-container { max-width: 900px; margin: 0 auto; padding: 0 4px; }

.wa-header { margin-bottom: 24px; }
.wa-title { font-size: 1.5rem; font-weight: 700; margin: 0 0 8px; }
.wa-desc { color: var(--color-text-secondary); font-size: .9rem; margin: 0 0 12px; }
.wa-actions { display: flex; gap: 8px; }
.wa-warn {
  background: linear-gradient(135deg, #dc2626, #b91c1c);
  color: #fff !important;
  border: 3px solid #7f1d1d;
  border-radius: 12px;
  padding: 14px 18px;
  margin: 10px 0 14px;
  font-size: 20px;
  font-weight: 900;
  text-align: center;
  line-height: 1.5;
  box-shadow: 0 2px 10px rgba(220, 38, 38, 0.4);
}
.wa-warn strong { color: #fff !important; }

/* 分类块 */
.wa-cat-block { margin-bottom: 28px; }
.wa-cat-header {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 16px; border-radius: var(--radius);
  background: var(--color-primary-bg); border: 1px solid var(--color-border);
  cursor: default;
}
.wa-cat-name { font-weight: 600; font-size: 1rem; color: var(--color-primary); }
.wa-cat-count { font-size: .8rem; color: var(--color-text-secondary); }
.wa-cat-qs { margin-top: 10px; display: flex; flex-direction: column; gap: 10px; }

/* 题目折叠项 */
.wa-q {
  border: 1px solid var(--color-border); border-radius: var(--radius);
  background: var(--color-surface); overflow: hidden;
}
.wa-q[open] .wa-q-summary { border-bottom: 1px solid var(--color-border); }
.wa-q-summary {
  display: flex; align-items: flex-start; gap: 8px;
  padding: 12px 16px; cursor: pointer; list-style: none;
  font-size: .9rem; line-height: 1.6;
}
.wa-q-summary::-webkit-details-marker { display: none; }
.wa-q-num {
  flex-shrink: 0; width: 24px; height: 24px; border-radius: 50%;
  background: var(--color-primary-bg); color: var(--color-primary);
  font-size: .75rem; font-weight: 600;
  display: flex; align-items: center; justify-content: center;
}
.wa-q-tag {
  flex-shrink: 0; font-size: .7rem; padding: 2px 8px; border-radius: 4px;
  background: var(--color-border); color: var(--color-text-secondary);
}
.wa-q-stem { flex: 1; }
.wa-q-toggle { flex-shrink: 0; color: var(--color-primary); font-size: .8rem; }
.wa-q[open] .wa-q-toggle { display: none; }

/* 题目展开内容 */
.wa-q-body { padding: 14px 16px; }

/* 选项 */
.wa-opts { display: flex; flex-direction: column; gap: 6px; margin-bottom: 12px; }
.wa-opt {
  display: flex; align-items: flex-start; gap: 8px;
  padding: 8px 12px; border-radius: 6px; font-size: .88rem; line-height: 1.5;
}
.wa-opt-correct { background: rgba(34,197,94,.08); border: 1px solid rgba(34,197,94,.2); }
.wa-opt-wrong { background: rgba(239,68,68,.04); border: 1px solid var(--color-border); }
.wa-opt-mark { flex-shrink: 0; font-size: .85rem; }
.wa-opt-key { flex-shrink: 0; font-weight: 600; color: var(--color-text-secondary); }
.wa-opt-text { flex: 1; }

/* 答案/考点/解析 */
.wa-q-answer, .wa-q-point, .wa-q-solution {
  display: flex; gap: 8px; padding: 6px 0; font-size: .88rem; line-height: 1.6;
}
.wa-q-label {
  flex-shrink: 0; font-weight: 600; color: var(--color-text-secondary);
  min-width: 60px;
}
.wa-q-answer-text { color: var(--color-primary); font-weight: 600; }

/* 移动端 */
@media (max-width: 768px) {
  .wa-q-summary { padding: 10px 10px; font-size: .85rem; }
  .wa-q-body { padding: 10px; }
  .wa-opt { padding: 6px 8px; font-size: .82rem; }
  .wa-cat-header { padding: 8px 10px; }
}
@media (max-width: 480px) {
  .wa-q-num { width: 20px; height: 20px; font-size: .7rem; }
  .wa-q-tag { font-size: .65rem; }
  .wa-q-label { min-width: 44px; }
}