body{width:100vw;height:100vw;overflow:hidden}.game-body{width:100vw;height:100vh;position:absolute;top:0;left:0}@font-face{font-family:main;src:url(/assets/main-BlYRsTo6.ttf);font-weight:400;font-style:normal;font-display:swap}.modal-show{animation:bounceIn .6s ease forwards}@keyframes bounceIn{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.2);opacity:1}80%{transform:scale(.9)}to{transform:scale(1)}}.app-container{position:relative;width:100vw;height:100vh;background-color:transparent;overflow:hidden}.background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000}.introimage{position:absolute;top:50%;left:50%;width:100%;height:auto;transform:translate(-50%,-50%);object-fit:contain;opacity:0;animation:fadeIn 1s forwards}.bottom-text{position:absolute;bottom:5%;width:100%;text-align:center;font-size:24px;color:#fff;font-family:main}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.container{width:100vw;height:100vh;top:0;left:0;position:relative;background-color:#000;background-image:url(https://12-1308429344.cos.ap-shanghai.myqcloud.com/yanxue/19/home/bk.png);background-size:cover;overflow:hidden}.map-container{position:absolute;top:calc(50vh - 80vw);width:100vw;height:160vw}.wheel{animation:turnWheel 2s infinite alternate ease-in-out}@keyframes turnWheel{0%{transform:rotate(0)}50%{transform:rotate(-60deg)}to{transform:rotate(60deg)}}.boat{animation:moveBoat 2s infinite alternate ease-in-out}@keyframes moveBoat{0%{transform:translate(-50%) rotate(-3deg)}50%{transform:translate(-40%,-5px) rotate(3deg)}to{transform:translate(-60%) rotate(-3deg)}}.bottom-drawer{position:fixed;bottom:-25vw;left:0;right:0;border-top-left-radius:16px;border-top-right-radius:16px;height:150vw;width:100vw;transform:translateY(70%);transition:transform .3s ease-in-out;touch-action:none;background-image:url(https://12-1308429344.cos.ap-shanghai.myqcloud.com/yanxue/19/home/container.png);background-size:contain;background-repeat:no-repeat}.drawer-handle{height:20vw;background-color:transparent;border-top-left-radius:16px;border-top-right-radius:16px;display:flex;align-items:center;justify-content:center;cursor:grab}.drawer-handle:active{cursor:grabbing}.drawer-content{padding-top:16px;overflow-y:auto;height:130vw;margin-top:-22vw;pointer-events:none}.music{animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.PhotoView-Portal{height:100%;left:0;overflow:hidden;position:fixed;top:0;touch-action:none;width:100%;z-index:2000}@keyframes PhotoView__rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes PhotoView__delayIn{0%,50%{opacity:0}to{opacity:1}}.PhotoView__Spinner{animation:PhotoView__delayIn .4s linear both}.PhotoView__Spinner svg{animation:PhotoView__rotate .6s linear infinite}.PhotoView__Photo{-webkit-user-drag:none;cursor:grab;max-width:none}.PhotoView__Photo:active{cursor:grabbing}.PhotoView__icon{display:inline-block;left:0;position:absolute;top:0;transform:translate(-50%,-50%)}.PhotoView__PhotoBox,.PhotoView__PhotoWrap{bottom:0;direction:ltr;left:0;position:absolute;right:0;top:0;touch-action:none;width:100%}.PhotoView__PhotoWrap{overflow:hidden;z-index:10}.PhotoView__PhotoBox{transform-origin:left top}@keyframes PhotoView__fade{0%{opacity:0}to{opacity:1}}.PhotoView-Slider__clean .PhotoView-Slider__ArrowLeft,.PhotoView-Slider__clean .PhotoView-Slider__ArrowRight,.PhotoView-Slider__clean .PhotoView-Slider__BannerWrap,.PhotoView-Slider__clean .PhotoView-Slider__Overlay,.PhotoView-Slider__willClose .PhotoView-Slider__BannerWrap:hover{opacity:0}.PhotoView-Slider__Backdrop{background:#000;height:100%;left:0;position:absolute;top:0;transition-property:background-color;width:100%;z-index:-1}.PhotoView-Slider__fadeIn{animation:PhotoView__fade linear both;opacity:0}.PhotoView-Slider__fadeOut{animation:PhotoView__fade linear reverse both;opacity:0}.PhotoView-Slider__BannerWrap{align-items:center;background-color:#00000080;color:#fff;display:flex;height:44px;justify-content:space-between;left:0;position:absolute;top:0;transition:opacity .2s ease-out;width:100%;z-index:20}.PhotoView-Slider__BannerWrap:hover{opacity:1}.PhotoView-Slider__Counter{font-size:14px;opacity:.75;padding:0 10px}.PhotoView-Slider__BannerRight{align-items:center;display:flex;height:100%}.PhotoView-Slider__toolbarIcon{fill:#fff;box-sizing:border-box;cursor:pointer;opacity:.75;padding:10px;transition:opacity .2s linear}.PhotoView-Slider__toolbarIcon:hover{opacity:1}.PhotoView-Slider__ArrowLeft,.PhotoView-Slider__ArrowRight{align-items:center;bottom:0;cursor:pointer;display:flex;height:100px;justify-content:center;margin:auto;opacity:.75;position:absolute;top:0;transition:opacity .2s linear;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:70px;z-index:20}.PhotoView-Slider__ArrowLeft:hover,.PhotoView-Slider__ArrowRight:hover{opacity:1}.PhotoView-Slider__ArrowLeft svg,.PhotoView-Slider__ArrowRight svg{fill:#fff;background:#0000004d;box-sizing:content-box;height:24px;padding:10px;width:24px}.PhotoView-Slider__ArrowLeft{left:0}.PhotoView-Slider__ArrowRight{right:0}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}