:root{--color-primary:#2763ff;--color-primary-light:#4f6ef7;--color-primary-dark:#1b4fd6;--color-accent:#8f5cff;--color-accent-light:#a78bfa;--color-success:#10b981;--color-text:#1a1a1a;--color-text-secondary:#4b5563;--color-text-muted:#6b7280;--color-text-faint:#9ca3af;--color-bg:#fff;--color-bg-subtle:#f9fafb;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--gradient-brand:linear-gradient(90deg, #2763ff 0%, #8f5cff 100%);--gradient-brand-135:linear-gradient(135deg, #2763ff 0%, #8f5cff 100%);--gradient-hero-bg:linear-gradient(135deg, #f8f9fb 0%, #e9f0ff 100%);--font-size-hero:clamp(2.2rem, 4vw, 3.2rem);--font-size-section:clamp(1.75rem, 3vw, 2.5rem);--font-size-card-title:clamp(1.125rem, 1.5vw, 1.5rem);--font-size-body:clamp(.95rem, 1.1vw, 1.125rem);--font-size-small:.875rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1.5rem;--space-lg:3rem;--space-xl:5rem;--space-2xl:7rem;--max-width:1200px;--max-width-wide:1280px;--container-pad:1.5rem;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:20px;--radius-pill:50px;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 20px #00000014;--shadow-lg:0 10px 40px #0000001f;--shadow-brand:0 4px 15px #2763ff40;--shadow-glow:0 0 24px 4px #8f5cff33;--ease-out:cubic-bezier(.33, 1, .68, 1);--duration-fast:.2s;--duration-normal:.3s;--duration-slow:.5s;--color-warm-50:#fffbf5;--color-warm-100:#fff5eb;--color-warm-200:#fdebd2;--color-warm-amber:#f5a623;--color-warm-peach:#ff8e6b;--color-bg-warm:#fdfcfa;--color-bg-warm-subtle:#f9f7f4;--color-border-warm:#ede8e2;--gradient-warm-hero:linear-gradient(168deg, #fdfcfa 0%, #fff8f0 35%, #f0eeff 100%);--gradient-warm-section:linear-gradient(180deg, #fdfcfa 0%, #fff9f3 50%, #fdfcfa 100%);--gradient-warm-section-alt:linear-gradient(180deg, #f9f7f4 0%, #fff5eb 50%, #f9f7f4 100%);--gradient-warm-card:linear-gradient(145deg, #fff 0%, #fffbf7 100%);--shadow-warm-sm:0 1px 4px #f5a6230f, 0 1px 2px #0000000a;--shadow-warm-md:0 4px 16px #f5a62314, 0 2px 6px #0000000a;--shadow-warm-lg:0 12px 40px #f5a6231a, 0 4px 12px #0000000d;--shadow-warm-hover:0 16px 48px #f5a62324, 0 6px 16px #0000000f;--radius-card:16px;--radius-card-lg:24px;--ease-soft:cubic-bezier(.25, .46, .45, .94);--ease-bounce-soft:cubic-bezier(.34, 1.56, .64, 1);--duration-gentle:.4s;--line-height-relaxed:1.8;--line-height-body:1.75}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}