/* =============================================================
 * 错题 · 原文精练  样式（2026-10-25 建）
 * 只作用于 #engPanelWrong / #chiPanelWrong 内部（.wp- 前缀），
 * 不改 styles.css、不影响任何既有面板。
 * ============================================================= */

.wp-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:2px 0 14px}
.wp-kpis{display:flex;gap:8px;flex-wrap:wrap}
.wp-kpi{display:inline-flex;align-items:baseline;gap:5px;background:#F1F5F9;color:#475569;
  border:1px solid #E2E8F0;border-radius:999px;padding:4px 11px;font-size:12.5px;font-weight:600}
.wp-kpi b{font-size:15px;color:#1E293B;font-weight:800}
.wp-kpi-err{background:#FEF2F2;border-color:#FECACA;color:#B91C1C}
.wp-kpi-err b{color:#B91C1C}
.wp-kpi-ok{background:#F0FDF4;border-color:#BBF7D0;color:#15803D}
.wp-kpi-ok b{color:#15803D}

.wp-btn{border:1px solid #CBD5E1;background:#fff;color:#475569;font-size:12.5px;font-weight:700;
  border-radius:9px;padding:5px 12px;cursor:pointer;transition:.15s}
.wp-btn:hover{border-color:#3B6FE0;color:#3B6FE0;background:#F5F8FF}
.wp-btn:active{transform:translateY(1px)}

/* ---------- 清单 ---------- */
.wp-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}
.wp-item{border:1px solid #E5EAF1;border-radius:14px;background:#fff;padding:13px 15px;cursor:pointer;
  transition:.16s;box-shadow:0 1px 2px rgba(15,23,42,.03)}
.wp-item:hover{border-color:#BFD3FF;box-shadow:0 6px 18px rgba(59,111,224,.10);transform:translateY(-1px)}
.wp-item-hd{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}
.wp-tag{font-size:12px;font-weight:800;color:#1F5FA8;background:#EEF4FF;border-radius:7px;padding:2px 8px}
.wp-badge{font-size:11.5px;font-weight:800;border-radius:999px;padding:3px 9px;white-space:nowrap}
.wp-badge.err{background:#FEF2F2;color:#C0392B;border:1px solid #FECACA}
.wp-badge.ok{background:#F0FDF4;color:#15803D;border:1px solid #BBF7D0}
.wp-item-title{font-size:14.5px;font-weight:800;color:#1E293B;line-height:1.45;margin-bottom:4px}
.wp-item-meta{font-size:11.5px;color:#94A3B8;line-height:1.5}
.wp-prog{height:5px;background:#EEF2F7;border-radius:999px;overflow:hidden;margin:9px 0 5px}
.wp-prog i{display:block;height:100%;background:linear-gradient(90deg,#5B8DEF,#3B6FE0);border-radius:999px;transition:.3s}
.wp-item-foot{font-size:11.5px;color:#94A3B8;text-align:right}

/* ---------- 练习页 ---------- */
.wp-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:2px 0 10px;
  padding-bottom:10px;border-bottom:1px dashed #E2E8F0}
.wp-back{border:1px solid #CBD5E1;background:#fff;color:#475569;font-size:12.5px;font-weight:700;
  border-radius:9px;padding:5px 12px;cursor:pointer}
.wp-back:hover{border-color:#3B6FE0;color:#3B6FE0}
.wp-bar-title{font-size:14px;font-weight:800;color:#1E293B}
.wp-toggle{margin-left:auto;font-size:12.5px;color:#475569;display:inline-flex;align-items:center;gap:5px;cursor:pointer;user-select:none}
.wp-toggle input{width:15px;height:15px;accent-color:#3B6FE0;cursor:pointer}
.wp-note{font-size:12.5px;color:#B1441F;background:#FFF6F1;border:1px solid #FAD9C8;
  border-radius:9px;padding:7px 11px;margin-bottom:10px}

/* 原文 */
.wp-passage{border:1px solid #E5EAF1;border-radius:14px;background:#F8FAFC;padding:0;margin-bottom:14px;overflow:hidden}
.wp-passage-hd{font-size:12.5px;font-weight:800;color:#475569;background:#EEF2F7;
  padding:7px 14px;border-bottom:1px solid #E5EAF1}
.wp-passage-body{max-height:46vh;overflow:auto;padding:13px 16px;font-size:14.5px;line-height:1.75;color:#1F2937}
.wp-passage-body p{margin:0 0 11px}
.wp-passage-body p:last-child{margin-bottom:0}
.wp-blank{display:inline-block;min-width:3.1em;text-align:center;border-bottom:1.5px solid #94A3B8;
  color:#3B6FE0;font-weight:800;font-size:12px;line-height:1.2;margin:0 2px;vertical-align:baseline}
.wp-blank i{font-style:normal}

/* 题目 */
.wp-qs{display:flex;flex-direction:column;gap:14px}
.wp-q{border:1px solid #EDF1F6;border-radius:13px;padding:12px 14px;background:#fff}
.wp-q-stem{font-size:14px;line-height:1.65;color:#1E293B;font-weight:600;margin-bottom:9px}
.wp-q-stem b{color:#3B6FE0;font-weight:800;margin-right:2px}
.wp-opts{display:grid;grid-template-columns:1fr 1fr;gap:7px}
@media (max-width:720px){.wp-opts{grid-template-columns:1fr}}
.wp-opt{display:flex;align-items:flex-start;gap:8px;text-align:left;width:100%;
  border:1px solid #E2E8F0;background:#fff;border-radius:10px;padding:8px 10px;cursor:pointer;
  font-size:13.5px;line-height:1.5;color:#334155;transition:.13s}
.wp-opt:hover{border-color:#BFD3FF;background:#F7FAFF}
.wp-opt i{flex:none;width:20px;height:20px;border-radius:50%;background:#EEF2F7;color:#475569;
  font-style:normal;font-size:11.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;margin-top:1px}
.wp-opt.wp-right{border-color:#34C38F;background:#F0FDF7;color:#0F6B4A}
.wp-opt.wp-right i{background:#34C38F;color:#fff}
.wp-opt.wp-wrong{border-color:#E57373;background:#FFF4F4;color:#A32B2B}
.wp-opt.wp-wrong i{background:#E57373;color:#fff}
.wp-opt.wp-ans{border-style:dashed;border-color:#3B6FE0}
.wp-opt.wp-ans i{background:#3B6FE0;color:#fff}

/* 填空 */
.wp-fill{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.wp-input{flex:1;min-width:180px;border:1px solid #CBD5E1;border-radius:10px;padding:8px 11px;
  font-size:14px;color:#1E293B;outline:none;background:#fff}
.wp-input:focus{border-color:#3B6FE0;box-shadow:0 0 0 3px rgba(59,111,224,.12)}

/* 反馈 */
.wp-fb{margin-top:9px;font-size:12.5px;line-height:1.65}
.wp-fb.ok,.wp-fb.err{border-radius:10px;padding:8px 11px}
.wp-fb.ok{background:#F0FDF7;border:1px solid #BBF0D8;color:#0F6B4A}
.wp-fb.err{background:#FFF6F6;border:1px solid #FAD1D1;color:#A32B2B}
.wp-verdict{font-weight:800;margin-right:8px}
.wp-ansline b{font-weight:800}
.wp-why{margin-top:6px;padding-top:6px;border-top:1px dashed rgba(100,116,139,.25);
  color:#475569;font-size:12.5px;line-height:1.7}

/* 空状态 */
.wp-empty{text-align:center;padding:46px 18px;color:#94A3B8}
.wp-empty-ico{font-size:40px;line-height:1;margin-bottom:10px}
.wp-empty-t{font-size:15px;font-weight:800;color:#64748B;margin-bottom:6px}
.wp-empty-s{font-size:12.5px;color:#94A3B8;line-height:1.6}

/* ---------- 搜索 / 视图 / 过滤 ---------- */
.wp-ctl{margin:0 0 14px;display:flex;flex-direction:column;gap:9px}
.wp-search{width:100%;border:1px solid #CBD5E1;border-radius:11px;padding:9px 13px;font-size:13.5px;
  color:#1E293B;outline:none;background:#fff;box-sizing:border-box}
.wp-search:focus{border-color:#3B6FE0;box-shadow:0 0 0 3px rgba(59,111,224,.12)}
.wp-views{display:flex;gap:8px;flex-wrap:wrap}
.wp-viewbtn{border:1px solid #CBD5E1;background:#fff;color:#475569;font-size:12.5px;font-weight:700;
  border-radius:9px;padding:6px 13px;cursor:pointer;transition:.15s}
.wp-viewbtn:hover{border-color:#3B6FE0;color:#3B6FE0}
.wp-viewbtn.on{border-color:#3B6FE0;background:#3B6FE0;color:#fff}
.wp-chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.wp-chip{border:1px solid #E2E8F0;background:#F8FAFC;color:#64748B;font-size:12px;font-weight:700;
  border-radius:999px;padding:4px 11px;cursor:pointer;transition:.15s}
.wp-chip:hover{border-color:#BFD3FF;color:#3B6FE0}
.wp-chip.on{border-color:#3B6FE0;background:#EEF4FF;color:#3B6FE0}
.wp-sep{width:1px;height:16px;background:#E2E8F0;margin:0 2px}

/* 今日队列 */
.wp-queue-hd{font-size:12.5px;font-weight:800;color:#B1441F;background:#FFF6F1;
  border:1px solid #FAD9C8;border-radius:9px;padding:6px 12px;margin-bottom:9px}

/* 来源分组 */
.wp-src{border:1px solid #E5EAF1;border-radius:13px;background:#fff;margin-bottom:10px;overflow:hidden}
.wp-src-hd{display:flex;align-items:center;gap:9px;padding:11px 14px;cursor:pointer;user-select:none;
  transition:.12s;background:#F8FAFC}
.wp-src-hd:hover{background:#EEF4FF}
.wp-caret{display:inline-block;color:#64748B;font-size:11px;transition:transform .15s;transform:rotate(0)}
.wp-caret.on{transform:rotate(90deg);color:#3B6FE0}
.wp-src-name{font-size:14px;font-weight:800;color:#1E293B;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wp-src-cnt{font-size:11.5px;font-weight:700;color:#94A3B8;white-space:nowrap}
.wp-src-body{border-top:1px solid #EEF2F7}
.wp-src-body .wp-prow:last-child{border-bottom:none}

/* 篇目行 */
.wp-prow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;
  cursor:pointer;border-bottom:1px solid #F1F5F9;transition:.12s}
.wp-prow:hover{background:#F7FAFF}
.wp-prow-l{display:flex;align-items:center;gap:9px;min-width:0;flex:1}
.wp-prow-title{font-size:13.5px;font-weight:700;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wp-prow-r{display:flex;align-items:center;gap:8px;flex:none}
.wp-go{color:#94A3B8;font-size:18px;line-height:1}

/* 练习页面包屑 + 题号 */
.wp-bar-crumb{font-size:12px;font-weight:700;color:#64748B;background:#EEF2F7;border-radius:7px;padding:3px 9px;
  margin-right:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:52%}
.wp-qno{display:inline-block;background:#EEF4FF;color:#3B6FE0;border:1px solid #D6E4FF;
  border-radius:6px;padding:1px 7px;font-size:12px;font-weight:800;margin-right:6px;letter-spacing:.2px}