/* 探索旅行 — 视觉风格预设 (data-visual-style) */

/* ── 海洋青 ocean（与 main.css 默认一致）── */
body.theme-travel-explorer[data-visual-style="ocean"]:not([data-colors-custom]) {
  --color-bg: #f0fdfa;
  --color-surface: #ffffff;
  --color-text: #134e4a;
  --color-muted-text: #64748b;
  --color-primary: #0d9488;
  --color-accent: #f59e0b;
  --color-border: #ccfbf1;
  --tx-radius: 16px;
  --shadow: 0 12px 40px rgba(13, 148, 136, 0.12);
  --shadow-sm: 0 4px 16px rgba(13, 148, 136, 0.08);
  --gradient-hero: linear-gradient(135deg, #0f766e 0%, #0d9488 40%, #14b8a6 100%);
  --gradient-hero-overlay: linear-gradient(120deg, rgba(4,47,46,0.75) 0%, rgba(13,148,136,0.45) 50%, rgba(245,158,11,0.22) 100%);
}

/* ── 落日橙 sunset — 浪漫度假、海岛暖色 ── */
body.theme-travel-explorer[data-visual-style="sunset"]:not([data-colors-custom]) {
  --color-bg: #fff7ed;
  --color-surface: #ffffff;
  --color-text: #431407;
  --color-muted-text: #9a3412;
  --color-primary: #ea580c;
  --color-accent: #fbbf24;
  --color-border: #fed7aa;
  --tx-radius: 20px;
  --shadow: 0 14px 44px rgba(234, 88, 12, 0.14);
  --shadow-sm: 0 4px 18px rgba(234, 88, 12, 0.1);
  --gradient-hero: linear-gradient(135deg, #c2410c 0%, #ea580c 35%, #f97316 65%, #fdba74 100%);
  --gradient-hero-overlay: linear-gradient(120deg, rgba(67,20,7,0.72) 0%, rgba(234,88,12,0.4) 55%, rgba(251,191,36,0.28) 100%);
}
body.theme-travel-explorer[data-visual-style="sunset"] .tx-logo-mark { border-radius: 50%; }
body.theme-travel-explorer[data-visual-style="sunset"] .tx-hero h1 { font-family: var(--font-serif); letter-spacing: 0.02em; }
body.theme-travel-explorer[data-visual-style="sunset"] .tx-btn { border-radius: 999px; }

/* ── 山野绿 highland — 徒步、露营、自然 ── */
body.theme-travel-explorer[data-visual-style="highland"]:not([data-colors-custom]) {
  --color-bg: #f0fdf4;
  --color-surface: #ffffff;
  --color-text: #14532d;
  --color-muted-text: #4d7c57;
  --color-primary: #15803d;
  --color-accent: #84cc16;
  --color-border: #bbf7d0;
  --tx-radius: 10px;
  --shadow: 0 10px 32px rgba(21, 128, 61, 0.12);
  --shadow-sm: 0 3px 12px rgba(21, 128, 61, 0.08);
  --gradient-hero: linear-gradient(135deg, #14532d 0%, #166534 40%, #22c55e 85%);
  --gradient-hero-overlay: linear-gradient(120deg, rgba(20,83,45,0.78) 0%, rgba(22,101,52,0.5) 60%, rgba(132,204,22,0.2) 100%);
}
body.theme-travel-explorer[data-visual-style="highland"] .tx-logo-mark { border-radius: 8px; }
body.theme-travel-explorer[data-visual-style="highland"] .tx-route-card,
body.theme-travel-explorer[data-visual-style="highland"] .tx-dest-card { border-width: 2px; }

/* ── 丝路金 silk — 文化、历史、西北 ── */
body.theme-travel-explorer[data-visual-style="silk"]:not([data-colors-custom]) {
  --color-bg: #fffbeb;
  --color-surface: #fffef9;
  --color-text: #451a03;
  --color-muted-text: #92400e;
  --color-primary: #b45309;
  --color-accent: #d97706;
  --color-border: #fde68a;
  --tx-radius: 6px;
  --shadow: 0 10px 36px rgba(180, 83, 9, 0.12);
  --shadow-sm: 0 3px 14px rgba(180, 83, 9, 0.08);
  --gradient-hero: linear-gradient(135deg, #78350f 0%, #b45309 45%, #d97706 100%);
  --gradient-hero-overlay: linear-gradient(120deg, rgba(69,26,3,0.8) 0%, rgba(180,83,9,0.45) 50%, rgba(217,119,6,0.25) 100%);
}
body.theme-travel-explorer[data-visual-style="silk"] .tx-hero h1,
body.theme-travel-explorer[data-visual-style="silk"] .tx-section-head h2 { font-family: var(--font-serif); }
body.theme-travel-explorer[data-visual-style="silk"] .tx-dest-tag { border-radius: 4px; }

/* ── 亲子蓝 family — 研学、乐园、活泼 ── */
body.theme-travel-explorer[data-visual-style="family"]:not([data-colors-custom]) {
  --color-bg: #f0f9ff;
  --color-surface: #ffffff;
  --color-text: #0c4a6e;
  --color-muted-text: #0369a1;
  --color-primary: #0284c7;
  --color-accent: #fb923c;
  --color-border: #bae6fd;
  --tx-radius: 22px;
  --shadow: 0 12px 36px rgba(2, 132, 199, 0.14);
  --shadow-sm: 0 4px 16px rgba(2, 132, 199, 0.1);
  --gradient-hero: linear-gradient(135deg, #0369a1 0%, #0284c7 40%, #38bdf8 75%, #fb923c 100%);
  --gradient-hero-overlay: linear-gradient(120deg, rgba(12,74,110,0.7) 0%, rgba(2,132,199,0.42) 55%, rgba(251,146,60,0.25) 100%);
}
body.theme-travel-explorer[data-visual-style="family"] .tx-logo-mark { border-radius: 14px; transform: rotate(-3deg); }
body.theme-travel-explorer[data-visual-style="family"] .tx-btn-primary { border-radius: 14px; }
body.theme-travel-explorer[data-visual-style="family"] .tx-stats-grid strong { color: var(--color-accent); }

/* ── 轻奢深蓝 luxury — 高端定制、商务团 ── */
body.theme-travel-explorer[data-visual-style="luxury"]:not([data-colors-custom]) {
  --color-bg: #f8f6f3;
  --color-surface: #ffffff;
  --color-text: #1e293b;
  --color-muted-text: #64748b;
  --color-primary: #1e3a5f;
  --color-accent: #c9a227;
  --color-border: #e2e8f0;
  --tx-radius: 4px;
  --shadow: 0 16px 48px rgba(30, 58, 95, 0.14);
  --shadow-sm: 0 4px 16px rgba(30, 58, 95, 0.08);
  --gradient-hero: linear-gradient(135deg, #0f172a 0%, #1e3a5f 50%, #334155 100%);
  --gradient-hero-overlay: linear-gradient(120deg, rgba(15,23,42,0.82) 0%, rgba(30,58,95,0.55) 60%, rgba(201,162,39,0.18) 100%);
}
body.theme-travel-explorer[data-visual-style="luxury"] .tx-logo-mark {
  border-radius: 4px;
  background: linear-gradient(135deg, #1e3a5f, #334155);
  border: 1px solid rgba(201, 162, 39, 0.45);
}
body.theme-travel-explorer[data-visual-style="luxury"] .tx-hero h1 { letter-spacing: 0.04em; font-weight: 600; }
body.theme-travel-explorer[data-visual-style="luxury"] .tx-btn-primary {
  background: linear-gradient(135deg, #1e3a5f, #334155);
  border: 1px solid rgba(201, 162, 39, 0.35);
}
body.theme-travel-explorer[data-visual-style="luxury"] .tx-btn-accent { color: #1e293b; font-weight: 700; }
body.theme-travel-explorer[data-visual-style="luxury"] .tx-price { color: var(--color-accent); }

/* ── 暗色模式：按风格微调 ── */
[data-theme="dark"] body.theme-travel-explorer[data-visual-style="ocean"]:not([data-colors-custom]) {
  --color-bg: #042f2e;
  --color-surface: #134e4a;
  --color-text: #ecfdf5;
  --color-muted-text: #99f6e4;
  --color-border: #115e59;
}
[data-theme="dark"] body.theme-travel-explorer[data-visual-style="sunset"]:not([data-colors-custom]) {
  --color-bg: #431407;
  --color-surface: #7c2d12;
  --color-text: #ffedd5;
  --color-muted-text: #fdba74;
  --color-border: #9a3412;
}
[data-theme="dark"] body.theme-travel-explorer[data-visual-style="highland"]:not([data-colors-custom]) {
  --color-bg: #052e16;
  --color-surface: #14532d;
  --color-text: #ecfdf5;
  --color-muted-text: #86efac;
  --color-border: #166534;
}
[data-theme="dark"] body.theme-travel-explorer[data-visual-style="silk"]:not([data-colors-custom]) {
  --color-bg: #451a03;
  --color-surface: #78350f;
  --color-text: #fef3c7;
  --color-muted-text: #fcd34d;
  --color-border: #92400e;
}
[data-theme="dark"] body.theme-travel-explorer[data-visual-style="family"]:not([data-colors-custom]) {
  --color-bg: #0c4a6e;
  --color-surface: #075985;
  --color-text: #e0f2fe;
  --color-muted-text: #7dd3fc;
  --color-border: #0369a1;
}
[data-theme="dark"] body.theme-travel-explorer[data-visual-style="luxury"]:not([data-colors-custom]) {
  --color-bg: #0f172a;
  --color-surface: #1e293b;
  --color-text: #f1f5f9;
  --color-muted-text: #94a3b8;
  --color-border: #334155;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) body.theme-travel-explorer[data-visual-style="ocean"]:not([data-colors-custom]) {
    --color-bg: #042f2e;
    --color-surface: #134e4a;
    --color-text: #ecfdf5;
    --color-muted-text: #99f6e4;
    --color-border: #115e59;
  }
}