/* ============================================================
   落地页皮肤层 · landing-skin.css
   六套皮肤共用一份 DOM：切换只改根元素 data-skin 一个属性
   paper 素笺 / moss 青苔 / water 静水 / clay 陶土 / mist 晨雾 / brand 品牌蓝
   作用域：.lmg-page（引流落地页）/ .lmr-page（在线阅读页）/ .thh-page（专题页）
           —— 三个页面共用同一份色板，只是变量命名不同（见文末第八节）
   paper 的取值即当前站点的默认观感，可视为「回退态」
   ============================================================ */

.lmg-page,
.lmr-page {
  background: var(--sk-bg);
  color: var(--sk-ink);
}

/* ---------- 素笺 · paper ---------- */
.lmg-page[data-skin="paper"],
.lmr-page[data-skin="paper"] {
  --sk-bg: #F7F4EE;
  --sk-surface: #FFFDF9;
  --sk-alt: #F1EDE3;
  --sk-ink: #2E3433;
  --sk-ink2: #5A5F5D;
  --sk-ink3: #7E827E;
  --sk-line: #E4DDCE;
  --sk-line2: #EFE9DE;
  --sk-accent: #6E6148;
  --sk-accent-d: #574C38;
  --sk-accent-s: #EFE7D8;
  --sk-hero-a: #5A4F3A;
  --sk-hero-b: #6E6148;
  --sk-hero-ink: #FFFFFF;
  --sk-hero-sub: #E8E1D2;
  --sk-dark: #2D2B26;
  --sk-dark-ink: #F2EEE4;
  --sk-radius: 12px;
  --sk-shadow: 0 10px 30px rgba(70, 60, 40, .09);
  --sk-on-accent: #FFFFFF;
}
/* ---------- 青苔 · moss ---------- */
.lmg-page[data-skin="moss"],
.lmr-page[data-skin="moss"] {
  --sk-bg: #F3F6F0;
  --sk-surface: #FFFFFF;
  --sk-alt: #E9EFE4;
  --sk-ink: #1F2A23;
  --sk-ink2: #4C5B51;
  --sk-ink3: #75857A;
  --sk-line: #DBE5D6;
  --sk-line2: #E9EFE4;
  --sk-accent: #2C5139;
  --sk-accent-d: #1F3C29;
  --sk-accent-s: #E2ECDE;
  --sk-hero-a: #1F3C29;
  --sk-hero-b: #2C5139;
  --sk-hero-ink: #FFFFFF;
  --sk-hero-sub: #CFE0D4;
  --sk-dark: #17251C;
  --sk-dark-ink: #EDF3EA;
  --sk-radius: 16px;
  --sk-shadow: 0 12px 32px rgba(31, 60, 41, .10);
  --sk-on-accent: #FFFFFF;
}
/* ---------- 静水 · water ---------- */
.lmg-page[data-skin="water"],
.lmr-page[data-skin="water"] {
  --sk-bg: #14181D;
  --sk-surface: #1B2027;
  --sk-alt: #191E24;
  --sk-ink: #E9ECEF;
  --sk-ink2: #AEB6BF;
  --sk-ink3: #828B94;
  --sk-line: #2C333C;
  --sk-line2: #232A32;
  --sk-accent: #C8B486;
  --sk-accent-d: #A8935F;
  --sk-accent-s: #2A2620;
  --sk-hero-a: #1E242B;
  --sk-hero-b: #2C333C;
  --sk-hero-ink: #F2EAD8;
  --sk-hero-sub: #C6BDAA;
  --sk-dark: #0E1116;
  --sk-dark-ink: #E9ECEF;
  --sk-radius: 10px;
  --sk-shadow: 0 12px 34px rgba(0, 0, 0, .38);
  --sk-on-accent: #FFFFFF;
}
/* ---------- 陶土 · clay ---------- */
.lmg-page[data-skin="clay"],
.lmr-page[data-skin="clay"] {
  --sk-bg: #FBF6F1;
  --sk-surface: #FFFFFF;
  --sk-alt: #F6EDE5;
  --sk-ink: #2E2724;
  --sk-ink2: #5C534E;
  --sk-ink3: #877A72;
  --sk-line: #EADCCF;
  --sk-line2: #F3E9DF;
  --sk-accent: #8A3F22;
  --sk-accent-d: #6E3018;
  --sk-accent-s: #F6E4D9;
  --sk-hero-a: #6E3018;
  --sk-hero-b: #8A3F22;
  --sk-hero-ink: #FFFFFF;
  --sk-hero-sub: #F0D4C4;
  --sk-dark: #2B1F19;
  --sk-dark-ink: #F6EDE6;
  --sk-radius: 14px;
  --sk-shadow: 0 10px 28px rgba(92, 60, 42, .09);
  --sk-on-accent: #FFFFFF;
}
/* ---------- 晨雾 · mist ---------- */
.lmg-page[data-skin="mist"],
.lmr-page[data-skin="mist"] {
  --sk-bg: #F4F6F8;
  --sk-surface: #FFFFFF;
  --sk-alt: #EDF1F4;
  --sk-ink: #1F2A33;
  --sk-ink2: #55636E;
  --sk-ink3: #7E8C97;
  --sk-line: #DFE6EB;
  --sk-line2: #EAEFF3;
  --sk-accent: #2E4453;
  --sk-accent-d: #1F323E;
  --sk-accent-s: #E2EBF1;
  --sk-hero-a: #1F323E;
  --sk-hero-b: #2E4453;
  --sk-hero-ink: #FFFFFF;
  --sk-hero-sub: #C7D7E1;
  --sk-dark: #1B262E;
  --sk-dark-ink: #EDF2F6;
  --sk-radius: 10px;
  --sk-shadow: 0 8px 24px rgba(31, 42, 51, .08);
  --sk-on-accent: #FFFFFF;
}
/* ---------- 品牌蓝 · brand ---------- */
.lmg-page[data-skin="brand"],
.lmr-page[data-skin="brand"] {
  --sk-bg: #F7F9FC;
  --sk-surface: #FFFFFF;
  --sk-alt: #EFF3F9;
  --sk-ink: #1A2330;
  --sk-ink2: #55637A;
  --sk-ink3: #8290A4;
  --sk-line: #E2E8F1;
  --sk-line2: #EAF0F8;
  --sk-accent: #1D4ED8;
  --sk-accent-d: #1740B0;
  --sk-accent-s: #E8EFFC;
  --sk-hero-a: #1740B0;
  --sk-hero-b: #1D4ED8;
  --sk-hero-ink: #FFFFFF;
  --sk-hero-sub: #C9D9F7;
  --sk-dark: #121D33;
  --sk-dark-ink: #EDF1F9;
  --sk-radius: 12px;
  --sk-shadow: 0 10px 28px rgba(29, 78, 216, .10);
  --sk-on-accent: #FFFFFF;
}
/* ---------- 深色模式：浅色皮肤自动切换 ---------- */
@media (prefers-color-scheme: dark) {
  .lmg-page[data-skin="paper"],
  .lmr-page[data-skin="paper"],
  .lmg-page[data-skin="moss"],
  .lmr-page[data-skin="moss"],
  .lmg-page[data-skin="clay"],
  .lmr-page[data-skin="clay"],
  .lmg-page[data-skin="mist"],
  .lmr-page[data-skin="mist"],
  .lmg-page[data-skin="brand"],
  .lmr-page[data-skin="brand"] {
    --sk-bg: #17191A;
    --sk-surface: #202324;
    --sk-alt: #1B1E1F;
    --sk-ink: #ECEAE4;
    --sk-ink2: #B4B9B6;
    --sk-ink3: #878D8A;
    --sk-line: #313636;
    --sk-line2: #262A2A;
    --sk-accent-s: #2A2C28;
    --sk-shadow: 0 10px 30px rgba(0, 0, 0, .34);
  }
}

