body,html{width:100%;height:100%;overflow:hidden}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-tap-highlight-color:transparent}#root{width:100%;height:100%;max-width:750px;margin:0 auto;overflow:hidden}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff}body.Loaded{background-color:#000;background-image:linear-gradient(#000,#042945)}body>div{position:relative}body>div:first-child{z-index:1}body>div:last-child{z-index:100000}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.Home{text-align:center;overflow:hidden}.Home,.Home-GL{width:100%;height:100%}.Home-GL{position:relative;z-index:2}.Home .Link{font-size:50px;color:#fff}.Home canvas{width:100%!important;height:100%!important;opacity:.95}.Home>span{z-index:1;position:relative}.Music{position:absolute;top:0;z-index:1000;background:hsla(0,0%,100%,0);right:0;width:58px;height:58px;padding:15px;box-sizing:border-box}.Music svg.PlayButton{width:100%;height:100%;z-index:2}.Music svg.TipsArrow{z-index:1;position:absolute;width:22px;height:auto;left:50%;top:50px;transform:translate(-50%)}.Music.Played svg.PlayButton{-webkit-animation:spin 4s linear infinite;animation:spin 4s linear infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.Music.Played svg.TipsArrow{display:none}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}@-webkit-keyframes arrow1{0%{fill:#40f3ff;transform:translate(0)}50%{fill:#80f7ff;transform:translate(10px)}to{fill:#bffaff;transform:translate(0)}}@keyframes arrow1{0%{fill:#40f3ff;transform:translate(0)}50%{fill:#80f7ff;transform:translate(10px)}to{fill:#bffaff;transform:translate(0)}}@-webkit-keyframes arrow2{0%{fill:#80f7ff;transform:translate(0)}50%{fill:#bffaff;transform:translate(10px)}to{fill:#40f3ff;transform:translate(0)}}@keyframes arrow2{0%{fill:#80f7ff;transform:translate(0)}50%{fill:#bffaff;transform:translate(10px)}to{fill:#40f3ff;transform:translate(0)}}@-webkit-keyframes arrow3{0%{fill:#bffaff;transform:translate(0)}50%{fill:#40f3ff;transform:translate(10px)}to{fill:#80f7ff;transform:translate(0)}}@keyframes arrow3{0%{fill:#bffaff;transform:translate(0)}50%{fill:#40f3ff;transform:translate(10px)}to{fill:#80f7ff;transform:translate(0)}}svg .arrow1{-webkit-animation:arrow1 2s linear infinite;animation:arrow1 2s linear infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}svg .arrow2{-webkit-animation:arrow2 2s linear infinite;animation:arrow2 2s linear infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}svg .arrow3{-webkit-animation:arrow3 2s linear infinite;animation:arrow3 2s linear infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes upArrow1{0%{fill:#40f3ff;transform:translate(0)}50%{fill:#80f7ff;transform:translateY(-10px)}to{fill:#bffaff;transform:translate(0)}}@keyframes upArrow1{0%{fill:#40f3ff;transform:translate(0)}50%{fill:#80f7ff;transform:translateY(-10px)}to{fill:#bffaff;transform:translate(0)}}@-webkit-keyframes upArrow2{0%{fill:#80f7ff;transform:translate(0)}50%{fill:#bffaff;transform:translateY(-10px)}to{fill:#40f3ff;transform:translate(0)}}@keyframes upArrow2{0%{fill:#80f7ff;transform:translate(0)}50%{fill:#bffaff;transform:translateY(-10px)}to{fill:#40f3ff;transform:translate(0)}}@-webkit-keyframes upArrow3{0%{fill:#bffaff;transform:translate(0)}50%{fill:#40f3ff;transform:translateY(-10px)}to{fill:#80f7ff;transform:translate(0)}}@keyframes upArrow3{0%{fill:#bffaff;transform:translate(0)}50%{fill:#40f3ff;transform:translateY(-10px)}to{fill:#80f7ff;transform:translate(0)}}svg .upArrow1{-webkit-animation:upArrow1 2s linear infinite;animation:upArrow1 2s linear infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}svg .upArrow2{-webkit-animation:upArrow2 2s linear infinite;animation:upArrow2 2s linear infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.Next,svg .upArrow3{-webkit-animation:upArrow3 2s linear infinite;animation:upArrow3 2s linear infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes nextArrow{0%{transform:translate(0)}50%{transform:translateY(10px)}to{transform:translate(0)}}@keyframes nextArrow{0%{transform:translate(0)}50%{transform:translateY(10px)}to{transform:translate(0)}}@-webkit-keyframes rightUpArrow1{0%{fill:#40f3ff;transform:translate(0)}50%{fill:#80f7ff;transform:translate(-10px,-10px)}to{fill:#bffaff;transform:translate(0)}}@keyframes rightUpArrow1{0%{fill:#40f3ff;transform:translate(0)}50%{fill:#80f7ff;transform:translate(-10px,-10px)}to{fill:#bffaff;transform:translate(0)}}@-webkit-keyframes rightUpArrow2{0%{fill:#80f7ff;transform:translate(0)}50%{fill:#bffaff;transform:translate(-10px,-10px)}to{fill:#40f3ff;transform:translate(0)}}@keyframes rightUpArrow2{0%{fill:#80f7ff;transform:translate(0)}50%{fill:#bffaff;transform:translate(-10px,-10px)}to{fill:#40f3ff;transform:translate(0)}}@-webkit-keyframes rightUpArrow3{0%{fill:#bffaff;transform:translate(0)}50%{fill:#40f3ff;transform:translate(-10px,-10px)}to{fill:#80f7ff;transform:translate(0)}}@keyframes rightUpArrow3{0%{fill:#bffaff;transform:translate(0)}50%{fill:#40f3ff;transform:translate(-10px,-10px)}to{fill:#80f7ff;transform:translate(0)}}svg .rightUpArrow1{-webkit-animation:rightUpArrow1 2s linear infinite;animation:rightUpArrow1 2s linear infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}svg .rightUpArrow2{-webkit-animation:rightUpArrow2 2s linear infinite;animation:rightUpArrow2 2s linear infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}svg .rightUpArrow3{-webkit-animation:rightUpArrow3 2s linear infinite;animation:rightUpArrow3 2s linear infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes leftDownArrow1{0%{fill:#40f3ff;transform:translate(0)}50%{fill:#80f7ff;transform:translate(10px,10px)}to{fill:#bffaff;transform:translate(0)}}@keyframes leftDownArrow1{0%{fill:#40f3ff;transform:translate(0)}50%{fill:#80f7ff;transform:translate(10px,10px)}to{fill:#bffaff;transform:translate(0)}}@-webkit-keyframes leftDownArrow2{0%{fill:#80f7ff;transform:translate(0)}50%{fill:#bffaff;transform:translate(10px,10px)}to{fill:#40f3ff;transform:translate(0)}}@keyframes leftDownArrow2{0%{fill:#80f7ff;transform:translate(0)}50%{fill:#bffaff;transform:translate(10px,10px)}to{fill:#40f3ff;transform:translate(0)}}@-webkit-keyframes leftDownArrow3{0%{fill:#bffaff;transform:translate(0)}50%{fill:#40f3ff;transform:translate(10px,10px)}to{fill:#80f7ff;transform:translate(0)}}@keyframes leftDownArrow3{0%{fill:#bffaff;transform:translate(0)}50%{fill:#40f3ff;transform:translate(10px,10px)}to{fill:#80f7ff;transform:translate(0)}}svg .leftDownArrow1{-webkit-animation:leftDownArrow1 2s linear infinite;animation:leftDownArrow1 2s linear infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}svg .leftDownArrow2{-webkit-animation:leftDownArrow2 2s linear infinite;animation:leftDownArrow2 2s linear infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}svg .leftDownArrow3{-webkit-animation:leftDownArrow3 2s linear infinite;animation:leftDownArrow3 2s linear infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes whiteArrow1{0%{fill:#eee;transform:translate(0)}50%{fill:#fff;transform:translate(10px)}to{fill:#fff;transform:translate(0)}}@keyframes whiteArrow1{0%{fill:#eee;transform:translate(0)}50%{fill:#fff;transform:translate(10px)}to{fill:#fff;transform:translate(0)}}@-webkit-keyframes whiteArrow2{0%{fill:#fff;transform:translate(0)}50%{fill:#fff;transform:translate(10px)}to{fill:#eee;transform:translate(0)}}@keyframes whiteArrow2{0%{fill:#fff;transform:translate(0)}50%{fill:#fff;transform:translate(10px)}to{fill:#eee;transform:translate(0)}}@-webkit-keyframes whiteArrow3{0%{fill:#fff;transform:translate(0)}50%{fill:#eee;transform:translate(10px)}to{fill:#fff;transform:translate(0)}}@keyframes whiteArrow3{0%{fill:#fff;transform:translate(0)}50%{fill:#eee;transform:translate(10px)}to{fill:#fff;transform:translate(0)}}svg .whiteArrow1{-webkit-animation:whiteArrow1 2s linear infinite;animation:whiteArrow1 2s linear infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}svg .whiteArrow2{-webkit-animation:whiteArrow2 2s linear infinite;animation:whiteArrow2 2s linear infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}svg .whiteArrow3{-webkit-animation:whiteArrow3 2s linear infinite;animation:whiteArrow3 2s linear infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes upWhiteArrow1{0%{fill:#efefef;transform:translate(0)}50%{fill:#eee;transform:translateY(-10px)}to{fill:#fff;transform:translate(0)}}@keyframes upWhiteArrow1{0%{fill:#efefef;transform:translate(0)}50%{fill:#eee;transform:translateY(-10px)}to{fill:#fff;transform:translate(0)}}@-webkit-keyframes upWhiteArrow2{0%{fill:#eee;transform:translate(0)}50%{fill:#fff;transform:translateY(-10px)}to{fill:#efefef;transform:translate(0)}}@keyframes upWhiteArrow2{0%{fill:#eee;transform:translate(0)}50%{fill:#fff;transform:translateY(-10px)}to{fill:#efefef;transform:translate(0)}}@-webkit-keyframes upWhiteArrow3{0%{fill:#fff;transform:translate(0)}50%{fill:#efefef;transform:translateY(-10px)}to{fill:#eee;transform:translate(0)}}@keyframes upWhiteArrow3{0%{fill:#fff;transform:translate(0)}50%{fill:#efefef;transform:translateY(-10px)}to{fill:#eee;transform:translate(0)}}svg .upWhiteArrow1{-webkit-animation:upWhiteArrow1 2s linear infinite;animation:upWhiteArrow1 2s linear infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}svg .upWhiteArrow2{-webkit-animation:upWhiteArrow2 2s linear infinite;animation:upWhiteArrow2 2s linear infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}svg .upWhiteArrow3{-webkit-animation:upWhiteArrow3 2s linear infinite;animation:upWhiteArrow3 2s linear infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.HomeCover{position:absolute;top:0;bottom:0;width:100%;height:100%;mix-blend-mode:color-dodge;z-index:4}.HomeCover svg.Logo{position:absolute;bottom:10px;left:30px;width:50%}.HomeCover svg.Texts{position:absolute;top:20px;left:30px;width:calc(100% - 60px)}.Scenes{width:100%;height:100%;overflow:hidden;left:0;transition:opacity 3s ease-in-out}.Scenes,.Scenes .Background{position:absolute;top:0;z-index:1}.Scenes .Background{width:calc(100% + 64px)}.Scenes .Background img{width:100%;height:auto;display:block}.Scenes .Foreground{color:#fff;position:relative;z-index:2;width:100%}.SceneWrapper{width:calc(100% + 64px);transform:translate(-32px);z-index:3;position:relative;box-sizing:border-box;height:100%}.swiper-container{width:100%;height:100%}.Scene{position:relative}.Scene>svg{z-index:3}.Scene>img,.Scene>svg{display:block;width:100%;height:100%;position:absolute;top:0;left:0}.Scene>img{z-index:2}.Scene>img:first-child{position:relative;display:block;width:100%;height:100%;z-index:1}.SceneStar{top:0;left:0;z-index:10000;opacity:0;transition:opacity 1s linear}.Next,.SceneStar{position:absolute}.Next{bottom:0;left:calc(50% - 25px);z-index:1000;width:50px;height:45px;padding:10px;box-sizing:border-box;text-align:center;opacity:1;visibility:visible;transition:opacity .5s ease-in-out}.NextHidden.Next{opacity:0;visibility:hidden}.Next svg{width:100%;height:auto}.SceneStar .Tips{opacity:0;transition:opacity 3s linear}.SceneStar.SceneArrowShow .Tips,.SceneStarShow{opacity:1}.ant-modal-mask{height:100%;background-color:rgba(0,0,0,.45);filter:alpha(opacity=50)}.ant-modal-mask,.ant-modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0}.ant-modal-wrap{overflow:auto;outline:0;-webkit-overflow-scrolling:touch}.ant-modal-content{position:relative;background-clip:padding-box;border:0;border-radius:2px;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);pointer-events:auto;overflow:hidden;width:100%;height:100%}.ShareModal{width:100%!important;height:100%!important}.Scene img{width:100%;height:100%}.Scenes .Scene .Scene-BG,.Scenes .Scene img:first-child{transform:translate(-32px);-webkit-animation-name:shifting-left;animation-name:shifting-left;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:30s;animation-duration:30s;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.Scenes .Scene .Scene-BG{background-size:100% 100%;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}
/*    !*animation-iteration-count: infinite;*!*/@-webkit-keyframes shifting-left{0%{transform:translate(-32px)}5%{transform:translate(-32px)}45%{transform:translate(32px)}55%{transform:translate(32px)}95%{transform:translate(-32px)}}@keyframes shifting-left{0%{transform:translate(-32px)}5%{transform:translate(-32px)}45%{transform:translate(32px)}55%{transform:translate(32px)}95%{transform:translate(-32px)}}@-webkit-keyframes shifting-right{0%{transform:translate(0)}to{transform:translate(-64px)}}@keyframes shifting-right{0%{transform:translate(0)}to{transform:translate(-64px)}}.ShareImage{position:relative;z-index:2}.ShareImage img{max-width:calc(100% - 100px);max-height:100%;width:auto;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ShareImage img:first-child{z-index:1;box-shadow:5px 5px 4px 1px rgba(0,0,0,.3)}.ShareImage img:last-child{z-index:2;opacity:0}.ant-modal-body,.TextContainer{width:100%;height:100%;overflow:hidden}.TextContainer{position:absolute;top:0;left:0;z-index:1}.TextContainer svg{width:100%;height:auto}.TextContainer .TextWrapper{width:calc(100% - 40px);height:auto;position:relative}.TextContainer-texts101 .TextWrapper{position:absolute;top:20px;left:20px}.TextContainer-texts102 .TextWrapper{position:absolute;bottom:40px;left:20px}.TextContainer-texts201 .TextWrapper{position:absolute;top:20px;left:20px}.TextContainer-texts202 .TextWrapper{position:absolute;bottom:40px;left:20px}.TextContainer-texts301 .TextWrapper{position:absolute;top:20px;left:20px}.TextContainer-texts302 .TextWrapper{position:absolute;bottom:40px;left:20px}.TextContainer-texts401 .TextWrapper{position:absolute;top:20px;left:20px}.TextContainer-texts402 .TextWrapper{position:absolute;bottom:40px;left:20px}.ShareText{height:99px;width:100%;background:rgba(0,0,0,.4);padding:20px;box-sizing:border-box;font-size:13px;color:#fff;line-height:23px;position:relative;z-index:2}.ShareClose{position:absolute;right:20px;top:20px}.ant-modal-mask{visibility:visible;opacity:0}.ant-modal-mask-hidden{visibility:hidden;opacity:0}svg *{-webkit-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;pointer-events:bounding-box}svg *,svg :focus{outline:none}*{-webkit-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}.Progress{z-index:3;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.9}.Progress svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-100%);width:50%;height:auto}.Progress div{position:absolute;width:100%;color:#fff;text-align:center;font-size:15px;padding-top:10px;bottom:10px}.App{width:100%;height:100%;overflow:hidden}
/*# sourceMappingURL=main.c5050382.chunk.css.map */