/* Hero Section - 浅蓝到白渐变 */
.hero-section{padding:80px 0 60px;background:linear-gradient(180deg,#e3f2fd 0%,#ffffff 100%)}
.hero-content{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;align-items:center}
.hero-badge{display:inline-block;background:rgba(0,102,255,.08);color:rgb(var(--rgb-color-primary));padding:6px 16px;border-radius:6px;font-size:.8rem;font-weight:600;margin-bottom:16px}
.hero-title{font-size:2.8rem;font-weight:800;color:#212529;line-height:1.2;margin-bottom:16px}
.hero-title span{color:rgb(var(--rgb-color-primary))}
.hero-desc{font-size:1.05rem;color:#6c757d;line-height:1.8;margin-bottom:24px}
.hero-stats{display:flex;gap:32px;margin-bottom:28px}
.stat-item{text-align:center}
.stat-num{display:block;font-size:1.5rem;font-weight:800;color:rgb(var(--rgb-color-primary))}
.stat-label{font-size:.8rem;color:#6c757d}
.hero-btn{padding:14px 32px;font-size:1rem}
.hero-version{font-size:.8rem;color:#adb5bd;margin-top:16px}
.hero-visual{position:relative}
.hero-visual img{width:100%;height:auto;display:block}
@media (max-width:768px){
	.hero-section{padding:50px 0 40px}
	.hero-content{grid-template-columns:1fr;gap:30px;text-align:center}
	.hero-title{font-size:2rem}
	.hero-stats{justify-content:center;gap:20px}
	.hero-visual{order:-1}
	.btn-group{justify-content:center}
}

/* Features Section - 纯白 */
.features-section{background:#ffffff}
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.feature-card{background:#fff;padding:28px 24px;border-radius:10px;transition:all var(--transition);border:1px solid #e9ecef}
.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.06)}
.feature-icon{width:48px;height:48px;background:#e8f0fe;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:rgb(var(--rgb-color-primary))}
.feature-title{font-size:1.05rem;font-weight:600;margin-bottom:8px;color:#212529}
.feature-desc{font-size:.85rem;color:#6c757d;line-height:1.7}
@media (max-width:768px){
	.features-grid{grid-template-columns:1fr}
}

/* Performance Section - 浅灰 */
.performance-section{background:#f5f7fa}
.performance-content{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.performance-visual img{border-radius:12px}
.performance-info .section-title{text-align:left}
.performance-info .section-tag{display:inline-block}
.performance-desc{color:#6c757d;line-height:1.8;margin:12px 0 24px}
.performance-bars{display:flex;flex-direction:column;gap:16px}
.perf-item{background:#fff;border-radius:8px;padding:14px 18px;border:1px solid #e9ecef}
.perf-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.85rem;color:#495057;font-weight:500}
.perf-value{color:rgb(var(--rgb-color-primary));font-weight:700}
.perf-bar{height:6px;background:#e9ecef;border-radius:3px;overflow:hidden}
.perf-fill{height:100%;background:rgb(var(--rgb-color-primary));border-radius:3px;transition:width 1s ease}
@media (max-width:768px){
	.performance-content{grid-template-columns:1fr;gap:30px}
	.performance-info .section-title{text-align:center}
}

/* Games Section - 纯白 */
.games-section{background:#ffffff}
.games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.game-card{background:#fff;border-radius:10px;overflow:hidden;transition:all var(--transition);border:1px solid #e9ecef}
.game-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.08)}
.game-img{height:160px;overflow:hidden}
.game-img img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition)}
.game-card:hover .game-img img{transform:scale(1.05)}
.game-info{padding:14px 16px;display:flex;justify-content:space-between;align-items:center}
.game-name{font-size:.95rem;font-weight:600;color:#212529}
.game-tag{font-size:.7rem;background:#e8f0fe;color:rgb(var(--rgb-color-primary));padding:3px 8px;border-radius:4px;font-weight:500}
.games-more{text-align:center;margin-top:32px}
@media (max-width:768px){
	.games-grid{grid-template-columns:repeat(2,1fr);gap:12px}
	.game-img{height:130px}
}

/* Guide Section - 淡蓝底 */
.guide-section{background:#e8f0fe}
.guide-steps{display:flex;align-items:center;justify-content:center;gap:24px}
.guide-step{flex:1;max-width:260px;text-align:center;background:#fff;padding:32px 24px;border-radius:10px;box-shadow:0 2px 12px rgba(0,0,0,.04)}
.step-icon{width:64px;height:64px;background:#e8f0fe;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:rgb(var(--rgb-color-primary))}
.step-title{font-size:1.05rem;font-weight:600;margin-bottom:8px;color:#212529}
.step-desc{font-size:.85rem;color:#6c757d;line-height:1.7}
.guide-step-arrow{color:#90caf9;flex-shrink:0}
@media (max-width:768px){
	.guide-steps{flex-direction:column;gap:16px}
	.guide-step{max-width:100%}
	.guide-step-arrow{transform:rotate(90deg)}
}

/* Testimonials Section - 纯白 */
.testimonials-section{background:#ffffff}
.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.testimonial-card{background:#fff;padding:24px;border-radius:10px;border:1px solid #e9ecef;transition:all var(--transition)}
.testimonial-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.06)}
.testimonial-stars{color:#ffc107;font-size:.9rem;margin-bottom:12px}
.testimonial-text{font-size:.9rem;color:#495057;line-height:1.8;margin-bottom:16px}
.testimonial-author{display:flex;align-items:center;gap:10px}
.testimonial-author img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.author-name{display:block;font-size:.9rem;font-weight:600;color:#212529}
.author-role{font-size:.75rem;color:#adb5bd}
@media (max-width:768px){
	.testimonials-grid{grid-template-columns:1fr}
}

/* FAQ Section - 浅灰 */
.faq-section{background:#f5f7fa}
.faq-content{max-width:760px;margin:0 auto}
#faqsu-faq-list{background:#fff;border-radius:10px;padding:8px 24px;border:1px solid #e9ecef}
#faqsu-faq-list .faqsu-faq-single{border-bottom:1px solid #f0f0f0;padding:20px 0}
#faqsu-faq-list .faqsu-faq-single:last-child{border-bottom:none}
#faqsu-faq-list .faqsu-faq-question{font-size:1rem;font-weight:600;color:#212529;margin:0 0 10px;cursor:pointer;transition:color var(--transition)}
#faqsu-faq-list .faqsu-faq-question:hover{color:rgb(var(--rgb-color-primary))}
#faqsu-faq-list .faqsu-faq-answare{font-size:.9rem;color:#6c757d;line-height:1.8;margin:0}
@media (max-width:768px){
	#faqsu-faq-list{padding:6px 16px}
	#faqsu-faq-list .faqsu-faq-single{padding:16px 0}
	#faqsu-faq-list .faqsu-faq-question{font-size:.95rem}
}

/* CTA Section - 蓝色渐变 */
.cta-section{background:#1e2d4a;padding:70px 0}
.cta-content{text-align:center}
.cta-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:12px}
.cta-desc{font-size:1.05rem;color:rgba(255,255,255,.75);margin-bottom:28px}
.cta-buttons{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.cta-btn{padding:14px 32px;font-size:1rem}
.cta-btn-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4)}
.cta-btn-outline:hover{background:rgba(255,255,255,.15);border-color:#fff;color:#fff}
.cta-note{font-size:.8rem;color:rgba(255,255,255,.55);margin-top:20px}
@media (max-width:768px){
	.cta-section{padding:50px 0}
	.cta-title{font-size:1.6rem}
	.cta-buttons{flex-direction:column;align-items:center}
	.cta-btn{width:100%;max-width:280px}
}