.background-color[data-v-3c2f2825]{width:100%;height:100%;background-color:rgba(0,0,0,.4)}.msg-self[data-v-3c2f2825]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:8px 16px;background-color:#eee;font-size:16px;color:#383838;border-radius:4px;letter-spacing:2px}.background-color1[data-v-0eee053f]{overflow:hidden;position:absolute;left:0;top:0;width:100vw;z-index:999;height:100vh;background-color:transparent}.transfor-container[data-v-0eee053f]{position:fixed;left:-100%;top:-50%;width:300%;height:200%;animation:round-0eee053f 9s linear infinite;transform-origin:center}.color-line[data-v-0eee053f]{width:100%;height:12.5%;border-radius:100px}.transfor-container div[data-v-0eee053f]:first-child{background-color:#a8d8ea}.transfor-container div[data-v-0eee053f]:nth-child(2){background-color:#aa96da}.transfor-container div[data-v-0eee053f]:nth-child(3){background-color:#fcbcd3}.transfor-container div[data-v-0eee053f]:nth-child(4){background-color:#ffffd2}.transfor-container div[data-v-0eee053f]:nth-child(5){background-color:#a8d8ea}.transfor-container div[data-v-0eee053f]:nth-child(6){background-color:#aa96da}.transfor-container div[data-v-0eee053f]:nth-child(7){background-color:#fcbcd3}.transfor-container div[data-v-0eee053f]:nth-child(8){background-color:#ffffd2}.left-in[data-v-0eee053f]{animation:leftIn-0eee053f 1.4s ease-in-out 1}.right-in[data-v-0eee053f]{animation:rightIn-0eee053f 1.4s ease-in-out 1}.left-out[data-v-0eee053f]{animation:leftOut-0eee053f 1.4s ease-in-out 1;transform:translateX(-100%)}.right-out[data-v-0eee053f]{animation:rightOut-0eee053f 1.4s ease-in-out 1;transform:translateX(100%)}@keyframes round-0eee053f{0%{transform:rotate(-60deg)}to{transform:rotate(300deg)}}@keyframes leftIn-0eee053f{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes rightIn-0eee053f{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes leftOut-0eee053f{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes rightOut-0eee053f{0%{transform:translateX(0)}to{transform:translateX(100%)}}.mobile-music{transform:scale(1.16) translateX(-6%);position:fixed;right:0;top:18vh;z-index:999}button:focus{outline:none}.mobile-new-msg{position:fixed;left:0;right:0;top:0;bottom:0;z-index:9999}.bei-an{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);color:#ddd;font-size:12px;text-decoration:none;white-space:nowrap;z-index:999}[data-v-1c5f8c0c]{margin:0;padding:0}.all-container[data-v-1c5f8c0c]{width:100vw;height:100vh;background-color:#222;position:relative}ul[data-v-1c5f8c0c]{font-size:18px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}ul li[data-v-1c5f8c0c]{color:#fff;list-style:none;float:left;font-family:Arial,serif;transform-origin:left;animation:lighting-1c5f8c0c 2.2s 1;margin-left:4px;margin-right:4px;opacity:0}ul li[data-v-1c5f8c0c]:first-child{animation-delay:0s}ul li[data-v-1c5f8c0c]:nth-child(2){animation-delay:.2s}ul li[data-v-1c5f8c0c]:nth-child(3){animation-delay:.4s}ul li[data-v-1c5f8c0c]:nth-child(4){animation-delay:.6s}ul li[data-v-1c5f8c0c]:nth-child(5){animation-delay:.8s}ul li[data-v-1c5f8c0c]:nth-child(6){animation-delay:1s}@keyframes lighting-1c5f8c0c{0%{opacity:0;transform:rotateY(90deg) translate(-20px)}50%{opacity:1;transform:rotateY(0deg)}to{opacity:0;transform:rotateY(0deg)}}.language-change[data-v-6ec18fd8]:after{background:transparent}.language-change[data-v-6ec18fd8]{border-radius:18px;background-color:rgba(44,44,44,.7);letter-spacing:1px;text-align:center;width:68px;height:28px;font-size:10px;font-weight:lighter;color:#fff;border:0;box-shadow:-.5px -.5px 2px hsla(0,0%,100%,.4)}.language-change-hover[data-v-6ec18fd8]{background-color:#5b64ef;border:0}.msg-container[data-v-7b1aa126]{display:inline-block;max-width:68vw;background-color:hsla(0,0%,53%,.9);border-radius:4px;color:#f5f5f5;font-size:14px;padding:5px 10px;text-align:center;font-weight:lighter;white-space:pre-line;z-index:1000}.loading-music[data-v-d208b7a8]{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;background-color:#444;padding:4px 6px;border-radius:4px;z-index:999}.music-container[data-v-d208b7a8]{background-color:rgba(44,44,44,.7);border-top-left-radius:20px;border-bottom-left-radius:20px;box-shadow:4px 4px 8px 0 rgba(0,0,0,.8)}.unpacked-style[data-v-d208b7a8]{height:80px;width:120px;animation:unpackAni-d208b7a8 .5s 1}.packed-style[data-v-d208b7a8]{height:40px;width:54px;animation:packAni-d208b7a8 .5s 1}.music-img-container[data-v-d208b7a8]{width:30px;height:30px;border-radius:15px;background-color:#3549a6}.packed-pos[data-v-d208b7a8]{position:absolute;left:5px;top:5px}.unpacked-pos[data-v-d208b7a8]{position:absolute;top:5px;left:37px;z-index:999}.music-photo[data-v-d208b7a8]{width:100%;height:100%;border-radius:15px}.circle-run[data-v-d208b7a8]{animation:circleRun-d208b7a8 4s linear infinite}.pause-logo[data-v-d208b7a8]{position:absolute;pointer-events:none;width:50%;height:50%;left:25%;top:25%}.pack-btn[data-v-d208b7a8]{top:2px;width:16px;height:38px}.pack-btn[data-v-d208b7a8],.unpack-btn[data-v-d208b7a8]{position:absolute;right:4px;color:#b4b2b2;font-size:9px;font-weight:lighter;display:flex;justify-content:center;align-items:center;text-align:center;font-family:Helvetica,serif}.unpack-btn[data-v-d208b7a8]{bottom:2px;width:112px;height:10px;letter-spacing:1px}.climb-op-container[data-v-d208b7a8]{position:absolute;bottom:18px;height:80px;width:20px;right:0;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.climb-btn[data-v-d208b7a8]{width:80%;height:40%;padding:0;font-size:16px;border-radius:0;letter-spacing:1px;font-weight:lighter;color:#e7e7e7;background-color:transparent;border:0;margin-bottom:1px}.climb-hover[data-v-d208b7a8]{color:#bbb}.music-op-container[data-v-d208b7a8]{position:absolute;width:84px;height:30px;left:10px;top:8px;display:flex;justify-content:space-between;align-items:center;font-size:8px;font-weight:lighter;color:#e1e1e1}.music-op-container2[data-v-d208b7a8]{display:flex;flex-direction:column;align-items:center}.music-op[data-v-d208b7a8]{height:16px;width:16px}.current-list-container[data-v-d208b7a8]{position:absolute;left:12px;top:40px;height:22px;width:80px;font-weight:lighter;letter-spacing:1px;color:#dfdfdf}.list-text1[data-v-d208b7a8]{position:absolute;height:10px;width:80px;font-size:8px;color:#b4b2b2}.list-text2[data-v-d208b7a8]{position:absolute;height:12px;width:80px;left:0;top:10px;font-size:11px;overflow:hidden}.list-text-animation[data-v-d208b7a8]{display:inline-block;white-space:nowrap;animation:textMove-d208b7a8 8s linear infinite}@keyframes circleRun-d208b7a8{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes textMove-d208b7a8{0%{transform:translateX(80px)}to{transform:translateX(-100%)}}@keyframes unpackAni-d208b7a8{0%{height:40px;width:54px}to{height:80px;width:120px}}@keyframes packAni-d208b7a8{0%{height:80px;width:120px}to{height:40px;width:54px}}