/* ============================================
   聊城金投控股 - 多风格主题系统
   css/themes.css
   ============================================ */

/* Anthropic theme fonts (local) */
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/latin/poppins-400.woff2') format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/latin/poppins-500.woff2') format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/latin/poppins-600.woff2') format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/latin/poppins-700.woff2') format('woff2')}
@font-face{font-family:'Lora';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/latin/lora-400.woff2') format('woff2')}
@font-face{font-family:'Lora';font-style:italic;font-weight:400;font-display:swap;src:url('../fonts/latin/lora-400i.woff2') format('woff2')}
@font-face{font-family:'Lora';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/latin/lora-500.woff2') format('woff2')}
@font-face{font-family:'Lora';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/latin/lora-600.woff2') format('woff2')}

/* Theme: Classic Red-Gold (经典红金 - 默认) */
[data-theme="classic"] {
  --t-primary: #C41E3A;
  --t-primary-dark: #8B1528;
  --t-primary-light: #F5E6E8;
  --t-primary-lighter: #FDF2F4;
  --t-accent: #C9A96E;
  --t-accent-light: #F5EFE0;
  --t-accent-glow: rgba(201,169,110,0.25);
  --t-bg: #FFFFFF;
  --t-bg-off: #F9F9FB;
  --t-bg-section: #F5F5F7;
  --t-text: #1A1A1A;
  --t-text2: #333;
  --t-text3: #666;
  --t-footer-bg: #F5F2EE;
  --t-footer-text: rgba(0,0,0,0.55);
  --t-hero-from: #FAF7F4;
  --t-hero-mid: #FFF;
  --t-hero-to: #F5F0EB;
  --t-hero-glow1: rgba(196,30,58,.08);
  --t-hero-glow2: rgba(201,169,110,.1);
  --t-hero-line: rgba(196,30,58,.04);
  --t-footer-glow: rgba(196,30,58,.03);
  --t-shadow-sm: 0 2px 8px rgba(0,0,0,0.05);
  --t-shadow-md: 0 8px 30px rgba(0,0,0,0.08);
  --t-shadow-lg: 0 20px 60px rgba(0,0,0,0.1);
  --t-shadow-primary: 0 16px 48px rgba(196,30,58,0.12);
  --t-body-font: 'Noto Sans SC', sans-serif;
  --t-heading-font: 'Noto Serif SC', serif;
  --t-radius: 12px;
  --t-radius-lg: 20px;
  --t-radius-xl: 28px;
}

/* Theme: Dark Business (深色商务) */
[data-theme="dark"] {
  --t-primary: #E85D75;
  --t-primary-dark: #C44058;
  --t-primary-light: rgba(232,93,117,0.1);
  --t-primary-lighter: rgba(232,93,117,0.05);
  --t-accent: #D4A853;
  --t-accent-light: rgba(212,168,83,0.1);
  --t-accent-glow: rgba(212,168,83,0.12);
  --t-bg: #282A34;
  --t-bg-off: #30323C;
  --t-bg-section: #383A46;
  --t-text: #ECECF0;
  --t-text2: #B8B8C8;
  --t-text3: #9090A8;
  --t-footer-bg: #22242C;
  --t-footer-text: rgba(255,255,255,0.6);
  --t-hero-from: #282A34;
  --t-hero-mid: #30323C;
  --t-hero-to: #1A1020;
  --t-hero-glow1: rgba(232,93,117,.08);
  --t-hero-glow2: rgba(212,168,83,.06);
  --t-hero-line: rgba(232,93,117,.05);
  --t-footer-glow: rgba(232,93,117,.03);
  --t-shadow-sm: 0 2px 8px rgba(0,0,0,0.3);
  --t-shadow-md: 0 8px 30px rgba(0,0,0,0.4);
  --t-shadow-lg: 0 20px 60px rgba(0,0,0,0.5);
  --t-shadow-primary: 0 16px 48px rgba(232,93,117,0.15);
  --t-body-font: 'Noto Sans SC', sans-serif;
  --t-heading-font: 'Noto Serif SC', serif;
  --t-radius: 12px;
  --t-radius-lg: 20px;
  --t-radius-xl: 28px;
}

/* Theme: Ocean Blue (海洋蓝) */
[data-theme="ocean"] {
  --t-primary: #1B6B93;
  --t-primary-dark: #134E6F;
  --t-primary-light: #E0F0F8;
  --t-primary-lighter: #F0F8FC;
  --t-accent: #E8A838;
  --t-accent-light: #FFF3E0;
  --t-accent-glow: rgba(232,168,56,0.2);
  --t-bg: #FFFFFF;
  --t-bg-off: #F7FAFC;
  --t-bg-section: #EDF2F7;
  --t-text: #1A202C;
  --t-text2: #4A5568;
  --t-text3: #718096;
  --t-footer-bg: #EDF2F7;
  --t-footer-text: rgba(0,0,0,0.5);
  --t-hero-from: #F0F8FF;
  --t-hero-mid: #FFF;
  --t-hero-to: #E8F4FD;
  --t-hero-glow1: rgba(27,107,147,.06);
  --t-hero-glow2: rgba(232,168,56,.05);
  --t-hero-line: rgba(27,107,147,.04);
  --t-footer-glow: rgba(27,107,147,.03);
  --t-shadow-sm: 0 2px 8px rgba(0,0,0,0.05);
  --t-shadow-md: 0 8px 30px rgba(0,0,0,0.08);
  --t-shadow-lg: 0 20px 60px rgba(0,0,0,0.1);
  --t-shadow-primary: 0 16px 48px rgba(27,107,147,0.12);
  --t-body-font: 'Noto Sans SC', sans-serif;
  --t-heading-font: 'Noto Serif SC', serif;
  --t-radius: 12px;
  --t-radius-lg: 20px;
  --t-radius-xl: 28px;
}

/* Theme: Minimal Ink (水墨极简) → 紫檀金 (Zitan Gold) */
[data-theme="ink"] {
  --t-primary: #8B4513;
  --t-primary-dark: #6B3410;
  --t-primary-light: rgba(139,69,19,0.1);
  --t-primary-lighter: rgba(139,69,19,0.05);
  --t-accent: #C9A96E;
  --t-accent-light: rgba(201,169,110,0.12);
  --t-accent-glow: rgba(201,169,110,0.2);
  --t-bg: #FDF8F0;
  --t-bg-off: #F7F0E6;
  --t-bg-section: #EFE5D8;
  --t-text: #2C1810;
  --t-text2: #5C4033;
  --t-text3: #9C8575;
  --t-footer-bg: #2C1810;
  --t-footer-text: rgba(253,248,240,0.55);
  --t-hero-from: #FDF8F0;
  --t-hero-mid: #FFF;
  --t-hero-to: #F5EDE0;
  --t-hero-glow1: rgba(139,69,19,.05);
  --t-hero-glow2: rgba(201,169,110,.06);
  --t-hero-line: rgba(139,69,19,.03);
  --t-footer-glow: rgba(201,169,110,.03);
  --t-shadow-sm: 0 2px 8px rgba(44,24,16,0.04);
  --t-shadow-md: 0 8px 30px rgba(44,24,16,0.07);
  --t-shadow-lg: 0 20px 60px rgba(44,24,16,0.09);
  --t-shadow-primary: 0 16px 48px rgba(139,69,19,0.1);
  --t-body-font: 'Noto Sans SC', sans-serif;
  --t-heading-font: 'Noto Serif SC', serif;
  --t-radius: 8px;
  --t-radius-lg: 16px;
  --t-radius-xl: 24px;
}

/* 紫檀金主题：深色页脚覆盖 */
[data-theme="ink"] .footer-main {
  background: var(--t-footer-bg);
  color: var(--t-footer-text);
}
[data-theme="ink"] .footer-col h4,
[data-theme="ink"] .footer-col h4::after {
  color: #FDF8F0;
  border-color: #C9A96E;
}
[data-theme="ink"] .footer-col ul a {
  color: rgba(253,248,240,0.6);
}
[data-theme="ink"] .footer-col ul a:hover {
  color: #C9A96E;
}
[data-theme="ink"] .footer-col ul a::before {
  background: #C9A96E;
}
[data-theme="ink"] .footer-links a {
  color: rgba(253,248,240,0.5);
  border-color: rgba(253,248,240,0.15);
}
[data-theme="ink"] .footer-links a:hover {
  color: #C9A96E;
  border-color: #C9A96E;
  background: rgba(201,169,110,0.1);
}
[data-theme="ink"] .footer-social a {
  background: rgba(253,248,240,0.08);
  border-color: rgba(253,248,240,0.1);
  color: rgba(253,248,240,0.6);
}
[data-theme="ink"] .footer-social a:hover {
  background: #C9A96E;
  border-color: #C9A96E;
  color: #2C1810;
}
[data-theme="ink"] .footer-bottom {
  background: #1A0E08;
  color: rgba(253,248,240,0.4);
}
[data-theme="ink"] .footer-bottom p,
[data-theme="ink"] .footer-bottom a {
  color: rgba(253,248,240,0.4);
}
[data-theme="ink"] .footer-bottom a:hover {
  color: #C9A96E;
}
[data-theme="ink"] .footer-qr {
  background: rgba(253,248,240,0.06);
}

/* Theme: Anthropic (Anthropic 风格) */
[data-theme="anthropic"] {
  --t-primary: #d97757;
  --t-primary-dark: #c4623f;
  --t-primary-light: rgba(217,119,87,0.12);
  --t-primary-lighter: rgba(217,119,87,0.06);
  --t-accent: #6a9bcc;
  --t-accent-light: rgba(106,155,204,0.12);
  --t-accent-glow: rgba(106,155,204,0.15);
  --t-bg: #faf9f5;
  --t-bg-off: #f3f1eb;
  --t-bg-section: #e8e6dc;
  --t-text: #141413;
  --t-text2: #5a5850;
  --t-text3: #b0aea5;
  --t-footer-bg: #1a1918;
  --t-footer-text: rgba(250,249,245,0.55);
  --t-hero-from: #faf9f5;
  --t-hero-mid: #f3f1eb;
  --t-hero-to: #e8e6dc;
  --t-hero-glow1: rgba(217,119,87,.06);
  --t-hero-glow2: rgba(106,155,204,.05);
  --t-hero-line: rgba(217,119,87,.04);
  --t-footer-glow: rgba(217,119,87,.03);
  --t-shadow-sm: 0 2px 8px rgba(20,20,19,0.04);
  --t-shadow-md: 0 8px 30px rgba(20,20,19,0.07);
  --t-shadow-lg: 0 20px 60px rgba(20,20,19,0.09);
  --t-shadow-primary: 0 16px 48px rgba(217,119,87,0.12);
  --t-body-font: 'Lora', 'Noto Sans SC', Georgia, serif;
  --t-heading-font: 'Poppins', 'Noto Serif SC', Arial, sans-serif;
  --t-radius: 12px;
  --t-radius-lg: 20px;
  --t-radius-xl: 28px;
}

/* Anthropic theme: footer uses dark bg with light text */
[data-theme="anthropic"] .footer-main {
  background: var(--t-footer-bg);
  color: var(--t-footer-text);
}
[data-theme="anthropic"] .footer-col h4,
[data-theme="anthropic"] .footer-col h4::after {
  color: #faf9f5;
  border-color: #d97757;
}
[data-theme="anthropic"] .footer-col ul a {
  color: rgba(250,249,245,0.6);
}
[data-theme="anthropic"] .footer-col ul a:hover {
  color: #d97757;
}
[data-theme="anthropic"] .footer-col ul a::before {
  background: #d97757;
}
[data-theme="anthropic"] .footer-links a {
  color: rgba(250,249,245,0.5);
  border-color: rgba(250,249,245,0.15);
}
[data-theme="anthropic"] .footer-links a:hover {
  color: #d97757;
  border-color: #d97757;
  background: rgba(217,119,87,0.1);
}
[data-theme="anthropic"] .footer-social a {
  background: rgba(250,249,245,0.08);
  border-color: rgba(250,249,245,0.1);
  color: rgba(250,249,245,0.6);
}
[data-theme="anthropic"] .footer-social a:hover {
  background: #d97757;
  border-color: #d97757;
  color: #fff;
}
[data-theme="anthropic"] .footer-bottom {
  background: #141413;
  color: rgba(250,249,245,0.4);
}
[data-theme="anthropic"] .footer-bottom p,
[data-theme="anthropic"] .footer-bottom a {
  color: rgba(250,249,245,0.4);
}
[data-theme="anthropic"] .footer-bottom a:hover {
  color: #d97757;
}
[data-theme="anthropic"] .footer-qr {
  background: rgba(250,249,245,0.06);
}
[data-theme="anthropic"] .nav.scrolled {
  background: rgba(250,249,245,0.88);
  border-bottom-color: rgba(20,20,19,0.06);
}
[data-theme="anthropic"] .hero-card,
[data-theme="anthropic"] .hero-float {
  background: rgba(250,249,245,0.9);
  border-color: rgba(20,20,19,0.06);
}
[data-theme="anthropic"] .hero-stat-mini {
  background: rgba(250,249,245,0.7);
}
[data-theme="anthropic"] .sub-card,
[data-theme="anthropic"] .biz-card,
[data-theme="anthropic"] .news-item {
  background: rgba(250,249,245,0.7);
  border-color: rgba(20,20,19,0.06);
}
[data-theme="anthropic"] .form-group input,
[data-theme="anthropic"] .form-group textarea,
[data-theme="anthropic"] .form-group select {
  background: #fff;
  border-color: rgba(20,20,19,0.1);
  color: var(--t-text);
}
[data-theme="anthropic"] .fab-qr-card {
  background: #fff;
}
[data-theme="anthropic"] .fab-qr-btn.fab-qr-call {
  background: #d97757;
}
[data-theme="anthropic"] .fab-qr-btn.fab-qr-msg {
  background: rgba(217,119,87,0.1);
  color: #d97757;
}
[data-theme="anthropic"] .style-switcher-toggle {
  background: var(--t-bg);
  border-color: rgba(20,20,19,0.08);
}
[data-theme="anthropic"] .style-switcher-panel {
  background: var(--t-bg);
  border-color: rgba(20,20,19,0.08);
}

/* ===== Theme-aware overrides ===== */
/* Map theme variables to existing CSS variables */
[data-theme] {
  --red: var(--t-primary);
  --red-dark: var(--t-primary-dark);
  --red-light: var(--t-primary-light);
  --red-lighter: var(--t-primary-lighter);
  --gold: var(--t-accent);
  --gold-light: var(--t-accent-light);
  --gold-glow: var(--t-accent-glow);
  --white: var(--t-bg);
  --off: var(--t-bg-off);
  --section: var(--t-bg-section);
  --text: var(--t-text);
  --text2: var(--t-text2);
  --text3: var(--t-text3);
  --footer-bg: var(--t-footer-bg);
  --footer-text: var(--t-footer-text);
  --theme-hero-from: var(--t-hero-from);
  --theme-hero-mid: var(--t-hero-mid);
  --theme-hero-to: var(--t-hero-to);
  --theme-hero-glow1: var(--t-hero-glow1);
  --theme-hero-glow2: var(--t-hero-glow2);
  --theme-hero-line: var(--t-hero-line);
  --theme-footer-bg: var(--t-footer-bg);
  --theme-footer-glow: var(--t-footer-glow);
  --shadow-sm: var(--t-shadow-sm);
  --shadow-md: var(--t-shadow-md);
  --shadow-lg: var(--t-shadow-lg);
  --shadow-red: var(--t-shadow-primary);
}

/* Dark theme specific overrides */
[data-theme="dark"] body {
  color: var(--t-text);
  background: var(--t-bg);
}
[data-theme="dark"] .nav.scrolled {
  background: rgba(40,42,52,0.9);
  border-bottom-color: rgba(255,255,255,0.08);
}
[data-theme="dark"] .sub-card,
[data-theme="dark"] .biz-card,
[data-theme="dark"] .news-item,
[data-theme="dark"] .contact-info,
[data-theme="dark"] .contact-form {
  background: var(--t-bg-section);
  border-color: rgba(255,255,255,0.06);
}
[data-theme="dark"] .hero-card,
[data-theme="dark"] .hero-float {
  background: rgba(56,58,70,0.9);
  border-color: rgba(255,255,255,0.1);
}
[data-theme="dark"] .hero-stat-mini {
  background: rgba(56,58,70,0.6);
}
[data-theme="dark"] .about-feat {
  background: var(--t-bg-section);
}
[data-theme="dark"] .form-group input,
[data-theme="dark"] .form-group textarea,
[data-theme="dark"] .form-group select {
  background: var(--t-bg-section);
  border-color: rgba(255,255,255,0.08);
  color: var(--t-text);
}
[data-theme="dark"] .form-group input:focus,
[data-theme="dark"] .form-group textarea:focus,
[data-theme="dark"] .form-group select:focus {
  background: var(--t-bg-off);
  border-color: var(--t-primary);
}
[data-theme="dark"] .news-feat-ov {
  background: linear-gradient(to top, rgba(0,0,0,0.85), transparent);
}
[data-theme="dark"] .footer-social a {
  background: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.08);
}
[data-theme="dark"] .footer-links a {
  border-color: rgba(255,255,255,0.08);
}
[data-theme="dark"] .footer-qr {
  background: var(--t-bg-section);
}
[data-theme="dark"] .mobile-nav {
  background: rgba(40,42,52,0.98);
}
[data-theme="dark"] .mobile-nav-body a {
  border-color: rgba(255,255,255,0.06);
}
[data-theme="dark"] .search-overlay {
  background: rgba(40,42,52,0.97);
}
[data-theme="dark"] .search-overlay .search-input {
  background: var(--t-bg-section);
  border-color: rgba(255,255,255,0.08);
  color: var(--t-text);
}
[data-theme="dark"] .fab-qr-card {
  background: var(--t-bg-section);
}
[data-theme="dark"] .fab-qr-btn.fab-qr-msg {
  background: rgba(232,93,117,0.15);
}

/* ===== Style Switcher Panel ===== */
.style-switcher{position:fixed;top:50%;right:0;transform:translateY(-50%);z-index:4000;display:flex;align-items:center}
.style-switcher-toggle{width:40px;height:40px;border-radius:10px 0 0 10px;background:var(--t-bg);border:1px solid rgba(0,0,0,0.08);border-right:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--t-text2);font-size:18px;transition:all .3s ease;box-shadow:-2px 0 12px rgba(0,0,0,0.06);opacity:0;transform:translateX(20px)}
.style-switcher:hover .style-switcher-toggle{opacity:1;transform:translateX(0);width:44px;color:var(--t-primary)}
.style-switcher-toggle svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.style-switcher-panel{position:absolute;right:44px;top:50%;transform:translateY(-50%) scale(.95);opacity:0;visibility:hidden;pointer-events:none;background:var(--t-bg);border:1px solid rgba(0,0,0,0.08);border-radius:16px;padding:20px;box-shadow:0 16px 48px rgba(0,0,0,0.12);transition:all .3s cubic-bezier(.16,1,.3,1);min-width:200px}
.style-switcher-panel.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-50%) scale(1)}
.style-switcher-title{font-size:14px;font-weight:600;color:var(--t-text2);letter-spacing:2px;margin-bottom:14px;text-transform:uppercase}
.style-switcher-options{display:flex;flex-direction:column;gap:8px}
.style-option{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:all .2s ease;border:2px solid transparent}
.style-option:hover{background:var(--t-bg-off)}
.style-option.active{border-color:var(--t-primary);background:var(--t-primary-lighter)}
.style-option-swatches{display:flex;gap:4px}
.style-option-swatches span{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,0.1)}
.style-option-name{font-size:14px;font-weight:500;color:var(--t-text)}
.style-option.active .style-option-name{color:var(--t-primary);font-weight:600}
.style-switcher-reset{margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,0.06);font-size:14px;color:var(--t-text3);cursor:pointer;text-align:center;transition:color .2s}
.style-switcher-reset:hover{color:var(--t-primary)}