*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Microsoft YaHei','PingFang SC',sans-serif;line-height:1.6;color:#333}
.gradient-bg{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}
.gradient-text{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-overlay{background:linear-gradient(135deg,rgba(30,58,138,0.9) 0%,rgba(147,51,234,0.8) 100%)}
.card-hover{transition:all 0.3s ease}
.card-hover:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,0.15)}
.fade-in{animation:fadeIn 0.8s ease-in}
@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.float-animation{animation:float 3s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.pulse-glow{animation:pulseGlow 2s ease-in-out infinite}
@keyframes pulseGlow{0%,100%{box-shadow:0 0 20px rgba(59,130,246,0.5)}50%{box-shadow:0 0 40px rgba(147,51,234,0.8)}}
.nav-link{position:relative;transition:color 0.3s}
.nav-link::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(90deg,#3b82f6,#9333ea);transition:width 0.3s}
.nav-link:hover::after{width:100%}
.btn-primary{background:linear-gradient(135deg,#3b82f6 0%,#9333ea 100%);transition:all 0.3s}
.btn-primary:hover{transform:scale(1.05);box-shadow:0 10px 30px rgba(59,130,246,0.4)}
.section-title{position:relative;display:inline-block}
.section-title::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(90deg,#3b82f6,#9333ea);border-radius:2px}
.stat-card{background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2)}
.feature-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:linear-gradient(135deg,#3b82f6 0%,#9333ea 100%);color:#fff;font-size:2rem}
.timeline-item{position:relative;padding-left:40px}
.timeline-item::before{content:'';position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#9333ea)}
.timeline-item::after{content:'';position:absolute;left:9px;top:20px;width:2px;height:calc(100% + 20px);background:linear-gradient(180deg,#3b82f6,#9333ea)}
.timeline-item:last-child::after{display:none}
.faq-item{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all 0.3s}
.faq-item:hover{border-color:#3b82f6;box-shadow:0 5px 20px rgba(59,130,246,0.1)}
.footer-gradient{background:linear-gradient(135deg,#1e3a8a 0%,#581c87 100%)}
.scroll-indicator{animation:scrollDown 2s infinite}
@keyframes scrollDown{0%{transform:translateY(0);opacity:1}100%{transform:translateY(10px);opacity:0}}
.mobile-menu{transform:translateX(100%);transition:transform 0.3s}
.mobile-menu.active{transform:translateX(0)}
.img-overlay{position:relative;overflow:hidden;border-radius:12px}
.img-overlay::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(59,130,246,0.3),rgba(147,51,234,0.3));z-index:1;opacity:0;transition:opacity 0.3s}
.img-overlay:hover::before{opacity:1}
.badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:0.75rem;font-weight:600}
.badge-primary{background:rgba(59,130,246,0.1);color:#3b82f6}
.badge-success{background:rgba(34,197,94,0.1);color:#22c55e}
.badge-warning{background:rgba(245,158,11,0.1);color:#f59e0b}