/* ============================================
   摄状元®AI创影 - Design Tokens v1.0
   ============================================ */
:root {
  /* 品牌色 */
  --szy-red: #C41E3A;
  --szy-red-dark: #9B1830;
  --szy-red-light: #E8324F;
  --szy-red-bg: #FFF5F5;
  --szy-gold: #D4A017;
  --szy-gold-light: #F0C040;
  --szy-gold-bg: #FFFBF0;
  /* 中性色 */
  --szy-white: #FFFFFF;
  --szy-bg: #FFFFFF;
  --szy-bg-alt: #F8F9FC;
  --szy-bg-dark: #1A1A2E;
  --szy-bg-darker: #12121F;
  /* 文字 */
  --szy-text: #1A1A2E;
  --szy-text-2: #4A4A5A;
  --szy-text-3: #8A8A9A;
  --szy-text-inv: #FFFFFF;
  /* 边框 */
  --szy-border: #E8E8F0;
  --szy-border-light: #F0F0F5;
  /* 导航 */
  --szy-nav-bg: rgba(10,10,15,0.95);
  --szy-nav-bg-scroll: rgba(10,10,15,0.98);
  --szy-nav-h: 64px;
  --szy-nav-text: rgba(255,255,255,0.9);
  --szy-nav-text-hover: #FFFFFF;
  /* 渐变 */
  --szy-gradient-hero: linear-gradient(135deg, #FFF5F5 0%, #FFFBF0 50%, #FFFFFF 100%);
  --szy-gradient-cta: linear-gradient(135deg, #C41E3A, #D4A017);
  --szy-gradient-banner: linear-gradient(135deg, #1A1A2E 0%, #2D1B3D 50%, #1A1A2E 100%);
  --szy-gradient-red: linear-gradient(135deg, #C41E3A 0%, #E8324F 100%);
  --szy-gradient-gold: linear-gradient(135deg, #D4A017 0%, #F0C040 100%);
  /* 字体 */
  --szy-font: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
  /* 字号 */
  --szy-fs-xs: 12px;
  --szy-fs-sm: 14px;
  --szy-fs-base: 16px;
  --szy-fs-md: 18px;
  --szy-fs-lg: 20px;
  --szy-fs-xl: 24px;
  --szy-fs-2xl: 32px;
  --szy-fs-3xl: 40px;
  --szy-fs-hero: 48px;
  /* 间距 */
  --szy-s1: 4px; --szy-s2: 8px; --szy-s3: 12px; --szy-s4: 16px;
  --szy-s5: 20px; --szy-s6: 24px; --szy-s8: 32px; --szy-s10: 40px;
  --szy-s12: 48px; --szy-s16: 64px; --szy-s20: 80px; --szy-s24: 96px;
  /* 圆角 */
  --szy-r-sm: 4px; --szy-r-md: 8px; --szy-r-lg: 12px;
  --szy-r-xl: 16px; --szy-r-2xl: 24px; --szy-r-full: 9999px;
  /* 阴影 */
  --szy-shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
  --szy-shadow: 0 4px 12px rgba(0,0,0,0.08);
  --szy-shadow-lg: 0 8px 24px rgba(0,0,0,0.10);
  --szy-shadow-xl: 0 16px 48px rgba(0,0,0,0.12);
  --szy-shadow-red: 0 4px 16px rgba(196,30,58,0.25);
  --szy-shadow-gold: 0 4px 16px rgba(212,160,23,0.25);
  /* 容器 */
  --szy-max-w: 1200px;
  --szy-pad: 24px;
  /* 过渡 */
  --szy-t: 0.3s ease;
  --szy-t-fast: 0.15s ease;
}