/* ============================================================
   客钰来 · 行业方案页多主题（body.theme-*）
   通过 --c-* 变量驱动，各主题只定义颜色
   ============================================================ */

/* ---------- 各主题色板 ---------- */
.theme-cloth  { --c-500:#7c5cd6; --c-600:#6344c4; --c-700:#4c3399; --c-50:#f3f0ff; --c-100:#e6dfff; --c-200:#cbbcff; --c-soft:#f4f1ff; --c-soft2:#faf8ff; --c-dark-a:#221741; --c-dark-b:#191032; --c-dark-txt:#b7a5ec; }
.theme-glass  { --c-500:#0d9488; --c-600:#0b7c72; --c-700:#085f57; --c-50:#e9f7f5; --c-100:#cdeee9; --c-200:#a3ded6; --c-soft:#eef8f6; --c-soft2:#f4fbf9; --c-dark-a:#07332e; --c-dark-b:#0a2420; --c-dark-txt:#93d9cf; }
.theme-salon  { --c-500:#d6558a; --c-600:#bd4074; --c-700:#932f5a; --c-50:#fdf0f6; --c-100:#fadbe8; --c-200:#f5b9d1; --c-soft:#fdf3f7; --c-soft2:#fef8fa; --c-dark-a:#3d1226; --c-dark-b:#2a0c1a; --c-dark-txt:#f0a6c5; }
.theme-fuel   { --c-500:#e2711d; --c-600:#c55e12; --c-700:#96470d; --c-50:#fdf3e9; --c-100:#fbe3c8; --c-200:#f7cd9d; --c-soft:#fdf6ee; --c-soft2:#fefaf3; --c-dark-a:#38200a; --c-dark-b:#251505; --c-dark-txt:#f0bd8a; }
.theme-foot   { --c-500:#b07d2b; --c-600:#94651f; --c-700:#6f4c15; --c-50:#faf4e8; --c-100:#f3e5c8; --c-200:#e9d19d; --c-soft:#fbf6ec; --c-soft2:#fdfaf2; --c-dark-a:#2e2109; --c-dark-b:#1f1605; --c-dark-txt:#e3c48a; }
.theme-yoga   { --c-500:#e25c45; --c-600:#c74934; --c-700:#9a3727; --c-50:#fdefec; --c-100:#fbd9d2; --c-200:#f6b7ab; --c-soft:#fdf4f2; --c-soft2:#fef8f6; --c-dark-a:#38130c; --c-dark-b:#250c08; --c-dark-txt:#f2a795; }
.theme-play   { --c-500:#2f9ee0; --c-600:#1f83c2; --c-700:#16608f; --c-50:#e9f6fd; --c-100:#cdeafa; --c-200:#9ed8f4; --c-soft:#eff9fe; --c-soft2:#f6fcfe; --c-dark-a:#0a2f45; --c-dark-b:#061f2e; --c-dark-txt:#8fd0f2; }
.theme-car    { --c-500:#3a5a78; --c-600:#2d4660; --c-700:#213347; --c-50:#edf2f7; --c-100:#d8e3ed; --c-200:#b3c8da; --c-soft:#f0f4f8; --c-soft2:#f7fafc; --c-dark-a:#101c28; --c-dark-b:#0a121a; --c-dark-txt:#9db8d2; }

/* ---------- Banner ---------- */
[class*="theme-"] .case-hero {
  background: linear-gradient(160deg, var(--c-soft) 0%, var(--c-soft2) 60%, #fdfefe 100%);
}
[class*="theme-"] .case-hero-bg .orb-1 {
  background: radial-gradient(circle, var(--c-200), transparent 70%);
  left: -120px; right: auto;
}
[class*="theme-"] .case-hero-bg .orb-2 {
  position: absolute; width: 380px; height: 380px; border-radius: 50%;
  filter: blur(60px); opacity: .45; top: 30%; right: -60px;
  background: radial-gradient(circle, var(--c-100), transparent 70%);
}
[class*="theme-"] .case-hero-bg .grid-lines {
  background-image: linear-gradient(color-mix(in srgb, var(--c-500) 14%, transparent) 1px, transparent 1px),
                    linear-gradient(90deg, color-mix(in srgb, var(--c-500) 14%, transparent) 1px, transparent 1px);
}
[class*="theme-"] .case-hero-copy .eyebrow { background: var(--c-50); color: var(--c-600); }
[class*="theme-"] .case-hero-copy .eyebrow .dot { background: var(--c-500); }
[class*="theme-"] .case-hero-copy h1 .hl {
  background: linear-gradient(120deg, var(--c-600), var(--c-500));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
[class*="theme-"] .crumbs b { color: var(--c-600); }
[class*="theme-"] .crumbs a:hover { color: var(--c-600); }

/* ---------- 看板视觉 ---------- */
[class*="theme-"] .board-window { box-shadow: 0 30px 60px -22px color-mix(in srgb, var(--c-600) 32%, transparent); }
[class*="theme-"] .board-bar { background: linear-gradient(180deg, #fcfdfe, var(--c-soft)); }
[class*="theme-"] .board-bar .app-tag { background: var(--c-50); color: var(--c-600); }
[class*="theme-"] .table-card.is-open {
  background: linear-gradient(180deg, color-mix(in srgb, var(--c-50) 70%, #fff), #fff);
  border-color: var(--c-200);
}
[class*="theme-"] .table-card.is-open::before { background: linear-gradient(180deg, var(--c-500), var(--c-600)); }
[class*="theme-"] .table-card.is-open .table-state { color: var(--c-600); }
[class*="theme-"] .mini-bars i { background: var(--c-200); }
[class*="theme-"] .table-card.is-open .mini-bars i { background: var(--c-500); }
[class*="theme-"] .legend-dot.on { background: var(--c-500); }
[class*="theme-"] .board-foot b { color: var(--c-600); }

/* ---------- 业态标签 ---------- */
[class*="theme-"] .biz-chips li .ic { color: var(--c-600); }
[class*="theme-"] .biz-chips li { box-shadow: 0 4px 14px -8px color-mix(in srgb, var(--c-600) 20%, transparent); }

/* ---------- 核心功能卡 ---------- */
[class*="theme-"] .case-card .f-icon {
  background: linear-gradient(135deg, var(--c-500), var(--c-700));
  box-shadow: 0 10px 22px -8px color-mix(in srgb, var(--c-600) 55%, transparent);
}
[class*="theme-"] .case-card:hover {
  box-shadow: 0 24px 44px -20px color-mix(in srgb, var(--c-600) 28%, transparent);
  border-color: var(--c-200);
}
[class*="theme-"] .case-link { color: var(--c-600); }

/* ---------- 流程区（深色） ---------- */
[class*="theme-"] .flow-section { background: linear-gradient(160deg, var(--c-dark-a), var(--c-dark-b)); }
[class*="theme-"] .flow-section .eyebrow { background: rgba(255, 255, 255, .08); color: var(--c-dark-txt); }
[class*="theme-"] .flow-section .eyebrow .dot { background: var(--c-500); }
[class*="theme-"] .step-ic {
  background: linear-gradient(135deg, var(--c-500), var(--c-700));
  box-shadow: 0 10px 22px -8px color-mix(in srgb, var(--c-500) 60%, transparent);
}
[class*="theme-"] .flow-step:hover { border-color: color-mix(in srgb, var(--c-500) 55%, transparent); }
[class*="theme-"] .step-no { color: color-mix(in srgb, var(--c-dark-txt) 28%, transparent); }

/* ---------- 营销标签 / 场景标签墙 ---------- */
[class*="theme-"] .mkt-chips li { background: #fff; border-color: var(--c-100); color: var(--c-700); }
[class*="theme-"] .scene-tags { background: var(--c-50); border-color: var(--c-200); }

/* ---------- CTA 与浅色区块 ---------- */
[class*="theme-"] .case-cta { background: linear-gradient(135deg, var(--c-600) 0%, var(--c-700) 60%, var(--c-dark-a) 100%); }
[class*="theme-"] .section-soft { background: linear-gradient(180deg, var(--c-soft), var(--c-soft2)); }