body,html,li,ul{margin:0;padding:0}:root{--box-background:rgba(255, 255, 255, 0.1);--box-radius:8px;--box-padding:15px;--section-gap:10px;--paragraph-font-size:16px;--body-font-size:14px}body{font-family:"SF Pro Display",sans-serif;background:#022140;overscroll-behavior:none}body::before{content:"";display:block;position:fixed;width:100%;height:100%;top:0;background:linear-gradient(180deg,#044a48 0,#1a1859 100%)}ol,p{line-height:1.4em}ol,ul{margin-left:1em;margin-right:1em}h1,h2,h3,h4,h5,h6{line-height:normal;font-weight:700}h1{font-size:28px}h2{font-size:24px}h3{font-size:20px}h4{font-size:18px}h5{font-size:16px}h6{font-size:var(--body-font-size)}table{border-spacing:0;border-collapse:collapse}button{cursor:pointer}#main-body{position:relative}.hide{display:none!important}@media only screen and (min-width:800px){body::before{background:linear-gradient(#0a2c33 0,#0a2c33 50%,#0b1646 100%)}.h5{display:none}}.banner.pc>img{display:block;margin:auto;height:100%;object-fit:cover}#top-myTopnav{display:none;z-index:9}#container{min-height:90vh;gap:20px;color:#fff;font-size:initial;display:flex;flex-direction:column}#body-wrapper{margin-left:230px;transition:margin-left .1s}#body-wrapper__container{max-width:1088px;margin:auto;padding:0 20px}.collapsed #body-wrapper{margin-left:100px}.navbar{background-color:#1f454d;width:230px;position:fixed;top:0;left:0;height:100%;font-size:var(--body-font-size);color:#fff;transition:width .1s;z-index:10;overflow:auto}.collapsed .navbar{width:100px;color:rgba(255,255,255,.6);font-size:12px}.navbar-logo{max-width:128px;margin:40px auto}.collapsed .navbar-logo{max-width:80px}.navbar-list-container{padding:0 16px}.nav-box{background-color:#2b4e56;border-radius:4px;cursor:pointer;overflow:hidden;transition:height .3s}.nav-box.have-sub{position:relative}.collapsed .nav-box{text-align:center;height:auto!important}.nav-box.have-sub>.nav-box__list{background-color:#35575e}.nav-box+.nav-box{margin-top:8px}.nav-box .icon{width:28px;height:28px;margin-right:8px}.nav-box .icon img{width:28px;height:28px}.nav-box .nav-box__list{padding:8px;position:relative;display:block;text-decoration:none}.nav-box .nav-box__list:hover{background-color:var(--box-background)}.nav-box .nav-box__list>*{display:inline-block;vertical-align:middle;cursor:pointer}.collapsed .nav-box .nav-box__list>*{margin:auto}.nav-box .arrow{width:24px;height:24px;position:absolute;top:50%;right:8px;transform:translateY(-50%);padding:4px;background-color:var(--box-background);border-radius:4px}.nav-box .arrow img{transition:transform .3s}.nav-box.nav-collapsed .nav-box__sub-nav{display:none}.nav-box.nav-collapsed .arrow img{transform:rotate(180deg)}.collapsed .arrow,.collapsed .nav-box__sub-nav{display:none}#nav-collapsed-button{width:48px;height:48px;background-color:rgba(255,255,255,.1);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;margin:30px auto;transition:transform .1s}#nav-collapsed-button img{width:16px}.collapsed #nav-collapsed-button{transform:rotate(180deg)}a{color:#fff;text-decoration:underline}a.block{position:relative;display:inline-block;width:215px;margin:5px;padding-bottom:10px;background-color:rgba(208,208,208,.2);border-radius:5px;box-sizing:border-box;text-decoration:none;word-break:break-word;vertical-align:top}a.block>img{width:100%;height:200px;object-fit:cover}a.block.landscape{width:190px}a.block.landscape>img{height:180px;border-radius:0;object-fit:scale-down}a.block>div.title{display:block;width:100%;max-height:calc(1.2 * 3em + 5px);overflow:hidden}a.block>div.title>span{display:block;width:100%;padding:0 5px;line-height:1.2;color:#fff;text-align:center}a.block>div.title>span:first-of-type{margin-top:5px}a:hover.block>div.title{max-height:none}a:hover.block>div.title>span{color:#64a0c8}.hidden{display:none!important}.pc-login-button-container{display:flex;justify-content:flex-end;width:100%;padding:12px 0 0}.pc-login-button{background-color:#24b26b;font-weight:700;font-size:var(--body-font-size);color:#fff;cursor:pointer;padding:8px 16px;border-radius:24px;border:none}.expandable>.expand-toggle{display:block;position:absolute;right:20px;top:20px;font-size:18px;cursor:pointer}.expandable.show>.expand-toggle{transform:rotate(-90deg) scaleY(1.5)}.expandable.hide>.expand-toggle{transform:rotate(90deg) scaleY(1.5)}.faq-img1>img{width:100%;height:100%;object-fit:cover}.latest-title>a{color:inherit}.h5-header{display:none}.popular-games-section{display:flex;flex-direction:column;gap:var(--section-gap)}.section-header-row{display:flex;align-items:center;justify-content:space-between}.section-heading{font-size:19px;color:#fff;margin:0}.see-all-link{font-size:var(--body-font-size);color:rgba(255,255,255,.65);text-decoration:none}.see-all-link:hover{color:#fff}.article-tags-section{display:flex;flex-direction:column;gap:var(--section-gap);background:var(--box-background);border-radius:var(--box-radius);padding:var(--box-padding)}.tags-list{display:flex;flex-wrap:wrap;gap:8px}.tag-pill{display:inline-block;padding:6px 16px;border-radius:4px;color:#fff;font-size:var(--body-font-size);text-decoration:none;background-color:var(--box-background);transition:background .15s;white-space:nowrap}.tag-pill:hover{background:rgba(255,255,255,.1)}.popular-game-item{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;cursor:pointer}.popular-game-img-wrap{width:100%;border-radius:8px;overflow:hidden;background:rgba(255,255,255,.06);aspect-ratio:4/5}.popular-game-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}.popular-game-label{font-size:var(--body-font-size);font-weight:700;color:rgba(255,255,255,.85);text-align:center;word-break:break-word}@media only screen and (max-width:1024px){#top-myTopnav{display:block;position:fixed;top:0;left:0;width:100%}#container{width:100%;padding-bottom:1rem!important}div.slideshow~div.section{padding-top:0}a.block{width:100%;margin:10px 0}a.block>img{height:285px}a.block>div.title{max-height:none;overflow:unset}}@media only screen and (max-width:799px){:root{--box-padding:0.2rem;--paragraph-font-size:0.28rem;--body-font-size:0.24rem}h1{font-size:.56rem}h2{font-size:.48rem}h3{font-size:.4rem}h4{font-size:.36rem}h5{font-size:.32rem}.main-menu-web,.pc,.pc.navbar{display:none!important}#body-wrapper{margin-left:0!important}#body-wrapper__container{margin:0 .2rem;padding:0}.h5-header{display:block;position:sticky;top:0;z-index:100;width:100%;background:linear-gradient(to right,#054447,#063343)}.mobile-top-nav{height:1rem;display:flex;align-items:center;padding:0 .25rem}.h5-back-btn{background:0 0;border:none;padding:0 .1rem;cursor:pointer;flex-shrink:0;display:flex;align-items:center;transform:rotate(180deg)}.h5-back-btn img{width:.4rem;height:.4rem;display:block}.header-logo-link{height:100%;display:flex;align-items:center}.header-logo{height:47%;display:block}.h5-breadcrumb{display:flex;align-items:center;gap:6px;font-size:.24rem;color:rgba(255,255,255,.7);margin-bottom:-.3rem;height:.28rem}.h5-breadcrumb a{color:rgba(255,255,255,.7);white-space:nowrap}.breadcrumb-arrow{width:.2rem;height:.2rem;opacity:.4}.auth-btn{border:none;border-radius:var(--box-radius);background:linear-gradient(110deg,#ff2700,#ff00ba);color:#fff;font-family:inherit;font-size:.24rem;font-weight:700;height:.6rem;padding:0 .3rem;cursor:pointer;white-space:nowrap;text-decoration:none}.auth-btn.notLogin{display:inline-flex;align-items:center;margin-left:auto}.article-tags-section{border-radius:0;margin:0 -.2rem;padding:.2rem .4rem}.r_footer{position:fixed;bottom:0;left:0;right:0;border-radius:1rem;width:92%;margin:0 auto .2rem;display:flex;justify-content:space-around;align-items:center;height:1rem;background:rgba(255,255,255,.7);box-shadow:0 -2px 10px #00000029;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:100}.r_footer>a{width:.8rem;height:.8rem;background-size:100% auto;background-repeat:no-repeat;background-position:top left;overflow:hidden}.r_footer>a.footer_active{background-position:bottom left}.section-heading{font-size:.38rem}.tag-pill{font-size:.26rem;padding:.1rem .28rem}}