/* =========================================================
   MindChat 全站四套主题 · 基于四套皮肤（灵兽系列）
   覆盖 index / membership / spirits 三套页面的全部变量名
   链接须放在各页面内联 <style> 之后，保证 [data-theme] 覆盖 :root
   ========================================================= */

[data-theme="fire"]{
  --brand:#ff8a2b;--brand2:#ffd24a;
  /* —— index 变量 —— */
  --bg:#0e0d0c; --bg2:#14110e; --card:rgba(255,250,240,.035); --card-hover:rgba(240,162,64,.06);
  --border:rgba(240,162,64,.14); --border-strong:rgba(240,162,64,.32);
  --gold:#f0a240; --gold-soft:#fac775; --gold-deep:#d98a2a; --gold2:#ffd24a;
  --text:#f3ead8; --muted:#9a8f78; --ok:#7bbf6a; --err:#e86f6f; --teal:#5cc8c0; --purple:#a78bfa;
  /* —— membership 变量 —— */
  --bg0:#0a0705; --bg1:#140d08; --glass:rgba(255,255,255,.06); --glass-bd:rgba(232,168,106,.22);
  --txt:#f4ead6; --txt-dim:#b39c7e; --accent:#e8a86a; --accent2:#ffce8a; --goldm:#e8c87a;
  --warn:#f0a868; --purplem:#c98a5a; --brand-grad:linear-gradient(135deg,#e8a86a,#ff9a4a);
  --panel:rgba(255,255,255,.06); --panel2:rgba(255,255,255,.04); --bg3:rgba(255,255,255,.08);
  --line:rgba(232,168,106,.22); --line2:rgba(232,168,106,.30); --text2:var(--txt-dim); --text3:var(--txt-dim);
  --danger:#ff7a8a; --info:#38bdf8; --accent-soft:rgba(232,168,106,.14); --green:#6ee7a8;
  /* —— spirits 变量 —— */
  --bg3s:#12101e; --text2s:#9a93b0; --text3s:#5d5772; --c1:#ff8a2b; --c2:#ffd24a; --glow:#ff5a1f;
  --deep:#1a0a04; --p1:#ffb24a; --p2:#ff6a2a; --p3:#ffe39a; --vio:#b06bff; --vio2:#e0a0ff; --greenm:#7CFC9A; --r:18px;
}

[data-theme="lunar"]{
  --brand:#c9a0dc;--brand2:#e8a0d0;
  --bg:#0e0a14; --bg2:#15101e; --card:rgba(240,220,255,.04); --card-hover:rgba(201,160,220,.07);
  --border:rgba(201,160,220,.16); --border-strong:rgba(201,160,220,.34);
  --gold:#cda6e0; --gold-soft:#e6c2f0; --gold-deep:#a87ec0; --gold2:#e8a0d0;
  --text:#f3ecfa; --muted:#a892c0; --ok:#7bbf6a; --err:#e86f6f; --teal:#5cc8c0; --purple:#b06bff;
  --bg0:#0a0712; --bg1:#140c20; --glass:rgba(255,255,255,.06); --glass-bd:rgba(201,160,220,.24);
  --txt:#f2ecf8; --txt-dim:#b09cc4; --accent:#c9a0dc; --accent2:#e8a0d0; --goldm:#e0b8f0;
  --warn:#e0a0d0; --purplem:#b06bff; --brand-grad:linear-gradient(135deg,#c9a0dc,#e8a0d0);
  --panel:rgba(255,255,255,.06); --panel2:rgba(255,255,255,.04); --bg3:rgba(255,255,255,.08);
  --line:rgba(201,160,220,.24); --line2:rgba(201,160,220,.32); --text2:var(--txt-dim); --text3:var(--txt-dim);
  --danger:#ff7a8a; --info:#38bdf8; --accent-soft:rgba(201,160,220,.16); --green:#6ee7a8;
  --bg3s:#1a1028; --text2s:#a892c0; --text3s:#6a5a82; --c1:#c9a0dc; --c2:#e8a0d0; --glow:#d4a0f0;
  --deep:#0a0416; --p1:#e0c0f0; --p2:#c080e0; --p3:#f8e0ff; --vio:#b06bff; --vio2:#e0a0ff; --greenm:#7CFC9A; --r:18px;
}

[data-theme="youying"]{
  --brand:#7b5ea8;--brand2:#39ff85;
  --bg:#07060e; --bg2:#0d0a18; --card:rgba(60,255,133,.04); --card-hover:rgba(123,94,168,.08);
  --border:rgba(123,94,168,.18); --border-strong:rgba(57,255,133,.32);
  --gold:#39ff85; --gold-soft:#7dffb0; --gold-deep:#26c46a; --gold2:#a080d0;
  --text:#e9eef0; --muted:#8fa0a8; --ok:#39ff85; --err:#ff7a8a; --teal:#5cc8c0; --purple:#7b5ea8;
  --bg0:#05040c; --bg1:#0b0816; --glass:rgba(255,255,255,.06); --glass-bd:rgba(123,94,168,.26);
  --txt:#e9eef2; --txt-dim:#93a4ac; --accent:#7b5ea8; --accent2:#39ff85; --goldm:#39ff85;
  --warn:#30cc70; --purplem:#a080d0; --brand-grad:linear-gradient(135deg,#7b5ea8,#39ff85);
  --panel:rgba(255,255,255,.06); --panel2:rgba(255,255,255,.04); --bg3:rgba(255,255,255,.08);
  --line:rgba(123,94,168,.26); --line2:rgba(57,255,133,.30); --text2:var(--txt-dim); --text3:var(--txt-dim);
  --danger:#ff7a8a; --info:#38bdf8; --accent-soft:rgba(123,94,168,.16); --green:#39ff85;
  --bg3s:#130a22; --text2s:#8fa0a8; --text3s:#56646c; --c1:#7b5ea8; --c2:#39ff85; --glow:#6b4fc4;
  --deep:#080412; --p1:#a080d0; --p2:#30cc70; --p3:#c090ff; --vio:#b06bff; --vio2:#39ff85; --greenm:#39ff85; --r:18px;
}

