/* ============================================================
   亚泰娱乐 · 主题配色（前端 7 套）
   —— 只覆盖变量，不改任何布局；切换 = 改 <html data-theme="xxx">
   ============================================================ */

/* 1 · 曜金夜（默认，与现网一致） */
:root,
:root[data-theme="gold-night"] {
  --bg: #07131c;
  --bg-2: #0d1d2a;
  --panel: rgba(11, 21, 30, 0.9);
  --panel-2: rgba(16, 30, 41, 0.96);
  --gold: #d4af5d;
  --gold-2: #f3d890;
  --accent: #5aa7ff;
  --text: #edf6ff;
  --muted: #9bb1c8;
  --line: rgba(255, 255, 255, 0.08);
  --ico-ring-1: #fffdf0; --ico-ring-3: #e8b23a; --ico-txt-3: #e8b23a;
}

/* 2 · 墨玉青 */
:root[data-theme="jade-ink"] {
  --bg: #04140f;
  --bg-2: #08251d;
  --panel: rgba(8, 30, 24, 0.9);
  --panel-2: rgba(10, 38, 30, 0.96);
  --gold: #35d0a4;
  --gold-2: #7ef2c8;
  --accent: #7ef2c8;
  --text: #e6fff8;
  --muted: #8fb8ad;
  --line: rgba(126, 242, 200, 0.12);
  --ico-ring-1: #eafff8; --ico-ring-3: #35d0a4; --ico-txt-3: #35d0a4;
}

/* 3 · 玄紫霓虹 */
:root[data-theme="neon-violet"] {
  --bg: #0b0618;
  --bg-2: #170f2e;
  --panel: rgba(20, 12, 40, 0.9);
  --panel-2: rgba(26, 16, 52, 0.96);
  --gold: #a855f7;
  --gold-2: #e879f9;
  --accent: #f472b6;
  --text: #f4ecff;
  --muted: #a894c8;
  --line: rgba(232, 121, 249, 0.14);
  --ico-ring-1: #f7ecff; --ico-ring-3: #a855f7; --ico-txt-3: #a855f7;
}

/* 4 · 朱砂金 */
:root[data-theme="festive-red"] {
  --bg: #150606;
  --bg-2: #2a0d0b;
  --panel: rgba(32, 10, 9, 0.9);
  --panel-2: rgba(44, 14, 12, 0.96);
  --gold: #ffd75e;
  --gold-2: #ffe9a8;
  --accent: #e8392f;
  --text: #fff2ef;
  --muted: #c49a92;
  --line: rgba(255, 215, 94, 0.14);
  --ico-ring-1: #fff3f1; --ico-ring-3: #e8392f; --ico-txt-3: #ffd75e;
}

/* 5 · 象牙简白（浅色 / 日间） */
:root[data-theme="ivory-light"] {
  --bg: #f6f7f4;
  --bg-2: #ffffff;
  --panel: rgba(255, 255, 255, 0.94);
  --panel-2: rgba(248, 249, 246, 0.98);
  --gold: #b8892f;
  --gold-2: #d9a848;
  --accent: #2f6bff;
  --text: #1d232b;
  --muted: #6b7785;
  --line: rgba(20, 30, 40, 0.12);
  --ico-ring-1: #ffffff; --ico-ring-3: #c9a227; --ico-txt-3: #6e5310;
}

/* 6 · 石墨蓝灰 */
:root[data-theme="slate-min"] {
  --bg: #12161b;
  --bg-2: #1b2129;
  --panel: rgba(22, 28, 36, 0.92);
  --panel-2: rgba(28, 35, 44, 0.96);
  --gold: #9fb2c4;
  --gold-2: #d6e3f0;
  --accent: #6c8cff;
  --text: #eef3f8;
  --muted: #8f9daa;
  --line: rgba(255, 255, 255, 0.09);
  --ico-ring-1: #f4f8fc; --ico-ring-3: #8fa3b5; --ico-txt-3: #9fb2c4;
}

/* 7 · 支付蓝（与 ytai66.cc 统一） */
:root[data-theme="yatai-pay"] {
  --bg: #060c16;
  --bg-2: #0d1728;
  --panel: rgba(11, 24, 42, 0.92);
  --panel-2: rgba(14, 30, 52, 0.96);
  --gold: #1677ff;
  --gold-2: #7cd4ff;
  --accent: #22d3ee;
  --text: #eaf6ff;
  --muted: #8ba6c4;
  --line: rgba(124, 212, 255, 0.14);
  --ico-ring-1: #eaf6ff; --ico-ring-3: #1677ff; --ico-txt-3: #3e9bff;
}

