/* 怎么考试 · 深色考场沉浸主题 */
:root{
  --bg:#0b0e14;
  --bg-2:#111623;
  --bg-3:#161d2e;
  --line:#233049;
  --ink:#e8eef7;
  --ink-2:#9fb0c9;
  --ink-3:#6b7a95;
  --accent:#6ea8fe;
  --accent-2:#8ad0c0;
  --warm:#ffd166;
  --good:#57d39a;
  --bad:#ff7a90;
  --radius:16px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:radial-gradient(1200px 600px at 50% -10%, #16203a 0%, var(--bg) 55%) no-repeat, var(--bg);
  color:var(--ink);
  font:16px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}

.topbar{
  position:sticky;top:0;z-index:20;
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 20px;background:rgba(11,14,20,.82);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.brand{font-weight:700;letter-spacing:.12em;color:var(--ink);font-size:18px}
.brand:hover{text-decoration:none;color:var(--accent)}
.nav a{margin-left:18px;color:var(--ink-2);font-size:15px}
.btn-mini{background:var(--accent);color:#06101f !important;padding:6px 14px;border-radius:999px;font-weight:600}

.wrap{max-width:820px;margin:0 auto;padding:28px 20px 120px}
.foot{max-width:820px;margin:0 auto;padding:24px 20px 60px;color:var(--ink-3);font-size:13px;text-align:center;border-top:1px solid var(--line)}
.foot p{margin:4px 0}
.brandline{color:var(--warm);line-height:1.75}

h1{font-size:30px;line-height:1.35;margin:.2em 0 .6em}
h2{font-size:22px;margin:1.4em 0 .6em}
.lead{font-size:18px;color:var(--ink-2)}

.card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin:16px 0}
.muted{color:var(--ink-3)}
.small{font-size:13px}

/* 按钮 */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:var(--accent);color:#06101f;border:0;border-radius:12px;
  padding:13px 22px;font-size:16px;font-weight:700;cursor:pointer;
  transition:transform .08s ease, filter .15s ease;
}
.btn:hover{filter:brightness(1.06)}
.btn:active{transform:translateY(1px)}
.btn:disabled{opacity:.45;cursor:not-allowed}
.btn-ghost{background:transparent;color:var(--accent);border:1px solid var(--line)}
.btn-lg{width:100%;padding:16px;font-size:17px}

/* 表单 */
.field{margin:14px 0}
.field label{display:block;margin-bottom:6px;color:var(--ink-2);font-size:14px}
.input{
  width:100%;padding:13px 14px;background:var(--bg-3);border:1px solid var(--line);
  border-radius:12px;color:var(--ink);font-size:16px;outline:none;
}
.input:focus{border-color:var(--accent)}
.alert{padding:12px 14px;border-radius:12px;margin:12px 0;font-size:14px}
.alert-err{background:rgba(255,122,144,.12);border:1px solid rgba(255,122,144,.4);color:#ffb3c0}
.alert-ok{background:rgba(87,211,154,.12);border:1px solid rgba(87,211,154,.4);color:#9ff0c6}

/* 选项组 */
.opt{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);border-radius:12px;margin:8px 0;cursor:pointer}
.opt:hover{border-color:var(--accent)}
.opt input{margin-top:5px}

/* 考试选择 */
.exam-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:560px){.exam-grid{grid-template-columns:1fr}}
.exam-card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:18px;cursor:pointer}
.exam-card:hover{border-color:var(--accent)}
.exam-card.sel{border-color:var(--accent);box-shadow:0 0 0 2px rgba(110,168,254,.25) inset}
.exam-card .name{font-weight:700;font-size:17px}
.exam-card .price{color:var(--warm);margin-top:6px;font-size:14px}

/* 学段两栏：左 K12、右 成人 */
.seg-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
@media(max-width:760px){.seg-grid{grid-template-columns:1fr}}
.seg-col{border:1px solid var(--line);border-radius:14px;padding:14px;background:rgba(22,29,46,.4)}
.seg-title{font-size:18px;font-weight:700;color:var(--warm);margin-bottom:4px}
.seg-cat{font-size:15px;color:var(--accent);margin-top:10px}
.catbox{margin-top:8px;border-top:1px solid var(--line);padding-top:8px}
.catbox>summary{cursor:pointer;list-style:none}
.catbox>summary::-webkit-details-marker{display:none}
.catbox>summary::before{content:'▸ ';color:var(--ink-3)}
.catbox[open]>summary::before{content:'▾ '}
.cat-inner{padding:6px 0 2px}

/* 段落 / 原文 */
.passage{background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius);padding:18px;line-height:2;font-size:16px}
.passage .hl{background:rgba(110,168,254,.18);border-radius:4px;padding:1px 2px}

/* 连续流·点 */
.pointbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 16px}
.chip{background:var(--bg-3);border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:13px;color:var(--ink-2)}
.timer{font-variant-numeric:tabular-nums;color:var(--warm);font-weight:700}
.progress{height:4px;background:var(--bg-3);border-radius:99px;overflow:hidden;margin:8px 0 20px}
.progress>i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));width:0;transition:width .4s ease}
.voice{font-size:19px;line-height:1.95}
.voice p{margin:.5em 0}
.qualities{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}
.qtag{font-size:12px;color:var(--accent-2);border:1px solid rgba(138,208,192,.35);border-radius:999px;padding:3px 10px}

/* 15 块解剖 */
details.anat{margin-top:14px;border:1px solid var(--line);border-radius:12px;overflow:hidden}
details.anat>summary{padding:12px 14px;cursor:pointer;color:var(--ink-2);list-style:none;background:var(--bg-3)}
details.anat>summary::-webkit-details-marker{display:none}
.anamap{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line)}
@media(max-width:560px){.anamap{grid-template-columns:1fr}}
.anaitem{padding:10px 14px;border-bottom:1px solid var(--line);font-size:14px}
.anaitem.on{background:rgba(110,168,254,.06)}
.anaitem .k{color:var(--accent);font-size:12px;display:block;margin-bottom:2px}
.anaitem .v{color:var(--ink-2)}

/* 题目 */
.qstem{font-size:17px;font-weight:600;margin:18px 0 8px;white-space:pre-wrap}
.optline{display:block;padding:11px 14px;border:1px solid var(--line);border-radius:12px;margin:8px 0;cursor:pointer;white-space:pre-wrap}
.optline:hover{border-color:var(--accent)}
.optline.sel{border-color:var(--accent);background:rgba(110,168,254,.08)}
.optline.ok{border-color:var(--good);background:rgba(87,211,154,.1)}
.optline.no{border-color:var(--bad);background:rgba(255,122,144,.1)}

/* 报告 */
.dims{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:560px){.dims{grid-template-columns:1fr}}
.dim{display:flex;justify-content:space-between;padding:10px 14px;border:1px solid var(--line);border-radius:12px;font-size:14px;background:var(--bg-2)}
.dim .up{color:var(--good)}
.dim .down{color:var(--ink-3)}
.score{font-size:56px;font-weight:800;color:var(--accent);line-height:1}

/* 付费墙 */
.paywall{border:1px solid var(--warm);border-radius:var(--radius);padding:24px;background:linear-gradient(180deg,rgba(255,209,102,.08),transparent)}
.paywall .price{font-size:40px;font-weight:800;color:var(--warm)}

/* 加载 */
.loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:60px 0;color:var(--ink-2)}
.spinner{width:38px;height:38px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

.actions{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}
.hidden{display:none !important}

table{width:100%;border-collapse:collapse;font-size:14px}
th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}
th{color:var(--ink-2)}