/* 报价工具配色：与官网 iOS 体系一致（不再提供独立皮肤切换） */

:root {
  color-scheme: light;
  /* 对齐 site ios tokens */
  --qs-page: 245 245 247; /* #f5f5f7 */
  --qs-card: 255 255 255;
  --qs-soft: 245 245 247;
  --qs-muted-bg: 245 245 247;
  --qs-border: 232 232 237; /* #e8e8ed */
  --qs-border-strong: 210 210 215;
  --qs-text: 29 29 31; /* #1d1d1f */
  --qs-text-heading: 29 29 31;
  --qs-text-secondary: 110 110 115;
  --qs-text-body: 80 80 85;
  --qs-text-muted: 134 134 139; /* #86868b */
  --qs-text-faint: 161 161 166;
  --qs-accent: 0 113 227; /* #0071e3 */
  --qs-accent-soft: 245 250 254; /* #f5fafe */
  --qs-accent-soft-2: 245 250 254;
  --qs-accent-mid: 210 230 250;
  --qs-indigo-50: 245 250 254;
  --qs-shadow: 29 29 31;
  --qs-sh-a04: 0.04;
  --qs-sh-a06: 0.06;
  --qs-sh-a08: 0.08;
  --qs-sh-a1: 0.1;
  --qs-sh-a12: 0.12;
  --qs-sh-a18: 0.18;
  --qs-sh-a22: 0.22;
  --qs-sh-a28: 0.28;
  --qs-elev-soft: 0 2px 8px rgba(0, 0, 0, 0.04), 0 4px 20px rgba(0, 0, 0, 0.06);
  --qs-elev-lg: 0 12px 40px rgba(0, 0, 0, 0.08);
  --qs-elev-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
  --qs-danger-bg: 254 242 242;
  --qs-warning-bg: 255 251 235;
  --qs-scrollbar: 161 161 166;
}

html,
body {
  background-color: rgb(var(--qs-page));
  color: rgb(var(--qs-text));
}

.shadow-soft {
  --tw-shadow: var(--qs-elev-soft);
  --tw-shadow-colored: var(--qs-elev-soft);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--qs-elev-soft) !important;
}

.shadow-lg {
  --tw-shadow: var(--qs-elev-lg);
  --tw-shadow-colored: var(--qs-elev-lg);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--qs-elev-lg) !important;
}

.shadow-sm {
  --tw-shadow: var(--qs-elev-sm);
  --tw-shadow-colored: var(--qs-elev-sm);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--qs-elev-sm) !important;
}

/* Tailwind 工具类映射到官网色 */
.bg-white {
  background-color: rgb(var(--qs-card)) !important;
}

.bg-slate-50,
.bg-slate-50\/80,
.bg-slate-50\/90,
.hover\:bg-slate-50\/80:hover {
  background-color: rgb(var(--qs-muted-bg)) !important;
}

.bg-indigo-50 {
  background-color: rgb(var(--qs-indigo-50)) !important;
}

.border-slate-200 {
  border-color: rgb(var(--qs-border)) !important;
}

.text-slate-900 {
  color: rgb(var(--qs-text)) !important;
}

.text-slate-800 {
  color: rgb(var(--qs-text-heading)) !important;
}

.text-slate-700 {
  color: rgb(var(--qs-text-body)) !important;
}

.text-slate-600 {
  color: rgb(var(--qs-text-secondary)) !important;
}

.text-slate-500 {
  color: rgb(var(--qs-text-muted)) !important;
}

.text-slate-400 {
  color: rgb(var(--qs-text-faint)) !important;
}

/* 抽屉嵌入：页面透明，让父级毛玻璃透出；控件用半透明白底可读 */
html:has(body[data-qs-embed="1"]),
body[data-qs-embed="1"] {
  background: transparent !important;
}

body[data-qs-embed="1"] .bg-white {
  background-color: rgba(255, 255, 255, 0.72) !important;
}

/* 下拉浮层：盖过 .bg-white 半透明，加毛玻璃，避免透出下层字 */
body[data-qs-embed="1"] .qs-quote-combo-panel,
body[data-qs-embed="1"] #finishedQuickDropdownPanel,
body[data-qs-embed="1"] #sheetSizeDropdownPanel,
body[data-qs-embed="1"] #gsmDropdownPanel,
body[data-qs-embed="1"] #paperComboPanel,
body[data-qs-embed="1"] .mount-combo-panel,
body[data-qs-embed="1"] .mount-gsm-dropdown-panel {
  background-color: rgba(255, 255, 255, 0.82) !important;
  backdrop-filter: blur(24px) saturate(1.25) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.25) !important;
  border-color: rgba(232, 232, 237, 0.95) !important;
}

body[data-qs-embed="1"] .bg-slate-50,
body[data-qs-embed="1"] .bg-slate-50\/80,
body[data-qs-embed="1"] .bg-slate-50\/90 {
  background-color: rgba(245, 245, 247, 0.55) !important;
}