/* ── 8 个分类色（图标与分类 Tab 共用） ── */
:root {
  --grp-fly: #22d3ee;    --grp-fly-l: #67e8f9;    --grp-fly-d: #0891b2;
  --grp-low: #6366f1;    --grp-low-l: #a5b4fc;    --grp-low-d: #4338ca;
  --grp-calc: #a855f7;   --grp-calc-l: #e879f9;   --grp-calc-d: #7e22ce;
  --grp-ks: #f97316;     --grp-ks-l: #fdba74;     --grp-ks-d: #c2410c;
  --grp-fast: #f43f5e;   --grp-fast-l: #fb7185;   --grp-fast-d: #be123c;
  --grp-abroad: #10b981; --grp-abroad-l: #34d399; --grp-abroad-d: #047857;
  --grp-pick5: #84cc16;  --grp-pick5-l: #a3e635;  --grp-pick5-d: #4d7c0f;
  --grp-high: #e8b23a;   --grp-high-l: #ffd75e;   --grp-high-d: #a9741a;
}

/* ── 分类 Tab 按分类上色（不写死在任何页面里） ── */
.all-lot-tab { --c: var(--gold); }
.all-lot-tab[data-g="fly"]   { --c: var(--grp-fly); }
.all-lot-tab[data-g="low"]   { --c: var(--grp-low); }
.all-lot-tab[data-g="calc"]  { --c: var(--grp-calc); }
.all-lot-tab[data-g="ks"]    { --c: var(--grp-ks); }
.all-lot-tab[data-g="fast"]  { --c: var(--grp-fast); }
.all-lot-tab[data-g="abroad"]{ --c: var(--grp-abroad); }
.all-lot-tab[data-g="pick5"] { --c: var(--grp-pick5); }
.all-lot-tab[data-g="high"]  { --c: var(--grp-high); }
.all-lot-tab.is-on {
  border-color: var(--c) !important;
  color: var(--c) !important;
  box-shadow: 0 0 16px color-mix(in srgb, var(--c) 38%, transparent);
}

/* 彩种图标统一尺寸策略（防止各处各写一套） */
.alc-ico img { width: 26px; height: 26px; object-fit: contain; display: block; }
.tile-ico { width: 38px; height: 38px; object-fit: contain; }

/* ── 首页「彩种分类」：8 个分类图标卡片 ── */
#cats .cat-wall {
  grid-template-columns: repeat(auto-fill, minmax(136px, 1fr));
  gap: 14px;
}
#cats .cat-tile {
  padding: 16px 10px 14px;
  text-align: center;
  align-items: center;
  justify-content: flex-start;
  border-radius: 18px;
}
#cats .cat-tile-art {
  aspect-ratio: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  overflow: visible;
  margin-bottom: 10px;
}
#cats .cat-tile-art img {
  width: 84px;
  height: 84px;
  object-fit: contain;
  filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.55));
  transition: transform 0.25s ease, filter 0.25s ease;
}
#cats .cat-tile:hover .cat-tile-art img {
  transform: translateY(-5px) scale(1.05);
  filter: drop-shadow(0 16px 28px color-mix(in srgb, var(--cat, #e8b23a) 55%, transparent));
}
#cats .cat-tile-flag { display: none; }
#cats .cat-tile-name { color: var(--cat, #e9f0f8); }
#cats .cat-tile-desc { font-size: 11px; opacity: 0.85; }

/* ── 活动中心：自绘活动图标 ── */
.act-card .act-ico {
  width: 64px;
  height: 64px;
  flex: 0 0 64px;
  object-fit: contain;
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.5));
}
.act-card img:not(.act-ico) { border-radius: 14px; }

/* ── 活动广告展示图（1200×520，按钮位置与图内一致） ── */
.promo-banner {
  position: relative;
  display: block;
  margin: 0 0 18px;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 20px 52px rgba(0, 0, 0, 0.55);
}
.promo-banner > img {
  display: block;
  width: 100%;
  height: auto;
}
.promo-btn {
  position: absolute;
  top: 76.15%;
  height: 14.6%;
  border-radius: 999px;
  overflow: hidden;
  text-indent: -9999px;
  background: transparent;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.promo-btn > span { font-size: 0; }
.promo-btn:hover { transform: translateY(-2px); }
.promo-btn:focus-visible { outline: 3px solid #ffd75e; outline-offset: 2px; }
.promo-btn-a { left: 5.33%; width: 21%; }
.promo-btn-b { left: 28%; width: 21%; }

@media (max-width: 720px) {
  .promo-banner { border-radius: 14px; margin-bottom: 12px; }
}

/* 总览图（竖版大图） */
.promo-overview { display: block; }
.promo-overview img { max-width: 620px; margin: 0 auto; }
.promo-actions {
  display: flex;
  gap: 12px;
  justify-content: center;
  margin: 4px 0 22px;
  flex-wrap: wrap;
}

/* 活动说明 */
.act-terms {
  margin-top: 22px;
  padding: 20px 22px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.act-terms h3 {
  margin: 0 0 12px;
  font-size: 15px;
  color: var(--gold-2, #f3d890);
  letter-spacing: 1px;
}
.act-terms ol {
  margin: 0;
  padding-left: 20px;
  color: var(--muted, #9bb1c8);
  font-size: 13px;
  line-height: 1.95;
}
.act-terms li { margin-bottom: 2px; }
.act-terms .terms-foot {
  margin: 14px 0 0;
  padding-top: 12px;
  border-top: 1px dashed rgba(255, 255, 255, 0.1);
  font-size: 12.5px;
  color: var(--gold, #e8b23a);
  opacity: 0.9;
}