@charset "UTF-8";/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}body,h1,h2,h3,h4,ul,li{padding:0;margin:0}ul,li{list-style:none}a{text-decoration:none}img{vertical-align:top}body{font-size:16px;width:100%;height:100%}body::-webkit-scrollbar{width:10px;height:10px}body::-webkit-scrollbar-track{background:#efefef;border-radius:2px}body::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:10px}body::-webkit-scrollbar-thumb:hover{background:#333}body::-webkit-scrollbar-corner{background:#179a16}body #app{width:100%;min-height:100vh;background:#082544;color:#fff;display:flex;flex-direction:column;overflow-x:hidden}@media screen and (min-width: 1180px){.share_wap{display:none}.share_box{position:fixed;display:flex;flex-wrap:wrap;justify-content:center;width:900px;top:50%;left:50%;z-index:101;transform:translate(-50%,-50%)}.share_box a{display:flex;align-items:center;justify-content:center;color:#fff;width:200px;height:50px;box-sizing:border-box;padding:5px;border-radius:5px;margin:5px;font-size:14px}.share_box img{margin-right:10px;width:20px;height:20px}.more_share_bg{position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background:#000;opacity:.7;z-index:100}.closeShare{position:fixed;bottom:200px;right:50%;z-index:101;cursor:pointer}.closeShare img{position:fixed;right:10%;top:14%;width:50px}}@media screen and (max-width: 1180px){.share—box{display:none}.share_wap{position:fixed;bottom:290px;right:0;z-index:100;background:#fff;border-radius:5px;opacity:.8;border:1px solid #e6d9ff}.share_wap a{display:flex;align-items:center;padding:5px}.share_wap img{width:35px;height:35px}.more_share_bg{position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background:#000;opacity:.7;z-index:100}.share_box{position:fixed;display:flex;flex-wrap:wrap;justify-content:center;width:300px;top:50%;left:50%;z-index:101;transform:translate(-50%,-50%)}.share_box a{display:flex;align-items:center;justify-content:center;color:#fff;width:160px;height:40px;box-sizing:border-box;padding:5px;border-radius:5px;margin:5px;font-size:14px}.share_box img{margin-right:10px;width:20px;height:20px}.closeShare{position:fixed;top:10px;right:10px;z-index:101;cursor:pointer}.closeShare img{width:36px}}.share_box a:nth-child(1){background:#4267b2}.share_box a:nth-child(2){background:#55acee}.share_box a:nth-child(3){background:#ffc107}.share_box a:nth-child(4){background:#ff8000}.share_box a:nth-child(5){background:#03a9f4}.share_box a:nth-child(6){background:#00aff0}.share_box a:nth-child(7){background:#ff4500}.share_box a:nth-child(8){background:#32506d}.back-top{position:fixed;right:2px;bottom:10%;width:47px;height:47px;cursor:pointer;z-index:20;border-radius:8px;transition:all .2s ease-in-out}.back-top img{width:100%;height:100%;border-radius:5px}.back-top:hover{height:60px}@media screen and (min-width: 1440px){.back-top{right:60px}}.pwa-dialog{position:fixed;top:0;left:0;width:calc(100% - 2rem);height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;padding:0 1rem;z-index:20}.pwa-dialog .info{padding:0 1rem;background:#fff;width:100rem;margin:0 auto;font-size:1rem;border-radius:6px;color:#000}.pwa-dialog .info ol li{list-style:decimal;line-height:1.5rem}.pwa-dialog .info video{width:100%}.pwa-dialog .info .btn-wrapper{width:100%;text-align:end;position:relative;top:.5rem}.pwa-dialog .info .btn-wrapper .close-btn{cursor:pointer;border:none;width:2rem;height:2rem;border-radius:.4rem;background:#505050;color:#fff;font-size:1.5rem;text-align:center}ins.adsbygoogle[data-ad-status=unfilled]{display:none!important}.loader{width:40px;height:40px;margin:auto;position:relative}.loader:before{content:"";width:48px;height:5px;background:#f0808080;position:absolute;top:60px;left:0;border-radius:50%;animation:shadow324 .5s linear infinite}.loader:after{content:"";width:100%;height:100%;background:#f08080;position:absolute;top:0;left:0;border-radius:4px;animation:jump7456 .5s linear infinite}@keyframes jump7456{15%{border-bottom-right-radius:3px}25%{transform:translateY(9px) rotate(22.5deg)}50%{transform:translateY(18px) scaleY(.9) rotate(45deg);border-bottom-right-radius:40px}75%{transform:translateY(9px) rotate(67.5deg)}to{transform:translateY(0) rotate(90deg)}}@keyframes shadow324{0%,to{transform:scale(1)}50%{transform:scaleX(1.2)}}.share_wap{display:none}main .content .game-info-box{margin-top:20px;display:flex;gap:20px;background:#1a4172;padding:10px;border-radius:10px}main .content .game-info-box .left-img{width:400px;height:400px;border-radius:10px;overflow:hidden}main .content .game-info-box .left-img img{width:100%;height:100%;object-fit:cover;background:linear-gradient(145deg,#add8e614,#08254426)}main .content .game-info-box .info{flex:1;display:flex;flex-direction:column;z-index:10}main .content .game-info-box .info .title{padding:10px 0}main .content .game-info-box .info .brief{padding-bottom:10px}main .content .game-info-box .info .brief h2{padding:10px 0}main .content .game-info-box .info .brief span{color:#e1edffd9;line-height:24px;display:-webkit-box;overflow:hidden;white-space:normal!important;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:6;-webkit-box-orient:vertical}main .content .game-info-box .info .tag{display:flex;flex-wrap:wrap;align-items:center;gap:24px;padding:10px 0}main .content .game-info-box .info .tag .type{display:flex;align-items:center;gap:10px;border:2px solid rgba(173,216,230,.15);padding:5px 16px;border-radius:6px;background:#fff3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer}main .content .game-info-box .info .tag .type img{width:26px;height:26px}main .content .game-info-box .info .tag .players{border-right:2px solid rgba(173,216,230,.15);padding:5px 16px;height:40px;box-sizing:border-box;line-height:30px;-webkit-user-select:none;user-select:none}main .content .game-info-box .info .tag .star{display:flex}main .content .game-info-box .info .tag .star img{width:26px;height:26px}main .content .game-info-box .info .tag .like-not{display:flex;gap:14px}main .content .game-info-box .info .tag .like-not svg{width:26px;height:26px}main .content .game-info-box .info .btn-wrapper{flex:1;display:flex;align-items:center}main .content .game-info-box .info .btn-wrapper .play-btn{font-family:inherit;display:flex;align-items:center;justify-content:center;gap:.5rem;width:11em;height:2.6em;position:relative;cursor:pointer;overflow:hidden;border:1px solid rgb(64,154,214);transition:all .5s;z-index:1;font-size:16px;border-radius:6px;font-weight:600;color:#409ad6;background:transparent}main .content .game-info-box .info .btn-wrapper .play-btn:before{content:"";position:absolute;z-index:-1;background:linear-gradient(90deg,#3498db,#1f618d 52%,#093e72);width:24em;height:6em;border-radius:50%;top:100%;left:100%;transition:all .7s}main .content .game-info-box .info .btn-wrapper .play-btn:hover{color:#fff;border-color:#fff}main .content .game-info-box .info .btn-wrapper .play-btn:hover:before{top:-50%;left:-50%}main .content .recommend-game{margin-top:40px;width:100%;overflow:hidden}main .content .recommend-game .column{display:flex;justify-content:space-between}main .content .recommend-game .column h2{font-size:24px}main .content .recommend-game .column .btn{display:flex;--swiper-navigation-size: 20px}main .content .recommend-game .column .btn .swiper-button-prev,main .content .recommend-game .column .btn .swiper-button-next{margin-top:0;position:relative;top:0;right:0;left:0;color:#fff;background:#409ad6;padding:4px 8px;border-bottom:2px solid rgba(255,255,255,.3764705882)}main .content .recommend-game .column .btn .swiper-button-next{border-radius:0 10px 10px 0;border-left:1px solid rgba(255,255,255,.3764705882)}main .content .recommend-game .column .btn .swiper-button-prev{border-radius:10px 0 0 10px}main .content .recommend-game .recommend-wrapper{margin:2rem 1rem;margin-top:20px;width:100%;white-space:nowrap;cursor:grab}main .content .recommend-game .recommend-wrapper .swiper-slide{margin-right:1rem}.recommend-wrapper .game-item{position:relative;box-sizing:border-box;width:270px;height:300px;background:linear-gradient(145deg,#add8e614,#08254426);border:1px solid rgba(173,216,230,.15);border-radius:12px;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 8px 30px 0 transparent;transform:translateY(0);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer}.recommend-wrapper .game-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.recommend-wrapper .game-item:hover{transform:translateY(-8px);border-color:#409ad659;box-shadow:0 8px 30px #409ad640}.recommend-wrapper .game-item:hover img{transform:scale(1.05)}.recommend-wrapper .game-item:hover .game-info{transform:translateY(0)}.recommend-wrapper .game-item:hover .game-info .brief{-webkit-line-clamp:2}.recommend-wrapper .game-item .game-info{position:absolute;bottom:0;left:0;width:100%;min-height:90px;padding:16px;background:linear-gradient(to bottom,#0000,#00072de6 20%);transform:translateY(20px);transition:all .3s ease;box-sizing:border-box}.recommend-wrapper .game-item .game-info .name{display:block;color:#fff;font-size:18px;font-weight:600;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.3);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.recommend-wrapper .game-item .game-info .brief{color:#e1edffd9;font-size:14px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width: 888px){main .content .mobile-style .mobile-wrapper .game-item{width:14rem;height:15rem}}@media screen and (max-width: 576px){main .content .game-swipper .game-wrapper .game-item{height:10rem}main .content .category-list .category-inner .category-item{width:8rem!important;height:2.3rem}main .content .category-list .category-inner .category-item img{width:20px;height:20px}main .content .category-list .category-inner .category-item span{font-size:16px}main .content .mobile-style h2{font-size:20px}main .content .mobile-style .column h2{font-size:20px}main .content .mobile-style .column .btn{--swiper-navigation-size: 14px}main .content .mobile-style .mobile-wrapper .game-item{width:44%;height:13rem}main .content .mobile-style .mobile-wrapper .game-item .game-info{height:4.6rem}main .content .mobile-style .mobile-wrapper .game-item .game-info .name{font-size:14px}main .content .mobile-style .mobile-wrapper .game-item .game-info .brief{font-size:12px}main .content .game-info-box .left-img{width:90%;height:auto;margin:0 auto}main .content .game-info-box .info .title{font-size:24px}main .content .game-info-box .info .brief h2{font-size:18px}}@media screen and (max-width: 768px){.game-info-box{flex-direction:column}}