:root{--color-primary:#667eea;--color-secondary:#764ba2;--color-gradient:linear-gradient(135deg,#667eea,#764ba2);--color-success:#28a745;--color-warning:#ffc107;--color-danger:#dc3545;--color-info:#2196f3;--color-text-primary:#1a1a1a;--color-text-secondary:#555;--color-border:#e0e0e0;--color-background:#f5f5f5;--color-white:#fff;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:50%;--shadow-card:0 2px 12px rgba(0,0,0,.08);--shadow-hero:0 4px 20px rgba(102,126,234,.3);--transition-fast:.2s ease-in-out;--transition-normal:.3s ease-in-out;--transition-slow:.5s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--color-white);color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-secondary)}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;justify-content:center;padding:12px 24px;transition:all var(--transition-normal)}.btn:hover{transform:translateY(-2px)}.btn--primary{background:var(--color-gradient);box-shadow:var(--shadow-hero);color:var(--color-white)}.btn--primary:hover{box-shadow:0 6px 24px #667eea66}.btn--secondary{background:transparent;border:2px solid var(--color-white);color:var(--color-white)}.btn--secondary:hover{background:#ffffff1a}.btn--outline{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn--outline:hover{background:var(--color-primary);color:var(--color-white)}.container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-lg)}@media(max-width:768px){.container{padding:0 var(--spacing-md)}}.section{padding:var(--spacing-xxl) 0}@media(max-width:768px){.section{padding:var(--spacing-xl) 0}}.section-title{font-size:36px;font-weight:700;margin-bottom:var(--spacing-md);text-align:center}@media(max-width:768px){.section-title{font-size:28px}}.section-subtitle{color:var(--color-text-secondary);font-size:18px;margin-bottom:var(--spacing-xxl);text-align:center}@media(max-width:768px){.section-subtitle{font-size:16px;margin-bottom:var(--spacing-xl)}}.card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--spacing-lg);transition:all var(--transition-normal)}.card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.grid{display:grid;gap:var(--spacing-lg)}.grid--2{grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.grid--2{grid-template-columns:1fr}}.grid--3{grid-template-columns:repeat(3,1fr)}@media(max-width:1024px){.grid--3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid--3{grid-template-columns:1fr}}.grid--4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid--4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid--4{grid-template-columns:1fr}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fadeInUp{animation:fadeInUp .6s ease-out forwards}.animate-float{animation:float 3s ease-in-out infinite}.el-button--primary{--el-button-bg-color:var(--color-primary);--el-button-border-color:var(--color-primary);--el-button-hover-bg-color:var(--color-secondary);--el-button-hover-border-color:var(--color-secondary)}