/* ============================================================
   三套皮肤对比：在 URL 后加 ?theme=minimal / vivid / business
   默认（不加参数）保持当前样式
   ============================================================ */

/* ---------- A. 克制极简 ---------- */
body.theme-minimal {
  background: #ffffff;
  --qx-primary: #111827;
  --qx-primary-dark: #000000;
  --qx-line: #e5e7eb;
  --qx-radius: 10px;
  --qx-radius-lg: 12px;
}

body.theme-minimal .qx-hero-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  box-shadow: none;
}

body.theme-minimal .qx-hero-card::after { display: none; }

body.theme-minimal .qx-hero-title { color: #111827; }
body.theme-minimal .qx-hero-sub { color: #6b7280; }

body.theme-minimal .qx-pill {
  background: #f3f4f6;
  color: #374151;
}

body.theme-minimal .qx-notice {
  background: #fafafa;
  border: 1px solid #eceff3;
  box-shadow: none;
}

body.theme-minimal .qx-chip {
  border-color: #e5e7eb;
  background: #fff;
  color: #4b5563;
}

body.theme-minimal .qx-chip.active {
  background: #111827;
  border-color: #111827;
  color: #fff;
  box-shadow: none;
}
body.theme-minimal .qx-card {
  border-radius: 10px;
  box-shadow: none;
}

body.theme-minimal .qx-card:hover {
  transform: none;
  box-shadow: none;
  border-color: #d1d5db;
}

body.theme-minimal .qx-buy {
  background: #111827;
  border-radius: 6px;
}

body.theme-minimal .qx-price { color: #111827; }

body.theme-minimal .qx-method {
  background: #f3f4f6;
  color: #4b5563;
  border-radius: 4px;
}

body.theme-minimal .qx-duration { color: #111827; border-radius: 5px; }

body.theme-minimal .brand-tile {
  border-radius: 10px;
  box-shadow: none;
}

body.theme-minimal .brand-tile:hover {
  transform: none;
  box-shadow: none;
  border-color: #d1d5db;
}

body.theme-minimal .qx-more-btn,
body.theme-minimal .qx-reset { border-radius: 6px; }

/* ---------- B. 年轻活力 ---------- */
body.theme-vivid {
  background: linear-gradient(180deg, #f3e8ff 0%, #fff7ed 45%, #fdf4ff 100%);
  --qx-primary: #8b5cf6;
  --qx-primary-dark: #7c3aed;
  --qx-line: #f0e6ff;
  --qx-radius: 20px;
  --qx-radius-lg: 26px;
}

body.theme-vivid .qx-hero-card {
  background: linear-gradient(125deg, #8b5cf6 0%, #ec4899 58%, #f97316 100%);
  box-shadow: 0 28px 64px rgba(139, 92, 246, .32);
}

body.theme-vivid .qx-pill {
  background: rgba(255, 255, 255, .22);
}

body.theme-vivid .qx-chip {
  border-color: #f0e6ff;
  border-radius: 999px;
}

body.theme-vivid .qx-chip.active {
  background: #8b5cf6;
  border-color: #8b5cf6;
  box-shadow: 0 10px 22px rgba(139, 92, 246, .34);
}

body.theme-vivid .qx-card {
  border-radius: 22px;
  border-color: #f6ecff;
}

body.theme-vivid .qx-card:hover {
  box-shadow: 0 22px 44px rgba(236, 72, 153, .18);
  border-color: #f3d9ff;
}

body.theme-vivid .qx-buy {
  background: linear-gradient(135deg, #8b5cf6, #ec4899);
  border-radius: 12px;
}

body.theme-vivid .qx-price { color: #ec4899; }

body.theme-vivid .qx-method {
  background: #f6ecff;
  color: #7c3aed;
}

body.theme-vivid .qx-duration { color: #8b5cf6; }

body.theme-vivid .brand-tile {
  border-radius: 20px;
  border-color: #f6ecff;
}

body.theme-vivid .brand-tile:hover {
  box-shadow: 0 16px 32px rgba(139, 92, 246, .20);
}

body.theme-vivid .brand-badge {
  border-radius: 18px;
}

/* ---------- C. 商务专业 ---------- */
body.theme-business {
  background: #f4f6f9;
  --qx-primary: #0b3d91;
  --qx-primary-dark: #082c69;
  --qx-line: #dde3ea;
  --qx-radius: 8px;
  --qx-radius-lg: 12px;
}

body.theme-business .qx-hero-card {
  background: linear-gradient(120deg, #0b2a5b 0%, #14417f 100%);
  box-shadow: 0 12px 28px rgba(11, 42, 91, .18);
  padding: 34px 38px;
}

body.theme-business .qx-hero-title {
  font-size: 30px;
  letter-spacing: .2px;
}

body.theme-business .qx-hero-card::after { display: none; }

body.theme-business .qx-pill {
  background: rgba(255, 255, 255, .14);
  border-radius: 4px;
}

body.theme-business .qx-notice {
  border-radius: 8px;
}

body.theme-business .qx-chip {
  border-radius: 6px;
  color: #334155;
}

body.theme-business .qx-chip.active {
  background: #0b3d91;
  border-color: #0b3d91;
  color: #fff;
  border-radius: 6px;
  box-shadow: none;
}

/* 收敛色板：非品牌元素统一到「深蓝 + 中性灰」，只让 logo 保留彩色 */
body.theme-business .qx-tag.warn {
  background: #eef2f8;
  color: #64748b;
}

body.theme-business .qx-tag.ok {
  background: #e9f5ef;
  color: #0f7b4f;
}

body.theme-business .qx-price {
  color: #0b3d91;
}

body.theme-business .qx-price span {
  color: #64748b;
}

body.theme-business .header .nav-link.active,
body.theme-business .header .nav-link:hover {
  background: #e8eef7;
  color: #0b3d91 !important;
}

body.theme-business .header .btn-secondary {
  background: #0b3d91;
  border-color: #0b3d91;
}

body.theme-business .footer a { color: #0b3d91; }

body.theme-business .qx-card {
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(16, 24, 40, .06);
}

body.theme-business .qx-card:hover {
  transform: none;
  box-shadow: 0 6px 16px rgba(16, 24, 40, .10);
  border-color: #c7d2e0;
}

body.theme-business .qx-buy {
  background: #0b3d91;
  border-radius: 6px;
}

body.theme-business .qx-price { color: #0b3d91; }

body.theme-business .qx-duration {
  color: #0b3d91;
  border-radius: 4px;
  font-size: 11.5px;
}

body.theme-business .qx-method {
  background: #eef2f8;
  color: #1e40af;
  border-radius: 4px;
}

body.theme-business .brand-tile {
  border-radius: 8px;
  box-shadow: none;
}

body.theme-business .brand-tile:hover {
  transform: none;
  box-shadow: 0 4px 12px rgba(16, 24, 40, .10);
}

body.theme-business .brand-badge { border-radius: 8px; }

body.theme-business .qx-more-btn,
body.theme-business .qx-reset { border-radius: 6px; }

/* ---------- D. 苹果青 × 奶酪色 ---------- */
body.theme-nature {
  background: linear-gradient(180deg, #fbf1d7 0%, #fdfaf0 45%, #fbf1d7 100%);
  --qx-primary: #73ae52;
  --qx-primary-dark: #5a8c3f;
  --qx-line: #ece0c6;
  --qx-radius: 16px;
  --qx-radius-lg: 22px;
}

body.theme-nature .qx-hero-card {
  background: linear-gradient(125deg, #4f8a3a 0%, #73ae52 58%, #a9cf8b 100%);
  box-shadow: 0 24px 56px rgba(79, 138, 58, .26);
}

body.theme-nature .qx-pill {
  background: rgba(255, 255, 255, .22);
}

body.theme-nature .qx-notice {
  background: #fffdf7;
  box-shadow: 0 10px 26px rgba(120, 100, 50, .10);
}

body.theme-nature .qx-chip {
  border-color: #ece0c6;
  background: #fffdf7;
  color: #5b6b50;
}

body.theme-nature .qx-chip.active {
  background: #73ae52;
  border-color: #73ae52;
  color: #fff;
  box-shadow: 0 8px 18px rgba(115, 174, 82, .28);
}

body.theme-nature .qx-card {
  border-color: #efe6cf;
  box-shadow: 0 6px 18px rgba(120, 100, 50, .07);
}

/* 商品卡图片区：苹果青 → 奶酪色 竖向渐变 */
body.theme-nature .qx-card-media {
  background: linear-gradient(180deg, #8fc26f 0%, #cfe4b8 42%, #fbf1d7 100%);
}

body.theme-nature .qx-card-media img {
  filter: drop-shadow(0 6px 12px rgba(60, 80, 40, .18));
}

body.theme-nature .qx-card:hover {
  border-color: #d9c9a6;
  box-shadow: 0 16px 34px rgba(120, 100, 50, .13);
}

body.theme-nature .qx-buy {
  background: #73ae52;
}

body.theme-nature .qx-price {
  color: #3f6b2a;
}

body.theme-nature .qx-price span {
  color: #8a9a7d;
}

body.theme-nature .qx-method {
  background: #eef5e6;
  color: #4f7a36;
}

body.theme-nature .qx-duration {
  color: #4f7a36;
}

body.theme-nature .qx-tag.warn {
  background: #f5ecd6;
  color: #8a7440;
}

body.theme-nature .qx-tag.ok {
  background: #e8f3dd;
  color: #4f7a36;
}

body.theme-nature .brand-tile {
  border-color: #efe6cf;
  background: #fffdf7;
}

body.theme-nature .brand-tile:hover {
  border-color: #d9c9a6;
  box-shadow: 0 12px 26px rgba(120, 100, 50, .12);
}

body.theme-nature .header {
  background: #fffdf7;
  border-bottom-color: #efe6cf;
}

body.theme-nature .header .nav-link.active,
body.theme-nature .header .nav-link:hover {
  background: #eef5e6;
  color: #4f7a36 !important;
}

body.theme-nature .header .btn-secondary {
  background: #73ae52;
  border-color: #73ae52;
}

body.theme-nature .qx-more-btn,
body.theme-nature .qx-reset {
  background: #fffdf7;
  border-color: #ece0c6;
}

body.theme-nature .footer a { color: #5a8c3f; }