/*
 * MetaFo 行业主题系统 — industry-themes.css
 * 版本：v1.0.0 | 创建：2026-03-26
 * 来源：docs/design/industry-theme-system.md
 * 覆盖：30个行业 × 6个色彩变量
 */

/* ===== Layer 1: 全局原始 Token ===== */
:root {
  /* 科技主题作为默认（非纯黑，有辨识度）*/
  --color-brand-primary: #6C3EFF;
  --color-brand-secondary: #00D4FF;
  --color-bg-base: #080B14;
  --color-bg-card: #111827;
  --color-text-primary: #E2E8F0;
  --color-text-muted: #64748B;
  --color-accent: #39FF14;
  --color-border: #1E293B;

  /* 语义别名（向后兼容）*/
  --bg-primary: var(--color-bg-base);
  --bg-secondary: var(--color-bg-card);
  --text-primary: var(--color-text-primary);
  --text-secondary: var(--color-text-muted);
  --accent: var(--color-brand-primary);
  --accent-hover: var(--color-brand-secondary);
  --border: var(--color-border);
}

/* ===== Layer 2: 行业主题皮肤 ===== */

/* 科技/AI/SaaS — 默认主题 */
[data-industry=tech] {
  --color-brand-primary: #6C3EFF;
  --color-brand-secondary: #00D4FF;
  --color-bg-base: #080B14;
  --color-bg-card: #111827;
  --color-text-primary: #E2E8F0;
  --color-text-muted: #64748B;
  --color-accent: #39FF14;
  --color-border: #1E293B;
}

/* 餐饮 */
[data-industry=food] {
  --color-brand-primary: #D94F2B;
  --color-brand-secondary: #F5A623;
  --color-bg-base: #1A0F0A;
  --color-bg-card: #2D1A10;
  --color-text-primary: #F5ECD7;
  --color-text-muted: #C4A882;
  --color-accent: #E8C547;
  --color-border: #3D2415;
}

/* 教育/在线学习 */
[data-industry=education] {
  --color-brand-primary: #2B7FE1;
  --color-brand-secondary: #F5B800;
  --color-bg-base: #F8FAFF;
  --color-bg-card: #FFFFFF;
  --color-text-primary: #1A2B4A;
  --color-text-muted: #6B7280;
  --color-accent: #FF6B35;
  --color-border: #D1E3F8;
}

/* 医疗/健康 */
[data-industry=healthcare] {
  --color-brand-primary: #0066CC;
  --color-brand-secondary: #00A878;
  --color-bg-base: #F5F8FF;
  --color-bg-card: #FFFFFF;
  --color-text-primary: #1C2D40;
  --color-text-muted: #6B7280;
  --color-accent: #FF6B6B;
  --color-border: #C8DCF0;
}

/* 零售/奢侈品 */
[data-industry=retail] {
  --color-brand-primary: #C9A96E;
  --color-brand-secondary: #2C4A3E;
  --color-bg-base: #0D0D0D;
  --color-bg-card: #1A1A1A;
  --color-text-primary: #F0EAD6;
  --color-text-muted: #9A9080;
  --color-accent: #8B0000;
  --color-border: #2A2A2A;
}

/* 美妆/护肤 */
[data-industry=beauty] {
  --color-brand-primary: #D4688A;
  --color-brand-secondary: #C9A96E;
  --color-bg-base: #FDF5F7;
  --color-bg-card: #FFFFFF;
  --color-text-primary: #2D1B25;
  --color-text-muted: #8C6070;
  --color-accent: #FF9EBB;
  --color-border: #F0D0DC;
}

/* 金融/银行 */
[data-industry=finance] {
  --color-brand-primary: #003B8E;
  --color-brand-secondary: #C8A84B;
  --color-bg-base: #F4F6FB;
  --color-bg-card: #FFFFFF;
  --color-text-primary: #0D1B35;
  --color-text-muted: #6B7280;
  --color-accent: #0B7B6E;
  --color-border: #D0D9EB;
}

/* 房产/建筑 */
[data-industry=realestate] {
  --color-brand-primary: #2E4057;
  --color-brand-secondary: #B8935A;
  --color-bg-base: #F9F7F4;
  --color-bg-card: #FFFFFF;
  --color-text-primary: #1C2B3A;
  --color-text-muted: #7A8899;
  --color-accent: #E8A135;
  --color-border: #E0D8CC;
}

/* 电商/跨境 */
[data-industry=ecommerce] {
  --color-brand-primary: #FF4500;
  --color-brand-secondary: #0B69AF;
  --color-bg-base: #FFFFFF;
  --color-bg-card: #F8F8F8;
  --color-text-primary: #212121;
  --color-text-muted: #757575;
  --color-accent: #FFD700;
  --color-border: #E5E5E5;
}

/* 汽车 */
[data-industry=automotive] {
  --color-brand-primary: #C0392B;
  --color-brand-secondary: #2C3E50;
  --color-bg-base: #0A0A0A;
  --color-bg-card: #1A1A1A;
  --color-text-primary: #F0F0F0;
  --color-text-muted: #909090;
  --color-accent: #E8B84B;
  --color-border: #333333;
}

