#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}}.game-info{background:var(--card-bg);border-radius:var(--border-radius-base);-webkit-box-shadow:0 0 0 1px var(--border-subtle);box-shadow:0 0 0 1px var(--border-subtle);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:var(--font-color-light)}.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);color:var(--detail-btn-color);display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:var(--border-radius-base);font-weight:600}#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);-webkit-transition:all .5s;transition:all .5s}.top-bar .inner{padding:.1rem .2rem;position:relative}.top-bar.sticky{position:fixed;background:rgba(13,17,23,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-box-shadow:0 .08rem .24rem rgba(0,0,0,.5);box-shadow:0 .08rem .24rem rgba(0,0,0,.5)}.top-bar .title{font-size:.4rem;line-height:.6rem;font-weight:600;letter-spacing:.06em;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:rgba(22,27,34,.85);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);font-weight:600;letter-spacing:.03em;padding:.2rem 0;color:var(--font-color-base)}.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{-webkit-box-shadow:0 0 0 1px var(--border-subtle);box-shadow:0 0 0 1px var(--border-subtle);cursor:pointer}.game-case ul.list>.list-item .card,.game-case ul.list figure{background:var(--card-bg);border-radius:var(--border-radius-base);overflow:hidden}.game-case ul.list figure{position:relative;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{margin:0 calc(var(--gap)/-6)}.game-case.card-1 ul.list>.list-item{width:50%;padding:calc(var(--gap)/3);-webkit-box-sizing:border-box;box-sizing:border-box}.game-case.card-1 ul.list figure{border-radius:calc(var(--border-radius-base) + .04rem)}.game-case.card-1 ul.list .name{font-size:.3rem;line-height:.4rem;height:.8rem;font-weight:500;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal;overflow:hidden}.game-case.card-1 ul.list .ft{font-size:.22rem;opacity:.85}.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 var(--border-subtle)}.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 var(--border-subtle)}.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 var(--border-subtle);box-shadow:0 0 0 1px var(--border-subtle)}.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;-webkit-overflow-scrolling:touch;padding-bottom:.06rem}.game-case.scroll-1 ul.list>.list-item{display:inline-block;float:none;vertical-align:top;width:2.1rem}.game-case.scroll-1 ul.list .card{overflow:hidden}.game-case.scroll-1 ul.list figure{margin:.08rem;border-radius:calc(var(--border-radius-base) + .02rem);-webkit-box-shadow:0 0 0 1px var(--primary-muted);box-shadow:0 0 0 1px var(--primary-muted)}.game-case.scroll-1 ul.list .name{white-space:normal;font-size:.26rem;line-height:.32rem;height:.64rem;font-weight:500;margin-top:.12rem;margin-bottom:.1rem}.game-case.scroll-1 ul.list .ft{display:none}@media screen and (min-width:720px){.game-case.scroll-1 ul.list>.list-item{width:1.85rem}}.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-elevated);border-radius:var(--border-radius-base);-webkit-box-shadow:inset 0 0 0 1px var(--border-subtle);box-shadow:inset 0 0 0 1px var(--border-subtle)}.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(13,17,23,.15)),color-stop(45%,rgba(6,182,212,.35)),to(rgba(13,17,23,.92)));background:linear-gradient(180deg,rgba(13,17,23,.15),rgba(6,182,212,.35) 45%,rgba(13,17,23,.92));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:#e6edf3;--font-color-light:#8b949e;--font-color-inverse:#f0f6fc;--bg-color:#0d1117;--card-bg:#161b22;--card-bg-elevated:#1c2128;--primary-color:#22d3ee;--primary-muted:rgba(34,211,238,0.18);--border-subtle:rgba(240,246,252,0.08);--gap:0.28rem;--box-shadow-normal:0 0.12rem 0.4rem rgba(0,0,0,0.45),0 0 0 1px rgba(240,246,252,0.06);--h1-size:0.7rem;--h2-size:0.44rem;--h3-size:0.3rem;--border-radius-base:0.22rem;--detail-btn-bg:linear-gradient(135deg,#22d3ee,#06b6d4);--detail-btn-color:#041016}*{margin:0;padding:0}body{font-size:.32rem;line-height:1.45;background-color:var(--bg-color);background-image:radial-gradient(ellipse 120% 80% at 50% -20%,rgba(34,211,238,.12),transparent 55%),radial-gradient(ellipse 80% 50% at 100% 50%,rgba(6,182,212,.06),transparent 50%);color:var(--font-color-base);font-family:Outfit,system-ui,-apple-system,sans-serif;font-weight:400;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}a{color:var(--primary-color);text-decoration:none}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-c69db9c4]{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-8fdd185e]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;margin-top:.1rem}.bottom-lines a[data-v-8fdd185e]{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-6711a5b4],.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}