#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 .title{font-size:.4rem;line-height:.5rem;font-weight:700;margin-bottom:.2rem}.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}@-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}.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}.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:#ab83b2;--font-color-light:rgba(177,153,181,0.42);--font-color-inverse:#fff;--bg-color:#251c31;--card-bg:rgba(189,105,193,0.12156862745098039);--primary-color:#8d00ff;--gap:0.2rem;--box-shadow-normal:0 2px 10px rgba(0,0,0,0.1);--h1-size:0.7rem;--h2-size:0.5rem;--h3-size:0.3rem;--border-radius-base:0.3rem;--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:Playpen Sans,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}.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.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}.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}.category-tags[data-v-982b342e]{overflow-x:auto;overflow-y:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;gap:.3rem;padding-bottom:.3rem}.category-tags .cate-item[data-v-982b342e]{background-color:var(--card-bg);padding:.2rem .5rem;border-radius:var(--border-radius-base);-webkit-transition:all .3s;transition:all .3s}.category-tags .cate-item[data-v-982b342e]:hover{background:var(--primary-color);color:#fff}.category-tags .cate-item[data-v-982b342e]:first-child{-webkit-animation:scroll-982b342e .6s ease-in 6 alternate forwards;animation:scroll-982b342e .6s ease-in 6 alternate forwards}@-webkit-keyframes scroll-982b342e{to{margin-left:-200px}}@keyframes scroll-982b342e{to{margin-left:-200px}}.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}.footer[data-v-32f11955]{position:absolute;left:0;bottom:0;width:100%}