/* ─── CSS 变量（亮色模式默认值）─────────────── */
/* theme.json 会覆盖这些值；若 theme.json 失效则此处兜底 */
:root {
  /* 背景 */
  --bg:          #F7F6F4;
  --surface:     #FFFFFF;
  --avatar:      #E7E3DB;
  /* 文字 */
  --ink:         #1B1B1A;
  --body:        #2C2C2A;
  --sub:         #6B6B68;
  --meta:        #9C9C97;
  /* 分隔线 */
  --line:        #ECEAE6;
  --line-soft:   #F1EFEB;
  /* 品牌金 */
  --aha:         #C2841A;
  --aha-bright:  #D99A2B;
  --aha-ghost:   #F4ECDB;
  /* 资讯蓝 */
  --info:        #5E6B7C;
  --info-ghost:  #ECEEF1;
  /* VIP 卡 */
  --vip-bg:      #211E19;
  --vip-ink:     #F3EEE3;
  --vip-sub:     rgba(243,238,227,.62);
  --vip-line:    rgba(230,178,78,.26);
  /* 付费墙 */
  --pw-shadow:   0 -22px 44px -24px rgba(40,30,10,.18);
  --fade-to:     #F7F6F4;
  /* tabbar */
  --tab-bg:      #FFFFFF;
  --tab-border:  rgba(0,0,0,.07);
}

/* ─── 全局基础 ─────────────────────────────── */
:root {
  background-color: var(--bg);
  color: var(--ink);
  font-family: 'Noto Sans SC', 'PingFang SC', -apple-system, sans-serif;
  font-size: 3.733vw;
  line-height: 1.6;
}

/* ─── 深色模式变量（手动切换，覆盖亮色默认值）── */
/* 给根 view 加 class="dk" 即可触发，CSS variables 向下级联 */
.dk {
  --bg:          #131312;
  --surface:     #1B1B1A;
  --avatar:      #2F2F2C;
  --ink:         #ECEAE4;
  --body:        #CFCCC4;
  --sub:         #9A988F;
  --meta:        #6E6C66;
  --line:        #2B2B28;
  --line-soft:   #242422;
  --aha:         #E6B24E;
  --aha-bright:  #E6B24E;
  --aha-ghost:   rgba(230,178,78,.13);
  --info:        #93A2B2;
  --info-ghost:  rgba(147,162,178,.14);
  --vip-bg:      #221E15;
  --vip-ink:     #F1E8D4;
  --vip-sub:     rgba(241,232,212,.6);
  --vip-line:    rgba(230,178,78,.32);
  --pw-shadow:   0 -22px 48px -22px rgba(0,0,0,.6);
  --fade-to:     #131312;
  --tab-bg:      #1B1B1A;
  --tab-border:  rgba(255,255,255,.06);
  background: #131312;
  color: #ECEAE4;
}

/* 衬线字体（正文、标题） */
.serif {
  font-family: 'Noto Serif SC', 'STSong', 'Songti SC', Georgia, serif;
}