/* ============================================================
   全局换肤系统 — 20套精品质主题
   覆盖：登录页 / 抽奖主站 / 签到页
   通过 html[data-theme="xx"] 切换，localStorage 持久化
   ============================================================ */

/* ==================== :root 全局兜底 — 即使 data-theme 丢失也能正常显示 ==================== */
:root {
  --primary: #1a237e;
  --primary-light: #534bae;
  --accent: #ff6f00;
  --accent-light: #ffa040;
  --gold: #ffd600;
  --bg-dark: #0a0a2e;
  --bg-card: #151540;
  --text: #ffffff;
  --text-secondary: #b0bec5;
  --border: #2a2a5a;
  --success: #2e7d32;
  --error: #c62828;
  --warning: #f9a825;
  --highlight: #ffd600;
  --bg: var(--bg-dark);
  --card: var(--bg-card);
  --text2: var(--text-secondary);
  --gold2: var(--accent-light);
}

/* ==================== 默认深蓝 ==================== */
[data-theme="default"] {
  --primary: #1a237e;
  --primary-light: #534bae;
  --accent: #ff6f00;
  --accent-light: #ffa040;
  --gold: #ffd600;
  --bg-dark: #0a0a2e;
  --bg-card: #151540;
  --text: #ffffff;
  --text-secondary: #b0bec5;
  --border: #2a2a5a;
  --success: #2e7d32;
  --error: #c62828;
  --warning: #f9a825;
  --highlight: #ffd600;
  --bg: var(--bg-dark);
  --card: var(--bg-card);
  --text2: var(--text-secondary);
  --gold2: var(--accent-light);
}

/* ============================================================
   🚀 深空科技 — 科技峰会 / 产品发布会 / AI大会
   设计语言：深邃太空蓝 + 电光青 + 精密网格感
   ============================================================ */
[data-theme="tech-cyber"] {
  --primary: #1E40AF;
  --primary-light: #3B82F6;
  --accent: #06B6D4;
  --accent-light: #67E8F9;
  --gold: #FBBF24;
  --bg-dark: #020617;
  --bg-card: #0F172A;
  --text: #F1F5F9;
  --text-secondary: #94A3B8;
  --border: #1E293B;
  --success: #10B981;
  --error: #EF4444;
  --warning: #F59E0B;
  --highlight: #06B6D4;
  --bg: var(--bg-dark);
  --card: var(--bg-card);
  --text2: var(--text-secondary);
  --gold2: var(--accent-light);
  --card-glow: 0 0 30px rgba(6,182,212,0.12);
}