[data-theme="yexing"]{
  --brand:#9b59d6;--brand2:#e8c547;
  --bg:#0b0814; --bg2:#140e22; --card:rgba(155,89,214,.05); --card-hover:rgba(155,89,214,.09);
  --border:rgba(155,89,214,.18); --border-strong:rgba(232,197,71,.30);
  --gold:#e8c547; --gold-soft:#f4d977; --gold-deep:#c9a02a; --gold2:#c088f0;
  --text:#f0eaf7; --muted:#9a8ab8; --ok:#7bbf6a; --err:#ff7a8a; --teal:#5cc8c0; --purple:#9b59d6;
  --bg0:#08060e; --bg1:#0e0a18; --glass:rgba(255,255,255,.06); --glass-bd:rgba(155,89,214,.26);
  --txt:#f1ebf8; --txt-dim:#ab9cc4; --accent:#9b59d6; --accent2:#e8c547; --goldm:#e8c547;
  --warn:#d4a020; --purplem:#c088f0; --brand-grad:linear-gradient(135deg,#9b59d6,#e8c547);
  --panel:rgba(255,255,255,.06); --panel2:rgba(255,255,255,.04); --bg3:rgba(255,255,255,.08);
  --line:rgba(155,89,214,.26); --line2:rgba(232,197,71,.30); --text2:var(--txt-dim); --text3:var(--txt-dim);
  --danger:#ff7a8a; --info:#38bdf8; --accent-soft:rgba(155,89,214,.16); --green:#6ee7a8;
  --bg3s:#160e26; --text2s:#9a8ab8; --text3s:#5e5280; --c1:#9b59d6; --c2:#e8c547; --glow:#7c3aed;
  --deep:#0a0412; --p1:#c088f0; --p2:#d4a020; --p3:#f0d060; --vio:#b06bff; --vio2:#e0a0ff; --greenm:#7CFC9A; --r:18px;
}

/* 注：四套主题块已显式定义 --gold/--purple/--bg3/--text2/--text3/--green，
   无需额外别名层（早期曾加 [data-theme]{...} 别名，反而用 spirits 的 --bg3s 等
   覆盖了会员页的 --bg3 玻璃色，已移除，避免暗色块 bug） */

/* ============ 主题切换弹层 ============ */
.mc-theme-sw{position:fixed;z-index:99999;width:264px;background:var(--bg2,#111);border:1px solid var(--glass-bd,rgba(255,255,255,.14));
  border-radius:16px;padding:12px;box-shadow:0 22px 64px rgba(0,0,0,.6);display:none;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.mc-theme-sw.show{display:block;animation:mcPopIn .18s ease}
@keyframes mcPopIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.mc-ts-h{font-size:12px;color:var(--txt-dim,#999);margin-bottom:10px;letter-spacing:.06em;display:flex;align-items:center;gap:6px}
.mc-ts-i{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:11px;border:1px solid transparent;
  background:transparent;color:var(--txt,#eee);cursor:pointer;font-size:13px;transition:.15s;text-align:left;font-family:inherit}
.mc-ts-i:hover{background:rgba(255,255,255,.06)}
.mc-ts-i.active{border-color:var(--accent,#f80);background:color-mix(in srgb,var(--accent,#f80) 14%,transparent)}
.mc-ts-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:18px;flex-shrink:0;box-shadow:0 4px 14px rgba(0,0,0,.4)}
.mc-ts-n{flex:1;font-weight:600}
.mc-ts-chk{color:var(--accent,#f80);font-weight:800;opacity:0;font-size:14px}
.mc-ts-i.active .mc-ts-chk{opacity:1}
.mc-ts-tip{font-size:11px;color:var(--txt-dim,#666);margin-top:9px;text-align:center}
.mc-ts-acct{display:block;width:100%;margin-top:10px;padding:8px;border-radius:11px;border:1px solid var(--glass-bd,rgba(255,255,255,.16));background:rgba(255,255,255,.04);color:var(--text,#fff);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}
.mc-ts-acct:hover{background:rgba(255,255,255,.12)}
.mc-theme-trigger{display:inline-flex;align-items:center;gap:6px}
.mc-theme-trigger .mc-tt-ic{width:18px;height:18px;border-radius:5px;display:inline-block;background:var(--brand-grad,linear-gradient(135deg,#b9a9e0,#7b68c0))}