/* 站点 data-theme="dark" 时强制走深色令牌（优先于 prefers-color-scheme） */
[data-theme="dark"] .lmg-page[data-skin="paper"],
[data-theme="dark"] .lmr-page[data-skin="paper"],
[data-theme="dark"] .lmg-page[data-skin="moss"],
[data-theme="dark"] .lmr-page[data-skin="moss"],
[data-theme="dark"] .lmg-page[data-skin="clay"],
[data-theme="dark"] .lmr-page[data-skin="clay"],
[data-theme="dark"] .lmg-page[data-skin="mist"],
[data-theme="dark"] .lmr-page[data-skin="mist"],
[data-theme="dark"] .lmg-page[data-skin="brand"],
[data-theme="dark"] .lmr-page[data-skin="brand"] {
  --sk-bg: #17191A;
  --sk-surface: #202324;
  --sk-alt: #1B1E1F;
  --sk-ink: #ECEAE4;
  --sk-ink2: #B4B9B6;
  --sk-ink3: #878D8A;
  --sk-line: #313636;
  --sk-line2: #262A2A;
  --sk-accent: #C6B48C;
  --sk-accent-d: #D9C9A6;
  --sk-accent-s: #2A2C28;
  --sk-shadow: 0 10px 30px rgba(0, 0, 0, .34);
}

