/* ClavisExam UI v2 · 第一批外壳（页头、科目切换、额度条、即将上线、深色模式）
   只加新类（u2-*）和新变量；线上原有变量名与浅色值不变。无外部资源。 */
:root{
  color-scheme:light;
  --ink-2:#2f3d4c;--line-strong:#7f8c9b;--focus:#1b64c9;--danger:#a8321f;--warn-text:#6e4300;
  --hdr-bg:#14202e;--hdr-ink:#f3f6f8;--hdr-muted:#c0cad4;--hdr-line:rgba(243,246,248,.28);--hdr-chip:rgba(255,255,255,.08);--hdr-hover:rgba(255,255,255,.10);
  --sub-bg:#ffffff;--subj-zh:#b4472c;--subj-en:#2a5bb0;--subj-math:#7448b0;--subj-eni:#b86a00;
  --accent-soft:#dcefe8;--accent-text:#0e6b57;
}
[data-theme="dark"]{
  color-scheme:dark;
  --ink:#e6ecf1;--paper:#0e151c;--card:#16202a;--line:#2a3744;--line-soft:#222d38;--muted:#9db0c0;--accent:#4fc2a1;--accent-bg:#163a31;--answer:#6fd3b6;
  --yellow:#4b4016;--yellow-tag:#8a7424;--amber:#4a3518;--amber-ink:#ffd9a8;--notice:#45291f;--notice-ink:#ffd2bf;--chip:#24303b;--chip-soft:#1d2833;
  --disabled:#5d6b78;--on-ink:#0e151c;--ink-2:#c3cfda;--line-strong:#5d6f80;--focus:#7fb2ff;--danger:#ff8a75;--warn-text:#ffd28a;
  --accent-soft:#163a31;--accent-text:#6fd3b6;
  --hdr-bg:#0a1016;--hdr-ink:#e6ecf1;--hdr-muted:#a9b9c7;--hdr-line:rgba(230,236,241,.22);--hdr-chip:rgba(255,255,255,.06);--hdr-hover:rgba(255,255,255,.08);
  --sub-bg:#121b24;--subj-zh:#f08a6c;--subj-en:#7ea7f0;--subj-math:#b896ec;--subj-eni:#f0b050;
}
[data-theme="dark"] #topup{background:var(--amber)!important;border-color:var(--yellow-tag)!important}
[data-theme="dark"] .lockbox{background:var(--card)!important}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.u2-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.u2-i{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
[dir="rtl"] .u2-flip{transform:scaleX(-1)}
.u2-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex:none}
.u2-dot[data-s="zh"]{background:var(--subj-zh)}.u2-dot[data-s="en"]{background:var(--subj-en)}.u2-dot[data-s="math"]{background:var(--subj-math)}.u2-dot[data-s="eni"]{background:var(--subj-eni)}.u2-dot[data-s="kids"]{background:#f0b429}

/* ── 页头：两行。第 1 行深色，第 2 行是已选内容 + 额度条 ── */
header.top.u2{background:transparent;border-bottom:0;box-shadow:0 1px 0 var(--line);z-index:30}
header.top.u2>div{max-width:none;margin:0;padding:0;display:block}
.u2-top{background:var(--hdr-bg);color:var(--hdr-ink)}
.u2-sub{background:var(--sub-bg);border-bottom:1px solid var(--line)}
.u2-in{max-width:1080px;margin-inline:auto;padding:8px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
.u2-sub .u2-in{padding-block:2px;font-size:13px}
.u2-top .brand{display:flex;align-items:center;gap:8px;min-height:44px;color:inherit;text-decoration:none;white-space:nowrap}
.u2-top .brand b{font-size:17px}
.u2-top .brand .small{color:var(--hdr-muted)}
.u2-tabs{display:flex;gap:4px;padding:4px;border-radius:10px;background:var(--hdr-chip);max-width:100%;overflow-x:auto}
.u2-tab{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:0;border-radius:7px;background:transparent;color:var(--hdr-ink);font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer}
.u2-tab:hover{background:var(--hdr-hover)}
a.u2-tab{text-decoration:none}
.u2-tab[aria-pressed="true"]{background:var(--hdr-ink);color:var(--hdr-bg)}
header.top.u2 nav.links{display:flex;gap:2px;flex:1 1 auto;min-width:0;overflow-x:auto}
header.top.u2 nav.links a{display:flex;align-items:center;min-height:44px;padding:0 10px;color:var(--hdr-muted);text-decoration:none;font-size:14px;white-space:nowrap}
header.top.u2 nav.links a:hover{color:var(--hdr-ink)}
.u2-tools{display:flex;align-items:center;gap:8px;margin-inline-start:auto}
.u2-tools .langsel{min-height:40px;max-width:9.5em;padding:0 8px;border:1px solid var(--hdr-line);border-radius:8px;background:transparent;color:var(--hdr-ink);font-size:13px}
.u2-tools .langsel option{color:#14202e;background:#fff}
.u2-ib{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:8px;border:1px solid var(--hdr-line);background:transparent;color:var(--hdr-ink);cursor:pointer;text-decoration:none;padding:0}
.u2-ib:hover{background:var(--hdr-hover)}
.u2-ib .u2-sun{display:none}[data-theme="dark"] .u2-ib .u2-sun{display:block}[data-theme="dark"] .u2-ib .u2-moon{display:none}
.u2-crumbs{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0;flex:1 1 auto;min-width:0;overflow-x:auto}
.u2-crumbs li{display:flex;align-items:center;gap:2px;white-space:nowrap}
.u2-crumbs a,.u2-crumbs .empty{display:flex;align-items:center;gap:6px;min-height:36px;padding:0 8px;border-radius:6px;color:var(--ink);text-decoration:none;font-weight:500}
.u2-crumbs a:hover{background:var(--chip)}
.u2-crumbs li:first-child a{background:var(--chip)}
.u2-crumbs .empty{color:var(--muted);font-weight:400}
.u2-crumbs .sep{color:var(--muted)}
.u2-credit{display:flex;flex-wrap:wrap;align-items:center;gap:2px 12px;margin-inline-start:auto;min-width:0}
.u2-credit .chip{padding:2px 8px;border-radius:999px;background:var(--chip);font-size:12px;font-weight:500;white-space:nowrap}
.u2-credit .txt{color:var(--muted);min-width:0}
.u2-credit a.up{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:6px;background:var(--ink);color:var(--on-ink);text-decoration:none;font-weight:500;white-space:nowrap}
@media (max-width:719px){
  header.top.u2{position:static}
  .u2-tools{order:2}.u2-tabs{order:3;flex:1 1 100%}header.top.u2 nav.links{order:4;flex:1 1 100%}
  .u2-credit{margin-inline-start:0;flex:1 1 100%}
}

/* ── 科目入口（首屏） ── */
.u2-pick{display:grid;gap:10px;margin-top:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.u2-pick h2{grid-column:1/-1;margin:0;font-size:13px;font-weight:500;color:var(--muted)}
.u2-card{display:flex;flex-direction:column;gap:6px;min-height:92px;padding:14px 16px;border:2px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);text-align:start;cursor:pointer;text-decoration:none}
.u2-card:hover{border-color:var(--ink)}
.u2-card .t{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700}
.u2-card .t .u2-i{margin-inline-start:auto}
.u2-card .d{font-size:13px;color:var(--ink-2);line-height:1.55}

/* ── 英语 / 数学：即将上线（替换出卷区） ── */
#u2soon{display:none;margin:28px auto 8px;width:100%;max-width:1080px;padding-inline:16px}
.u2-soonbox{max-width:760px;display:flex;flex-direction:column;gap:18px;padding:28px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.u2-soonbox h1{margin:0;font-size:30px;line-height:1.25}
.u2-soonbox p{margin:0}
.u2-soonbox .lede{color:var(--ink-2);font-size:16px}
.u2-soonbox h2{margin:0 0 6px;font-size:13px;font-weight:500;color:var(--muted)}
.u2-chips{display:flex;flex-wrap:wrap;gap:8px}
.u2-chips span{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border:1px dashed var(--line-strong);border-radius:10px;color:var(--ink-2);font-size:14px;white-space:nowrap}
.u2-form{display:flex;flex-direction:column;gap:6px}
.u2-form .row{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}
.u2-form label{display:flex;flex-direction:column;gap:4px;flex:1 1 220px;font-size:13px;color:var(--muted)}
.u2-form input{min-height:44px}
.u2-form button.main{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.u2-ok{display:none;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:12px;background:var(--accent-bg);color:var(--ink);font-weight:600}
.u2-ok.on{display:flex}
.u2-bad{color:var(--danger);font-size:13px}
.u2-back{display:inline-flex;align-items:center;gap:6px;min-height:44px;align-self:flex-start;color:var(--accent-text);background:none;border:0;padding:0;font-weight:500;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
body[data-subj="en"] #app,body[data-subj="math"] #app,body[data-subj="en"] #topup,body[data-subj="math"] #topup,body[data-subj="en"] section.hero,body[data-subj="math"] section.hero{display:none!important}
body[data-subj="en"] #u2soon,body[data-subj="math"] #u2soon{display:block}
@media print{header.top.u2{display:none!important}}
html{scroll-padding-top:116px}
@media (max-width:719px){html{scroll-padding-top:12px}}
body[data-subj="en"] #services,body[data-subj="math"] #services,body[data-subj="en"] #how,body[data-subj="math"] #how,body[data-subj="en"] section.land.alt:not(#faq),body[data-subj="math"] section.land.alt:not(#faq){display:none}

.u2-try{display:inline-flex;align-items:center;gap:8px;min-height:44px;align-self:flex-start;padding:0 18px;border-radius:6px;background:var(--accent);color:#fff;font-weight:600;text-decoration:none}.u2-try[hidden]{display:none}.u2-try:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
#u2soon.u2-en #u2form,#u2soon.u2-en #u2ok,#u2soon.u2-en .u2-row{display:none!important}

/* 科目首页：直达入口 */
.u2-go{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:10px}
.u2-go a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:64px;padding:0 18px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);text-decoration:none;font:700 18px/1.3 Georgia,"Noto Serif CJK SC",serif;transition:background .15s,border-color .15s,color .15s}
.u2-go a:hover{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}
.u2-go a .u2-i{opacity:.7}
#u2sdot[data-s="math"]{background:var(--subj-math)}#u2sdot[data-s="en"]{background:var(--subj-en)}
.u2-soonbox h1{font-family:Georgia,"Noto Serif CJK SC",serif}
@media (prefers-reduced-motion:reduce){.u2-go a{transition:none}}