*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;font:14px/1 sans-serif}body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;color:#fff}img{vertical-align:top;max-width:100%}a{text-decoration:none;touch-action:manipulation}input,select{border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}ul,ol{list-style:none}video{display:block;width:100%;height:100%;background:#000;-o-object-fit:cover;object-fit:cover}.page{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;display:none;z-index:2}#landingPage{background:#b6dc7b url(img/landing/leaf_bg.png) no-repeat 50%/cover}#landingPage .logos{position:absolute;top:0;left:50%;transform:translateX(-50%);width:81.3333333333%;max-width:305px;z-index:2}#landingPage .title{position:absolute;top:9%;left:50%;transform:translateX(-50%);width:91.88%;z-index:3}#landingPage .kaishu{position:absolute;bottom:10px;right:10px;width:51px;z-index:2}#landingPage .btnGo{position:absolute;top:70%;left:50%;width:90px;height:61px;margin-left:-45px;z-index:3}#landingPage .btnGo .shadow{position:absolute;top:-30%;left:-15%;width:130%;height:160%;max-width:none;-webkit-animation:btnGoShadow .5s linear infinite alternate;animation:btnGoShadow .5s linear infinite alternate}@-webkit-keyframes btnGoShadow{to{transform:scale(1.1)}}@keyframes btnGoShadow{to{transform:scale(1.1)}}#landingPage .btnGo .btn{display:block;width:100%;height:100%;-webkit-animation:btnGo .5s linear infinite alternate;animation:btnGo .5s linear infinite alternate}@-webkit-keyframes btnGo{to{transform:scale(0.95)}}@keyframes btnGo{to{transform:scale(0.95)}}#landingPage canvas{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;z-index:1}#loadingPage{background:#a4dde3;color:#ea9472;text-align:center}#loadingPage .loadbox{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:224px}#loadingPage .bar{padding:0 10px;height:30px;background:url(img/loading/bar.png) no-repeat 50%/100% 100%;margin-bottom:10px}#loadingPage .bar .value{height:100%;border-radius:15px;width:0;background:url(img/loading/bar_fill.png) repeat-x 0 50%/30px 100%;transition:50ms linear;-webkit-animation:barValue 2s linear infinite;animation:barValue 2s linear infinite}@-webkit-keyframes barValue{to{background-position:30px 50%}}@keyframes barValue{to{background-position:30px 50%}}#loadingPage .text{font-size:24px;font-weight:bold}#loadingPage #cloudStage{width:100%;height:100%}#loadingPage #walkStage{width:100%;margin-bottom:-4px}#loadingPage #numberStage{width:auto;height:24px}#gamePage .video{position:absolute;bottom:0;left:0}.hairtail #gamePage .video{-o-object-fit:contain;object-fit:contain}#gamePage .skip{position:absolute;top:0;right:0;width:70px;height:30px;z-index:2;display:none}#gamePage .loadingtext{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:2}#stage{position:relative;width:100%;height:100%;z-index:1}#dialog{position:absolute;bottom:0;left:0;width:100%;z-index:3}#dialog img{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);width:96.4%;max-width:361px;opacity:0;visibility:hidden;transition:.2s ease-out}#dialog img.show{opacity:1;visibility:visible}#rolePage{background:#c4e5e5}#rolePage canvas{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%}#rolePage .title{position:relative;z-index:2;display:block;margin:25% auto 10%;width:69.3333333333%;max-width:260px}#rolePage .roles{position:relative;z-index:2;margin:0 auto;width:69.3333333333%;max-width:260px;overflow:hidden}#rolePage .roles .role{position:relative;float:left;width:50%}#rolePage .roles .role img{display:block}#rolePage .roles .role .active{position:absolute;top:0;left:0;width:100%;height:100%;display:none}#rolePage .roles .role.selected .active{display:block}#rolePage .next{position:relative;z-index:2;display:block;width:92px;height:66px;margin:0 auto}#rolePage .next.disabled{pointer-events:none;opacity:.5}.recordPageStyle{background:#f0e5f4}.recordPageStyle .pageinner{display:flex;flex-direction:column;justify-content:center;height:100%}.recordPageStyle .topactions{margin:10px 10px 10px auto;height:32px}.recordPageStyle .topactions img{height:100%;margin-left:10px}.recordPageStyle .mainbox{position:relative;flex:1;margin:0 10px;border:3px solid #5e2984;border-radius:16px;overflow:hidden}.recordPageStyle .mainbox .viewport{position:relative;width:100%;height:100%;z-index:1;border-radius:12px;overflow:hidden}.recordPageStyle .mainbox .viewport .video{height:100% !important}.recordPageStyle .mainbox .viewport #stage{position:absolute;top:50%;left:0;height:auto;transform:translateY(-50%);z-index:1}.recordPageStyle .mainbox .viewport #dialog{z-index:2}.recordPageStyle .mainbox .progressbar{position:absolute;bottom:20px;left:15px;right:15px;height:6px;border-radius:3px;background:#fff;z-index:2}.recordPageStyle .mainbox .progressbar .hints .hint{position:absolute;top:0;left:50%;background:#a188ac;width:6px;height:100%}.recordPageStyle .mainbox .progressbar .thumb{position:absolute;top:-8px;left:0;transform:translateX(-50%);width:20px;height:22px}.recordPageStyle .mainbox .playcover{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5) url(img/record/icon_play.png) no-repeat 50%/50px;z-index:3;border-radius:12px;overflow:hidden}.recordPageStyle .mainbox.moving .playcover{display:none !important}#previewPage .share_arrow{position:absolute;top:10px;right:10px;height:34px}#previewPage .donebox{text-align:center;height:96px}#previewPage .donebox .tip{display:block;margin:2% auto;width:36.8%;max-width:138px}#previewPage .donebox .share_poster{width:36.5333333333%;max-width:137px}#recordPage .lineboxlist{position:absolute;bottom:10px;left:10px;right:10px;z-index:3}#recordPage .linebox{position:relative;margin-top:5px;background:rgba(255,255,255,.7);border:1px solid #5e2a83;color:#5e2a83;height:29px;border-radius:11px}#recordPage .linebox .whopgs{position:absolute;top:-26px;right:10px;width:90px;height:25px;background:url(img/record/whopgs.png) no-repeat 50%/100% 100%;font-size:12px;font-weight:bold;line-height:31px;text-indent:8px;text-align:center}#recordPage .linebox .playorig{float:left;width:66px;height:27px;margin-right:6px;transition:.2s}#recordPage .linebox .line{margin-right:6px;font-size:14px;font-weight:500;white-space:nowrap;line-height:27px;height:100%;overflow:hidden}#recordPage .linebox .line .textlinebox{position:relative;height:100%;transform-origin:0 50%}#recordPage .linebox .line .textline{position:absolute;top:0;left:0}#recordPage .linebox .line .curr{color:#000;display:none}#recordPage .linebox .line .curr .text{overflow:hidden;width:0}#recordPage .linebox:nth-child(2){padding-left:72px}#recordPage .ctrlpanel{display:flex;align-items:center;justify-content:space-around;margin:0 7%;height:96px;transition:.2s}#recordPage .ctrlpanel .btnwp{width:42px}#recordPage .ctrlpanel img{width:42px;height:49px}#recordPage .ctrlpanel .record{width:97px;height:63px}#recordPage .ctrlpanel .pause{width:73px;height:63px}#recordPage .ctrlpanel .pause,#recordPage .ctrlpanel .replay,#recordPage .ctrlpanel .rerecord,#recordPage .ctrlpanel .next,#recordPage .ctrlpanel .finish{display:none}#recordPage .ctrlpanel.done .record,#recordPage .ctrlpanel.done .pause{display:none}#recordPage .ctrlpanel.done .replay,#recordPage .ctrlpanel.done .rerecord,#recordPage .ctrlpanel.done .next{display:block}#recordPage .ctrlpanel.last .next{display:none}#recordPage .ctrlpanel.last.done .finish{display:block}#recordPage.recording .ctrlpanel .record{display:none}#recordPage.recording .ctrlpanel .pause{display:block}#recordPage.cutscene .playorig,#recordPage.cutscene .ctrlpanel,#recordPage.playingorig .playorig,#recordPage.playingorig .ctrlpanel,#recordPage.replaying .playorig,#recordPage.replaying .ctrlpanel{opacity:.5;pointer-events:none}#recordPage.recording .playorig{opacity:.5;pointer-events:none}#recordPage.recording .linebox .orig,#recordPage.playingorig .linebox .orig,#recordPage.replaying .linebox .orig{opacity:.7}#recordPage.recording .linebox .curr,#recordPage.playingorig .linebox .curr,#recordPage.replaying .linebox .curr{display:block}#recordPage.cutscene .lineboxlist{display:none}#recordPage .rerecordConfirm{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(240,229,245,.7);color:#fff;z-index:98;display:none}#recordPage .rerecordConfirm .rerecordConfirmDialog{position:relative;margin:50% auto 0;width:263px;background:url(img/record/reset_confirm.png) no-repeat 50%/100% 100%}#recordPage .rerecordConfirm .rerecordConfirmDialog::before{content:"";display:block;padding-top:55.5133079848%}#recordPage .rerecordConfirm .rerecordConfirmDialog .ok{position:absolute;bottom:4%;left:4%;width:44.4866920152%}#recordPage .rerecordConfirm .rerecordConfirmDialog .cancel{position:absolute;bottom:4%;right:4%;width:44.4866920152%}#recordPage .rerecordConfirm .cnt{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}#friendPage .friendbox{display:flex;align-items:center;justify-content:center;height:96px}#friendPage .friendbox .jd,#friendPage .friendbox .play{width:36.5333333333%;max-width:137px;margin:0 2%}#endPage{background:#e4fcce}#endPage canvas{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%}#endPage .btm{position:absolute;top:75%;left:0;width:100%;z-index:2;display:none}#endPage .btns{width:76%;max-width:285px;text-align:center;margin:0 auto 10%}@-webkit-keyframes letterOut{from{opacity:0;transform:translate3d(0, -50vh, 0) rotateX(90deg) scale(0.6) skewX(-10deg)}}@keyframes letterOut{from{opacity:0;transform:translate3d(0, -50vh, 0) rotateX(90deg) scale(0.6) skewX(-10deg)}}@-webkit-keyframes letterOutL{from{opacity:0;transform:translate3d(20%, -50vh, 0) rotateX(90deg) scale(0.6)}}@keyframes letterOutL{from{opacity:0;transform:translate3d(20%, -50vh, 0) rotateX(90deg) scale(0.6)}}@-webkit-keyframes letterOutR{from{opacity:0;transform:translate3d(-20%, -50vh, 0) rotateX(90deg) scale(0.6) skewX(10deg)}}@keyframes letterOutR{from{opacity:0;transform:translate3d(-20%, -50vh, 0) rotateX(90deg) scale(0.6) skewX(10deg)}}#endPage .btns img{transform:translate3d(0, 0, 0);width:47.0175438596%;-webkit-animation:letterOut 1s ease-out backwards;animation:letterOut 1s ease-out backwards}#endPage .btns img:nth-child(1){width:100%;margin-bottom:4%}#endPage .btns img:nth-child(2){float:left;-webkit-animation-name:letterOutL;animation-name:letterOutL;-webkit-animation-delay:.3s;animation-delay:.3s}#endPage .btns img:nth-child(3){float:right;-webkit-animation-name:letterOutR;animation-name:letterOutR;-webkit-animation-delay:.6s;animation-delay:.6s}#endPage .replay{position:absolute;top:10px;left:10px;width:37px}#posterPage{background:#462a57 url(img/poster/bg.jpg) repeat 0/60px;-webkit-overflow-scrolling:touch;overflow:auto}#posterPage .pageinner{overflow:hidden}#posterPage .swiper-container{margin:20px 30px 0}#posterPage .swiper-button-prev,#posterPage .swiper-button-next{background:no-repeat 50%/contain;width:55px;height:55px;outline:none}#posterPage .swiper-button-prev{background-image:url(img/poster/arrow_prev.png)}#posterPage .swiper-button-next{background-image:url(img/poster/arrow_next.png)}#posterPage .tip{display:block;margin:3px auto 3%;width:65.3333333333%;max-width:245px}#posterPage .btns{width:100%;text-align:center}#posterPage .btns img{width:36.5333333333%;max-width:137px}#posterPage .btns img+img{margin-left:6%}#shareLayer{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9999;display:none}#shareLayer .arrow{float:right;width:61px;margin:15px}#loadingLayer{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(240,229,245,.7);color:#5e2a83;font-weight:bold;z-index:9999;display:none}#loadingLayer .cnt{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-animation:uploading .5s linear infinite alternate;animation:uploading .5s linear infinite alternate}@-webkit-keyframes uploading{to{opacity:.5}}@keyframes uploading{to{opacity:.5}}