*{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#f8f9fa;--bg-card:#ffffff;--text:#1a1a2e;--text-secondary:#4a4a6a;--primary:#e94560;--primary-dark:#c73e54;--secondary:#0f3460;--accent:#16213e;--glass:rgba(255,255,255,0.7);--glass-border:rgba(255,255,255,0.3);--shadow:0 8px 32px rgba(0,0,0,0.08);--radius:20px;--transition:0.4s cubic-bezier(0.25,0.46,0.45,0.94);--font:'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif}
[data-theme="dark"]{--bg:#0d0d1a;--bg-card:#1a1a2e;--text:#eaeaea;--text-secondary:#a0a0b8;--glass:rgba(26,26,46,0.8);--glass-border:rgba(255,255,255,0.1);--shadow:0 8px 32px rgba(0,0,0,0.4)}
body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.7;transition:background var(--transition),color var(--transition);overflow-x:hidden}
a{color:inherit;text-decoration:none}
img,svg{max-width:100%;height:auto;display:block}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
.section{padding:80px 0}
.glass{background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow)}
.btn{display:inline-block;padding:14px 36px;border-radius:50px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-weight:600;border:none;cursor:pointer;transition:transform 0.3s,box-shadow 0.3s;font-size:16px}
.btn:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(233,69,96,0.4)}
h1,h2,h3,h4{font-weight:700;letter-spacing:-0.02em}
h2{font-size:2.6rem;margin-bottom:16px;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
h3{font-size:1.8rem;margin-bottom:12px}
p{margin-bottom:16px;color:var(--text-secondary)}
.grid{display:grid;gap:30px}
.flex{display:flex;flex-wrap:wrap;gap:20px;align-items:center}
.center{text-align:center}
.mt-20{margin-top:20px}
.mb-20{margin-bottom:20px}
header{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:16px 0;transition:background 0.4s,box-shadow 0.4s}
header.scrolled{background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow)}
header .container{display:flex;align-items:center;justify-content:space-between}
.logo{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-0.5px}
.nav-links{display:flex;gap:8px;list-style:none}
.nav-links a{padding:8px 16px;border-radius:30px;font-weight:500;font-size:0.95rem;transition:background 0.3s,color 0.3s;color:var(--text-secondary)}
.nav-links a:hover,.nav-links a.active{background:var(--primary);color:#fff}
.theme-toggle,.menu-toggle,.search-toggle{background:none;border:none;color:var(--text);font-size:1.4rem;cursor:pointer;padding:8px;border-radius:50%;transition:background 0.3s;width:44px;height:44px;display:flex;align-items:center;justify-content:center}
.theme-toggle:hover,.menu-toggle:hover,.search-toggle:hover{background:rgba(233,69,96,0.1)}
.menu-toggle{display:none}
.mobile-menu{display:none;position:fixed;top:80px;left:0;width:100%;background:var(--bg-card);padding:30px;box-shadow:var(--shadow);z-index:999;border-radius:0 0 var(--radius) var(--radius)}
.mobile-menu.open{display:block}
.mobile-menu a{display:block;padding:14px 20px;font-size:1.1rem;border-radius:12px;transition:background 0.3s}
.mobile-menu a:hover{background:rgba(233,69,96,0.1)}
.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:80px}
.hero-bg{position:absolute;inset:0;z-index:-1}
.hero-bg svg{width:100%;height:100%;object-fit:cover}
.hero-content{position:relative;z-index:2;max-width:700px}
.hero h1{font-size:4rem;line-height:1.1;margin-bottom:20px;background:linear-gradient(135deg,var(--primary),var(--secondary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero p{font-size:1.2rem;margin-bottom:30px;max-width:500px}
.hero-badge{display:inline-block;padding:6px 20px;border-radius:30px;background:var(--glass);backdrop-filter:blur(10px);font-size:0.9rem;font-weight:500;margin-bottom:20px;border:1px solid var(--glass-border)}
.banner-slider{position:relative;overflow:hidden;border-radius:var(--radius);margin-top:40px}
.banner-slide{display:none;padding:40px;background:var(--glass);backdrop-filter:blur(10px);border-radius:var(--radius);border:1px solid var(--glass-border)}
.banner-slide.active{display:block;animation:fadeUp 0.6s ease}
@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.section-title{text-align:center;margin-bottom:50px}
.section-title p{max-width:600px;margin:0 auto}
.card{background:var(--bg-card);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow);transition:transform 0.4s,box-shadow 0.4s;border:1px solid transparent}
.card:hover{transform:translateY(-8px);box-shadow:0 20px 60px rgba(0,0,0,0.12);border-color:rgba(233,69,96,0.2)}
.card-icon{width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#fff}
.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.stat-item{text-align:center;padding:30px}
.stat-number{font-size:3rem;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.testimonial-card{padding:30px;background:var(--glass);backdrop-filter:blur(10px);border-radius:var(--radius);border:1px solid var(--glass-border)}
.faq-item{border-bottom:1px solid rgba(0,0,0,0.08);padding:18px 0;cursor:pointer}
.faq-question{font-weight:600;display:flex;justify-content:space-between;align-items:center;font-size:1.1rem}
.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s ease;color:var(--text-secondary)}
.faq-item.open .faq-answer{max-height:300px;padding-top:12px}
footer{background:var(--accent);color:#fff;padding:60px 0 30px}
footer .grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
footer h4{color:#fff;margin-bottom:16px}
footer a{color:rgba(255,255,255,0.7);transition:color 0.3s}
footer a:hover{color:var(--primary)}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:20px;margin-top:40px;text-align:center;font-size:0.9rem;color:rgba(255,255,255,0.5)}
#backToTop{position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background:var(--primary);color:#fff;border:none;font-size:1.5rem;cursor:pointer;box-shadow:0 8px 24px rgba(233,69,96,0.4);display:none;align-items:center;justify-content:center;z-index:999;transition:transform 0.3s}
#backToTop:hover{transform:scale(1.1)}
.search-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);backdrop-filter:blur(10px);z-index:2000;display:none;align-items:center;justify-content:center}
.search-modal.open{display:flex}
.search-modal input{width:80%;max-width:500px;padding:18px 24px;border-radius:50px;border:none;font-size:1.2rem;outline:none;background:var(--bg-card);color:var(--text);box-shadow:var(--shadow)}
.search-modal .close-search{position:absolute;top:30px;right:30px;background:var(--primary);color:#fff;border:none;width:50px;height:50px;border-radius:50%;font-size:1.5rem;cursor:pointer}
.breadcrumb{display:flex;gap:8px;flex-wrap:wrap;padding:20px 0;font-size:0.9rem;color:var(--text-secondary)}
.breadcrumb a{color:var(--primary)}
.breadcrumb span{color:var(--text-secondary)}
@media(max-width:768px){
h2{font-size:2rem}
.hero h1{font-size:2.5rem}
.nav-links{display:none}
.menu-toggle{display:flex}
.grid{grid-template-columns:1fr}
.section{padding:50px 0}
header .container{gap:10px}
}
@media(min-width:769px){
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
}
.fade-in{opacity:0;transform:translateY(40px);transition:opacity 0.7s ease,transform 0.7s ease}
.fade-in.visible{opacity:1;transform:translateY(0)}