/* =====================================================================
   谜象探案馆 · 全站主题皮肤（CSS 变量驱动）
   机制：<html data-theme="1..5">，玩家端(h5)与员工端(staff)共用同一套变量。
   :root 未带属性时 = 方案1（日系杂志，默认）。
   所有颜色/圆角/投影/卡片背景/玻璃质感均在此定义，h5.css / staff.css 只引用 var(--*)。
   不引入外网字体；方案5 标题/正文用系统宋体栈。
   ===================================================================== */

/* ---- 默认 = 方案1 日系杂志（浅）---- */
:root{
  --app-bg:#f6f3ec; --body-bg:#e9e5db;
  --bg:#f6f3ec; --bg2:#fffdf8; --card:#fffdf8; --card2:#f1ebdd; --line:#e4ded1;
  --txt:#1c1a17; --txt2:#6b665c; --txt3:#a8a294;
  --gold:#c8392b; --gold2:#a52e22; --gold-fg:#ffffff;
  --red:#1c1a17; --red2:#3a352e; --red-fg:#fffdf8;
  --green:#3f9d6c; --blue:#3f6ea8; --ok:#3f9d6c; --warn:#b8893b; --danger:#c8392b;
  --r:14px; --shadow:0 8px 24px rgba(70,58,38,.10);
  /* 特殊表面 */
  --topbar-bg:linear-gradient(180deg,rgba(246,243,236,.99),rgba(246,243,236,.86));
  --tabbar-bg:rgba(255,253,248,.96);
  --banner-bg:linear-gradient(125deg,#fffdf8,#f4ecdb);
  --banner-t:#1c1a17; --banner-s:#6b665c;
  --mehead-bg:linear-gradient(125deg,#fffdf8,#f0e7d4);
  --toast-bg:rgba(28,26,23,.94);
  --notice-bg:rgba(200,57,43,.08); --notice-line:rgba(200,57,43,.25); --notice-fg:#7a2a20;
  --ghost-bg:rgba(28,26,23,.05); --ghost-line:rgba(28,26,23,.14);
  --tag-bg:rgba(28,26,23,.05); --tag-line:rgba(28,26,23,.08);
  --prog-bg:rgba(28,26,23,.08);
  --me-stat-bg:rgba(28,26,23,.05);
  --tint-gold:rgba(200,57,43,.12); --tint-red:rgba(28,26,23,.10); --tint-green:rgba(63,157,108,.14); --tint-blue:rgba(63,110,168,.14);
  --glass:rgba(255,255,255,.6); --glass-line:rgba(28,26,23,.08);
  --font-base:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}

/* ---- 方案2 暗夜影院（深，金+暗红玻璃）---- */
:root[data-theme="2"]{
  --app-bg:radial-gradient(120% 60% at 50% -10%,#241f18 0%,#0e0d10 55%);
  --body-bg:#050506;
  --bg:#0e0d10; --bg2:#16120f; --card:rgba(255,255,255,.05); --card2:rgba(255,255,255,.08); --line:rgba(255,255,255,.09);
  --txt:#f2ece1; --txt2:#9c9487; --txt3:#6f685c;
  --gold:#e2b55a; --gold2:#c9973f; --gold-fg:#201504;
  --red:#b8402f; --red2:#93321f; --red-fg:#ffffff;
  --green:#57b27a; --blue:#6aa8d8; --ok:#57b27a; --warn:#e2b55a; --danger:#e0563f;
  --r:16px; --shadow:0 12px 40px rgba(0,0,0,.55);
  --topbar-bg:linear-gradient(180deg,rgba(14,13,16,.9),rgba(14,13,16,.72));
  --tabbar-bg:rgba(20,18,16,.85);
  --banner-bg:linear-gradient(120deg,rgba(226,181,90,.16),rgba(184,64,47,.12));
  --banner-t:#f2ece1; --banner-s:#e2b55a;
  --mehead-bg:linear-gradient(125deg,rgba(226,181,90,.12),rgba(184,64,47,.10));
  --toast-bg:rgba(20,16,14,.95);
  --notice-bg:rgba(226,181,90,.12); --notice-line:rgba(226,181,90,.28); --notice-fg:#ecd9a8;
  --ghost-bg:rgba(255,255,255,.08); --ghost-line:rgba(255,255,255,.14);
  --tag-bg:rgba(255,255,255,.07); --tag-line:rgba(255,255,255,.06);
  --prog-bg:rgba(255,255,255,.10);
  --me-stat-bg:rgba(0,0,0,.25);
  --tint-gold:rgba(226,181,90,.14); --tint-red:rgba(184,64,47,.16); --tint-green:rgba(87,178,122,.16); --tint-blue:rgba(106,168,216,.16);
  --glass:rgba(255,255,255,.05); --glass-line:rgba(255,255,255,.09);
}

/* ---- 方案3 清新活力（浅，珊瑚+薄荷，大圆角软投影）---- */
:root[data-theme="3"]{
  --app-bg:#f4f6f8; --body-bg:#e7ebef;
  --bg:#f4f6f8; --bg2:#ffffff; --card:#ffffff; --card2:#eef1f4; --line:#eef1f4;
  --txt:#26292e; --txt2:#6b7280; --txt3:#9aa1ac;
  --gold:#ff6b57; --gold2:#f0543f; --gold-fg:#ffffff;
  --red:#2ec4a8; --red2:#25a389; --red-fg:#ffffff;
  --green:#2ec4a8; --blue:#4a90d9; --ok:#2ec4a8; --warn:#f0a030; --danger:#ff6b57;
  --r:18px; --shadow:0 6px 18px rgba(60,70,90,.08);
  --topbar-bg:linear-gradient(180deg,rgba(244,246,248,.98),rgba(244,246,248,.9));
  --tabbar-bg:rgba(255,255,255,.96);
  --banner-bg:linear-gradient(125deg,#ff8a73,#ff6b57);
  --banner-t:#ffffff; --banner-s:rgba(255,255,255,.92);
  --mehead-bg:linear-gradient(125deg,#ffffff,#eef4f2);
  --toast-bg:rgba(38,41,46,.94);
  --notice-bg:rgba(255,107,87,.10); --notice-line:rgba(255,107,87,.3); --notice-fg:#c04a38;
  --ghost-bg:#ffffff; --ghost-line:#e2e6ea;
  --tag-bg:#eef1f4; --tag-line:transparent;
  --prog-bg:#eef1f4;
  --me-stat-bg:#f4f6f8;
  --tint-gold:rgba(255,107,87,.12); --tint-red:rgba(46,196,168,.14); --tint-green:rgba(46,196,168,.16); --tint-blue:rgba(74,144,217,.14);
  --glass:rgba(255,255,255,.6); --glass-line:rgba(255,255,255,.7);
}

/* ---- 方案4 iOS 毛玻璃（浅色渐变，卡片半透明 blur，底部悬浮胶囊 Tab）---- */
:root[data-theme="4"]{
  --app-bg:linear-gradient(160deg,#dfe6ff 0%,#f3e9ff 38%,#eaf7f3 72%,#fdf1ec 100%);
  --body-bg:#d8dbe3;
  --bg:rgba(255,255,255,.5); --bg2:rgba(255,255,255,.7); --card:rgba(255,255,255,.62); --card2:rgba(255,255,255,.5); --line:rgba(0,0,0,.06);
  --txt:#1d1d1f; --txt2:#6e6e73; --txt3:#9a9aa0;
  --gold:#5b7cfa; --gold2:#9b7bf0; --gold-fg:#ffffff;
  --red:#9b7bf0; --red2:#7c5fe0; --red-fg:#ffffff;
  --green:#2ec4a8; --blue:#5b7cfa; --ok:#2ec4a8; --warn:#f0a030; --danger:#ef5d7a;
  --r:20px; --shadow:0 12px 30px rgba(80,90,140,.16);
  --topbar-bg:linear-gradient(180deg,rgba(223,230,255,.6),rgba(223,230,255,0));
  --tabbar-bg:rgba(255,255,255,.72);
  --banner-bg:linear-gradient(135deg,#5b7cfa,#9b7bf0);
  --banner-t:#ffffff; --banner-s:rgba(255,255,255,.92);
  --mehead-bg:rgba(255,255,255,.62);
  --toast-bg:rgba(29,29,31,.92);
  --notice-bg:rgba(91,124,250,.12); --notice-line:rgba(91,124,250,.25); --notice-fg:#3f5ad0;
  --ghost-bg:rgba(255,255,255,.55); --ghost-line:rgba(0,0,0,.08);
  --tag-bg:rgba(255,255,255,.5); --tag-line:transparent;
  --prog-bg:rgba(0,0,0,.07);
  --me-stat-bg:rgba(255,255,255,.55);
  --tint-gold:rgba(91,124,250,.14); --tint-red:rgba(155,123,240,.14); --tint-green:rgba(46,196,168,.16); --tint-blue:rgba(91,124,250,.16);
  --glass:rgba(255,255,255,.62); --glass-line:rgba(255,255,255,.7);
}
/* 方案4：卡片/宫格加毛玻璃；底部 Tab 变悬浮圆角胶囊 */
:root[data-theme="4"] .script-card,
:root[data-theme="4"] .car,
:root[data-theme="4"] .script-mini,
:root[data-theme="4"] .sw-mod,
:root[data-theme="4"] .kpi,
:root[data-theme="4"] .trend,
:root[data-theme="4"] .sw-sec,
:root[data-theme="4"] .me-stat,
:root[data-theme="4"] .menu{
  backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
  border:1px solid var(--glass-line);
}
:root[data-theme="4"] .view{ padding-bottom:118px; }
:root[data-theme="4"] .tabbar{
  left:14px; right:14px; bottom:14px; height:auto;
  border-radius:999px; padding:10px 6px;
  background:var(--tabbar-bg); backdrop-filter:blur(22px); -webkit-backdrop-filter:blur(22px);
  border:1px solid var(--glass-line);
  box-shadow:0 10px 30px rgba(80,90,140,.18);
}

/* ---- 方案5 新中式国潮（宣纸浅，黛青/朱砂/鎏金，宋体栈，小圆角）---- */
:root[data-theme="5"]{
  --app-bg:#f1e9d8; --body-bg:#ddd2bb;
  --bg:#f1e9d8; --bg2:#faf4e6; --card:#faf4e6; --card2:#f4ebd6; --line:#d9cdb2;
  --txt:#2b2a26; --txt2:#6c6656; --txt3:#9a927e;
  --gold:#b23b2e; --gold2:#932f24; --gold-fg:#faf4e6;
  --red:#2f4a45; --red2:#263d39; --red-fg:#faf4e6;
  --green:#4a7d5e; --blue:#3f6ea8; --ok:#4a7d5e; --warn:#b8893b; --danger:#b23b2e;
  --r:6px; --shadow:0 8px 22px rgba(90,75,45,.16);
  --topbar-bg:linear-gradient(180deg,rgba(241,233,216,.98),rgba(241,233,216,.9));
  --tabbar-bg:rgba(250,244,230,.96);
  --banner-bg:#2f4a45;
  --banner-t:#faf4e6; --banner-s:rgba(250,244,230,.85);
  --mehead-bg:#faf4e6;
  --toast-bg:rgba(43,42,38,.94);
  --notice-bg:rgba(184,137,59,.12); --notice-line:rgba(184,137,59,.3); --notice-fg:#8a6526;
  --ghost-bg:transparent; --ghost-line:#d9cdb2;
  --tag-bg:rgba(178,59,46,.06); --tag-line:#d9cdb2;
  --prog-bg:#e6dcc4;
  --me-stat-bg:#f1e9d8;
  --tint-gold:rgba(178,59,46,.12); --tint-red:rgba(47,74,69,.12); --tint-green:rgba(74,125,94,.14); --tint-blue:rgba(63,110,168,.14);
  --glass:rgba(250,244,230,.7); --glass-line:#d9cdb2;
  --font-base:"Songti SC","STSong",-apple-system,"PingFang SC","Microsoft YaHei",serif;
}