/* ===================================================
   common.css — 沪里数字科技官网共享样式（亮色主题）
   =================================================== */

:root {
  --purple: #7C3AED;
  --purple-dark: #6D28D9;
  --purple-light: #A78BFA;
  --purple-bg: #F5F3FF;
  --teal: #0D9488;
  --teal-dark: #0F766E;
  --teal-light: #5EEAD4;
  --teal-bg: #F0FDFA;
  --gray-900: #111827;
  --gray-800: #1F2937;
  --gray-700: #374151;
  --gray-600: #4B5563;
  --gray-500: #6B7280;
  --gray-400: #9CA3AF;
  --gray-300: #D1D5DB;
  --gray-200: #E5E7EB;
  --gray-100: #F3F4F6;
  --gray-50:  #F9FAFB;
  --font-display: 'Outfit', sans-serif;
  --font-body: 'Noto Sans SC', 'Outfit', system-ui, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }

body {
  font-family: var(--font-body);
  color: var(--gray-700);
  line-height: 1.6;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  background: #FAFBFC;
}

a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; height: auto; }

::selection { background: rgba(124,58,237,0.15); }

/* Scroll reveal */
.reveal {
  opacity: 0; transform: translateY(22px);
  transition: opacity 0.6s cubic-bezier(0.25,0.46,0.45,0.94),
              transform 0.6s cubic-bezier(0.25,0.46,0.45,0.94);
}
.reveal.visible { opacity: 1; transform: translateY(0); }

.reveal-stagger > .reveal:nth-child(1) { transition-delay: 0ms; }
.reveal-stagger > .reveal:nth-child(2) { transition-delay: 100ms; }
.reveal-stagger > .reveal:nth-child(3) { transition-delay: 200ms; }
.reveal-stagger > .reveal:nth-child(4) { transition-delay: 300ms; }