#app{max-width:7.2rem;margin:0 auto}.main-container{padding:calc(.6rem + var(--gap)) var(--gap) var(--gap)}.game-info{background:var(--card-bg);border-radius:var(--border-radius-base);margin-bottom:.3rem}.game-info .inner{padding:.2rem .2rem .2rem 2rem;position:relative;min-height:1.6rem}.game-info figure{display:block;width:1.6rem;height:1.6rem;border-radius:var(--border-radius-base);overflow:hidden;position:absolute;left:.2rem;top:.2rem}.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:#999}.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:var(--border-radius-base);-webkit-animation:shark .5s ease infinite;animation:shark .5s 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 .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:.16rem .3rem;border:1px solid var(--font-color-light);border-radius:var(--border-radius-base)}.game-desc .content{font-size:.24rem;line-height:1.4;opacity:.8}@-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:.8rem;position:absolute;width:100%;left:0;top:0;z-index:10;color:var(--font-color-base) light;-webkit-transition:all .5s;transition:all .5s}.top-bar .inner{padding:.1rem .2rem;position:relative}.top-bar.sticky{position:fixed;background:var(--bg-color);-webkit-box-shadow:0 0 .2rem rgba(0,0,0,.3);box-shadow:0 0 .2rem rgba(0,0,0,.3)}.top-bar .title{font-size:.4rem;line-height:.6rem;text-transform:uppercase;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 .6rem}.top-bar .ctrl{width:.4rem;height:.4rem;padding:.1rem;position:absolute;top:.1rem}.top-bar .ctrl.left{left:.1rem}.top-bar .ctrl.right{right:.1rem}.top-bar .ctrl svg{width:100%;height:100%;display:block;fill:currentColor}.page-game .top-bar{width:.8rem;overflow:hidden;background:hsla(0,0%,100%,.3);border-radius:0 0 .4rem}.page-game .top-bar .ctrl.right,.page-game .top-bar .title{display:none}.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-radius:var(--border-radius-base);cursor:pointer;overflow:hidden}.game-case ul.list figure{overflow:hidden;position:relative;background:#f0f0f0;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}.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:.2rem}.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)}.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}.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:#31248e;--font-color-light:#4e4ec5;--font-color-inverse:#fff;--bg-color:#d6e0ff;--card-bg:hsla(0,0%,100%,0.6666666666666666);--primary-color:#4f46e5;--secondary-color:#06b6d4;--accent-color:#f43f5e;--gap:0.3rem;--box-shadow-normal:0 4px 16px rgba(79,70,229,0.1);--h1-size:0.7rem;--h2-size:0.5rem;--h3-size:0.3rem;--border-radius-base:0.1rem;--detail-btn-bg:var(--primary-color);--detail-btn-color:var(--font-color-inverse)}*{margin:0;padding:0}body{font-size:.32rem;line-height:1;background-color:var(--bg-color);color:var(--font-color-base);font-family:Kdam Thmor Pro,Roboto,helvetica,sans-serif;font-weight:300;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}a{color:inherit;text-decoration:none}figure,header{display:block}.mb-gap{margin-bottom:var(--gap)}.adsbygoogle[data-v-d92d178a]{display:block;margin-left:auto;margin-right:auto}ins[data-ad-status=unfilled][data-v-d92d178a]{background:#eee;display:none}.base-footer{font-size:.24rem;text-align:center;padding:.2rem}.base-footer .copyright{margin-top:.1rem}.bottom-lines[data-v-25664b79]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;margin-top:.1rem}.bottom-lines a[data-v-25664b79]{text-decoration:underline}.site-description .title[data-v-7c8e6d28]{font-size:.32rem;margin-bottom:.2rem}.site-description .content[data-v-7c8e6d28]{color:var(--font-color-light);font-size:.24rem;line-height:1.4}.site-description .content p+p[data-v-7c8e6d28]{margin-top:.2rem}.content[data-v-9869e4d8],.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}