/* ---------- 由皮肤驱动的结构量 ---------- */
.lmg-page .lmg-card,
.lmg-page .lmg-hero,
.lmg-page .lmg-chapters a,
.lmg-page .lmg-final,
.lmr-page .lmr-ch,
.lmr-page .lmr-toc,
.lmr-page .lmr-topbar {
  border-radius: var(--sk-radius);
}
.lmg-page .lmg-card,
.lmg-page .lmg-chapters a { box-shadow: var(--sk-shadow); }
.lmg-page .lmg-hero { background: linear-gradient(135deg, var(--sk-hero-a) 0%, var(--sk-hero-b) 100%); color: var(--sk-hero-ink); }
.lmg-page .lmg-hero-sub { color: var(--sk-hero-sub); }
.lmg-page .lmg-badge { background: rgba(255, 255, 255, .16); border-color: rgba(255, 255, 255, .30); color: var(--sk-hero-ink); }
.lmg-page .lmg-hero-note { color: var(--sk-hero-sub); }
.lmg-page .lmg-btn-solid { background: var(--sk-hero-ink); color: var(--sk-hero-a); }
.lmg-page .lmg-btn-glass { background: rgba(255, 255, 255, .14); color: var(--sk-hero-ink); border-color: rgba(255, 255, 255, .34); }
.lmg-page .lmg-sec-alt { background: var(--sk-alt); }
.lmg-page .lmg-final { background: var(--sk-dark); color: var(--sk-dark-ink); }
.lmg-page .lmg-step-no { background: linear-gradient(135deg, var(--sk-accent) 0%, var(--sk-accent-d) 100%); color: #fff; }
.lmg-page .lmg-kicker { color: var(--sk-accent-d); }
.lmr-page .lmr-toc-link.is-on { color: var(--sk-accent-d); background: var(--sk-accent-s); }

/* ============================================================
   八、专题页 /two-hour-hustle 皮肤映射
   专题页有自己的 --thh-* 命名（29 个语义令牌），这里只做
   「一套色板、两种命名」的映射——不改选择器结构、不动 DOM，
   换肤 = 根元素改一个 data-skin 属性。
   paper 的色值即专题页原观感（强调色由 #8A7B5C 收深到 #6E6148，
   把当正文用只有 3.77:1 的老问题一并修掉）。
   实测：六套 × 浅/深 全项 ≥ WCAG AA（脚本 gen_thh_skin.py 可复跑）。
   ============================================================ */

.thh-page {
  background: var(--thh-bg);
  color: var(--thh-ink);
}


/* ---------- 素笺 · paper ---------- */
.thh-page[data-skin="paper"] {
  --thh-bg:              #F7F4EE;
  --thh-card:            #FFFFFF;
  --thh-ink:             #2E3433;
  --thh-ink-2:           #5A5F5D;
  --thh-ink-3:           #7E827E;
  --thh-line:            #E4DCCC;
  --thh-accent:          #6E6148;
  --thh-accent-deep:     #574C38;
  --thh-accent-soft:     #EFE7D8;
  --thh-dark:            #2D2B26;
  --thh-radius:          12px;
  --thh-alt:             #F1EDE3;
  --thh-hover:           #FBF8F1;
  --thh-yes:             #4F6B52;
  --thh-no:              #A06B45;
  --thh-free:            #4F6B52;
  --thh-on-accent:       #FFFFFF;
  --thh-note-bg:         #FBF6EC;
  --thh-note-line:       #E3CFA0;
  --thh-note-ink:        #6E5A2E;
  --thh-dash:            #EEEAE0;
  --thh-nav-bg:          rgba(46, 52, 51, .85);
  --thh-nav-ink:         #F2E8D4;
  --thh-mock-bg:         #FDFBF6;
  --thh-line-strong:     #D3C4A4;
  --thh-chip:            #EDE7D9;
  --thh-foot-ink:        #B9BDBA;
  --thh-foot-ink-2:      #E6E8E6;
  --thh-mock-line:       #E6E8E6;
}

/* ---------- 青苔 · moss ---------- */
.thh-page[data-skin="moss"] {
  --thh-bg:              #F3F6F0;
  --thh-card:            #FFFFFF;
  --thh-ink:             #1F2A23;
  --thh-ink-2:           #4C5B51;
  --thh-ink-3:           #75857A;
  --thh-line:            #DBE5D6;
  --thh-accent:          #2C5139;
  --thh-accent-deep:     #1F3C29;
  --thh-accent-soft:     #E2ECDE;
  --thh-dark:            #17251C;
  --thh-radius:          16px;
  --thh-alt:             #E9EFE4;
  --thh-hover:           #F7FAF5;
  --thh-yes:             #2C5139;
  --thh-no:              #8E5C2B;
  --thh-free:            #2C5139;
  --thh-on-accent:       #FFFFFF;
  --thh-note-bg:         #FBF4E4;
  --thh-note-line:       #E0CDA2;
  --thh-note-ink:        #6B552C;
  --thh-dash:            #D7E3D1;
  --thh-nav-bg:          rgba(23, 37, 28, .90);
  --thh-nav-ink:         #DFEDE2;
  --thh-mock-bg:         #FAFCF8;
  --thh-line-strong:     #C6D7C0;
  --thh-chip:            #E4EDDF;
  --thh-foot-ink:        #A9B5AB;
  --thh-foot-ink-2:      #E3ECE4;
  --thh-mock-line:       #E7EFE2;
}

/* ---------- 静水 · water ---------- */
.thh-page[data-skin="water"] {
  --thh-bg:              #14181D;
  --thh-card:            #1B2027;
  --thh-ink:             #E9ECEF;
  --thh-ink-2:           #AEB6BF;
  --thh-ink-3:           #828B94;
  --thh-line:            #2C333C;
  --thh-accent:          #C8B486;
  --thh-accent-deep:     #DCC99B;
  --thh-accent-soft:     #2A2620;
  --thh-dark:            #0E1116;
  --thh-radius:          10px;
  --thh-alt:             #191E24;
  --thh-hover:           #22282F;
  --thh-yes:             #8FBF9A;
  --thh-no:              #D0A184;
  --thh-free:            #8FBF9A;
  --thh-on-accent:       #14181D;
  --thh-note-bg:         #2A2620;
  --thh-note-line:       #4A3F28;
  --thh-note-ink:        #DCC99B;
  --thh-dash:            #2C333C;
  --thh-nav-bg:          rgba(14, 17, 22, .92);
  --thh-nav-ink:         #E7DCC4;
  --thh-mock-bg:         #1B2027;
  --thh-line-strong:     #3E4650;
  --thh-chip:            #262C34;
  --thh-foot-ink:        #9AA3AC;
  --thh-foot-ink-2:      #E9ECEF;
  --thh-mock-line:       #2C333C;
}

/* ---------- 陶土 · clay ---------- */
.thh-page[data-skin="clay"] {
  --thh-bg:              #FBF6F1;
  --thh-card:            #FFFFFF;
  --thh-ink:             #2E2724;
  --thh-ink-2:           #5C534E;
  --thh-ink-3:           #877A72;
  --thh-line:            #EADCCF;
  --thh-accent:          #8A3F22;
  --thh-accent-deep:     #6E3018;
  --thh-accent-soft:     #F6E4D9;
  --thh-dark:            #2B1F19;
  --thh-radius:          14px;
  --thh-alt:             #F6EDE5;
  --thh-hover:           #FDF8F4;
  --thh-yes:             #3F6B4F;
  --thh-no:              #A6532F;
  --thh-free:            #3F6B4F;
  --thh-on-accent:       #FFFFFF;
  --thh-note-bg:         #FDF3E7;
  --thh-note-line:       #EBD3AE;
  --thh-note-ink:        #6F4E2A;
  --thh-dash:            #F0E2D5;
  --thh-nav-bg:          rgba(46, 39, 36, .88);
  --thh-nav-ink:         #F6E4D9;
  --thh-mock-bg:         #FEFAF6;
  --thh-line-strong:     #DCBFA6;
  --thh-chip:            #F5E6DA;
  --thh-foot-ink:        #B5A69C;
  --thh-foot-ink-2:      #F0E4DA;
  --thh-mock-line:       #F2E5D9;
}

/* ---------- 晨雾 · mist ---------- */
.thh-page[data-skin="mist"] {
  --thh-bg:              #F4F6F8;
  --thh-card:            #FFFFFF;
  --thh-ink:             #1F2A33;
  --thh-ink-2:           #55636E;
  --thh-ink-3:           #7E8C97;
  --thh-line:            #DFE6EB;
  --thh-accent:          #2E4453;
  --thh-accent-deep:     #1F323E;
  --thh-accent-soft:     #E2EBF1;
  --thh-dark:            #1B262E;
  --thh-radius:          10px;
  --thh-alt:             #EDF1F4;
  --thh-hover:           #F7F9FB;
  --thh-yes:             #2F6A4E;
  --thh-no:              #A0663C;
  --thh-free:            #2F6A4E;
  --thh-on-accent:       #FFFFFF;
  --thh-note-bg:         #F6F1E6;
  --thh-note-line:       #E2D3B4;
  --thh-note-ink:        #6B552C;
  --thh-dash:            #E4EBF0;
  --thh-nav-bg:          rgba(27, 38, 46, .90);
  --thh-nav-ink:         #DCE8EF;
  --thh-mock-bg:         #FAFCFD;
  --thh-line-strong:     #C3D2DB;
  --thh-chip:            #E7EEF2;
  --thh-foot-ink:        #A6B2BB;
  --thh-foot-ink-2:      #E7EDF1;
  --thh-mock-line:       #E8EEF2;
}

/* ---------- 品牌蓝 · brand ---------- */
.thh-page[data-skin="brand"] {
  --thh-bg:              #F7F9FC;
  --thh-card:            #FFFFFF;
  --thh-ink:             #1A2330;
  --thh-ink-2:           #55637A;
  --thh-ink-3:           #8290A4;
  --thh-line:            #E2E8F1;
  --thh-accent:          #1D4ED8;
  --thh-accent-deep:     #1740B0;
  --thh-accent-soft:     #E8EFFC;
  --thh-dark:            #121D33;
  --thh-radius:          12px;
  --thh-alt:             #EFF3F9;
  --thh-hover:           #F5F8FE;
  --thh-yes:             #2F6A4E;
  --thh-no:              #A0663C;
  --thh-free:            #2F6A4E;
  --thh-on-accent:       #FFFFFF;
  --thh-note-bg:         #EEF3FE;
  --thh-note-line:       #C9D9F7;
  --thh-note-ink:        #24427E;
  --thh-dash:            #E4EAF3;
  --thh-nav-bg:          rgba(26, 35, 48, .90);
  --thh-nav-ink:         #DCE5F2;
  --thh-mock-bg:         #FAFCFF;
  --thh-line-strong:     #C2D2E8;
  --thh-chip:            #E9EFF8;
  --thh-foot-ink:        #A7B3C4;
  --thh-foot-ink-2:      #E4EAF5;
  --thh-mock-line:       #E8EEF7;
}

/* ---------- 深色模式：素笺 / 青苔 / 陶土 / 晨雾 / 品牌蓝 各自跟随
   静水本身即深色，不跟随（夜间版海报） ---------- */

/* 素笺 · paper 深色 */
[data-theme="dark"] .thh-page[data-skin="paper"] {
  --thh-bg:              #1B1E1D;
  --thh-card:            #242827;
  --thh-ink:             #ECEAE4;
  --thh-ink-2:           #B6BAB7;
  --thh-ink-3:           #8B908C;
  --thh-line:            #3A3F3D;
  --thh-accent:          #C6B48C;
  --thh-accent-deep:     #D8C8A4;
  --thh-accent-soft:     #2E2C26;
  --thh-dark:            #141716;
  --thh-radius:          12px;
  --thh-alt:             #202423;
  --thh-hover:           #2C302F;
  --thh-yes:             #8FBF9A;
  --thh-no:              #D0A184;
  --thh-free:            #8FBF9A;
  --thh-on-accent:       #1B1E1D;
  --thh-note-bg:         #2C2A23;
  --thh-note-line:       #4A4335;
  --thh-note-ink:        #CBB894;
  --thh-dash:            #353A38;
  --thh-nav-bg:          rgba(27, 30, 29, .96);
  --thh-nav-ink:         #E7DCC4;
  --thh-mock-bg:         #242827;
  --thh-line-strong:     #4A4F4C;
  --thh-chip:            #2C302F;
  --thh-foot-ink:        #B9BDBA;
  --thh-foot-ink-2:      #E6E8E6;
  --thh-mock-line:       #353A38;
}

/* 青苔 · moss 深色 */
[data-theme="dark"] .thh-page[data-skin="moss"] {
  --thh-bg:              #141A16;
  --thh-card:            #1C231E;
  --thh-ink:             #E6EBE4;
  --thh-ink-2:           #B0BBB2;
  --thh-ink-3:           #838F86;
  --thh-line:            #2E3831;
  --thh-accent:          #8FBF9A;
  --thh-accent-deep:     #A8D0B2;
  --thh-accent-soft:     #222B24;
  --thh-dark:            #0E1310;
  --thh-radius:          16px;
  --thh-alt:             #181F1A;
  --thh-hover:           #232C26;
  --thh-yes:             #8FBF9A;
  --thh-no:              #D0A184;
  --thh-free:            #8FBF9A;
  --thh-on-accent:       #0E1310;
  --thh-note-bg:         #2B2418;
  --thh-note-line:       #463A22;
  --thh-note-ink:        #E0C288;
  --thh-dash:            #2A332D;
  --thh-nav-bg:          rgba(20, 26, 22, .94);
  --thh-nav-ink:         #DCEBDD;
  --thh-mock-bg:         #1C231E;
  --thh-line-strong:     #3B4A40;
  --thh-chip:            #232C26;
  --thh-foot-ink:        #A7B2A9;
  --thh-foot-ink-2:      #E6EBE4;
  --thh-mock-line:       #2A332D;
}

/* 陶土 · clay 深色 */
[data-theme="dark"] .thh-page[data-skin="clay"] {
  --thh-bg:              #1C1816;
  --thh-card:            #24201D;
  --thh-ink:             #EFEAE4;
  --thh-ink-2:           #BCB3AB;
  --thh-ink-3:           #8C837B;
  --thh-line:            #38312C;
  --thh-accent:          #D08A66;
  --thh-accent-deep:     #E0A180;
  --thh-accent-soft:     #322823;
  --thh-dark:            #141110;
  --thh-radius:          14px;
  --thh-alt:             #211D1A;
  --thh-hover:           #2C2723;
  --thh-yes:             #8FBF9A;
  --thh-no:              #D8A176;
  --thh-free:            #8FBF9A;
  --thh-on-accent:       #1C1816;
  --thh-note-bg:         #32261B;
  --thh-note-line:       #4E3B25;
  --thh-note-ink:        #E4C08A;
  --thh-dash:            #322B26;
  --thh-nav-bg:          rgba(28, 24, 22, .96);
  --thh-nav-ink:         #F0DCCB;
  --thh-mock-bg:         #24201D;
  --thh-line-strong:     #4A403A;
  --thh-chip:            #2C2723;
  --thh-foot-ink:        #B3A69D;
  --thh-foot-ink-2:      #EFEAE4;
  --thh-mock-line:       #322B26;
}

/* 晨雾 · mist 深色 */
[data-theme="dark"] .thh-page[data-skin="mist"] {
  --thh-bg:              #161B20;
  --thh-card:            #1E242A;
  --thh-ink:             #E7ECF1;
  --thh-ink-2:           #AEB8C2;
  --thh-ink-3:           #838F9A;
  --thh-line:            #2C343C;
  --thh-accent:          #8FB0C6;
  --thh-accent-deep:     #A8C4D6;
  --thh-accent-soft:     #232B32;
  --thh-dark:            #10151A;
  --thh-radius:          10px;
  --thh-alt:             #1A2026;
  --thh-hover:           #242C34;
  --thh-yes:             #8FBF9A;
  --thh-no:              #D0A184;
  --thh-free:            #8FBF9A;
  --thh-on-accent:       #12181D;
  --thh-note-bg:         #202830;
  --thh-note-line:       #35414D;
  --thh-note-ink:        #A8C4D6;
  --thh-dash:            #262E36;
  --thh-nav-bg:          rgba(22, 27, 32, .95);
  --thh-nav-ink:         #D6E4EE;
  --thh-mock-bg:         #1E242A;
  --thh-line-strong:     #3D4854;
  --thh-chip:            #242C34;
  --thh-foot-ink:        #A5B0BA;
  --thh-foot-ink-2:      #E7ECF1;
  --thh-mock-line:       #262E36;
}

/* 品牌蓝 · brand 深色 */
[data-theme="dark"] .thh-page[data-skin="brand"] {
  --thh-bg:              #121722;
  --thh-card:            #1A2130;
  --thh-ink:             #E8EDF7;
  --thh-ink-2:           #AEB9CC;
  --thh-ink-3:           #8391A8;
  --thh-line:            #2A3345;
  --thh-accent:          #8FB6FA;
  --thh-accent-deep:     #A8C6FC;
  --thh-accent-soft:     #1E2740;
  --thh-dark:            #0C1119;
  --thh-radius:          12px;
  --thh-alt:             #161C29;
  --thh-hover:           #212A3C;
  --thh-yes:             #8FBF9A;
  --thh-no:              #D0A184;
  --thh-free:            #8FBF9A;
  --thh-on-accent:       #0C1119;
  --thh-note-bg:         #1B2338;
  --thh-note-line:       #33406A;
  --thh-note-ink:        #9CBDF8;
  --thh-dash:            #232C3C;
  --thh-nav-bg:          rgba(18, 23, 34, .96);
  --thh-nav-ink:         #D3E0F7;
  --thh-mock-bg:         #1A2130;
  --thh-line-strong:     #384664;
  --thh-chip:            #212A3C;
  --thh-foot-ink:        #A3AFC4;
  --thh-foot-ink-2:      #E8EDF7;
  --thh-mock-line:       #232C3C;
}