/* jr13-earth-science（地球科學站）｜年齡層：junior（墨藍強調）
   對應簡表：--paper→--tp-bg、--paper-2→--tp-surface、--sunken→--tp-bg-deep、--ink→--tp-text、--line→--tp-line
   --primary→--tp-accent、--primary-d→--tp-accent-strong、--on-primary→--tp-accent-on、--primary-s→--tp-accent-soft
   --terra→--tp-subject-sci（眉題、識別）、--sea→--tp-info、--sea-s→--tp-accent-soft、--gold→--tp-warning
   --ok→--tp-success、--bad→--tp-error，各 soft 階同理；圓角→--tp-radius-card／--tp-radius-ctl
   陰影→--tp-shadow-1／--tp-shadow-2、字體→--tp-font-sans；進度條留 --tp-subject-sci */
html[data-tp-theme="v2"]:root {
  --ink: var(--tp-text);
  --ink-soft: var(--tp-text-soft);
  --paper: var(--tp-bg);
  --paper-2: var(--tp-surface);
  --sunken: var(--tp-bg-deep);
  --line: var(--tp-line);
  --primary: var(--tp-accent);
  --primary-d: var(--tp-accent-strong);
  --on-primary: var(--tp-accent-on);
  --primary-s: var(--tp-accent-soft);
  --terra: var(--tp-subject-sci);
  --terra-s: var(--tp-subject-sci-soft);
  --sea: var(--tp-info);
  --sea-s: var(--tp-accent-soft);
  --gold: var(--tp-warning);
  --gold-s: var(--tp-warning-soft);
  --ok: var(--tp-success);
  --ok-s: var(--tp-success-soft);
  --bad: var(--tp-error);
  --bad-s: var(--tp-error-soft);
  --warn: var(--tp-warning);
  --warn-s: var(--tp-warning-soft);
  --r: var(--tp-radius-card);
  --r-sm: var(--tp-radius-ctl);
  --shadow: var(--tp-shadow-2);
  --shadow-sm: var(--tp-shadow-1);
  --font: var(--tp-font-sans);
}
/* 大標改 serif，貼近 junior 參考書氣質 */
html[data-tp-theme="v2"] h1,
html[data-tp-theme="v2"] h2 { font-family: var(--tp-font-serif); }
/* 頁面暈染改吃權杖淺底（深色自動換夜間階） */
html[data-tp-theme="v2"] body { background-image: radial-gradient(1100px 480px at -10% -10%, var(--tp-accent-soft), transparent 55%), radial-gradient(900px 420px at 110% -5%, var(--tp-subject-sci-soft), transparent 50%); }
/* 寫死色碼覆寫：跳轉連結、吸頂列、模擬舞台、學習單 */
html[data-tp-theme="v2"] .skip { background: var(--tp-accent); color: var(--tp-accent-on); }
html[data-tp-theme="v2"] .app-head { background: var(--tp-surface); }
html[data-tp-theme="v2"] .sim-svg { background: var(--tp-surface); }
html[data-tp-theme="v2"] .sheet { background: var(--tp-surface); color: var(--tp-text); }
/* 三顆彩色副按鈕字色改吃 accent-on（深色下自動翻轉） */
html[data-tp-theme="v2"] .btn-sea,
html[data-tp-theme="v2"] .btn-terra,
html[data-tp-theme="v2"] .btn-ok { color: var(--tp-accent-on); }
/* 寫死邊線色改吃邊線權杖 */
html[data-tp-theme="v2"] .readout,
html[data-tp-theme="v2"] .banner,
html[data-tp-theme="v2"] .fb.good,
html[data-tp-theme="v2"] .fb.bad,
html[data-tp-theme="v2"] .fb.warn { border-color: var(--tp-line); }
/* 進度條留給科目識別色 */
html[data-tp-theme="v2"] .progress > i { background: var(--tp-subject-sci); }
/* 焦點環跟 accent */
html[data-tp-theme="v2"] :focus-visible { outline-color: var(--tp-accent); }