[data-theme="tech-cyber"] .login-page {
  background: linear-gradient(135deg, #020617 0%, #0a1628 50%, #0F172A 100%) !important;
}
[data-theme="tech-cyber"] .login-page::before {
  background:
    radial-gradient(circle at 20% 30%, rgba(6,182,212,0.12) 0%, transparent 50%),
    radial-gradient(circle at 80% 70%, rgba(59,130,246,0.08) 0%, transparent 50%);
}
[data-theme="tech-cyber"] .login-card {
  background: rgba(15,23,42,0.88);
  box-shadow:
    0 20px 60px rgba(0,0,0,0.5),
    0 0 50px rgba(6,182,212,0.1),
    inset 0 1px 0 rgba(255,255,255,0.04);
  border: 1px solid rgba(6,182,212,0.08);
}

[data-theme="tech-cyber"] .checkin-body {
  --ck-bg-start: #020617;
  --ck-bg-mid: #0a1628;
  --ck-bg-end: #0F172A;
  --ck-card-bg: rgba(15,23,42,0.9);
  --ck-card-border: #1E293B;
  --ck-accent: #06B6D4;
  --ck-accent-light: #67E8F9;
}

/* ============================================================
   🏛️ 红金政务 — 政府会议 / 党建活动 / 正式典礼（浅色主题）
   设计语言：中国红 + 暗金 + 暖白纸质感
   参考：中国政府网、国务院网站色彩体系
   ============================================================ */
[data-theme="gov-red-gold"] {
  --primary: #C41230;
  --primary-light: #DA251D;
  --accent: #B8860B;
  --accent-light: #D4A017;
  --gold: #C9A84C;
  --bg-dark: #F8F6F0;
  --bg-card: #FFFFFF;
  --text: #1a1a1a;
  --text-secondary: #666666;
  --border: #E0D8C8;
  --success: #2E7D32;
  --error: #C62828;
  --warning: #E65100;
  --highlight: #C41230;
  --bg: var(--bg-dark);
  --card: var(--bg-card);
  --text2: var(--text-secondary);
  --gold2: var(--accent-light);
  --card-glow: 0 0 20px rgba(196,18,48,0.06);
}

[data-theme="gov-red-gold"] .login-page {
  background: linear-gradient(135deg, #F8F6F0 0%, #f0ead8 50%, #e8e0c8 100%) !important;
}
[data-theme="gov-red-gold"] .login-page::before {
  background:
    radial-gradient(circle at 30% 50%, rgba(196,18,48,0.06) 0%, transparent 50%),
    radial-gradient(circle at 70% 50%, rgba(184,134,11,0.05) 0%, transparent 50%);
}
[data-theme="gov-red-gold"] .login-card {
  background: rgba(255,255,255,0.96);
  box-shadow:
    0 20px 60px rgba(0,0,0,0.08),
    0 0 40px rgba(196,18,48,0.04),
    inset 0 1px 0 rgba(255,255,255,0.9);
  border: 1px solid rgba(196,18,48,0.08);
}

[data-theme="gov-red-gold"] .checkin-body {
  --ck-bg-start: #F8F6F0;
  --ck-bg-mid: #f0ead8;
  --ck-bg-end: #e8e0c8;
  --ck-card-bg: rgba(255,255,255,0.96);
  --ck-card-border: #E0D8C8;
  --ck-accent: #C41230;
  --ck-accent-light: #DA251D;
}

/* ============================================================
   🎨 设计师 — 设计公司 / 品牌活动 / 创意沙龙
   设计语言：深炭灰底 + 鼠尾草绿 + 陶土橘
   参考：AIGA / Pentagram / 国际设计展配色
   ============================================================ */
[data-theme="designer-mint"] {
  --primary: #2D6A4F;
  --primary-light: #40916C;
  --accent: #E07A5F;
  --accent-light: #F2A68D;
  --gold: #F4D03F;
  --bg-dark: #1A1D20;
  --bg-card: #252930;
  --text: #E8EDF0;
  --text-secondary: #8A949E;
  --border: #323840;
  --success: #52B788;
  --error: #E76F51;
  --warning: #F4A261;
  --highlight: #E07A5F;
  --bg: var(--bg-dark);
  --card: var(--bg-card);
  --text2: var(--text-secondary);
  --gold2: var(--accent-light);
  --card-glow: 0 0 24px rgba(224,122,95,0.08);
}

[data-theme="designer-mint"] .login-page {
  background: linear-gradient(135deg, #1A1D20 0%, #1f2a25 50%, #252930 100%) !important;
}
[data-theme="designer-mint"] .login-page::before {
  background:
    radial-gradient(circle at 80% 20%, rgba(45,106,79,0.1) 0%, transparent 50%),
    radial-gradient(circle at 20% 80%, rgba(224,122,95,0.06) 0%, transparent 50%);
}
[data-theme="designer-mint"] .login-card {
  background: rgba(37,41,48,0.88);
  box-shadow:
    0 20px 60px rgba(0,0,0,0.5),
    0 0 40px rgba(224,122,95,0.06),
    inset 0 1px 0 rgba(255,255,255,0.03);
  border: 1px solid rgba(224,122,95,0.06);
}

[data-theme="designer-mint"] .checkin-body {
  --ck-bg-start: #1A1D20;
  --ck-bg-mid: #1f2a25;
  --ck-bg-end: #252930;
  --ck-card-bg: rgba(37,41,48,0.9);
  --ck-card-border: #323840;
  --ck-accent: #E07A5F;
  --ck-accent-light: #F2A68D;
}

/* ============================================================
   ✨ 高定秀场 — 时尚晚宴 / 颁奖典礼 / 奢侈品活动
   设计语言：极致黑底 + 香槟玫瑰金 + 克制留白
   参考：Chanel / Dior / 高定秀场美学
   ============================================================ */
[data-theme="fashion-luxe"] {
  --primary: #1C1C1C;
  --primary-light: #333333;
  --accent: #D4A574;
  --accent-light: #E8CDB5;
  --gold: #C9A96E;
  --bg-dark: #0A0A0A;
  --bg-card: #161616;
  --text: #F5F0EB;
  --text-secondary: #9E958B;
  --border: #2A2A2A;
  --success: #7CB342;
  --error: #C62828;
  --warning: #F9A825;
  --highlight: #D4A574;
  --bg: var(--bg-dark);
  --card: var(--bg-card);
  --text2: var(--text-secondary);
  --gold2: var(--accent-light);
  --card-glow: 0 0 30px rgba(212,165,116,0.1);
}

[data-theme="fashion-luxe"] .login-page {
  background: linear-gradient(135deg, #0A0A0A 0%, #121212 50%, #161616 100%) !important;
}
[data-theme="fashion-luxe"] .login-page::before {
  background:
    radial-gradient(circle at 50% 30%, rgba(212,165,116,0.06) 0%, transparent 50%),
    radial-gradient(circle at 50% 80%, rgba(212,165,116,0.03) 0%, transparent 50%);
}
[data-theme="fashion-luxe"] .login-card {
  background: rgba(22,22,22,0.92);
  box-shadow:
    0 20px 60px rgba(0,0,0,0.6),
    0 0 50px rgba(212,165,116,0.06),
    inset 0 1px 0 rgba(255,255,255,0.02);
  border: 1px solid rgba(212,165,116,0.1);
}

[data-theme="fashion-luxe"] .checkin-body {
  --ck-bg-start: #0A0A0A;
  --ck-bg-mid: #121212;
  --ck-bg-end: #161616;
  --ck-card-bg: rgba(22,22,22,0.95);
  --ck-card-border: #2A2A2A;
  --ck-accent: #D4A574;
  --ck-accent-light: #E8CDB5;
}

/* ============================================================
   🎉 活力派对 — 团建 / K歌 / 舞蹈 / 年会嗨场
   设计语言：深紫黑底 + 霓虹紫 + 热力粉 + 脉冲光感
   参考：音乐节 / KTV灯光 / EDM视觉
   ============================================================ */
[data-theme="party-vibe"] {
  --primary: #7C3AED;
  --primary-light: #A855F7;
  --accent: #EC4899;
  --accent-light: #F472B6;
  --gold: #FBBF24;
  --bg-dark: #0D001A;
  --bg-card: #1A0030;
  --text: #F5F3FF;
  --text-secondary: #C4B5FD;
  --border: #3B0764;
  --success: #34D399;
  --error: #F43F5E;
  --warning: #FBBF24;
  --highlight: #EC4899;
  --bg: var(--bg-dark);
  --card: var(--bg-card);
  --text2: var(--text-secondary);
  --gold2: var(--accent-light);
  --card-glow: 0 0 30px rgba(236,72,153,0.18);
}

[data-theme="party-vibe"] .login-page {
  background: linear-gradient(135deg, #0D001A 0%, #1a0030 50%, #120025 100%) !important;
}
[data-theme="party-vibe"] .login-page::before {
  background:
    radial-gradient(circle at 30% 40%, rgba(124,58,237,0.15) 0%, transparent 45%),
    radial-gradient(circle at 70% 60%, rgba(236,72,153,0.1) 0%, transparent 45%);
}
[data-theme="party-vibe"] .login-card {
  background: rgba(26,0,48,0.88);
  box-shadow:
    0 20px 60px rgba(0,0,0,0.5),
    0 0 50px rgba(236,72,153,0.15),
    inset 0 1px 0 rgba(255,255,255,0.03);
  border: 1px solid rgba(236,72,153,0.1);
}

[data-theme="party-vibe"] .checkin-body {
  --ck-bg-start: #0D001A;
  --ck-bg-mid: #1a0030;
  --ck-bg-end: #120025;
  --ck-card-bg: rgba(26,0,48,0.9);
  --ck-card-border: #3B0764;
  --ck-accent: #EC4899;
  --ck-accent-light: #F472B6;
}

/* ============================================================
   🍃 亚尔翠 — 企业品牌VI / 环保企业 / ESG活动
   设计语言：深邃墨绿底 + 清亮VI绿 + 暖青柠提亮
   优化：更深的背景对比 + 暖金点缀 + 完整登录/签到适配
   ============================================================ */
[data-theme="vi-green"] {
  --primary: #008744;
  --primary-light: #00a651;
  --accent: #a3e635;
  --accent-light: #bef264;
  --gold: #f59e0b;
  --bg-dark: #001408;
  --bg-card: #002212;
  --text: #f0fdf4;
  --text-secondary: #86a892;
  --border: #0d4220;
  --success: #22c55e;
  --error: #ef4444;
  --warning: #f59e0b;
  --highlight: #a3e635;
  --bg: var(--bg-dark);
  --card: var(--bg-card);
  --text2: var(--text-secondary);
  --gold2: var(--accent-light);
  --card-glow: 0 0 24px rgba(0,135,68,0.1);
}

[data-theme="vi-green"] .login-page {
  background: linear-gradient(135deg, #001408 0%, #002a16 50%, #002212 100%) !important;
}
[data-theme="vi-green"] .login-page::before {
  background:
    radial-gradient(circle at 30% 40%, rgba(0,135,68,0.15) 0%, transparent 50%),
    radial-gradient(circle at 70% 60%, rgba(163,230,53,0.08) 0%, transparent 50%);
}
[data-theme="vi-green"] .login-card {
  background: rgba(0,34,18,0.9);
  box-shadow:
    0 20px 60px rgba(0,0,0,0.5),
    0 0 40px rgba(0,135,68,0.1),
    inset 0 1px 0 rgba(255,255,255,0.03);
  border: 1px solid rgba(0,135,68,0.1);
}

[data-theme="vi-green"] .checkin-body {
  --ck-bg-start: #001408;
  --ck-bg-mid: #002a16;
  --ck-bg-end: #002212;
  --ck-card-bg: rgba(0,34,18,0.9);
  --ck-card-border: #0d4220;
  --ck-accent: #a3e635;
  --ck-accent-light: #bef264;
}

/* ============================================================
   🌲 春林墨绿 — 自然生态 / 户外团建 / 绿色环保会议
   设计语言：沉静墨绿底 + 暖木棕 + 林间光感
   优化：暖木色破局纯绿单调 + 新增登录/签到完整适配
   ============================================================ */
[data-theme="forest-green"] {
  --primary: #4A6741;
  --primary-light: #6B8A5E;
  --accent: #B8956A;
  --accent-light: #D4B88C;
  --gold: #D4A843;
  --bg-dark: #0a100c;
  --bg-card: #111c13;
  --text: #eaf4ea;
  --text-secondary: #8fa090;
  --border: #1a2c1e;
  --success: #66bb6a;
  --error: #e57373;
  --warning: #ffb74d;
  --highlight: #B8956A;
  --bg: var(--bg-dark);
  --card: var(--bg-card);
  --text2: var(--text-secondary);
  --gold2: var(--accent-light);
  --card-glow: 0 0 24px rgba(74,103,65,0.08);
}

[data-theme="forest-green"] .login-page {
  background: linear-gradient(135deg, #0a100c 0%, #0f1a10 50%, #111c13 100%) !important;
}
[data-theme="forest-green"] .login-page::before {
  background:
    radial-gradient(circle at 60% 30%, rgba(74,103,65,0.1) 0%, transparent 50%),
    radial-gradient(circle at 30% 70%, rgba(184,149,106,0.06) 0%, transparent 50%);
}
[data-theme="forest-green"] .login-card {
  background: rgba(17,28,19,0.9);
  box-shadow:
    0 20px 60px rgba(0,0,0,0.5),
    0 0 40px rgba(74,103,65,0.06),
    inset 0 1px 0 rgba(255,255,255,0.03);
  border: 1px solid rgba(184,149,106,0.08);
}

[data-theme="forest-green"] .checkin-body {
  --ck-bg-start: #0a100c;
  --ck-bg-mid: #0f1a10;
  --ck-bg-end: #111c13;
  --ck-card-bg: rgba(17,28,19,0.9);
  --ck-card-border: #1a2c1e;
  --ck-accent: #B8956A;
  --ck-accent-light: #D4B88C;
}

/* ============================================================
   🔮 赛博霓虹 — 电竞比赛 / 互联网年会 / 二次元活动
   设计语言：极黑底 + 霓虹粉 + 电光青 + 合成波光感
   优化：更深背景增强霓虹对比 + 双光源登录背景
   注：与 party-vibe 区分 — 这是赛博科技风，非歌舞派对风
   ============================================================ */
[data-theme="cyber-neon"] {
  --primary: #E81E6E;
  --primary-light: #F04D8A;
  --accent: #00E5FF;
  --accent-light: #66F7FF;
  --gold: #FFE600;
  --bg-dark: #05050A;
  --bg-card: #0E0E1A;
  --text: #F0F0FA;
  --text-secondary: #8888B8;
  --border: #1C1038;
  --success: #00E676;
  --error: #FF1744;
  --warning: #FFD600;
  --highlight: #00E5FF;
  --bg: var(--bg-dark);
  --card: var(--bg-card);
  --text2: var(--text-secondary);
  --gold2: var(--accent-light);
  --card-glow: 0 0 30px rgba(0,229,255,0.15);
}

[data-theme="cyber-neon"] .login-page {
  background: linear-gradient(135deg, #05050A 0%, #0d0520 50%, #0E0E1A 100%) !important;
}
[data-theme="cyber-neon"] .login-page::before {
  background:
    radial-gradient(circle at 25% 35%, rgba(232,30,110,0.12) 0%, transparent 45%),
    radial-gradient(circle at 75% 65%, rgba(0,229,255,0.1) 0%, transparent 45%);
}
[data-theme="cyber-neon"] .login-card {
  background: rgba(14,14,26,0.88);
  box-shadow:
    0 20px 60px rgba(0,0,0,0.5),
    0 0 50px rgba(0,229,255,0.12),
    inset 0 1px 0 rgba(255,255,255,0.03);
  border: 1px solid rgba(0,229,255,0.1);
}

[data-theme="cyber-neon"] .checkin-body {
  --ck-bg-start: #05050A;
  --ck-bg-mid: #0d0520;
  --ck-bg-end: #0E0E1A;
  --ck-card-bg: rgba(14,14,26,0.9);
  --ck-card-border: #1C1038;
  --ck-accent: #00E5FF;
  --ck-accent-light: #66F7FF;
}

/* ============================================================
   🧧 新春年会 — 春节 / 年会 / 开工利是 / 元宵晚会
   设计语言：沉浸式红包红底 + 烫金文字 + 灯笼暖光
   参考：红包/春联/剪纸的正红 + 金箔质感
   注：与 gov-red-gold（政务浅色）区分 — 这是暗红浸染的节日沉浸感
   ============================================================ */
[data-theme="spring-festival"] {
  --primary: #CC1C2C;
  --primary-light: #E8485E;
  --accent: #F5C518;
  --accent-light: #FFD740;
  --gold: #FFD700;
  --bg-dark: #1A0004;
  --bg-card: #2D0B15;
  --text: #FFF5F5;
  --text-secondary: #F0C0C8;
  --border: #5A1525;
  --success: #4CAF50;
  --error: #FF1744;
  --warning: #FFC107;
  --highlight: #F5C518;
  --bg: var(--bg-dark);
  --card: var(--bg-card);
  --text2: var(--text-secondary);
  --gold2: var(--accent-light);
  --card-glow: 0 0 30px rgba(245,197,24,0.12);
}

[data-theme="spring-festival"] .login-page {
  background: linear-gradient(135deg, #1A0004 0%, #2d0812 50%, #2D0B15 100%) !important;
}
[data-theme="spring-festival"] .login-page::before {
  background:
    radial-gradient(circle at 35% 25%, rgba(204,28,44,0.22) 0%, transparent 50%),
    radial-gradient(circle at 65% 75%, rgba(245,197,24,0.08) 0%, transparent 50%);
}
[data-theme="spring-festival"] .login-card {
  background: rgba(45,11,21,0.9);
  box-shadow:
    0 20px 60px rgba(0,0,0,0.5),
    0 0 50px rgba(245,197,24,0.1),
    inset 0 1px 0 rgba(255,255,255,0.04);
  border: 1px solid rgba(245,197,24,0.12);
}

[data-theme="spring-festival"] .checkin-body {
  --ck-bg-start: #1A0004;
  --ck-bg-mid: #2d0812;
  --ck-bg-end: #2D0B15;
  --ck-card-bg: rgba(45,11,21,0.9);
  --ck-card-border: #5A1525;
  --ck-accent: #F5C518;
  --ck-accent-light: #FFD740;
}

/* ============================================================
   🍯 琥珀柠黄 — 暖调烘焙 / 美食节 / 手作市集
   设计语言：烘烤砖红底 + 琥珀柠黄高光 + 奶杏米提亮
   ============================================================ */
[data-theme="amber-lemon"] {
  --primary: #B22A2A;
  --primary-light: #D44545;
  --accent: #F6C12C;
  --accent-light: #FAD65C;
  --gold: #F0DEBF;
  --bg-dark: #0D0505;
  --bg-card: #1A0E0E;
  --text: #FFF5EC;
  --text-secondary: #D4B896;
  --border: #3D2020;
  --success: #4CAF50;
  --error: #E53935;
  --warning: #FFB300;
  --highlight: #F6C12C;
  --bg: var(--bg-dark);
  --card: var(--bg-card);
  --text2: var(--text-secondary);
  --gold2: var(--accent-light);
  --card-glow: 0 0 24px rgba(246,193,44,0.12);
}

[data-theme="amber-lemon"] .login-page {
  background: linear-gradient(135deg, #0D0505 0%, #1a0a08 50%, #1A0E0E 100%) !important;
}
[data-theme="amber-lemon"] .login-page::before {
  background:
    radial-gradient(circle at 30% 30%, rgba(178,42,42,0.15) 0%, transparent 45%),
    radial-gradient(circle at 70% 70%, rgba(246,193,44,0.08) 0%, transparent 45%);
}
[data-theme="amber-lemon"] .login-card {
  background: rgba(26,14,14,0.92);
  box-shadow:
    0 20px 60px rgba(0,0,0,0.5),
    0 0 40px rgba(246,193,44,0.06),
    inset 0 1px 0 rgba(255,255,255,0.03);
  border: 1px solid rgba(246,193,44,0.08);
}

[data-theme="amber-lemon"] .checkin-body {
  --ck-bg-start: #0D0505;
  --ck-bg-mid: #1a0a08;
  --ck-bg-end: #1A0E0E;
  --ck-card-bg: rgba(26,14,14,0.9);
  --ck-card-border: #3D2020;
  --ck-accent: #F6C12C;
  --ck-accent-light: #FAD65C;
}

/* ============================================================
   🌾 麦秆暖黄 — 田园风 / 户外露营 / 自然教育
   设计语言：暖黄底 + 草木深绿 + 麦秆金
   ============================================================ */
[data-theme="wheat-yellow"] {
  --primary: #117C0D;
  --primary-light: #1AA015;
  --accent: #FAC75E;
  --accent-light: #FCD98D;
  --gold: #F1ECE0;
  --bg-dark: #081408;
  --bg-card: #0F1D0F;
  --text: #F5F8F0;
  --text-secondary: #B5C4A8;
  --border: #1E3A1E;
  --success: #4CAF50;
  --error: #EF5350;
  --warning: #FFB300;
  --highlight: #FAC75E;
  --bg: var(--bg-dark);
  --card: var(--bg-card);
  --text2: var(--text-secondary);
  --gold2: var(--accent-light);
  --card-glow: 0 0 24px rgba(250,199,94,0.1);
}

[data-theme="wheat-yellow"] .login-page {
  background: linear-gradient(135deg, #081408 0%, #0f1a0d 50%, #0F1D0F 100%) !important;
}
[data-theme="wheat-yellow"] .login-page::before {
  background:
    radial-gradient(circle at 40% 30%, rgba(17,124,13,0.1) 0%, transparent 45%),
    radial-gradient(circle at 60% 70%, rgba(250,199,94,0.06) 0%, transparent 45%);
}
[data-theme="wheat-yellow"] .login-card {
  background: rgba(15,29,15,0.92);
  box-shadow:
    0 20px 60px rgba(0,0,0,0.5),
    0 0 40px rgba(250,199,94,0.04),
    inset 0 1px 0 rgba(255,255,255,0.03);
  border: 1px solid rgba(250,199,94,0.08);
}

[data-theme="wheat-yellow"] .checkin-body {
  --ck-bg-start: #081408;
  --ck-bg-mid: #0f1a0d;
  --ck-bg-end: #0F1D0F;
  --ck-card-bg: rgba(15,29,15,0.9);
  --ck-card-border: #1E3A1E;
  --ck-accent: #FAC75E;
  --ck-accent-light: #FCD98D;
}

/* ============================================================
   🏺 陶土棕 — 工艺市集 / 茶道活动 / 手作工坊
   设计语言：深褐底 + 陶土暖棕 + 橄榄深绿点缀
   ============================================================ */
[data-theme="terracotta"] {
  --primary: #5C614D;
  --primary-light: #7A8068;
  --accent: #A8703F;
  --accent-light: #C8916A;
  --gold: #FAF3E9;
  --bg-dark: #0D0D09;
  --bg-card: #1A1A12;
  --text: #F8F4EE;
  --text-secondary: #B8B0A2;
  --border: #353025;
  --success: #689F38;
  --error: #E64A19;
  --warning: #FFA000;
  --highlight: #A8703F;
  --bg: var(--bg-dark);
  --card: var(--bg-card);
  --text2: var(--text-secondary);
  --gold2: var(--accent-light);
  --card-glow: 0 0 24px rgba(168,112,63,0.1);
}

[data-theme="terracotta"] .login-page {
  background: linear-gradient(135deg, #0D0D09 0%, #18160F 50%, #1A1A12 100%) !important;
}
[data-theme="terracotta"] .login-page::before {
  background:
    radial-gradient(circle at 30% 40%, rgba(92,97,77,0.08) 0%, transparent 45%),
    radial-gradient(circle at 70% 60%, rgba(168,112,63,0.06) 0%, transparent 45%);
}
[data-theme="terracotta"] .login-card {
  background: rgba(26,26,18,0.92);
  box-shadow:
    0 20px 60px rgba(0,0,0,0.5),
    0 0 40px rgba(168,112,63,0.04),
    inset 0 1px 0 rgba(255,255,255,0.03);
  border: 1px solid rgba(168,112,63,0.08);
}

[data-theme="terracotta"] .checkin-body {
  --ck-bg-start: #0D0D09;
  --ck-bg-mid: #18160F;
  --ck-bg-end: #1A1A12;
  --ck-card-bg: rgba(26,26,18,0.9);
  --ck-card-border: #353025;
  --ck-accent: #A8703F;
  --ck-accent-light: #C8916A;
}

/* ============================================================
   🌱 春芽浅绿 — 环保活动 / 播种仪式 / 亲子自然日
   设计语言：清新绿底 + 草木青 + 深林墨绿
   ============================================================ */
[data-theme="spring-green"] {
  --primary: #506850;
  --primary-light: #6D8A6D;
  --accent: #99C39E;
  --accent-light: #BFDFC3;
  --gold: #D3F2DE;
  --bg-dark: #080D08;
  --bg-card: #0F170F;
  --text: #ECF7EE;
  --text-secondary: #A3C0A7;
  --border: #1A2E1A;
  --success: #66BB6A;
  --error: #EF5350;
  --warning: #FFB74D;
  --highlight: #99C39E;
  --bg: var(--bg-dark);
  --card: var(--bg-card);
  --text2: var(--text-secondary);
  --gold2: var(--accent-light);
  --card-glow: 0 0 24px rgba(153,195,158,0.08);
}

[data-theme="spring-green"] .login-page {
  background: linear-gradient(135deg, #080D08 0%, #0e170d 50%, #0F170F 100%) !important;
}
[data-theme="spring-green"] .login-page::before {
  background:
    radial-gradient(circle at 25% 40%, rgba(80,104,80,0.1) 0%, transparent 45%),
    radial-gradient(circle at 75% 60%, rgba(153,195,158,0.05) 0%, transparent 45%);
}
[data-theme="spring-green"] .login-card {
  background: rgba(15,23,15,0.92);
  box-shadow:
    0 20px 60px rgba(0,0,0,0.5),
    0 0 40px rgba(153,195,158,0.04),
    inset 0 1px 0 rgba(255,255,255,0.03);
  border: 1px solid rgba(153,195,158,0.08);
}

[data-theme="spring-green"] .checkin-body {
  --ck-bg-start: #080D08;
  --ck-bg-mid: #0e170d;
  --ck-bg-end: #0F170F;
  --ck-card-bg: rgba(15,23,15,0.9);
  --ck-card-border: #1A2E1A;
  --ck-accent: #99C39E;
  --ck-accent-light: #BFDFC3;
}

/* ============================================================
   🏛️ 复古朱红 — 经典晚会 / 怀旧主题会 / 百年庆典
   设计语言：深海夜蓝底 + 朱红强调 + 米白提亮
   ============================================================ */
[data-theme="retro-red"] {
  --primary: #28314E;
  --primary-light: #3D4A6E;
  --accent: #AA2B3A;
  --accent-light: #D44555;
  --gold: #F1E6D8;
  --bg-dark: #050810;
  --bg-card: #0C1220;
  --text: #F5F0EB;
  --text-secondary: #A8B0C0;
  --border: #1A2540;
  --success: #4CAF50;
  --error: #D32F2F;
  --warning: #FFA000;
  --highlight: #AA2B3A;
  --bg: var(--bg-dark);
  --card: var(--bg-card);
  --text2: var(--text-secondary);
  --gold2: var(--accent-light);
  --card-glow: 0 0 24px rgba(170,43,58,0.1);
}

[data-theme="retro-red"] .login-page {
  background: linear-gradient(135deg, #050810 0%, #0c0f1e 50%, #0C1220 100%) !important;
}
[data-theme="retro-red"] .login-page::before {
  background:
    radial-gradient(circle at 35% 30%, rgba(40,49,78,0.1) 0%, transparent 45%),
    radial-gradient(circle at 65% 70%, rgba(170,43,58,0.08) 0%, transparent 45%);
}
[data-theme="retro-red"] .login-card {
  background: rgba(12,18,32,0.92);
  box-shadow:
    0 20px 60px rgba(0,0,0,0.5),
    0 0 40px rgba(170,43,58,0.05),
    inset 0 1px 0 rgba(255,255,255,0.03);
  border: 1px solid rgba(170,43,58,0.08);
}

[data-theme="retro-red"] .checkin-body {
  --ck-bg-start: #050810;
  --ck-bg-mid: #0c0f1e;
  --ck-bg-end: #0C1220;
  --ck-card-bg: rgba(12,18,32,0.9);
  --ck-card-border: #1A2540;
  --ck-accent: #AA2B3A;
  --ck-accent-light: #D44555;
}

/* ============================================================
   🌤️ 晴空海蓝 — 夏日派对 / 水上运动 / 户外嘉年华
   设计语言：晴空蓝底 + 暖橙光 + 奶油米白
   ============================================================ */
[data-theme="sky-blue"] {
  --primary: #1387C0;
  --primary-light: #35A8DF;
  --accent: #F4520D;
  --accent-light: #FF7740;
  --gold: #FAEDD1;
  --bg-dark: #051520;
  --bg-card: #0A2030;
  --text: #F0F7FB;
  --text-secondary: #A0C8E0;
  --border: #143852;
  --success: #4CAF50;
  --error: #EF5350;
  --warning: #FFA000;
  --highlight: #F4520D;
  --bg: var(--bg-dark);
  --card: var(--bg-card);
  --text2: var(--text-secondary);
  --gold2: var(--accent-light);
  --card-glow: 0 0 24px rgba(19,135,192,0.12);
}

[data-theme="sky-blue"] .login-page {
  background: linear-gradient(135deg, #051520 0%, #081e2e 50%, #0A2030 100%) !important;
}
[data-theme="sky-blue"] .login-page::before {
  background:
    radial-gradient(circle at 30% 35%, rgba(19,135,192,0.12) 0%, transparent 45%),
    radial-gradient(circle at 70% 65%, rgba(244,82,13,0.06) 0%, transparent 45%);
}
[data-theme="sky-blue"] .login-card {
  background: rgba(10,32,48,0.92);
  box-shadow:
    0 20px 60px rgba(0,0,0,0.5),
    0 0 40px rgba(19,135,192,0.08),
    inset 0 1px 0 rgba(255,255,255,0.03);
  border: 1px solid rgba(19,135,192,0.1);
}

[data-theme="sky-blue"] .checkin-body {
  --ck-bg-start: #051520;
  --ck-bg-mid: #081e2e;
  --ck-bg-end: #0A2030;
  --ck-card-bg: rgba(10,32,48,0.9);
  --ck-card-border: #143852;
  --ck-accent: #F4520D;
  --ck-accent-light: #FF7740;
}

/* ============================================================
   🌸 柔樱粉 — 女生节 / 闺蜜之夜 / 花艺沙龙
   设计语言：深海藏蓝底 + 柔樱粉 + 绛紫丁香渐变
   ============================================================ */
[data-theme="cherry-sakura"] {
  --primary: #063C85;
  --primary-light: #2058A8;
  --accent: #BB5799;
  --accent-light: #D47BB5;
  --gold: #F7C3D9;
  --bg-dark: #030A18;
  --bg-card: #081428;
  --text: #F8F0F5;
  --text-secondary: #C0B0C8;
  --border: #1A2860;
  --success: #66BB6A;
  --error: #EF5350;
  --warning: #FFB74D;
  --highlight: #F7C3D9;
  --bg: var(--bg-dark);
  --card: var(--bg-card);
  --text2: var(--text-secondary);
  --gold2: var(--accent-light);
  --card-glow: 0 0 24px rgba(187,87,153,0.12);
}

[data-theme="cherry-sakura"] .login-page {
  background: linear-gradient(135deg, #030A18 0%, #080e28 50%, #081428 100%) !important;
}
[data-theme="cherry-sakura"] .login-page::before {
  background:
    radial-gradient(circle at 25% 35%, rgba(6,60,133,0.12) 0%, transparent 45%),
    radial-gradient(circle at 75% 65%, rgba(187,87,153,0.1) 0%, transparent 45%);
}
[data-theme="cherry-sakura"] .login-card {
  background: rgba(8,20,40,0.92);
  box-shadow:
    0 20px 60px rgba(0,0,0,0.5),
    0 0 40px rgba(187,87,153,0.08),
    inset 0 1px 0 rgba(255,255,255,0.03);
  border: 1px solid rgba(187,87,153,0.1);
}

[data-theme="cherry-sakura"] .checkin-body {
  --ck-bg-start: #030A18;
  --ck-bg-mid: #080e28;
  --ck-bg-end: #081428;
  --ck-card-bg: rgba(8,20,40,0.9);
  --ck-card-border: #1A2860;
  --ck-accent: #BB5799;
  --ck-accent-light: #D47BB5;
}

/* ============================================================
   💜 金柠暖阳 — 品牌发布 / 颁奖盛典 / 华丽晚宴
   设计语言：紫鸢深紫底 + 柠黄高光 + 银灰调和
   ============================================================ */
[data-theme="golden-purple"] {
  --primary: #7953B1;
  --primary-light: #9678CA;
  --accent: #FFC209;
  --accent-light: #FFD64D;
  --gold: #DEDEDE;
  --bg-dark: #0A0612;
  --bg-card: #161024;
  --text: #F8F5FC;
  --text-secondary: #C8C0D8;
  --border: #2E1A48;
  --success: #66BB6A;
  --error: #EF5350;
  --warning: #FFB74D;
  --highlight: #FFC209;
  --bg: var(--bg-dark);
  --card: var(--bg-card);
  --text2: var(--text-secondary);
  --gold2: var(--accent-light);
  --card-glow: 0 0 24px rgba(255,194,9,0.12);
}

[data-theme="golden-purple"] .login-page {
  background: linear-gradient(135deg, #0A0612 0%, #120c20 50%, #161024 100%) !important;
}
[data-theme="golden-purple"] .login-page::before {
  background:
    radial-gradient(circle at 30% 35%, rgba(121,83,177,0.12) 0%, transparent 45%),
    radial-gradient(circle at 70% 65%, rgba(255,194,9,0.06) 0%, transparent 45%);
}
[data-theme="golden-purple"] .login-card {
  background: rgba(22,16,36,0.92);
  box-shadow:
    0 20px 60px rgba(0,0,0,0.5),
    0 0 40px rgba(255,194,9,0.06),
    inset 0 1px 0 rgba(255,255,255,0.04);
  border: 1px solid rgba(255,194,9,0.1);
}

[data-theme="golden-purple"] .checkin-body {
  --ck-bg-start: #0A0612;
  --ck-bg-mid: #120c20;
  --ck-bg-end: #161024;
  --ck-card-bg: rgba(22,16,36,0.9);
  --ck-card-border: #2E1A48;
  --ck-accent: #FFC209;
  --ck-accent-light: #FFD64D;
}

/* ============================================================
   🧊 薄荷冰青 — 科技清凉 / 线上论坛 / 数字大会
   设计语言：深海夜蓝底 + 柔空蓝 + 薄荷冰青高光
   ============================================================ */
[data-theme="mint-ice"] {
  --primary: #28314E;
  --primary-light: #3D4A6E;
  --accent: #658AE4;
  --accent-light: #8AA8F0;
  --gold: #A1FEEF;
  --bg-dark: #050810;
  --bg-card: #0C1228;
  --text: #EEF4FA;
  --text-secondary: #A0B4D0;
  --border: #1A2848;
  --success: #4CAF50;
  --error: #EF5350;
  --warning: #FFB74D;
  --highlight: #A1FEEF;
  --bg: var(--bg-dark);
  --card: var(--bg-card);
  --text2: var(--text-secondary);
  --gold2: var(--accent-light);
  --card-glow: 0 0 24px rgba(101,138,228,0.1);
}

[data-theme="mint-ice"] .login-page {
  background: linear-gradient(135deg, #050810 0%, #0a1024 50%, #0C1228 100%) !important;
}
[data-theme="mint-ice"] .login-page::before {
  background:
    radial-gradient(circle at 30% 35%, rgba(40,49,78,0.1) 0%, transparent 45%),
    radial-gradient(circle at 70% 65%, rgba(101,138,228,0.08) 0%, transparent 45%);
}
[data-theme="mint-ice"] .login-card {
  background: rgba(12,18,40,0.92);
  box-shadow:
    0 20px 60px rgba(0,0,0,0.5),
    0 0 40px rgba(101,138,228,0.06),
    inset 0 1px 0 rgba(255,255,255,0.03);
  border: 1px solid rgba(101,138,228,0.08);
}

[data-theme="mint-ice"] .checkin-body {
  --ck-bg-start: #050810;
  --ck-bg-mid: #0a1024;
  --ck-bg-end: #0C1228;
  --ck-card-bg: rgba(12,18,40,0.9);
  --ck-card-border: #1A2848;
  --ck-accent: #658AE4;
  --ck-accent-light: #8AA8F0;
}

/* ============================================================
   🤍 极简白 — 商务会议 / 内部研讨 / 培训授课
   设计语言：纯白浅灰底 + 深蓝强调 + 极简卡片
   ============================================================ */
[data-theme="white-minimal"] {
  --primary: #1565C0;
  --primary-light: #1E88E5;
  --accent: #1565C0;
  --accent-light: #42A5F5;
  --gold: #E3F2FD;
  --bg-dark: #F5F5F5;
  --bg-card: #FFFFFF;
  --text: #212121;
  --text-secondary: #616161;
  --border: #E0E0E0;
  --success: #2E7D32;
  --error: #C62828;
  --warning: #F57C00;
  --highlight: #1565C0;
  --bg: var(--bg-dark);
  --card: var(--bg-card);
  --text2: var(--text-secondary);
  --gold2: var(--accent-light);
  --card-glow: 0 0 16px rgba(21,101,192,0.08);
}

[data-theme="white-minimal"] .login-page {
  background: linear-gradient(135deg, #ECEFF1 0%, #F5F5F5 50%, #FAFAFA 100%) !important;
}
[data-theme="white-minimal"] .login-page::before {
  background:
    radial-gradient(circle at 30% 30%, rgba(21,101,192,0.04) 0%, transparent 50%),
    radial-gradient(circle at 70% 70%, rgba(66,165,245,0.03) 0%, transparent 50%);
}
[data-theme="white-minimal"] .login-card {
  background: rgba(255,255,255,0.95);
  box-shadow:
    0 4px 24px rgba(0,0,0,0.08),
    0 0 0 1px rgba(0,0,0,0.04),
    inset 0 1px 0 rgba(255,255,255,0.8);
  border: 1px solid rgba(0,0,0,0.06);
}

[data-theme="white-minimal"] .checkin-body {
  --ck-bg-start: #F5F5F5;
  --ck-bg-mid: #FAFAFA;
  --ck-bg-end: #FFFFFF;
  --ck-card-bg: rgba(255,255,255,0.95);
  --ck-card-border: #E0E0E0;
  --ck-accent: #1565C0;
  --ck-accent-light: #42A5F5;
}

/* ============================================================
   🏛️ 政府蓝 — 政务服务 / 官方会议 / 政务活动（暗色）
   设计语言：浙里办蓝 + 政务红 + 深海蓝底
   参考：浙里办APP / 中国政府网色彩体系
   ============================================================ */
[data-theme="gov-blue"] {
  --primary: #1651B8;
  --primary-light: #3D7AF5;
  --accent: #D4380D;
  --accent-light: #FF9C6E;
  --gold: #F0C040;
  --bg-dark: #0C1335;
  --bg-card: #16204A;
  --text: #F0F2F8;
  --text-secondary: #94A3C0;
  --border: #253560;
  --success: #389E0D;
  --error: #CF1322;
  --warning: #D48806;
  --highlight: #165DF6;
  --bg: var(--bg-dark);
  --card: var(--bg-card);
  --text2: var(--text-secondary);
  --gold2: var(--accent-light);
  --card-glow: 0 0 30px rgba(22,93,246,0.1);
}

[data-theme="gov-blue"] .login-page {
  background: linear-gradient(135deg, #0C1335 0%, #101E48 50%, #16204A 100%) !important;
}
[data-theme="gov-blue"] .login-page::before {
  background:
    radial-gradient(circle at 20% 30%, rgba(22,81,184,0.15) 0%, transparent 50%),
    radial-gradient(circle at 80% 60%, rgba(212,56,13,0.06) 0%, transparent 50%);
}
[data-theme="gov-blue"] .login-card {
  background: rgba(22,32,74,0.9);
  box-shadow:
    0 20px 60px rgba(0,0,0,0.5),
    0 0 40px rgba(22,81,184,0.08),
    inset 0 1px 0 rgba(255,255,255,0.04);
  border: 1px solid rgba(22,81,184,0.1);
}

[data-theme="gov-blue"] .checkin-body {
  --ck-bg-start: #0C1335;
  --ck-bg-mid: #101E48;
  --ck-bg-end: #16204A;
  --ck-card-bg: rgba(22,32,74,0.9);
  --ck-card-border: #253560;
  --ck-accent: #1651B8;
  --ck-accent-light: #3D7AF5;
}

/* ============================================================
   🦉 多邻国 — 趣味学习 / 轻松互动 / 活力活动（亮色）
   设计语言：Duolingo 标志绿 + 阳光黄 + 圆润友好
   参考：Duolingo APP Brand Guidelines
   优化：加深主色提升对比度，降低视觉疲劳
   ============================================================ */
[data-theme="duolingo"] {
  --primary: #3B8C0A;
  --primary-light: #55B819;
  --accent: #E5A800;
  --accent-light: #FFD740;
  --gold: #E5A800;
  --bg-dark: #E3EFDA;
  --bg-card: #FFFFFF;
  --text: #1E2E22;
  --text-secondary: #4D654F;
  --border: #9ECB84;
  --success: #3B8C0A;
  --error: #D32F2F;
  --warning: #E88500;
  --highlight: #1499D6;
  --bg: var(--bg-dark);
  --card: var(--bg-card);
  --text2: var(--text-secondary);
  --gold2: #F0C830;
  --card-glow: 0 4px 24px rgba(59,140,10,0.08);
  --border-radius: 16px;
}

[data-theme="duolingo"] .login-page {
  background: linear-gradient(180deg, #D8EACE 0%, #EBF3E4 40%, #FFFFFF 100%) !important;
}
[data-theme="duolingo"] .login-page::before {
  background:
    radial-gradient(circle at 15% 20%, rgba(59,140,10,0.1) 0%, transparent 45%),
    radial-gradient(circle at 85% 70%, rgba(229,168,0,0.08) 0%, transparent 45%);
}
[data-theme="duolingo"] .login-card {
  background: rgba(255,255,255,0.94);
  box-shadow:
    0 12px 44px rgba(59,140,10,0.06),
    0 4px 18px rgba(0,0,0,0.08),
    inset 0 1px 0 rgba(255,255,255,0.9);
  border: 1px solid rgba(59,140,10,0.12);
  border-radius: 20px;
}

[data-theme="duolingo"] .checkin-body {
  --ck-bg-start: #E3EFDA;
  --ck-bg-mid: #EDF5E8;
  --ck-bg-end: #FFFFFF;
  --ck-card-bg: rgba(255,255,255,0.95);
  --ck-card-border: #9ECB84;
  --ck-accent: #3B8C0A;
  --ck-accent-light: #55B819;
}