#app{max-width:7.2rem;margin:0 auto}.main-container{padding:calc(.6rem + var(--gap)) var(--gap) var(--gap)}@media screen and (min-width:720px){#app{width:auto;max-width:1200px}}.layout-site4{max-width:none!important;width:100%;margin:0;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;min-height:100vh}.layout-site4,.site4-main{display:-webkit-box;display:-ms-flexbox;display:flex}.site4-main{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width:1024px){.layout-site4 .site4-main{margin-left:.72rem}}@media screen and (min-width:720px){.layout-site4 .site4-main .main-container{max-width:1200px;margin-left:auto;margin-right:auto}}.side-nav{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;width:.72rem;padding:.24rem .1rem;background:#fff;border-right:1px solid rgba(0,0,0,.06);-webkit-box-shadow:2px 0 12px rgba(0,0,0,.04);box-shadow:2px 0 12px rgba(0,0,0,.04);z-index:20;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transition:width .22s ease,-webkit-box-shadow .22s ease;transition:width .22s ease,-webkit-box-shadow .22s ease;transition:width .22s ease,box-shadow .22s ease;transition:width .22s ease,box-shadow .22s ease,-webkit-box-shadow .22s ease}.side-nav:focus-within,.side-nav:hover{width:2.6rem;-webkit-box-shadow:8px 0 24px rgba(0,0,0,.08);box-shadow:8px 0 24px rgba(0,0,0,.08);z-index:30}@media screen and (min-width:1024px){.side-nav{display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;left:0;top:0;bottom:0}}.side-nav__brand{margin-bottom:.28rem;cursor:pointer;padding:.06rem 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:.12rem;min-height:.44rem}.side-nav:focus-within .side-nav__brand,.side-nav:hover .side-nav__brand{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:.06rem .04rem}.side-nav__logo-initial{-webkit-box-flex:0;-ms-flex:0 0 0.44rem;flex:0 0 0.44rem;width:.44rem;height:.44rem;border-radius:var(--border-radius-base);background:rgba(5,150,105,.12);color:var(--primary-color);font-size:.24rem;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:1}.side-nav__logo{font-size:.34rem;font-weight:700;line-height:1.25;color:var(--font-color-base);-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;text-overflow:ellipsis;opacity:0;max-width:0;overflow:hidden;white-space:nowrap;-webkit-transition:opacity .18s ease,max-width .22s ease;transition:opacity .18s ease,max-width .22s ease}.side-nav:focus-within .side-nav__logo,.side-nav:hover .side-nav__logo{opacity:1;max-width:4rem}.side-nav:focus-within .side-nav__logo-initial,.side-nav:hover .side-nav__logo-initial{display:none}.side-nav:not(:hover):not(:focus-within) .side-nav__logo-initial{display:-webkit-box;display:-ms-flexbox;display:flex}.side-nav__links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.04rem;-webkit-box-flex:1;-ms-flex:1;flex:1}.side-nav__footer a,.side-nav__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:0;padding:.14rem;border-radius:var(--border-radius-base);font-size:.26rem;font-weight:500;color:var(--font-color-light);-webkit-transition:background .2s,color .2s;transition:background .2s,color .2s;white-space:nowrap;min-height:.48rem;-webkit-box-sizing:border-box;box-sizing:border-box}.side-nav__footer a:hover,.side-nav__link:hover{background:rgba(5,150,105,.08);color:var(--primary-color)}.side-nav__footer a.active,.side-nav__link.active{background:rgba(5,150,105,.12);color:var(--primary-color);font-weight:600}.side-nav:focus-within .side-nav__footer a,.side-nav:focus-within .side-nav__link,.side-nav:hover .side-nav__footer a,.side-nav:hover .side-nav__link{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:.12rem}.side-nav__link-icon{-webkit-box-flex:0;-ms-flex:0 0 0.44rem;flex:0 0 0.44rem;width:.44rem;height:.44rem;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:.28rem;line-height:.44rem}.side-nav__link-icon,.side-nav__link-text{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;align-items:center}.side-nav__link-text{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;-ms-flex-align:center;line-height:1.2;line-height:.44rem;white-space:nowrap;text-overflow:ellipsis;opacity:0;max-width:0;overflow:hidden;-webkit-transition:opacity .18s ease,max-width .22s ease;transition:opacity .18s ease,max-width .22s ease}.side-nav:focus-within .side-nav__footer .side-nav__link-text,.side-nav:focus-within .side-nav__link-text,.side-nav:hover .side-nav__footer .side-nav__link-text,.side-nav:hover .side-nav__link-text{opacity:1;max-width:3.2rem}.side-nav__footer{margin-top:auto;padding-top:.2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.04rem}.side-nav__footer a{font-size:.22rem;color:var(--font-color-light);text-decoration:none;opacity:.9}.side-nav__footer a:hover{color:var(--primary-color);text-decoration:underline}.side-nav__footer a .side-nav__link-text{text-decoration:inherit}.category-strip-wrap{margin:0 calc(var(--gap)*-1) .24rem;padding:0 var(--gap)}.category-strip{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:.16rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:.08rem;-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(#000),to(transparent));-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - .4rem),transparent);mask-image:-webkit-gradient(linear,left top,right top,from(#000),to(transparent));mask-image:linear-gradient(90deg,#000 calc(100% - .4rem),transparent)}.category-strip__pill{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding:.14rem .28rem;border-radius:999px;font-size:.24rem;font-weight:500;color:var(--font-color-base);background:var(--card-bg);border:1px solid rgba(0,0,0,.08);-webkit-box-shadow:var(--box-shadow-normal);box-shadow:var(--box-shadow-normal);-webkit-transition:background .2s,color .2s,border-color .2s;transition:background .2s,color .2s,border-color .2s;white-space:nowrap}.category-strip__pill:hover{border-color:rgba(5,150,105,.35);color:var(--primary-color)}.category-strip__pill.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.leaderboard-panel{margin-bottom:calc(var(--gap)*1.5);padding:.28rem;background:var(--card-bg);border-radius:calc(var(--border-radius-base)*1.25);-webkit-box-shadow:var(--box-shadow-normal);box-shadow:var(--box-shadow-normal)}.leaderboard-panel__hd{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:.2rem;margin-bottom:.24rem}.leaderboard-panel__title{font-size:var(--h2-size);font-weight:700;margin:0}.leaderboard-panel__hint{font-size:.22rem;color:var(--font-color-light)}.leaderboard-panel__list{list-style:none;margin:0;padding:0}.leaderboard-panel__row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;border-top:1px solid rgba(0,0,0,.06)}.leaderboard-panel__row:first-child{border-top:0}.leaderboard-panel__rank{-webkit-box-flex:0;-ms-flex:0 0 0.52rem;flex:0 0 0.52rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:.26rem;font-weight:700;color:var(--font-color-light)}.leaderboard-panel__rank[data-rank="1"]{color:#c9a227}.leaderboard-panel__rank[data-rank="2"]{color:#9aa3ad}.leaderboard-panel__rank[data-rank="3"]{color:#b87333}.leaderboard-panel__game{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.2rem;padding:.18rem 0;color:inherit}.leaderboard-panel__game:hover .leaderboard-panel__name{color:var(--primary-color)}.leaderboard-panel__cover{width:.72rem;height:.72rem;border-radius:var(--border-radius-base);overflow:hidden;margin:0;-ms-flex-negative:0;flex-shrink:0;background:var(--bg-color)}.leaderboard-panel__cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.leaderboard-panel__name{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;font-size:.26rem;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.leaderboard-panel__score{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;font-size:.24rem;font-weight:600;color:var(--font-color-light)}.leaderboard-panel__score:before{content:"\2605   ";opacity:.5}.game-info{background:var(--card-bg);border:1px solid var(--line-color);-webkit-box-shadow:var(--box-shadow-normal);box-shadow:var(--box-shadow-normal);border-radius:var(--border-radius-base);margin-bottom:.32rem}.game-info .inner{padding:.28rem .28rem .28rem 2.1rem;position:relative;min-height:1.68rem}.game-info .title{font-weight:700}.game-info figure{display:block;width:1.64rem;height:1.64rem;border-radius:var(--border-radius-base);overflow:hidden;position:absolute;left:.28rem;top:.28rem}.game-info figure img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.game-info .item{line-height:.45rem;font-size:.28rem;white-space:nowrap;text-overflow:ellipsis}.game-info .item .label{padding-right:.1rem;color:var(--accent-color);font-weight:600}.play-area .play{margin:.3rem 0;display:block;text-align:center;background:var(--detail-btn-bg);font-size:.5rem;font-weight:700;line-height:.9rem;color:var(--detail-btn-color);text-decoration:none;border-radius:999px;-webkit-box-shadow:0 .16rem .38rem rgba(5,150,105,.25);box-shadow:0 .16rem .38rem rgba(5,150,105,.25);-webkit-animation:shark 1.4s ease infinite;animation:shark 1.4s ease infinite}.game-desc .title,.game-info .title,.game-tags .title{font-size:.4rem;line-height:.5rem;font-weight:700;margin-bottom:.2rem}.game-tags{background:var(--card-bg);border:1px solid var(--line-color);-webkit-box-shadow:var(--box-shadow-normal);box-shadow:var(--box-shadow-normal);border-radius:var(--border-radius-base);margin-bottom:.3rem;padding:.28rem}.game-tags .content{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.1rem}.game-tags .tag{font-size:.24rem;padding:.14rem .28rem;border:1px solid var(--line-color);border-radius:999px;background:#fff;color:var(--font-color-base)}.game-desc{background:var(--card-bg);border:1px solid var(--line-color);-webkit-box-shadow:var(--box-shadow-normal);box-shadow:var(--box-shadow-normal);border-radius:var(--border-radius-base);padding:.28rem}.game-desc .content{font-size:.24rem;line-height:1.65;color:var(--font-color-light)}@-webkit-keyframes shark{0%{-webkit-transform:scale(.9);transform:scale(.9)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.9);transform:scale(.9)}}@keyframes shark{0%{-webkit-transform:scale(.9);transform:scale(.9)}50%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.9);transform:scale(.9)}}.button{padding:.2rem .3rem;background:var(--primary-color);display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:.04rem}#nprogress{pointer-events:none}#nprogress .bar{background:var(--primary-color);background-image:-webkit-gradient(linear,right top,left top,color-stop(25%,transparent),color-stop(100%,hsla(0,0%,100%,.3)),to(transparent));background-image:linear-gradient(270deg,transparent 25%,hsla(0,0%,100%,.3) 100%,transparent);background-size:50% 100%;background-repeat:no-repeat;background-position:right 0;border-radius:0 2px 2px 0;position:fixed;z-index:1031;top:0;left:0;width:100%;height:3px}.top-bar{height:.88rem;position:absolute;width:100%;left:0;top:0;z-index:10;color:var(--font-color-base);-webkit-transition:all .3s;transition:all .3s}.top-bar .inner{padding:.12rem .2rem;position:relative}.top-bar.sticky{position:fixed;background:hsla(0,0%,100%,.94);-webkit-backdrop-filter:blur(.16rem);backdrop-filter:blur(.16rem);-webkit-box-shadow:0 .08rem .28rem rgba(5,150,105,.12);box-shadow:0 .08rem .28rem rgba(5,150,105,.12)}.top-bar .title{font-size:.42rem;line-height:.64rem;font-weight:700;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 .72rem}.top-bar .ctrl{width:.44rem;height:.44rem;padding:.1rem;position:absolute;top:.12rem;border-radius:50%;background:rgba(5,150,105,.08)}.top-bar .ctrl.left{left:.14rem}.top-bar .ctrl.right{right:.14rem}.top-bar .ctrl svg{width:100%;height:100%;display:block;fill:currentColor}.page-game .top-bar{width:.82rem;overflow:hidden;background:hsla(0,0%,100%,.92);border-radius:0 0 var(--border-radius-base)}.page-game .top-bar .ctrl.right,.page-game .top-bar .title{display:none}.game-case.top-picks{margin-bottom:calc(var(--gap)*1.5)}.game-case.top-picks>.hd .title{font-size:calc(var(--h2-size)*1.05);font-weight:700}.game-case.top-picks ul.list>.list-item{width:50%}.game-case.top-picks ul.list>.list-item .card{-webkit-box-shadow:0 4px 14px rgba(0,0,0,.08);box-shadow:0 4px 14px rgba(0,0,0,.08)}.game-case.top-picks ul.list>.list-item .card,.game-case.top-picks ul.list>.list-item figure{border-radius:calc(var(--border-radius-base)*1.2)}.game-case.top-picks ul.list>.list-item .name{font-size:.3rem;line-height:.38rem;height:.76rem;font-weight:600}@media screen and (min-width:520px){.game-case.top-picks ul.list>.list-item{width:33.3%}}@media screen and (min-width:720px){.game-case.top-picks ul.list>.list-item{width:25%}}.game-case{margin-bottom:calc(var(--gap)*1.5)}.game-case>.hd{position:relative}.game-case>.hd .title{font-size:var(--h2-size);padding:.2rem 0}.game-case>.hd .more{position:absolute;right:0;top:.2rem;line-height:var(--h2-size);font-size:.28rem;text-decoration:none}.game-case ul.list{list-style:none;overflow:hidden;margin:0 calc(var(--gap)/-4)}.game-case ul.list>.list-item{float:left;width:33.3%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:calc(var(--gap)/4);text-align:center}.game-case ul.list>.list-item .card{background:var(--card-bg);border:1px solid var(--line-color);-webkit-box-shadow:var(--box-shadow-normal);box-shadow:var(--box-shadow-normal);border-radius:var(--border-radius-base);cursor:pointer;overflow:hidden}.game-case ul.list figure{overflow:hidden;position:relative;background:var(--card-bg);border-radius:var(--border-radius-base);padding-bottom:100%}.game-case ul.list figure img{position:absolute;left:50%;top:50%;height:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.game-case ul.list .name{font-size:.28rem;line-height:.34rem;height:.68rem;overflow:hidden;font-weight:400;margin-top:calc(var(--gap)/2);margin-bottom:calc(var(--gap)/2)}.game-case ul.list .ft{font-size:.24rem;font-weight:300;color:var(--font-color-light);padding:calc(var(--gap)/2) calc(var(--gap)/4)}.game-case ul.list .ft span{display:inline-block;width:50%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.game-case ul.list .views{text-align:left}.game-case ul.list .score{text-align:right}.game-case ul.list .score:before{content:"\2605";display:inline-block;-webkit-transform:scale(.9);transform:scale(.9);padding-right:.05rem;opacity:.4}@media screen and (min-width:720px){.game-case ul.list>.list-item{width:20%}}.game-case.card-1 ul.list .list-item{width:50%}.game-case.card-1 ul.list .name{font-size:.4rem;line-height:.5rem;height:.5rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.game-case.list-1 ul.list>.list-item{float:none;width:auto;padding:0}.game-case.list-1 ul.list>.list-item+.list-item{margin-top:.1rem}.game-case.list-1 ul.list .card{min-height:calc(1.5rem + var(--gap)/4*2);padding-left:calc(1.5rem + var(--gap)/4*2);position:relative;overflow:hidden}.game-case.list-1 ul.list figure{width:1.5rem;height:1.5rem;padding-bottom:0;position:absolute;left:0;top:0;margin:calc(var(--gap)/4)}.game-case.list-1 ul.list .name{font-size:.4rem;line-height:.68rem;height:.68rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;padding-left:var(--gap)}.game-case.list-1 ul.list .ft{padding:0 var(--gap);margin-top:.3rem}.game-case.list-1 ul.list .ft .views:after{content:" plays"}.game-case.list-2{background:var(--card-bg);margin-left:-.24rem;margin-right:-.24rem;padding:.24rem}.game-case.list-2 ul.list>.list-item{float:none;width:auto}.game-case.list-2 ul.list .list-item+.list-item{border-top:1px solid rgba(0,0,0,.06666666666666667)}.game-case.list-2 ul.list .card{min-height:1.74rem;padding-left:1.74rem;position:relative;background:none;border-radius:0}.game-case.list-2 ul.list figure{width:1.5rem;height:1.5rem;padding-bottom:0;position:absolute;left:0;top:0;margin:.12rem}.game-case.list-2 ul.list .name{font-size:.4rem;line-height:.68rem;height:.68rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;padding-left:var(--gap)}.game-case.list-2 ul.list .ft{padding:0 var(--gap);margin-top:.3rem}.game-case.list-2 ul.list .ft .views:after{content:" plays"}.game-case.list-3{background:var(--card-bg);margin-left:-.16rem;margin-right:-.16rem;padding:.16rem}.game-case.list-3 ul.list>.list-item{float:none;width:auto}.game-case.list-3 ul.list .list-item+.list-item{border-top:1px dashed rgba(0,0,0,.13333333333333333)}.game-case.list-3 ul.list .card{min-height:1.66rem;padding-right:1.66rem;position:relative;background:none;border-radius:0}.game-case.list-3 ul.list figure{width:1.5rem;height:1.5rem;padding-bottom:0;position:absolute;right:0;top:0;margin:calc(var(--gap)/4);-webkit-box-shadow:0 0 0 1px #eee;box-shadow:0 0 0 1px #eee}.game-case.list-3 ul.list .name{font-size:.4rem;line-height:.68rem;height:.68rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;padding-left:var(--gap)}.game-case.list-3 ul.list .ft{padding:0 var(--gap);margin-top:.3rem}.game-case.list-3 ul.list .ft .views:after{content:" plays"}.game-case.scroll-1 ul.list{overflow:auto;white-space:nowrap}.game-case.scroll-1 ul.list>.list-item{display:inline-block;float:none}.game-case.scroll-1 ul.list .card{overflow:hidden}.game-case.scroll-1 ul.list figure{margin:.1rem}.game-case.scroll-1 ul.list .name{white-space:normal}.game-case.scroll-2{padding-left:var(--gap);padding-right:var(--gap);margin-left:calc(var(--gap)*-1);margin-right:calc(var(--gap)*-1);background:var(--card-bg)}.game-case.scroll-2 ul.list{overflow:auto;white-space:nowrap}.game-case.scroll-2 ul.list>.list-item{display:inline-block;float:none}.game-case.scroll-2 ul.list>.list-item .card{background:none;border-radius:0}.game-case.scroll-2 ul.list .name{height:.34rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.game-case.puzzle ul.list{display:grid;grid-template-columns:repeat(auto-fill,minmax(2rem,1fr));grid-gap:.1rem;grid-auto-rows:minmax(2rem,auto)}@media screen and (min-width:720px){.game-case.puzzle ul.list{grid-template-columns:repeat(auto-fill,minmax(100px,16%))}}.game-case.puzzle ul.list .list-item{width:unset;padding:0}.game-case.puzzle ul.list .list-item .card{position:relative;overflow:hidden}.game-case.puzzle ul.list .list-item .card:after{content:"";position:absolute;left:0;right:0;bottom:0;top:0;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.2)),to(rgba(0,0,0,.9)));background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.9));background-position:no-repeat;color:var(--font-color-inverse);opacity:0;z-index:0;-webkit-transition:opacity .3s;transition:opacity .3s}.game-case.puzzle ul.list .list-item .card figure{-webkit-transition:-webkit-transform .3s linear;transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear}.game-case.puzzle ul.list .list-item .card .ft,.game-case.puzzle ul.list .list-item .card .name{position:absolute;left:0;right:0;bottom:0;-webkit-transition:all .3s;transition:all .3s}.game-case.puzzle ul.list .list-item .card .name{bottom:.3rem}.game-case.puzzle ul.list .list-item .card .ft,.game-case.puzzle ul.list .list-item .card .name{-webkit-transform:translateY(200%);transform:translateY(200%)}.game-case.puzzle ul.list .list-item:hover .card:after{opacity:1}.game-case.puzzle ul.list .list-item:hover .card figure{-webkit-transform:scale(1.1);transform:scale(1.1)}.game-case.puzzle ul.list .list-item:hover .card .ft,.game-case.puzzle ul.list .list-item:hover .card .name{color:var(--font-color-inverse);-webkit-transform:translateY(0);transform:translateY(0);z-index:2}.game-case.puzzle.spec-1 .list-item:first-child,.game-case.puzzle.spec-2 .list-item:nth-child(2),.game-case.puzzle.spec-4 .list-item:nth-child(4),.game-case.puzzle.spec-5 .list-item:nth-child(5){grid-row-end:span 2;grid-column-end:span 2}@media screen and (min-width:720px){.game-case.puzzle li.list-item{grid-row-end:span 1!important;grid-column-end:span 1!important}}.fix-bottom{bottom:0}.fix-bottom,.fix-top{width:100%;left:0;position:fixed}.fix-top{top:1rem}.toasted .primary,.toasted.toasted-primary{background-color:rgba(0,0,0,.7);line-height:1.5;border-radius:6px;font-weight:400}.toasted-container .toasted .action{font-size:14px}@media only screen and (max-width:600px){.toasted-container{min-width:9.8rem}.toasted-container.bottom-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:7%;text-align:center}}:root{--font-color-base:#134e4a;--font-color-light:#64748b;--font-color-inverse:#fff;--bg-color:#f0fdf4;--card-bg:#fff;--primary-color:#059669;--accent-color:#0ea5e9;--line-color:#bbf7d0;--gap:0.3rem;--box-shadow-normal:0 0.12rem 0.38rem rgba(5,150,105,0.1);--h1-size:0.7rem;--h2-size:0.5rem;--h3-size:0.3rem;--border-radius-base:0.22rem;--detail-btn-bg:linear-gradient(135deg,var(--primary-color),#10b981);--detail-btn-color:var(--font-color-inverse)}*{margin:0;padding:0}body{font-size:.32rem;line-height:1.45;background-color:var(--bg-color);color:var(--font-color-base);font-family:Sora,system-ui,-apple-system,sans-serif;font-weight:400;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:100vh;background-image:radial-gradient(ellipse 80% 50% at 0 0,rgba(5,150,105,.12),transparent 55%),radial-gradient(ellipse 60% 40% at 100% 5%,rgba(14,165,233,.08),transparent 50%),-webkit-gradient(linear,left top,left bottom,from(#f0fdf4),to(#ecfdf5));background-image:radial-gradient(ellipse 80% 50% at 0 0,rgba(5,150,105,.12),transparent 55%),radial-gradient(ellipse 60% 40% at 100% 5%,rgba(14,165,233,.08),transparent 50%),linear-gradient(180deg,#f0fdf4,#ecfdf5);background-attachment:fixed}a{color:var(--primary-color);text-decoration:none}.card,.ctrl,.menu-item,a{cursor:pointer}figure,header{display:block}.mb-gap{margin-bottom:var(--gap)}.adsbygoogle[data-v-368e386a]{display:block;margin-left:auto;margin-right:auto}ins[data-ad-status=unfilled][data-v-368e386a]{background:#eee;display:none}.adx-container__normal[data-v-68d72562]{display:flex;justify-content:center}.base-footer{font-size:.24rem;text-align:center;padding:.2rem}.base-footer .copyright{margin-top:.1rem}.bottom-lines[data-v-2e7fea2c]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;margin-top:.1rem}.bottom-lines a[data-v-2e7fea2c]{text-decoration:underline}.site-description .title[data-v-fd5c7ca2]{font-size:.32rem;margin-bottom:.2rem}.site-description .content[data-v-fd5c7ca2]{color:var(--font-color-light);font-size:.24rem;line-height:1.4}.site-description .content p+p[data-v-fd5c7ca2]{margin-top:.2rem}.adx-popup[data-v-f2a55074]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:none}.adx-popup.is-visible[data-v-f2a55074]{display:block}.adx-popup__overlay[data-v-f2a55074]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);cursor:pointer}.adx-popup__content[data-v-f2a55074]{top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000}.adx-popup__close[data-v-f2a55074],.adx-popup__content[data-v-f2a55074]{position:absolute;display:flex;align-items:center;justify-content:center}.adx-popup__close[data-v-f2a55074]{top:-40px;right:0;width:32px;height:32px;background-color:rgba(0,0,0,.6);color:#fff;border:none;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;transition:background-color .3s;z-index:10001}.adx-popup__close[data-v-f2a55074]:hover{background-color:rgba(0,0,0,.8)}.adx-popup__close[data-v-f2a55074]:active{background-color:#000}.section-block[data-v-9cd08a9c]{margin-bottom:0}.section-top-picks[data-v-9cd08a9c]{margin-top:.1rem}.content[data-v-22254d2c],.content[data-v-a02a36a8],.content[data-v-ba8d02b2]{line-height:1.4}.error-page .icon[data-v-4d33b352]{width:2rem;height:2rem;margin:1rem auto .5rem;color:#999}.error-page .icon svg[data-v-4d33b352]{width:100%;height:100%}.error-page h1[data-v-4d33b352]{text-align:center;color:#999;margin-bottom:.4rem}.menu-wrap[data-v-2ee71636]{position:relative}.menu-button[data-v-2ee71636]{width:.4rem;height:.4rem;cursor:pointer;position:relative;z-index:101;-webkit-transition:all .3s;transition:all .3s}.menu-wrap.open .menu-button[data-v-2ee71636]{-webkit-transform:rotate(90deg);transform:rotate(90deg);color:#fff}.menu-list[data-v-2ee71636]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5333333333333333);z-index:100;-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem);overflow-y:auto;overflow-x:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:0}.menu-wrap.open .menu-list[data-v-2ee71636]{padding-top:.8rem;height:100%}.menu-item[data-v-2ee71636]{padding:.2rem;font-size:.4rem;color:#fff;font-weight:600;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;text-align:center}.menu-item[data-v-2ee71636]:hover{background:var(--primary-color);color:#fff}.footer[data-v-63062898]{position:absolute;left:0;bottom:0;width:100%}[data-v-6a865938] .card .ft{display:none}