/* 旅游/酒店 */
[data-industry=travel] {
  --color-brand-primary: #0088CC;
  --color-brand-secondary: #F0A500;
  --color-bg-base: #FAFBFF;
  --color-bg-card: #FFFFFF;
  --color-text-primary: #1A2C4E;
  --color-text-muted: #6B7280;
  --color-accent: #27AE60;
  --color-border: #D4E6F1;
}

/* 法律/律所 */
[data-industry=legal] {
  --color-brand-primary: #1B2A4A;
  --color-brand-secondary: #8B7355;
  --color-bg-base: #F8F6F2;
  --color-bg-card: #FFFFFF;
  --color-text-primary: #1A1A1A;
  --color-text-muted: #6B6050;
  --color-accent: #B8860B;
  --color-border: #C9BB9E;
}

/* 物流/运输 */
[data-industry=logistics] {
  --color-brand-primary: #FF6B00;
  --color-brand-secondary: #1A3A5C;
  --color-bg-base: #F5F5F5;
  --color-bg-card: #FFFFFF;
  --color-text-primary: #212121;
  --color-text-muted: #757575;
  --color-accent: #00B894;
  --color-border: #DDDDDD;
}

/* 农业/食品加工 */
[data-industry=agriculture] {
  --color-brand-primary: #4CAF50;
  --color-brand-secondary: #8B6914;
  --color-bg-base: #F1F8E9;
  --color-bg-card: #FFFFFF;
  --color-text-primary: #2E3A1F;
  --color-text-muted: #6B7A5A;
  --color-accent: #FFC107;
  --color-border: #C8E6C9;
}

/* 制造业/工业 */
[data-industry=manufacturing] {
  --color-brand-primary: #455A64;
  --color-brand-secondary: #FF8F00;
  --color-bg-base: #ECEFF1;
  --color-bg-card: #FFFFFF;
  --color-text-primary: #263238;
  --color-text-muted: #607D8B;
  --color-accent: #00BCD4;
  --color-border: #B0BEC5;
}

/* 能源/环保 */
[data-industry=energy] {
  --color-brand-primary: #1E88E5;
  --color-brand-secondary: #43A047;
  --color-bg-base: #E8F5E9;
  --color-bg-card: #FFFFFF;
  --color-text-primary: #1A2E3B;
  --color-text-muted: #5A7A6A;
  --color-accent: #FDD835;
  --color-border: #B2DFDB;
}

/* 婚庆/摄影 */
[data-industry=wedding] {
  --color-brand-primary: #C9785C;
  --color-brand-secondary: #F5E6CC;
  --color-bg-base: #FFFDF9;
  --color-bg-card: #FFFFFF;
  --color-text-primary: #3D2B2B;
  --color-text-muted: #9C7B6E;
  --color-accent: #9C7B6E;
  --color-border: #E8D5C4;
}

/* 宠物 */
[data-industry=pet] {
  --color-brand-primary: #FF8C42;
  --color-brand-secondary: #6BAE75;
  --color-bg-base: #FFFBF5;
  --color-bg-card: #FFFFFF;
  --color-text-primary: #2D2416;
  --color-text-muted: #8B7060;
  --color-accent: #FFD166;
  --color-border: #FDDCB5;
}

/* 健身/体育 */
[data-industry=fitness] {
  --color-brand-primary: #E63946;
  --color-brand-secondary: #1D3557;
  --color-bg-base: #0F0F0F;
  --color-bg-card: #1A1A1A;
  --color-text-primary: #F1FAEE;
  --color-text-muted: #8090A0;
  --color-accent: #F4A261;
  --color-border: #2D2D2D;
}

/* 母婴/儿童 */
[data-industry=babycare] {
  --color-brand-primary: #7EC8E3;
  --color-brand-secondary: #FFB7C5;
  --color-bg-base: #FFFEF9;
  --color-bg-card: #FFFFFF;
  --color-text-primary: #3B3B3B;
  --color-text-muted: #8090A0;
  --color-accent: #A8D8A8;
  --color-border: #E8F4F8;
}

/* 家居/装修 */
[data-industry=homedecor] {
  --color-brand-primary: #4A5240;
  --color-brand-secondary: #C4A882;
  --color-bg-base: #F8F5F0;
  --color-bg-card: #FFFFFF;
  --color-text-primary: #2D2926;
  --color-text-muted: #8A7A6A;
  --color-accent: #E07B54;
  --color-border: #DDD5C8;
}

/* 文化/艺术 */
[data-industry=culture] {
  --color-brand-primary: #2C1810;
  --color-brand-secondary: #8B2635;
  --color-bg-base: #FAF7F2;
  --color-bg-card: #FFFFFF;
  --color-text-primary: #1A1008;
  --color-text-muted: #6B5040;
  --color-accent: #D4AF37;
  --color-border: #C9B99A;
}

