*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #1456F0;--primary-hover: #0d45c7;--primary-light: #EBF0FE;--primary-dark: #0a34a0;--gray-50: #F7F8FA;--gray-100: #EFF0F1;--gray-200: #E0E2E5;--gray-300: #C8CBD0;--gray-400: #A9ADB6;--gray-500: #8A8F9A;--gray-600: #5F6574;--gray-700: #3D4354;--gray-800: #252C3C;--gray-900: #131929;--success: #0DB67B;--warning: #FF8C00;--danger: #F5222D;--info: #1456F0;--gradient-hero: linear-gradient(135deg, #EBF0FE 0%, #F0F4FF 40%, #F7F8FA 100%);--gradient-blue: linear-gradient(135deg, #1456F0 0%, #5B88FA 100%);--gradient-feature: linear-gradient(180deg, #F7F8FA 0%, #FFFFFF 100%);--font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", "Microsoft YaHei", sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-size-4xl: 40px;--font-size-5xl: 52px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--border-radius-sm: 6px;--border-radius: 10px;--border-radius-lg: 16px;--border-radius-xl: 24px;--border-radius-full: 9999px;--border-color: #E0E2E5;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .06);--shadow: 0 4px 16px rgba(0, 0, 0, .08);--shadow-md: 0 8px 32px rgba(0, 0, 0, .1);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .12);--shadow-blue: 0 8px 32px rgba(20, 86, 240, .24);--transition-fast: .15s ease;--transition: .25s ease;--transition-slow: .4s ease;--navbar-height: 64px}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--gray-800);line-height:1.6;background:#fff;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;outline:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.section{padding:var(--space-20) 0}.section-sm{padding:var(--space-12) 0}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-label{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:600;color:var(--primary);background:var(--primary-light);padding:4px 12px;border-radius:var(--border-radius-full);margin-bottom:var(--space-4);letter-spacing:.5px;text-transform:uppercase}.section-title{font-size:var(--font-size-4xl);font-weight:700;color:var(--gray-900);line-height:1.2;letter-spacing:-.5px;margin-bottom:var(--space-4)}.section-subtitle{font-size:var(--font-size-lg);color:var(--gray-600);max-width:540px;margin:0 auto;line-height:1.7}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:11px 24px;font-size:var(--font-size-sm);font-weight:600;border-radius:var(--border-radius);transition:all var(--transition);white-space:nowrap;cursor:pointer}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-blue)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 12px 36px #1456f052}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:transparent;color:var(--gray-800);border:1.5px solid var(--border-color)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.btn-ghost{background:transparent;color:var(--primary);padding:11px 20px}.btn-ghost:hover{background:var(--primary-light)}.btn-lg{padding:15px 32px;font-size:var(--font-size-base);border-radius:var(--border-radius-lg)}.btn-sm{padding:7px 16px;font-size:var(--font-size-xs);border-radius:var(--border-radius-sm)}.tag{display:inline-flex;align-items:center;padding:3px 10px;font-size:12px;font-weight:600;border-radius:var(--border-radius-full)}.tag-blue{background:var(--primary-light);color:var(--primary)}.tag-green{background:#edfaf4;color:var(--success)}.tag-orange{background:#fff4e5;color:var(--warning)}.card{background:#fff;border-radius:var(--border-radius-lg);border:1px solid var(--border-color);padding:var(--space-6);transition:box-shadow var(--transition),transform var(--transition)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.text-center{text-align:center}.text-primary{color:var(--primary)}.text-muted{color:var(--gray-500)}.font-bold{font-weight:700}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-4{gap:16px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.animate-fade-in-up{animation:fadeInUp .6s ease forwards}.animate-float{animation:float 4s ease-in-out infinite}@media (max-width: 1024px){.section-title{font-size:var(--font-size-3xl)}.section{padding:var(--space-16) 0}}@media (max-width: 768px){.section-title{font-size:var(--font-size-2xl)}.section{padding:var(--space-12) 0}.container{padding:0 var(--space-4)}}