/* ════════════════════════════════════════════════════════════════════════
   今日匯流 · 全站可切換多風格主題系統 themes.css  (2026-06-07)
   ────────────────────────────────────────────────────────────────────────
   做法(框架級):
   • 主題 = 一整套 design token,掛在 <html data-theme="xxx"> 上,覆寫 app.css :root。
   • 因 content-hub 各頁共用 app.css 的 CSS 變數(--primary/--card/--ink/--line…),
     改 token 即「一處切換、全站(首頁/會員/遊戲/討論)自動一致」。
   • 各頁有 inline <style> 用「字面色」寫死了 header/card/big 等(例如 index.html 的
     #fff/#fffdf9、forum/market 的 header background:#fff)。這些不吃變數,故本檔用
     html[data-theme="x"] 提高特異度(0,1,1 > inline <style> 的 0,1,0)把它們搶回主題。
   • 主題設計 token 來源:Gemini 逐主題諮詢(app_dump/theme-<名>-gemini.txt,2026-06-07),
     再由我整理落地。四種「截然不同的非科技風」:暖報刊 / 文青雜誌 / 活潑繽紛 / 高級簡約。
   載入順序:app.css → enhance.css → themes.css(最後,確保覆寫生效)。
   ════════════════════════════════════════════════════════════════════════ */

/* 字體(主題會切換的標題/內文家族,集中管理) */
html{ --theme-serif:"Noto Serif TC","Songti TC",Georgia,serif;
      --theme-round:"Quicksand","Comic Sans MS","Noto Sans TC",sans-serif; }

/* 平滑切換主題時的過渡(避免硬跳),但尊重 reduce-motion */
html.theme-anim body,
html.theme-anim header,
html.theme-anim .card,
html.theme-anim .lcard,
html.theme-anim .acard,
html.theme-anim .thread,
html.theme-anim .btn,
html.theme-anim button{ transition:background-color .35s ease,color .35s ease,border-color .35s ease; }
@media (prefers-reduced-motion: reduce){ html.theme-anim *{ transition:none !important; } }

/* ═══════════════════════════════════════════════════════════════════════
   ① 暖報刊  data-theme="news"
   奶油紙底 + 紅黑報頭 + 襯線大標 + 硬邊(0~2px圓角)+ 報紙式硬投影 + 裝訂虛線。
   Gemini token:主#9E2A2B / 輔#335C67 / 紙底#F9F6F0 / 硬offset陰影 / 圓角近0 / 緊湊。
   ═══════════════════════════════════════════════════════════════════════ */
