:root {
  /* === 默认配色（将被各站点覆盖）=== */
  --color-primary: #2563eb;
  --color-primary-dark: #1d4ed8;
  --color-primary-light: #60a5fa;
  --color-secondary: #0ea5e9;
  --color-accent: #f59e0b;
  --color-accent-dark: #d97706;
  --color-dark: #1e293b;
  --color-dark-light: #334155;
  --color-gray-900: #111827;
  --color-gray-800: #1f2937;
  --color-gray-700: #374151;
  --color-gray-600: #4b5563;
  --color-gray-500: #6b7280;
  --color-gray-400: #9ca3af;
  --color-gray-300: #d1d5db;
  --color-gray-200: #e5e7eb;
  --color-gray-100: #f3f4f6;
  --color-gray-50: #f9fafb;
  --color-white: #ffffff;
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-danger: #ef4444;

  /* === 渐变 === */
  --gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
  --gradient-hero: linear-gradient(135deg, var(--color-dark) 0%, var(--color-dark-light) 100%);
  --gradient-overlay: linear-gradient(180deg, rgba(30,41,59,0.8) 0%, rgba(30,41,59,0.4) 100%);

  /* === 字体 === */
  --font-family: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;
  --font-family-en: "Inter", "Roboto", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-size-xs: 0.75rem;    /* 12px */
  --font-size-sm: 0.875rem;   /* 14px */
  --font-size-base: 1rem;     /* 16px */
  --font-size-lg: 1.125rem;   /* 18px */
  --font-size-xl: 1.25rem;    /* 20px */
  --font-size-2xl: 1.5rem;    /* 24px */
  --font-size-3xl: 1.875rem;  /* 30px */
  --font-size-4xl: 2.25rem;   /* 36px */
  --font-size-5xl: 3rem;      /* 48px */
  --font-size-6xl: 3.75rem;   /* 60px */

  /* === 行高 === */
  --line-height-tight: 1.2;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.7;

  /* === 字重 === */
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* === 间距 === */
  --space-1: 0.25rem;   /* 4px */
  --space-2: 0.5rem;    /* 8px */
  --space-3: 0.75rem;   /* 12px */
  --space-4: 1rem;      /* 16px */
  --space-5: 1.25rem;   /* 20px */
  --space-6: 1.5rem;    /* 24px */
  --space-8: 2rem;      /* 32px */
  --space-10: 2.5rem;   /* 40px */
  --space-12: 3rem;     /* 48px */
  --space-16: 4rem;     /* 64px */
  --space-20: 5rem;     /* 80px */
  --space-24: 6rem;     /* 96px */
  --space-32: 8rem;     /* 128px */

  /* === 圆角 === */
  --radius-sm: 0.25rem;   /* 4px */
  --radius-md: 0.5rem;    /* 8px */
  --radius-lg: 0.75rem;   /* 12px */
  --radius-xl: 1rem;      /* 16px */
  --radius-2xl: 1.5rem;   /* 24px */
  --radius-full: 9999px;

  /* === 阴影 === */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  --shadow-glow: 0 0 20px rgba(37, 99, 235, 0.3);

  /* === 过渡 === */
  --transition-fast: 150ms ease;
  --transition-normal: 250ms ease;
  --transition-slow: 350ms ease;

  /* === 容器 === */
  --container-max: 1200px;
  --container-padding: var(--space-4);

  /* === Z-Index === */
  --z-base: 1;
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-modal: 300;
  --z-tooltip: 400;
  --z-toast: 500;
}

/* === 各站点配色覆盖 === */
/* jinshu - 金属检测：钢铁灰+熔岩橙 */
[data-site="jinshu"] {
  --color-primary: #4a5568;
  --color-primary-dark: #2d3748;
  --color-primary-light: #718096;
  --color-secondary: #ed8936;
  --color-accent: #dd6b20;
  --gradient-primary: linear-gradient(135deg, #4a5568 0%, #ed8936 100%);
}

/* gaofenzi - 高分子材料：科技蓝+聚合紫 */
[data-site="gaofenzi"] {
  --color-primary: #2563eb;
  --color-primary-dark: #1d4ed8;
  --color-primary-light: #60a5fa;
  --color-secondary: #7c3aed;
  --color-accent: #8b5cf6;
  --gradient-primary: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);
}

/* jiancai - 建材检测：混凝土灰+安全绿 */
[data-site="jiancai"] {
  --color-primary: #64748b;
  --color-primary-dark: #475569;
  --color-primary-light: #94a3b8;
  --color-secondary: #059669;
  --color-accent: #10b981;
  --gradient-primary: linear-gradient(135deg, #64748b 0%, #059669 100%);
}

/* chengfen - 成分分析：光谱紫+分析蓝 */
[data-site="chengfen"] {
  --color-primary: #0A2647;
  --color-primary-dark: #060E1A;
  --color-primary-light: #1A3A6B;
  --color-secondary: #D4A853;
  --color-accent: #2ECC71;
  --gradient-primary: linear-gradient(135deg, #0A2647 0%, #1A3A6B 100%);
  --gradient-hero: linear-gradient(135deg, #060E1A 0%, #0A2647 50%, #060E1A 100%);
}

/* huagong - 化工原料：化学绿+试剂蓝 */
[data-site="huagong"] {
  --color-primary: #059669;
  --color-primary-dark: #047857;
  --color-primary-light: #34d399;
  --color-secondary: #0284c7;
  --color-accent: #0ea5e9;
  --gradient-primary: linear-gradient(135deg, #059669 0%, #0284c7 100%);
}

/* tuliao - 涂料检测：涂装蓝+环保绿 */
[data-site="tuliao"] {
  --color-primary: #1e40af;
  --color-primary-dark: #1e3a8a;
  --color-primary-light: #3b82f6;
  --color-secondary: #059669;
  --color-accent: #10b981;
  --gradient-primary: linear-gradient(135deg, #1e40af 0%, #059669 100%);
}

/* peifang - 配方还原：解密金+科技黑 */
[data-site="peifang"] {
  --color-primary: #1e293b;
  --color-primary-dark: #0f172a;
  --color-primary-light: #334155;
  --color-secondary: #d97706;
  --color-accent: #f59e0b;
  --gradient-primary: linear-gradient(135deg, #1e293b 0%, #d97706 100%);
}

/* wanju - 玩具检测：活力橙+安全蓝 */
[data-site="wanju"] {
  --color-primary: #ea580c;
  --color-primary-dark: #c2410c;
  --color-primary-light: #fb923c;
  --color-secondary: #0369a1;
  --color-accent: #0ea5e9;
  --gradient-primary: linear-gradient(135deg, #ea580c 0%, #0369a1 100%);
}

/* chengfenceshi - 成分测试：实验白+精密蓝 */
[data-site="chengfenceshi"] {
  --color-primary: #1e3a5f;
  --color-primary-dark: #152a45;
  --color-primary-light: #3b5998;
  --color-secondary: #64748b;
  --color-accent: #94a3b8;
  --gradient-primary: linear-gradient(135deg, #1e3a5f 0%, #64748b 100%);
}