/* 备考台公共样式：入口页 / 行测 / 申论 共用
 * 变量跟专业课那套保持一致，主题也读同一个 localStorage key（exb_theme），
 * 这样在哪个页面切了深浅色，进专业课也是同一个。 */
:root{
  --bg:#f4f5fa; --card:#ffffff; --ink:#1e293b; --sub:#64748b; --line:#e5e9f0;
  --acc:#4f46e5; --acc-deep:#4338ca; --acc-soft:#eef2ff; --acc-line:#c7d2fe;
  --ok:#16a34a; --ok-soft:#f0fdf4; --ok-line:#bbf7d0;
  --bad:#dc2626; --bad-soft:#fef2f2; --bad-line:#fecaca;
  --warn:#d97706; --warn-soft:#fffbeb; --gold:#b45309;
  --card-2:#f1f5f9; --ink-2:#334155; --hit:#b6bdcc;
  --field:#f8fafc; --shadow:rgba(15,23,42,.06);
  --radius:14px;
}
html[data-theme="dark"]{
  --bg:#0e1116; --card:#171b21; --ink:#e7edf5; --sub:#8f9aa8; --line:#262c34;
  --acc:#8b9bff; --acc-deep:#aeb9ff; --acc-soft:#1c2130; --acc-line:#3a3f5c;
  --ok:#4ade80; --ok-soft:#10281b; --ok-line:#1f5236;
  --bad:#f87171; --bad-soft:#2b1418; --bad-line:#5d2429;
  --warn:#fbbf24; --warn-soft:#2a2213; --gold:#fbbf24;
  --card-2:#1e242c; --ink-2:#c2cbd6; --hit:#3a434f;
  --field:#1a1f26; --shadow:rgba(0,0,0,.32);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html,body{margin:0;}
body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  font-size:14px;line-height:1.6;padding-bottom:24px;}
.wrap{max-width:640px;margin:0 auto;padding:0 14px;}
.top{display:flex;align-items:center;gap:10px;padding:18px 0 10px;}
.top h1{margin:0;font-size:19px;letter-spacing:.3px;}
.top .sub{font-size:11.5px;color:var(--sub);font-weight:500;margin-top:2px;}
.top .spacer{flex:1;}
.iconbtn{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:var(--card);
  color:var(--ink);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:none;}
.iconbtn:active{transform:scale(.96);}
.back{display:inline-flex;align-items:center;gap:4px;color:var(--sub);text-decoration:none;font-size:13px;padding:6px 0;}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px;
  margin-bottom:10px;box-shadow:0 1px 3px var(--shadow);}
.muted{color:var(--sub);font-size:12.5px;line-height:1.7;}
.chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;
  padding:2px 8px;border-radius:99px;background:var(--acc-soft);color:var(--acc-deep);}
.chip.gray{background:var(--card-2);color:var(--sub);}
.chip.ok{background:var(--ok-soft);color:var(--ok);}
.chip.warn{background:var(--warn-soft);color:var(--warn);}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;cursor:pointer;
  font-family:inherit;font-size:13.5px;font-weight:600;border-radius:11px;padding:10px 16px;
  background:var(--acc);color:#fff;}
.btn:active{transform:scale(.99);}
.btn.block{display:flex;width:100%;}
.btn.subtle{background:var(--card-2);color:var(--ink-2);border:1px solid var(--line);}
.btn.ghost{background:transparent;color:var(--sub);border:1px solid var(--line);}
.btn[disabled]{opacity:.45;cursor:default;}
.spread{display:flex;align-items:center;justify-content:space-between;gap:10px;}
h3{margin:0 0 8px;font-size:15px;}