/* 媒体/传媒 */
[data-industry=media] {
  --color-brand-primary: #CC0000;
  --color-brand-secondary: #1C1C1C;
  --color-bg-base: #FFFFFF;
  --color-bg-card: #F8F8F8;
  --color-text-primary: #111111;
  --color-text-muted: #757575;
  --color-accent: #0066FF;
  --color-border: #E0E0E0;
}

/* 政务/公共服务 */
[data-industry=government] {
  --color-brand-primary: #003087;
  --color-brand-secondary: #CC2229;
  --color-bg-base: #FFFFFF;
  --color-bg-card: #F8F9FA;
  --color-text-primary: #000000;
  --color-text-muted: #6B6B6B;
  --color-accent: #006400;
  --color-border: #C5C5C5;
}

/* 非营利/公益 */
[data-industry=nonprofit] {
  --color-brand-primary: #E8702A;
  --color-brand-secondary: #2E7D32;
  --color-bg-base: #FFFBF8;
  --color-bg-card: #FFFFFF;
  --color-text-primary: #2C2C2C;
  --color-text-muted: #757575;
  --color-accent: #1565C0;
  --color-border: #F0D9C8;
}

/* 游戏/娱乐 */
[data-industry=gaming] {
  --color-brand-primary: #7B2FBE;
  --color-brand-secondary: #FF3D71;
  --color-bg-base: #0A0015;
  --color-bg-card: #1A0030;
  --color-text-primary: #FFFFFF;
  --color-text-muted: #9080B0;
  --color-accent: #00F5FF;
  --color-border: #3D1A78;
}

/* SaaS/B2B企业服务 */
[data-industry=saas] {
  --color-brand-primary: #5C6BC0;
  --color-brand-secondary: #00ACC1;
  --color-bg-base: #FAFAFA;
  --color-bg-card: #FFFFFF;
  --color-text-primary: #212121;
  --color-text-muted: #757575;
  --color-accent: #FF7043;
  --color-border: #E8EAF6;
}

/* 社交平台 */
[data-industry=social] {
  --color-brand-primary: #0A66C2;
  --color-brand-secondary: #057642;
  --color-bg-base: #F3F2EF;
  --color-bg-card: #FFFFFF;
  --color-text-primary: #000000;
  --color-text-muted: #606060;
  --color-accent: #CC0000;
  --color-border: #E0E0E0;
}

/* 直播/短视频 */
[data-industry=livestream] {
  --color-brand-primary: #FE2C55;
  --color-brand-secondary: #161823;
  --color-bg-base: #000000;
  --color-bg-card: #1A1A1A;
  --color-text-primary: #FFFFFF;
  --color-text-muted: #808080;
  --color-accent: #25F4EE;
  --color-border: #2A2A2A;
}

/* 咨询/培训 */
[data-industry=consulting] {
  --color-brand-primary: #1B4F72;
  --color-brand-secondary: #C0392B;
  --color-bg-base: #FDFEFF;
  --color-bg-card: #FFFFFF;
  --color-text-primary: #1A1A2E;
  --color-text-muted: #6B7A8A;
  --color-accent: #D4AC0D;
  --color-border: #D6E4F0;
}

/* ===== Layer 3: 组件级语义应用 ===== */

/* 通用组件样式绑定到 Token */
body {
  background-color: var(--color-bg-base);
  color: var(--color-text-primary);
  transition: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
}

/* 主题切换器浮动按钮 */
#industry-theme-switcher {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: 8px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.3);
  min-width: 180px;
  transition: background 0.4s ease, border-color 0.4s ease;
}

#industry-theme-switcher summary {
  cursor: pointer;
  font-size: 14px;
  color: var(--color-text-primary);
  padding: 8px 12px;
  min-height: 36px;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 6px;
}

#industry-theme-switcher summary::marker { display: none; }

#industry-theme-panel {
  max-height: 320px;
  overflow-y: auto;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid var(--color-border);
}

.theme-option {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 8px;
  min-height: 36px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  color: var(--color-text-primary);
  transition: background 0.15s;
}

.theme-option:hover {
  background: var(--color-border);
}

.theme-option.active {
  background: var(--color-brand-primary);
  color: #ffffff;
}

.theme-swatch {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  flex-shrink: 0;
  border: 1px solid rgba(255,255,255,0.2);
}

.theme-group-label {
  font-size: 10px;
  color: var(--color-text-muted);
  padding: 4px 8px 2px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
/* === 移动端优化 (2026-03-26) === */
@media (max-width: 768px) {
  #industry-theme-switcher {
    bottom: 16px;
    right: 12px;
    min-width: 160px;
  }
  #industry-theme-switcher summary {
    min-height: 44px;
    font-size: 14px;
    padding: 10px 12px;
  }
  .theme-option {
    min-height: 44px;
    padding: 10px 8px;
    font-size: 14px;
  }
  #industry-theme-panel {
    max-height: 50vh;
  }
  .theme-group-label {
    font-size: 14px;
    padding: 8px 8px 4px;
  }
}