:root {
  --brand: #0E7C66;
  --brand-ink: #0A5F4E;
  --brand-soft: #E7F4F0;
  --bg: #F5F6F4;
  --card: #FFFFFF;
  --text: #111917;
  --muted: #6C7A75;
  --line: #E4E8E5;
  --rail: #EDF0EE;
  --good: #0E7C66;
  --mid: #A9701A;
  --bad: #BF3A30;
  --shadow: 0 1px 2px rgba(16, 26, 22, .04), 0 10px 28px -18px rgba(16, 26, 22, .28);
  --radius: 16px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --brand: #4AC9A9;
    --brand-ink: #74DCBE;
    --brand-soft: #15302A;
    --bg: #0E1412;
    --card: #161D1A;
    --text: #E9EFEC;
    --muted: #8B9A94;
    --line: #232D29;
    --rail: #1F2825;
    --good: #4AC9A9;
    --mid: #D9A24A;
    --bad: #E2796F;
    --shadow: none;
  }
}

* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  background: var(--bg);
  color: var(--text);
  font-family: system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  -webkit-font-smoothing: antialiased;
  overscroll-behavior: none;
}

body { font-size: 15px; line-height: 1.55; }
.hidden { display: none !important; }
/* ^ 四页共用基座：主题变量 / 暗色模式 / 重置 / .hidden，删掉任何一行四个页面都会掉样式 */

/* 其余页面样式各归各的文件：
   index.css   首页任务台（登录 / 顶栏 / 任务卡 / 日历 / toast）
   daily.css   练习页、错题本、训练数据看板
   v3 起词库与场景练习器的样式（.chips / .word-* / .sheet* / .tabbar / .ab-* 等）已删除 */

/* ---------- 离线提示条 ---------- */
/* 断网时钉在顶部。不做这个，用户点播放没反应会以为坏了 —— */
/* 实际上已缓存的内容能听，只是打卡要等联网。 */
.wt-offline-bar {
  position: sticky;
  top: 0;
  z-index: 60;
  background: #7A5B18;
  color: #FFF6E0;
  font-size: 12px;
  line-height: 1.5;
  padding: 7px 14px;
  padding-top: calc(7px + env(safe-area-inset-top, 0px));
  text-align: center;
}