html[data-theme="news"]{
  --bg-0:#f9f6f0; --bg-1:#f1ece1; --bg-2:#e9e2d3; --bg:#f9f6f0;
  --surface:#ffffff; --surface-2:#fffdf8; --card:#ffffff; --card-bg:#ffffff;
  --ink:#1a1a1a; --ink-2:#3a3633; --muted:#6b635a; --on-primary:#ffffff;
  --primary:#9e2a2b; --primary-hover:#7f2223; --primary-active:#681b1c; --primary-dark:#7f2223;
  --primary-soft:#f4e6e2; --primary-ink:#7f2223;
  --accent:#335c67; --accent-soft:#e3ecee; --accent-hover:#27474f; --accent2:#335c67;
  --line:#d1c7bd; --line-strong:#bcaf9f; --form-line:#bcaf9f;
  --font-sans:"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;
  --font-serif:var(--theme-serif);
  --r-xs:0px; --r-sm:0px; --r-md:2px; --r-lg:4px; --r-full:2px;
  --radius:0px; --radius-xs:0px; --radius-sm:0px; --radius-md:2px; --radius-lg:4px; --radius-pill:2px;
  --sh-1:2px 2px 0 0 rgba(26,26,26,.13); --sh-2:3px 3px 0 0 rgba(26,26,26,.14);
  --sh-3:4px 4px 0 0 rgba(26,26,26,.16); --sh-4:6px 6px 0 0 rgba(26,26,26,.18);
  --shadow:var(--sh-1); --shadow-sm:var(--sh-1); --shadow-lg:var(--sh-3); --shadow-md:var(--sh-3);
  --sh-primary:4px 4px 0 0 rgba(158,42,43,.30); --focus:0 0 0 3px rgba(158,42,43,.25);
}
/* 報頭:奶油底 + 上下粗黑線(報紙報頭感),品牌維持紅塊 */
html[data-theme="news"] header,
html[data-theme="news"] header.top{ background:#f9f6f0; border-bottom:3px double #1a1a1a; box-shadow:none; }
html[data-theme="news"] .brand{ background:#9e2a2b; color:#fff; border-radius:0; box-shadow:none; font-family:var(--theme-serif); letter-spacing:2px; }
html[data-theme="news"] nav.cats a.on{ background:#1a1a1a; color:#fff; }
html[data-theme="news"] nav.cats a:hover{ background:#f4e6e2; color:#9e2a2b; }
html[data-theme="news"] .top a.ghost{ background:#1a1a1a; }
/* 卡片:白底 + 細棕邊 + 硬投影 + 直角;標題襯線 */
html[data-theme="news"] .card,
html[data-theme="news"] .lcard,
html[data-theme="news"] .acard,
html[data-theme="news"] .thread{ background:#fff; border:1px solid #d1c7bd; border-radius:2px; box-shadow:2px 2px 0 0 rgba(26,26,26,.13); }
html[data-theme="news"] .card h2,
html[data-theme="news"] .card h3,
html[data-theme="news"] .row-card h3,
html[data-theme="news"] .sec-title,
html[data-theme="news"] h1,
html[data-theme="news"] .hero-title,
html[data-theme="news"] .big h2{ font-family:var(--theme-serif); }
/* 區塊標題:紅短條 + 下方雙線(報刊) */
html[data-theme="news"] .sec-title::before{ background:#9e2a2b; border-radius:0; }
html[data-theme="news"] .sec-title::after{ border-bottom:1px dashed #c9bca8 !important; }
/* 按鈕:直角紅塊,hover 深紅 */
html[data-theme="news"] button, html[data-theme="news"] .btn{ border-radius:0; box-shadow:none; }
html[data-theme="news"] .games-strip a{ background:#1a1a1a; border-radius:2px; }
html[data-theme="news"] .big{ border-radius:2px; }
/* 首頁 body 用了 inline 的 --paper(寫死奶油白),這裡讓它跟著主題底色走 */
html[data-theme="news"] body[data-page="home"]{ background:#f9f6f0; }

/* ═══════════════════════════════════════════════════════════════════════
   ② 文青雜誌  data-theme="zine"
   莫蘭迪低飽和(鼠尾草綠/燕麥)+ 大量留白 + 細線條 + 無襯線輕字 + 近無陰影。
   Gemini token:主#5A6B64 / 輔#C2A688 / 底#F4F3EF / 卡#FAF9F6 / 圓角極小 / 寬鬆。
   ═══════════════════════════════════════════════════════════════════════ */
html[data-theme="zine"]{
  --bg-0:#f4f3ef; --bg-1:#eae8e3; --bg-2:#e1ded7; --bg:#f4f3ef;
  --surface:#faf9f6; --surface-2:#ffffff; --card:#faf9f6; --card-bg:#faf9f6;
  --ink:#2c3330; --ink-2:#525a56; --muted:#7a827f; --on-primary:#faf9f6;
  --primary:#5a6b64; --primary-hover:#485650; --primary-active:#3a463f; --primary-dark:#485650;
  --primary-soft:#e7ebe8; --primary-ink:#485650;
  --accent:#c2a688; --accent-soft:#f1ebe2; --accent-hover:#a98e6f; --accent2:#c2a688;
  --line:#d1cdc4; --line-strong:#c0bbb0; --form-line:#c0bbb0;
  --font-sans:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
  --font-serif:"Noto Serif TC","PingFang TC",serif;
  --r-xs:0px; --r-sm:2px; --r-md:2px; --r-lg:4px; --r-full:2px;
  --radius:2px; --radius-xs:0px; --radius-sm:2px; --radius-md:2px; --radius-lg:4px; --radius-pill:2px;
  --sh-1:0 4px 20px rgba(90,107,100,.05); --sh-2:0 2px 10px rgba(0,0,0,.03);
  --sh-3:0 8px 30px rgba(90,107,100,.07); --sh-4:0 12px 40px rgba(90,107,100,.09);
  --shadow:var(--sh-1); --shadow-sm:var(--sh-1); --shadow-lg:var(--sh-3); --shadow-md:var(--sh-3);
  --sh-primary:0 6px 18px rgba(90,107,100,.16); --focus:0 0 0 3px rgba(90,107,100,.18);
}
/* 安靜的頭:卡白底 + 一條細線,不要粗黑邊;字距加寬 */
html[data-theme="zine"] header,
html[data-theme="zine"] header.top{ background:#faf9f6; border-bottom:1px solid #d1cdc4; box-shadow:none; }
html[data-theme="zine"] .brand{ background:transparent; color:#2c3330; box-shadow:none; border-radius:0; font-weight:500; letter-spacing:5px; border-bottom:2px solid #5a6b64; padding:4px 4px; }
html[data-theme="zine"] nav.cats a.on{ background:transparent; color:#5a6b64; border-bottom:1px solid #5a6b64; border-radius:0; }
html[data-theme="zine"] nav.cats a:hover{ background:transparent; color:#5a6b64; }
html[data-theme="zine"] .top a.ghost{ background:#5a6b64; }
/* 卡片:極淡邊、近無陰影、留白多 */
html[data-theme="zine"] .card,
html[data-theme="zine"] .lcard,
html[data-theme="zine"] .acard,
html[data-theme="zine"] .thread{ background:#faf9f6; border:1px solid #d1cdc4; border-radius:2px; box-shadow:0 4px 20px rgba(90,107,100,.05); }
html[data-theme="zine"] .card:hover{ box-shadow:0 8px 30px rgba(90,107,100,.08); transform:translateY(-2px); }
html[data-theme="zine"] .sec-title{ font-weight:500; letter-spacing:3px; }
html[data-theme="zine"] .sec-title::before{ background:#c2a688; width:24px !important; height:1px !important; border-radius:0; }
html[data-theme="zine"] .sec-title::after{ border-bottom:1px solid #d1cdc4 !important; }
html[data-theme="zine"] button, html[data-theme="zine"] .btn{ border-radius:2px; box-shadow:none; font-weight:500; letter-spacing:1px; }
html[data-theme="zine"] .games-strip a{ background:#5a6b64; border-radius:2px; box-shadow:none; }
html[data-theme="zine"] .big{ border-radius:2px; }
html[data-theme="zine"] .big::before{ background:#5a6b64; }
html[data-theme="zine"] body[data-page="home"]{ background:#f4f3ef; }

/* ═══════════════════════════════════════════════════════════════════════
   ③ 活潑繽紛  data-theme="candy"
   糖果色(珊瑚紅/天藍)+ 大圓角 + 粗黑邊 + 硬塊狀陰影(neo-brutalism貼紙感)+ 圓體字。
   Gemini token:主#FF6B6B / 輔#4DABF7 / 底#FFF9DB / 圓角8/16/28 / 3px黑邊 / 硬offset黑影。
   ═══════════════════════════════════════════════════════════════════════ */
html[data-theme="candy"]{
  --bg-0:#fff9db; --bg-1:#fff4e6; --bg-2:#ffe9c7; --bg:#fff9db;
  --surface:#ffffff; --surface-2:#fffdf5; --card:#ffffff; --card-bg:#ffffff;
  --ink:#2b2d42; --ink-2:#3d3f5c; --muted:#787a91; --on-primary:#ffffff;
  --primary:#ff6b6b; --primary-hover:#ff5252; --primary-active:#f03e3e; --primary-dark:#ff5252;
  --primary-soft:#ffe3e3; --primary-ink:#e03131;
  --accent:#4dabf7; --accent-soft:#e7f5ff; --accent-hover:#339af0; --accent2:#4dabf7;
  --line:#2b2d42; --line-strong:#2b2d42; --form-line:#2b2d42;
  --font-sans:var(--theme-round);
  --font-serif:var(--theme-round);
  --r-xs:8px; --r-sm:12px; --r-md:16px; --r-lg:22px; --r-full:28px;
  --radius:12px; --radius-xs:8px; --radius-sm:12px; --radius-md:16px; --radius-lg:22px; --radius-pill:28px;
  --sh-1:3px 3px 0 0 #2b2d42; --sh-2:4px 4px 0 0 #2b2d42;
  --sh-3:6px 6px 0 0 #2b2d42; --sh-4:8px 8px 0 0 #2b2d42;
  --shadow:var(--sh-1); --shadow-sm:var(--sh-1); --shadow-lg:var(--sh-3); --shadow-md:var(--sh-3);
  --sh-primary:6px 6px 0 0 #2b2d42; --focus:0 0 0 3px rgba(77,171,247,.45);
}
html[data-theme="candy"] header,
html[data-theme="candy"] header.top{ background:#fff9db; border-bottom:3px solid #2b2d42; box-shadow:none; }
html[data-theme="candy"] .brand{ background:#ff6b6b; color:#fff; border:3px solid #2b2d42; border-radius:14px; box-shadow:3px 3px 0 0 #2b2d42; font-weight:800; }
html[data-theme="candy"] nav.cats a{ font-weight:800; }
html[data-theme="candy"] nav.cats a.on{ background:#4dabf7; color:#fff; border-radius:12px; }
html[data-theme="candy"] nav.cats a:hover{ background:#ffe3e3; color:#e03131; border-radius:12px; }
html[data-theme="candy"] .top a.ghost{ background:#4dabf7; color:#fff; border:2px solid #2b2d42; border-radius:12px; }
/* 卡片:白底 + 粗黑邊 + 大圓角 + 硬塊投影(貼紙感) */
html[data-theme="candy"] .card,
html[data-theme="candy"] .lcard,
html[data-theme="candy"] .acard,
html[data-theme="candy"] .thread{ background:#fff; border:3px solid #2b2d42; border-radius:16px; box-shadow:5px 5px 0 0 #2b2d42; }
html[data-theme="candy"] .card:hover,
html[data-theme="candy"] .acard:hover,
html[data-theme="candy"] .thread:hover{ transform:translate(-2px,-2px); box-shadow:8px 8px 0 0 #2b2d42; border-color:#2b2d42; }
html[data-theme="candy"] .sec-title{ font-weight:800; }
html[data-theme="candy"] .sec-title::before{ background:#4dabf7; width:14px !important; height:14px !important; border-radius:50%; }
html[data-theme="candy"] .sec-title::after{ border:none !important; }
html[data-theme="candy"] button, html[data-theme="candy"] .btn{ border:3px solid #2b2d42; border-radius:28px; box-shadow:4px 4px 0 0 #2b2d42; font-weight:800; }
html[data-theme="candy"] button:hover, html[data-theme="candy"] .btn:hover{ transform:scale(1.04); box-shadow:5px 5px 0 0 #2b2d42; }
html[data-theme="candy"] .games-strip a{ background:#4dabf7; border:3px solid #2b2d42; border-radius:28px; box-shadow:4px 4px 0 0 #2b2d42; }
html[data-theme="candy"] .big{ border:3px solid #2b2d42; border-radius:22px; box-shadow:6px 6px 0 0 #2b2d42; }
html[data-theme="candy"] .big::before{ background:#ff6b6b; border-radius:8px; }
html[data-theme="candy"] input, html[data-theme="candy"] textarea, html[data-theme="candy"] select{ border:3px solid #2b2d42; border-radius:12px; }
html[data-theme="candy"] body[data-page="home"]{ background:#fff9db; }

/* ═══════════════════════════════════════════════════════════════════════
   ④ 高級簡約  data-theme="lux"
   米白底 + 燙金細線 + 極簡對稱 + 寬字距 + 襯線標題 + 近無陰影。
   Gemini token:主(金)#AA8C55 / 輔#8F723B / 底#FAFAFA / 圓角0 / letter-spacing寬 / 留白極高。
   ═══════════════════════════════════════════════════════════════════════ */
html[data-theme="lux"]{
  --bg-0:#fafafa; --bg-1:#f4f2ed; --bg-2:#ece8df; --bg:#fafafa;
  --surface:#ffffff; --surface-2:#fcfbf8; --card:#ffffff; --card-bg:#ffffff;
  --ink:#111111; --ink-2:#3a3a3a; --muted:#777169; --on-primary:#ffffff;
  --primary:#aa8c55; --primary-hover:#c5a86e; --primary-active:#8f723b; --primary-dark:#8f723b;
  --primary-soft:#f3ede0; --primary-ink:#8f723b;
  --accent:#8f723b; --accent-soft:#f0e9da; --accent-hover:#7a6230; --accent2:#aa8c55;
  --line:#e5e2da; --line-strong:#d6d1c4; --form-line:#d6d1c4;
  --font-sans:"Noto Sans TC","Helvetica Neue",Arial,sans-serif;
  --font-serif:"Noto Serif TC","Crimson Pro",Georgia,serif;
  --r-xs:0px; --r-sm:0px; --r-md:0px; --r-lg:2px; --r-full:2px;
  --radius:0px; --radius-xs:0px; --radius-sm:0px; --radius-md:0px; --radius-lg:2px; --radius-pill:2px;
  --sh-1:0 4px 20px rgba(0,0,0,.03); --sh-2:0 6px 24px rgba(0,0,0,.05);
  --sh-3:0 10px 30px rgba(170,140,85,.10); --sh-4:0 16px 44px rgba(170,140,85,.12);
  --shadow:var(--sh-1); --shadow-sm:var(--sh-1); --shadow-lg:var(--sh-3); --shadow-md:var(--sh-3);
  --sh-primary:0 8px 22px rgba(170,140,85,.18); --focus:0 0 0 2px rgba(170,140,85,.35);
}
/* 米白頭 + 上下金細線(雙層細線報頭) */
html[data-theme="lux"] header,
html[data-theme="lux"] header.top{ background:#fafafa; border-bottom:1px solid #aa8c55; box-shadow:none; }
html[data-theme="lux"] .brand{ background:transparent; color:#111; box-shadow:none; border-radius:0; font-family:var(--font-serif); font-weight:600; letter-spacing:6px; border-bottom:1px solid #aa8c55; padding:4px 6px; }
html[data-theme="lux"] nav.cats a{ letter-spacing:2px; font-weight:500; }
html[data-theme="lux"] nav.cats a.on{ background:transparent; color:#aa8c55; border-bottom:1px solid #aa8c55; border-radius:0; }
html[data-theme="lux"] nav.cats a:hover{ background:transparent; color:#aa8c55; }
html[data-theme="lux"] .top a.ghost{ background:#111; letter-spacing:2px; }
/* 卡片:極簡白、細邊、直角、近無陰影、襯線標題 */
html[data-theme="lux"] .card,
html[data-theme="lux"] .lcard,
html[data-theme="lux"] .acard,
html[data-theme="lux"] .thread{ background:#fff; border:1px solid #e5e2da; border-radius:0; box-shadow:0 4px 20px rgba(0,0,0,.03); }
html[data-theme="lux"] .card:hover{ box-shadow:0 10px 30px rgba(170,140,85,.10); transform:translateY(-2px); }
html[data-theme="lux"] .card h2,
html[data-theme="lux"] .card h3,
html[data-theme="lux"] .row-card h3,
html[data-theme="lux"] .sec-title,
html[data-theme="lux"] h1,
html[data-theme="lux"] .hero-title,
html[data-theme="lux"] .big h2{ font-family:var(--font-serif); letter-spacing:1.5px; font-weight:600; }
/* 區塊標題:金色極細水平線 + 寬字距 */
html[data-theme="lux"] .sec-title::before{ background:#aa8c55; width:32px !important; height:1px !important; border-radius:0; }
html[data-theme="lux"] .sec-title::after{ border-bottom:1px solid #e5e2da !important; }
html[data-theme="lux"] button, html[data-theme="lux"] .btn{ border-radius:0; box-shadow:none; letter-spacing:2px; font-weight:500; }
html[data-theme="lux"] .games-strip a{ background:#aa8c55; border-radius:0; box-shadow:none; letter-spacing:1px; }
html[data-theme="lux"] .big{ border-radius:0; }
html[data-theme="lux"] .big::before{ background:#aa8c55; }
html[data-theme="lux"] body[data-page="home"]{ background:#fafafa; }

/* ════════════════════════════════════════════════════════════════════════
   主題選擇器(switcher)外觀 — 跟著主題走的小色票面板,各頁 header 右側。
   由 theme-switch.js 動態插入 .theme-switch / .theme-pop。
   ════════════════════════════════════════════════════════════════════════ */
.theme-switch{ position:relative; display:inline-flex; }
.theme-switch > .ts-btn{
  cursor:pointer; border:1px solid var(--line-strong,#d3d8e0); background:var(--surface,#fff);
  color:var(--ink,#1a1c23); border-radius:var(--r-full,999px); padding:6px 12px;
  font-size:13px; font-weight:700; font-family:inherit; display:inline-flex; align-items:center; gap:6px;
  box-shadow:none; line-height:1; min-height:34px;
}
.theme-switch > .ts-btn:hover{ border-color:var(--primary,#cc2229); color:var(--primary,#cc2229); background:var(--surface,#fff); transform:none; }
.theme-switch .ts-dot{ width:14px; height:14px; border-radius:50%; border:1px solid rgba(0,0,0,.18); flex:0 0 auto; }
.theme-pop{
  position:absolute; right:0; top:calc(100% + 8px); z-index:200;
  background:var(--surface,#fff); border:1px solid var(--line-strong,#d3d8e0);
  border-radius:var(--r-md,12px); box-shadow:0 12px 34px rgba(20,25,50,.18);
  padding:8px; min-width:200px; display:none;
}
.theme-pop.open{ display:block; }
.theme-pop .ts-title{ font-size:11px; font-weight:800; letter-spacing:.12em; color:var(--muted,#64748b); padding:4px 8px 8px; text-transform:uppercase; }
.theme-pop .ts-item{
  display:flex; align-items:center; gap:10px; width:100%; text-align:left; cursor:pointer;
  background:transparent; border:none; box-shadow:none; color:var(--ink,#1a1c23);
  padding:9px 8px; border-radius:var(--r-sm,8px); font-size:14px; font-weight:700; font-family:inherit;
}
.theme-pop .ts-item:hover{ background:var(--bg-1,#eef1f5); }
.theme-pop .ts-item .sw{ width:26px; height:18px; border-radius:4px; border:1px solid rgba(0,0,0,.15); flex:0 0 auto; position:relative; overflow:hidden; }
.theme-pop .ts-item .sw i{ position:absolute; top:0; bottom:0; width:50%; }
.theme-pop .ts-item.on{ outline:2px solid var(--primary,#cc2229); outline-offset:-1px; }
.theme-pop .ts-item .ck{ margin-left:auto; color:var(--primary,#cc2229); font-weight:900; opacity:0; }
.theme-pop .ts-item.on .ck{ opacity:1; }
@media (max-width:640px){
  .theme-pop{ position:fixed; right:10px; left:auto; top:auto; bottom:74px; min-width:220px; }
}

/* ⑤ 暗夜高級  data-theme="dark"(Gemini 點子,Claude 做全套深色覆寫 2026-06-07) */
html[data-theme="dark"]{
  --bg-0:#0f1420; --bg-1:#161c2b; --bg-2:#1e2638; --bg:#0f1420;
  --surface:#1a2130; --surface-2:#212a3b; --card:#1a2130; --card-bg:#1a2130;
  --ink:#f1f5f9; --ink-2:#cbd5e1; --muted:#8b97ad; --on-primary:#1a1c23; --light-muted:#3a4660;
  --primary:#f6c453; --primary-hover:#ecb73a; --primary-active:#d9a52a; --primary-dark:#ecb73a;
  --primary-soft:#272414; --primary-ink:#f6c453;
  --accent:#f9a03f; --accent-soft:#2a1d12;
  --line:#2a3346; --line-strong:#3a4660; --form-line:#3a4660;
}
html[data-theme="dark"] body{ background:var(--bg-0); }
html[data-theme="dark"] .card,html[data-theme="dark"] .acard,html[data-theme="dark"] .thread,html[data-theme="dark"] .lcard,html[data-theme="dark"] .modal{ background:var(--surface); border-color:var(--line); box-shadow:0 4px 18px rgba(0,0,0,.45); }
html[data-theme="dark"] .shellTop{ background:#0f1420; border-bottom-color:var(--primary); }
html[data-theme="dark"] .shellFoot{ background:#12182530; background:#161c2b; }
html[data-theme="dark"] .shellSearch{ background:#212a3b; }
html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select{ background:#161c2b; color:var(--ink); border-color:var(--line); }
html[data-theme="dark"] .btn2{ background:#2a3346; color:var(--ink); }
html[data-theme="dark"] .chip,html[data-theme="dark"] .tag{ background:#212a3b; color:var(--ink-2); border-color:var(--line); }
html[data-theme="dark"] .navDrop{ background:#1a2130; border-color:var(--line); }
html[data-theme="dark"] .qdock-body{ background:#1a2130; border-color:var(--line); }
