/**
 * 品牌主题 — 与商城（产品选购站）统一
 * ink #14201c · accent #0f6b4c · warm #c45c26 · paper #f3f6f4
 */
:root {
  --qmes-navy: #14201c;
  --qmes-navy-mid: #1a2e26;
  --qmes-slate: #24352e;
  --qmes-orange: #0f6b4c;
  --qmes-orange-hover: #0d7a56;
  --qmes-warm: #c45c26;
  --qmes-paper: #f3f6f4;
  --qmes-muted: #5c6b64;
  --qmes-line: #d5ddd8;
  --qmes-soft: #e8f0eb;
}

body {
  font-family: "Outfit", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  background-color: var(--qmes-paper);
  color: var(--qmes-navy);
}

.qmes-btn-primary {
  background: var(--qmes-orange);
  color: #fff;
}
.qmes-btn-primary:hover {
  background: var(--qmes-orange-hover);
}
.qmes-btn-secondary {
  border: 1px solid rgba(255, 255, 255, 0.35);
  color: #fff;
}
.qmes-btn-secondary:hover {
  background: rgba(255, 255, 255, 0.08);
}
.qmes-float {
  box-shadow: 0 8px 24px rgba(20, 32, 28, 0.18);
}
.qmes-product-sticky {
  box-shadow: 0 -4px 20px rgba(20, 32, 28, 0.12);
}
.client-card:hover .client-hover-details {
  pointer-events: auto;
  transform: translateY(0);
  opacity: 1;
}
.client-hover-details {
  pointer-events: none;
  transform: translateY(100%);
  opacity: 0;
  transition: all 0.25s ease;
}

/* 原 orange-* 工具类映射为商城浅绿，避免全站改 class */
.bg-orange-50 { background-color: var(--qmes-soft) !important; }
.bg-orange-100 { background-color: #d5ebe0 !important; }
.hover\:bg-orange-50:hover { background-color: var(--qmes-soft) !important; }
.hover\:bg-orange-100:hover { background-color: #d5ebe0 !important; }
.border-orange-300\/40 { border-color: rgba(15, 107, 76, 0.4) !important; }
.ring-orange-300\/40 { --tw-ring-color: rgba(15, 107, 76, 0.4) !important; }
.text-orange-400 { color: var(--qmes-warm) !important; }

/* 页面底色贴近商城纸感 */
.bg-slate-50 { background-color: var(--qmes-paper) !important; }

@media (min-width: 1280px) {
  .max-w-6xl {
    width: 96% !important;
    max-width: none !important;
  }
}