@keyframes heroTextReveal{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes scaleIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-on-scroll{opacity:0;transform:translateY(40px);transition:opacity .6s ease,transform .6s ease}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.animate-scale{opacity:0;transform:scale(.9);transition:opacity .6s ease,transform .6s ease}.animate-scale.visible{opacity:1;transform:scale(1)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.stagger-5{transition-delay:.5s}.stagger-6{transition-delay:.6s}.hero{position:relative;width:100%;height:100vh;overflow:hidden}.hero-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:100%;height:100%;background:url(https://static1.zuiyouxi.com/web/babeltime/images/web15264/index/header.png) no-repeat;background-size:100% 100%;transform:translate(-50%,-50%);object-fit:cover}.hero-overlay{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.hero-content{position:absolute;bottom:0;left:0;right:0;z-index:10;padding-bottom:80px}.hero-inner{max-width:600px;margin-left:18%;padding:0 20px;background:rgba(0,0,0,.5)}.hero-badge{display:inline-block;background:#4dbafa;color:#fff;padding:6px 12px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}.hero h1{font-size:48px;font-weight:900;line-height:1.2;margin-bottom:20px;color:#fff}.hero h1 .highlight{color:#4dbafa}.hero p{font-size:20px;color:#e0e0e0;margin-bottom:32px;max-width:600px}section{padding:100px 0}.index-container{max-width:1200px;margin:0 auto;padding:0 20px}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:36px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.section-header p{font-size:24px;color:#666}.games-section{background:#f8f9fa;padding:100px 0;overflow:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:26px;font-weight:700;margin-bottom:8px}.section-header p{font-size:24px;color:#666}.carousel-wrapper{position:relative;width:100%;height:520px;margin:0 auto;display:flex;align-items:center;justify-content:center}.carousel-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.game-card{position:absolute;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .6s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;cursor:pointer;opacity:0;z-index:1}.game-image{width:100%;height:350px;background-size:cover;background-position:center;transition:height .6s}.game-info{padding:24px;text-align:center}.game-title{font-size:20px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.game-subtitle{font-size:14px;color:#999;margin-bottom:16px}.game-card.active{width:500px;height:520px;opacity:1;z-index:10;transform:translateX(0)}.game-card.active .game-image{height:350px}.game-card.left,.game-card.right{width:220px;height:520px;opacity:.6;z-index:5}.game-card.left .game-image,.game-card.right .game-image{height:350px}.game-card.left{transform:translateX(-380px)}.game-card.right{transform:translateX(380px)}.game-card.hidden{opacity:0;transform:translateX(0)}.fixed-btn-area{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);z-index:100;pointer-events:none}.app-buttons{display:flex;gap:16px;justify-content:center;pointer-events:auto}.app-btn{background:#000;color:#fff;padding:8px 35px;border-radius:8px;text-decoration:none;display:flex;align-items:center;gap:8px;font-size:16px;transition:background .3s}.nav-btn{position:absolute;top:569px;transform:translateY(-50%);width:60px;height:60px;background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.05);border-radius:50%;color:#1a1a1a;font-size:30px;cursor:pointer;z-index:150;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 10px rgba(0,0,0,.1)}.nav-btn:hover{background:#4dbafa;color:#fff}.prev-btn{left:450px}.next-btn{right:450px}.stats-section{background:linear-gradient(to right,#1a3a52,#193f59,#1a3a52);position:relative;overflow:hidden;clear:both;padding:40px 0}.stats-text{text-align:left;color:rgba(255,255,255,.8);font-size:16px;line-height:1.8;max-width:900px;margin:20px auto 20px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;text-align:center}.stat-item h3{font-size:48px;font-weight:900;color:#4dbafa;margin-bottom:8px}.stat-item p{font-size:16px;color:rgba(255,255,255,.9);text-transform:uppercase;letter-spacing:.1em}.news-section{background:#fff}.news-section .section-header h2{color:#1a1a1a}.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.news-card{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16/9;cursor:pointer}.news-image{width:100%;height:100%;object-fit:cover;transition:transform .5s}.news-card:hover .news-image{transform:scale(1.1)}.news-overlay{position:absolute;bottom:0;left:0;right:0;padding:24px;background:linear-gradient(to top,rgba(0,0,0,.9),transparent)}.news-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:8px;line-height:1.4}.news-desc{font-size:14px;color:rgba(255,255,255,.8);line-height:1.6;opacity:0;transition:opacity .3s}.news-card:hover .news-desc{opacity:1}@media (max-width:992px){.stats-grid{grid-template-columns:repeat(2,1fr)}.about-content{flex-direction:column}.hero-content h1{font-size:48px}.game-card-small{display:none}.hero-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:100%;height:100%;background:url(https://static1.zuiyouxi.com/web/babeltime/images/web15264/index/header_phone.png) no-repeat;background-size:100% 100%;transform:translate(-50%,-50%);object-fit:cover}.news-title{font-size:16px}}@media (max-width:768px){nav ul{display:none}.hero-content h1{font-size:36px}.stats-grid{grid-template-columns:1fr;gap:20px}.hero-buttons{flex-direction:column;align-items:center}.mobile-menu-btn{display:block}.hero h1{font-size:32px}.news-grid{grid-template-columns:1fr}.game-card.active{width:98%}.app-btn{width:135px;gap:10px}.legal-links-list li{font-size:12px;line-height:1.8}.info-text{display:block;margin-left:0}.nav-btn{position:absolute;top:510px;transform:translateY(-50%);width:60px;height:60px;background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.05);border-radius:50%;color:#1a1a1a;font-size:30px;cursor:pointer;z-index:150;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 10px rgba(0,0,0,.1)}.prev-btn{left:75px}.next-btn{right:75px}.hero-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:100%;height:100%;background:url(https://static1.zuiyouxi.com/web/babeltime/images/web15264/index/header_phone.png) no-repeat;background-size:100% 100%;transform:translate(-50%,-50%);object-fit:cover}.hero p{font-size:13px}.game-card.active .game-image{height:240px}.game-image{background-size:100% 100%}.game-card.active{height:400px}.fixed-btn-area{bottom:75px}.section-header{margin-bottom:1px}section{padding:10px 0}.stat-item h3{font-size:40px}.games-section{padding:40px 0}.stats-text{font-size:15px}.news-title{font-size:16px}}