/* casi_storm - 暴风雨 */
/* Hero Animation */
@keyframes carousel-scroll {0% {transform:translateX(0);}100% {transform:translateX(-50%);}}
.hero-section {position:relative;overflow:hidden;}
.hero-container {max-width:1400px;margin:0 auto;padding:0 20px;position:relative;z-index:2;}
.hero-content {max-width:800px;}
.hero-title {font-size:clamp(32px,5vw,56px);}
.hero-badge {display:inline-block;}
.hero-btn {display:inline-block;transition:all 0.3s;}
.hero-btn:hover {transform:translateY(-3px);box-shadow:0 10px 30px #1E293B44;}
.hero-stats .stat-item {text-align:center;}
/* Stats Section */
.stats-grid {flex-wrap:wrap;}
.stat-card {transition:all 0.3s;}
.stat-card:hover {transform:translateY(-5px);box-shadow:0 10px 30px #1E293B22;}
/* Carousel */
.carousel-wrapper {mask-image:linear-gradient(90deg,transparent,black 5%,black 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 5%,black 95%,transparent);}
.carousel-track:hover {animation-play-state:paused;}
.game-card:hover {transform:translateY(-5px);box-shadow:0 10px 30px #1E293B33;}
/* Grid */
.game-grid {flex-wrap:wrap;}
.grid-item:hover {transform:translateY(-5px);box-shadow:0 10px 30px #1E293B22;}
/* Promo */
.promo-card {transition:all 0.3s;}
.promo-card:hover {transform:translateY(-5px);box-shadow:0 15px 40px #1E293B33;}
/* FAQ */
.faq-item {transition:all 0.3s;}
.faq-item:hover {border-color:#1E293B66;}
/* Featured */
.featured-item {transition:all 0.3s;}
.featured-item:hover {transform:translateX(5px);box-shadow:0 15px 40px #1E293B22;}
/* Articles Grid */
.articles-grid {flex-wrap:wrap;}
.article-card {transition:all 0.3s;}
.article-card:hover {transform:translateY(-5px);box-shadow:0 10px 30px #1E293B22;}
/* CTA */
.cta-btn {transition:all 0.3s;}
.cta-btn:hover {transform:scale(1.05);box-shadow:0 10px 30px rgba(0,0,0,0.3);}
/* Responsive */
@media (max-width:1024px) {.game-grid,.stats-grid {grid-template-columns:repeat(3,1fr);}}
@media (max-width:768px) {.hero-title {font-size:28px;}.game-grid,.stats-grid,.articles-grid,.promo-grid {grid-template-columns:repeat(2,1fr);}}
@media (max-width:480px) {.game-grid,.stats-grid,.articles-grid,.promo-grid {grid-template-columns:1fr;}.hero-stats {gap:20px;}.hero-buttons {flex-direction:column;}}