*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:375px;background:#f8f8f8;color:#1e1e1e;font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif}button,a{font:inherit}button{cursor:pointer}.header{position:fixed;inset:0 0 auto;z-index:100;height:60px;background:#000c;backdrop-filter:blur(10px)}.header-inner{height:100%;max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between}.logo img{display:block;width:123px;height:30px}.nav{display:flex;align-items:center;gap:40px}.nav a,.nav button{color:#fff;text-decoration:none;font-size:14px;border:0;background:none}.nav a:hover,.nav a.active{color:#84f9cc}.nav .download-now{color:#111;background:#84f9cc;padding:8px 20px;border-radius:101px}.hamburger,.mobile-menu{display:none}.hero{position:relative;width:100%;height:min(47.9167vw,690px);overflow:hidden;background:#000;touch-action:pan-y}.hero-track{position:absolute;inset:0;display:flex;width:100%;height:100%;will-change:transform;transition:transform .55s cubic-bezier(.22,.61,.36,1)}.hero-track.dragging{transition:none}.hero-slide{position:relative;display:block;flex:0 0 100%;width:100%;height:100%;overflow:hidden}.hero-slide img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#000;user-select:none;-webkit-user-drag:none}.hero-dots{position:absolute;z-index:4;bottom:105px;left:0;right:0;display:flex;justify-content:center;gap:6px}.hero-dots button{width:20px;height:2px;padding:0;border:0;border-radius:3px;background:#ffffff4d}.hero-dots button.active{background:#fffc}.download-bar{position:absolute;z-index:5;bottom:0;left:0;right:0;padding:30px 0 20px;display:flex;justify-content:center;gap:20px}.download-bar button{width:220px;height:64px;border:0;border-radius:32px;background:#84f9cc;color:#000;font-size:18px;font-weight:500}.download-bar button:hover{background:#6de8b8}.download-icon{display:inline-block;margin-right:10px;font-size:25px;vertical-align:-2px}.feature{overflow:hidden}.feature.safety{background:linear-gradient(to right,#fff 18%,#ebfff7 80%)}.feature.friends{background:linear-gradient(to right,#fff3ed 22%,#fff 81%)}.feature.lobby{background:linear-gradient(to right,#fff 18%,#ebfaff 80%)}.feature.mtt{background:linear-gradient(to right,#fffde7 22%,#fff 81%)}.feature.newgames{background:linear-gradient(to right,#fff 18%,#ffebf8 80%)}.feature.minigames{background:linear-gradient(to right,#ffecec 22%,#fff 81%)}.feature-inner{position:relative;max-width:1200px;height:386px;margin:auto;padding-top:50px;display:flex}.feature-copy{position:relative;z-index:3;width:50%;opacity:0;transform:translateY(30px);transition:.75s ease}.feature.reverse .feature-copy{margin-left:50%}.feature.visible .feature-copy,.feature:first-child .feature-copy{opacity:1;transform:none}.feature h2{margin:0;font-size:46px;font-weight:700;transform:skew(-10deg);letter-spacing:0}.feature h3{margin:20px 0 0;font-size:36px;line-height:40px;font-weight:400;letter-spacing:0}.feature p{max-width:520px;margin:10px 0 0;font-size:16px;line-height:24px;opacity:.8}.feature-art{position:absolute;inset:0;pointer-events:none}.title-art,.main-art{position:absolute;opacity:0;transition:.8s ease}.title-art{z-index:1;top:70px;width:auto;height:215px}.main-art{z-index:2;bottom:0;width:641px;height:294px;object-fit:contain}.feature:not(.reverse) .title-art,.feature:not(.reverse) .main-art{right:20px;transform:translateX(80px)}.feature.reverse .title-art,.feature.reverse .main-art{left:20px;transform:translateX(-80px)}.feature.visible .title-art,.feature.visible .main-art,.feature:first-child .title-art,.feature:first-child .main-art{opacity:1;transform:none}.endorsers{padding:70px 0 80px;background:#fff;overflow:hidden}.endorsers>h2,.news>h2{margin:0 0 50px;text-align:center;font-size:36px;font-weight:400}.endorser-track{display:flex;justify-content:center}.endorser{position:relative;width:312px;height:580px;margin-right:-16px;border-radius:24px;overflow:hidden;cursor:pointer;transition:.35s;filter:brightness(.72)}.endorser.active{filter:none;z-index:2}.endorser>img{width:100%;height:100%;object-fit:cover}.endorser>div{position:absolute;inset:auto 25px 24px;color:#fff;opacity:0;transition:.35s;text-shadow:0 2px 6px #000}.endorser.active>div{opacity:1}.endorser strong{font-size:24px}.endorser p{font-size:14px;line-height:20px}.news{padding:70px 0 80px;overflow:hidden}.news-track{max-width:1200px;margin:auto;display:flex;gap:20px;overflow-x:auto;scrollbar-width:none}.news-card{flex:0 0 378px;color:#1e1e1e;text-decoration:none}.news-date{margin-bottom:16px}.news-date b{font-size:48px;font-weight:400}.news-date span{font-size:32px;color:#aaa;margin-left:9px}.news-cover{height:207px;border-radius:20px;overflow:hidden;background:#e0f9f0}.news-cover img{width:100%;height:100%;object-fit:cover}.news-placeholder{height:100%;display:grid;place-items:center;font-size:24px;color:#08a87e}.news-card h3{font-size:20px;font-weight:400;line-height:28px}.news-card p{font-size:14px;line-height:21px;color:#777}.more{display:block;width:max-content;margin:45px auto 0;padding:11px 41px;border-radius:24px;background:#1e1e1e;color:#fff;text-decoration:none}footer{padding:48px 20px;text-align:center;background:#fff}footer>div{display:flex;align-items:center;justify-content:center;gap:18px}footer>div>img{width:174px;height:49px}.certificate{width:49px;height:49px;object-fit:cover}footer p{font-size:14px;color:#777}#toast{position:fixed;z-index:200;left:50%;bottom:80px;transform:translate(-50%,20px);padding:10px 18px;border-radius:5px;background:#000d;color:#fff;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1199px) and (min-width:768px){.header-inner{padding:0 20px}.feature-inner{height:32.167vw;padding-top:4.167vw}.download-bar{gap:16px}.download-bar button{width:180px;height:52px}.feature h2{font-size:3.84vw}.feature h3{font-size:3vw}.main-art{width:53.4vw;height:24.5vw}.title-art{top:5.84vw;height:17.9vw}}
@media(max-width:767px){.header{height:46px}.header-inner{padding:0 15px}.logo img{width:107px;height:26px}.nav{display:none}.hamburger{display:flex;width:24px;height:18px;padding:0;border:0;background:none;flex-direction:column;justify-content:space-between}.hamburger span{height:2px;width:100%;background:#fff;transition:.25s}.hamburger.open span:first-child{transform:translateY(8px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:last-child{transform:translateY(-8px) rotate(-45deg)}.mobile-menu{display:block;position:fixed;z-index:99;inset:46px 0 0;padding:16px 24px;background:#000000e6;transform:translateY(-110%);transition:.3s}.mobile-menu.open{transform:none}.mobile-menu a,.mobile-menu button{display:flex;justify-content:space-between;width:100%;padding:15px 0;border:0;border-bottom:1px solid #ffffff26;background:none;color:#fff;text-decoration:none;font-size:20px;text-align:left}.hero{width:100%;height:auto;aspect-ratio:375/540;max-height:none}.hero-dots{bottom:60px;gap:3px}.hero-dots button{width:10px}.download-bar{padding:30px 16px 10px;gap:8px}.download-bar button{flex:1;min-width:0;width:auto;height:40px;padding:0 5px;font-size:12px;white-space:nowrap}.download-icon{font-size:16px;margin-right:4px}.feature-inner{height:auto;min-height:336px;padding:20px 14px 0}.feature-copy,.feature.reverse .feature-copy{width:100%;margin-left:0}.feature h2{font-size:32px}.feature h3{font-size:24px;line-height:30px;margin-top:5px}.feature p{font-size:14px;line-height:20px;margin-top:6px}.feature-art{overflow:hidden}.title-art{top:auto!important;bottom:72px!important;height:100px!important}.main-art{inset:auto 0 0!important;width:100%!important;height:100%!important;object-fit:contain;object-position:right bottom}.feature.reverse .main-art{object-position:left bottom}.feature:not(.reverse) .title-art{right:15px}.feature.reverse .title-art{left:15px}.endorsers{padding:50px 0 60px}.endorsers>h2,.news>h2{font-size:24px;margin-bottom:34px}.endorser-track{height:500px;justify-content:flex-start;overflow-x:auto;padding:0 calc((100vw - 260px)/2);scroll-snap-type:x mandatory;scrollbar-width:none}.endorser{flex:0 0 226px;width:226px;height:421px;margin:30px -8px 0;scroll-snap-align:center;border-radius:18px}.endorser.active{flex-basis:260px;width:260px;height:483px;margin-top:0}.news{padding:50px 0 60px}.news-track{display:block;padding:0 15px}.news-card{display:grid;grid-template-columns:64px 1fr;gap:0 12px;margin-bottom:28px}.news-date{grid-row:1/4}.news-date b,.news-date span{display:block}.news-date b{font-size:22px}.news-date span{font-size:13px;margin:2px 0}.news-cover{height:auto;aspect-ratio:368/207;border-radius:10px}.news-card h3{font-size:16px;line-height:23px;margin:10px 0 2px}.news-card p{margin:0;font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.more{margin-top:25px}footer{padding-bottom:72px}}

/* Keep download icons and labels on one shared optical centerline. */
.download-bar button{display:inline-flex;padding:0 24px;align-items:center;justify-content:center;gap:10px;line-height:1;white-space:nowrap}
.download-icon{display:inline-flex;width:28px;height:28px;flex:0 0 28px;align-items:center;justify-content:center;margin:0;line-height:0;vertical-align:middle}
.download-icon img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:1199px) and (min-width:768px){.download-bar button{padding:0 18px}.download-icon{width:24px;height:24px;flex-basis:24px}}
@media(max-width:767px){.download-bar button{padding:0 6px;gap:4px}.download-icon{width:18px;height:18px;flex-basis:18px}.download-bar button[data-download="android"] .download-icon{transform:translateY(-1px)}}

.footer-links{display:flex;max-width:1000px;margin:24px auto 0;padding:18px 20px 0;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 24px;border-top:1px solid rgba(30,30,30,.08);color:#797c7c;font-size:12px}
.footer-links[hidden]{display:none}
.footer-links a{color:inherit;text-decoration:none}
.footer-links a:hover{color:#1e1e1e}
@media(max-width:767px){.footer-links{margin-top:20px;padding:16px 0 0;gap:8px 16px;font-size:11px}}

@media(max-width:767px){
  .download-bar[data-device="ios"] [data-download="android"],.download-bar[data-device="android"] [data-download="ios"]{display:none}
  .download-bar.is-docked{position:fixed;bottom:0;padding:10px 16px max(10px,env(safe-area-inset-bottom));background:rgba(255,255,255,.96);box-shadow:0 -4px 18px rgba(0,0,0,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  .download-bar.is-docked button{max-width:calc((100vw - 40px)/2)}
  body:has(.download-bar.is-docked){padding-bottom:calc(60px + env(safe-area-inset-bottom))}
}