*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden;background:#000;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.scroll-wrapper[data-v-9b08d5ce]{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;overflow-y:auto;overflow-x:hidden;background:url(https://h5files.oss-cn-hangzhou.aliyuncs.com/guliangyu/bg.png) top center / 100% auto no-repeat;background-color:#7ecfdf;-webkit-overflow-scrolling:touch}.scroll-wrapper.no-scroll[data-v-9b08d5ce]{overflow-y:hidden;background-size:100% 100%}.scale-wrapper[data-v-9b08d5ce]{position:relative;width:100%}.page[data-v-9b08d5ce]{position:absolute;top:0;left:0;width:750px;height:1448px;transform-origin:top left}.page img[data-v-9b08d5ce]{position:absolute;display:block}.bg[data-v-9b08d5ce]{display:none}.title[data-v-9b08d5ce]{left:8.4%;top:185px;width:63.2%;height:auto}.vinyl-box[data-v-9b08d5ce]{position:absolute;left:0;width:100%;display:flex;justify-content:center;z-index:4;pointer-events:none}.vinyl-inner[data-v-9b08d5ce]{position:relative}.vinyl-rings[data-v-9b08d5ce]{position:absolute;left:50%;top:50%;z-index:1;pointer-events:none}.ripple[data-v-9b08d5ce]{position:absolute;left:50%;top:50%;border:2px solid rgba(255,255,255,.9);border-radius:50%;box-sizing:border-box;transform:translate(-50%,-50%) scale(1);opacity:0;animation-name:ripple-wave-9b08d5ce;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:paused}.vinyl-rings.playing .ripple[data-v-9b08d5ce]{animation-play-state:running}@keyframes ripple-wave-9b08d5ce{0%{transform:translate(-50%,-50%) scale(1);opacity:.9}to{transform:translate(-50%,-50%) scale(2.2);opacity:0}}.vinyl-wrap[data-v-9b08d5ce]{position:relative;width:100%;height:100%;z-index:2;animation:vinyl-spin-9b08d5ce 8s linear infinite;animation-play-state:paused}.vinyl-wrap.playing[data-v-9b08d5ce]{animation-play-state:running}@keyframes vinyl-spin-9b08d5ce{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vinyl[data-v-9b08d5ce]{position:absolute;left:0;top:0;width:100%;height:100%}.vinyl-center[data-v-9b08d5ce]{position:absolute;left:50%;top:50%;width:67px;height:67px;margin-left:-33.5px;margin-top:-33.5px;border-radius:50%;background:#000;z-index:6}.layer3[data-v-9b08d5ce]{left:468px;top:345px;width:295px;height:322px;z-index:12;pointer-events:none;transform-origin:92% 8%;transition:transform .6s ease;transform:rotate(-24deg) translateY(-18px)}.layer3.playing[data-v-9b08d5ce]{transform:rotate(6deg) translateY(0)}.player-box[data-v-9b08d5ce]{position:absolute;top:1131px;left:0;width:100%;display:flex;justify-content:center;z-index:10}.player-inner[data-v-9b08d5ce]{position:relative;width:387px;height:157px}.player-bg[data-v-9b08d5ce]{position:absolute;left:0;top:0;width:387px;height:157px}.progress-bar[data-v-9b08d5ce]{position:absolute;left:41px;top:41px;width:306px;height:8px}.progress-bg[data-v-9b08d5ce]{position:absolute;left:0;top:0;width:306px;height:8px}.progress-fill[data-v-9b08d5ce]{position:absolute;left:0;top:0;height:8px;border-radius:43px;background:#15a0f8}.progress-thumb[data-v-9b08d5ce]{position:absolute;top:-5px;width:19px;height:19px;border-radius:50%;background:#fff}.play-btn[data-v-9b08d5ce],.pause-btn[data-v-9b08d5ce]{position:absolute;left:50%;top:72px;width:66px;height:66px;margin-left:-33px;cursor:pointer}.subtitle[data-v-9b08d5ce]{position:absolute;left:63px;top:1315px;color:#fff;line-height:1.6}.subtitle p[data-v-9b08d5ce]{font-size:24px;margin:0;white-space:nowrap}