@import url(https://fonts.googleapis.com/css2?family=Fredoka+One&family=Pacifico&display=swap);[data-v-3ada6e33]:root{--bg-blue:#bbe2f1;--cloud-white:#fff;--soft-pink:#f7c8d8;--text-color:#7b92b7;--card-shadow:0 8px 20px rgba(123,146,183,.2)}body[data-v-3ada6e33]{margin:0;padding:0;background-color:var(--bg-blue);font-family:Varela Round,YouYuan,幼圆,sans-serif;color:var(--text-color);overflow-x:hidden}@keyframes float-3ada6e33{0%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-15px) rotate(2deg)}to{transform:translateY(0) rotate(-2deg)}}@keyframes popUp-3ada6e33{0%{transform:scale(0);opacity:0}80%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}@keyframes drop-down-3ada6e33{0%{transform:translateY(-60px) scale(.98);opacity:0}60%{transform:translateY(8px) scale(1.02);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes slide-up-bounce-3ada6e33{0%{transform:translateY(60px) scale(.98);opacity:0}60%{transform:translateY(-8px) scale(1.02);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.container[data-v-3ada6e33]{width:100%;max-width:450px;margin:0 auto;position:relative;z-index:10;color:#2c3e50;margin-top:60px}.hero-section[data-v-3ada6e33]{text-align:center;padding-top:30px;padding-bottom:40px;position:relative}.hero-title[data-v-3ada6e33]{font-size:2.4em;color:#ffd1e6;font-family:Fredoka One,Pacifico,Varela Round,sans-serif;font-weight:700;margin-bottom:20px;-webkit-text-stroke:2px #fff;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,2px 2px 8px rgba(0,0,0,.12);animation:drop-down-3ada6e33 .9s cubic-bezier(.2,.9,.3,1) .08s both}.cinnamoroll-img[data-v-3ada6e33]{width:220px;animation:float-3ada6e33 3.5s ease-in-out infinite alternate;filter:drop-shadow(0 10px 10px rgba(255,255,255,.5));position:relative;z-index:10;border-radius:18px;box-shadow:0 14px 30px rgba(135,206,250,.22),0 6px 12px rgba(0,0,0,.08)}.message-card[data-v-3ada6e33]{border:2px dashed var(--bg-blue);border-radius:20px;padding:20px;margin-top:20px;background:#fafdff;animation:slide-up-bounce-3ada6e33 .9s cubic-bezier(.2,.9,.3,1) .36s both}.message-text[data-v-3ada6e33]{font-size:1.05em;line-height:1.8;margin:0;color:var(--text-color)}.decoration[data-v-3ada6e33]{position:absolute;font-size:24px;opacity:.8}.star-1[data-v-3ada6e33]{top:55%;left:5%;animation:float-3ada6e33 5s infinite}.star-2[data-v-3ada6e33]{top:55%;left:15%;animation:float-3ada6e33 5s infinite reverse}.star-3[data-v-3ada6e33]{top:55%;left:25%;animation:float-3ada6e33 5s infinite}.star-4[data-v-3ada6e33]{top:55%;left:35%;animation:float-3ada6e33 5s infinite}.star-5[data-v-3ada6e33]{top:55%;left:45%;animation:float-3ada6e33 5s infinite}.star-6[data-v-3ada6e33]{right:45%}.star-6[data-v-3ada6e33],.star-7[data-v-3ada6e33]{top:55%;animation:float-3ada6e33 5s infinite reverse}.star-7[data-v-3ada6e33]{right:35%}.star-8[data-v-3ada6e33]{right:25%}.star-8[data-v-3ada6e33],.star-9[data-v-3ada6e33]{top:55%;animation:float-3ada6e33 5s infinite reverse}.star-9[data-v-3ada6e33]{right:15%}.star-10[data-v-3ada6e33]{top:55%;right:5%;animation:float-3ada6e33 5s infinite reverse}.decoration[data-v-3ada6e33]{--ax:3vw;--ay:2vh;--dur:5s;--delay:0s;--rot:6deg;--easing:ease-in-out;z-index:30}@keyframes float-vertical-3ada6e33{0%{transform:translate3d(0,calc(var(--ay)*-1),0) rotate(calc(var(--rot)*-1))}to{transform:translate3d(0,var(--ay),0) rotate(var(--rot))}}@keyframes float-horizontal-3ada6e33{0%{transform:translate3d(calc(var(--ax)*-1),0,0) rotate(calc(var(--rot)*-1))}to{transform:translate3d(var(--ax),0,0) rotate(var(--rot))}}@keyframes float-diagonal-3ada6e33{0%{transform:translate3d(calc(var(--ax)*-1),calc(var(--ay)*-1),0) rotate(calc(var(--rot)*-1))}to{transform:translate3d(var(--ax),var(--ay),0) rotate(var(--rot))}}@keyframes float-arc-3ada6e33{0%{transform:translate3d(calc(var(--ax)*-1),calc(var(--ay)*-.6),0) rotate(calc(var(--rot)*-1))}50%{transform:translate3d(0,calc(var(--ay)*.8),0) rotate(0deg)}to{transform:translate3d(var(--ax),calc(var(--ay)*-.2),0) rotate(var(--rot))}}@keyframes float-circle-3ada6e33{0%{transform:translate3d(var(--ax),0,0) rotate(0deg)}25%{transform:translate3d(0,var(--ay),0) rotate(90deg)}50%{transform:translate3d(calc(var(--ax)*-1),0,0) rotate(180deg)}75%{transform:translate3d(0,calc(var(--ay)*-1),0) rotate(270deg)}to{transform:translate3d(var(--ax),0,0) rotate(1turn)}}@keyframes jitter-3ada6e33{0%{transform:translate3d(-2px,0,0)}50%{transform:translate3d(2px,0,0)}to{transform:translate3d(-2px,0,0)}}.star-1[data-v-3ada6e33]{--ax:0.6vw;--ay:2vh;--dur:5s;--delay:0s;--rot:6deg;animation:float-vertical-3ada6e33 var(--dur) var(--easing) var(--delay) infinite alternate;opacity:.95}.star-2[data-v-3ada6e33]{--ax:6vw;--ay:3.5vh;--dur:7s;--delay:0.6s;--rot:10deg;animation:float-diagonal-3ada6e33 var(--dur) ease-in-out var(--delay) infinite alternate-reverse}.star-3[data-v-3ada6e33],.tar-3-fix[data-v-3ada6e33]{--ax:3.6vw;--ay:1.2vh;--dur:4.2s;--delay:0.2s;--rot:8deg;animation:float-horizontal-3ada6e33 var(--dur) cubic-bezier(.4,0,.2,1) var(--delay) infinite alternate}.star-4[data-v-3ada6e33]{--ax:10vw;--ay:6vh;--dur:9s;--delay:1s;--rot:12deg;animation:float-arc-3ada6e33 var(--dur) var(--easing) var(--delay) infinite alternate}.star-5[data-v-3ada6e33]{--ax:1.6vw;--ay:5vh;--dur:6.5s;--delay:0.4s;--rot:6deg;animation:float-vertical-3ada6e33 var(--dur) ease-out var(--delay) infinite alternate}.star-6[data-v-3ada6e33]{--ax:5.6vw;--ay:4vh;--dur:8s;--delay:0.8s;--rot:10deg;animation:float-diagonal-3ada6e33 var(--dur) var(--easing) var(--delay) infinite alternate-reverse}.star-7[data-v-3ada6e33]{--ax:3.6vw;--ay:3.6vh;--dur:5.5s;--delay:0.3s;--rot:15deg;animation:float-circle-3ada6e33 var(--dur) linear var(--delay) infinite}.star-8[data-v-3ada6e33]{--ax:1.2vw;--ay:4vh;--dur:10s;--delay:0s;--rot:4deg;animation:jitter-3ada6e33 .9s linear 0s infinite,float-vertical-3ada6e33 var(--dur) var(--easing) var(--delay) infinite alternate}.star-9[data-v-3ada6e33]{--ax:12vw;--ay:7vh;--dur:10s;--delay:0.7s;--rot:18deg;animation:float-arc-3ada6e33 var(--dur) cubic-bezier(.2,1.2,.4,1) var(--delay) infinite alternate}.star-10[data-v-3ada6e33]{--ax:8vw;--ay:5vh;--dur:12s;--delay:1.2s;--rot:8deg;animation:float-arc-3ada6e33 var(--dur) var(--easing) var(--delay) infinite alternate;opacity:.75}h3[data-v-3ada6e33]{margin:40px 0 0}ul[data-v-3ada6e33]{list-style-type:none;padding:0}li[data-v-3ada6e33]{display:inline-block;margin:0 10px}a[data-v-3ada6e33]{color:#42b983}.decoration img[data-v-3ada6e33]{transition:transform .6s cubic-bezier(.2,.9,.3,1),box-shadow .4s ease;transform-origin:center center;will-change:transform}.decoration img.star-scale[data-v-3ada6e33]{transform:scale(3);z-index:60;box-shadow:0 30px 60px rgba(135,206,250,.28)}.next-chapter[data-v-3ada6e33]{margin-top:18px;display:inline-block;padding:10px 16px;background:linear-gradient(90deg,#ffd1e6,#ff9a9e);color:#fff;border-radius:20px;cursor:pointer;box-shadow:0 8px 20px rgba(255,140,160,.18);font-weight:700;z-index:40;-webkit-user-select:none;-moz-user-select:none;user-select:none}.next-chapter[data-v-3ada6e33]:active{transform:scale(.98)}.ready-modal-overlay[data-v-3ada6e33]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;backdrop-filter:blur(4px);z-index:1200}.envelope-wrapper[data-v-3ada6e33]{position:relative;cursor:pointer;animation:floatEnvelope-3ada6e33 3s ease-in-out infinite;transform:rotate(-10deg);transition:animation-duration .3s ease}.envelope-wrapper.shake[data-v-3ada6e33]{animation:floatEnvelope-3ada6e33 .6s ease-in-out,envelopeShake-3ada6e33 .4s ease-in-out}.envelope[data-v-3ada6e33]{position:relative;width:280px;height:180px;background:#fff5f7;border-radius:10px;box-shadow:0 20px 40px rgba(0,0,0,.15),0 15px 35px rgba(255,143,163,.1),0 0 60px hsla(0,0%,100%,.3);overflow:hidden}.flap[data-v-3ada6e33]{top:0;border-top:100px solid #ffdde1;z-index:2;transform-origin:top}.flap[data-v-3ada6e33],.pocket[data-v-3ada6e33]{position:absolute;left:0;width:0;height:0;border-left:140px solid transparent;border-right:140px solid transparent}.pocket[data-v-3ada6e33]{bottom:0;border-bottom:90px solid #ffeef0;z-index:3}.letter[data-v-3ada6e33]{position:absolute;left:0;top:24px;width:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.letter p[data-v-3ada6e33]{margin:0;font-family:Pacifico,cursive;color:#3b3b3b;font-size:20px}.heart-seal[data-v-3ada6e33]{position:absolute;top:68px;left:50%;transform:translateX(-50%);width:50px;height:50px;background:#ff8fa3;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:24px;box-shadow:0 4px 10px rgba(255,143,163,.4);z-index:4;transition:transform .2s}.heart-seal.pulse[data-v-3ada6e33]{animation:heartPulse-3ada6e33 .6s ease-in-out}.envelope-wrapper:active .heart-seal[data-v-3ada6e33]{transform:translateX(-50%) scale(.9)}.hint-text[data-v-3ada6e33]{margin-top:16px;text-align:center;color:#fff;font-size:16px;font-weight:700;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.2)}@keyframes floatEnvelope-3ada6e33{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-20px) rotate(-3deg)}}@keyframes envelopeShake-3ada6e33{0%,to{transform:translateY(0) rotate(-3deg) scale(1)}25%{transform:translateY(-2px) rotate(-3.5deg) scale(1.02)}50%{transform:translateY(0) rotate(-2.5deg) scale(.98)}75%{transform:translateY(2px) rotate(-3.2deg) scale(1.01)}}@keyframes heartPulse-3ada6e33{0%,to{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.15)}}:root{--bg-blue:#bbe2f1;--cloud-white:#fff;--soft-pink:#f7c8d8;--text-color:#7b92b7;--card-shadow:0 8px 20px rgba(123,146,183,.2)}body{margin:0;padding:0;background-color:var(--bg-blue);font-family:Varela Round,YouYuan,幼圆,sans-serif;color:var(--text-color);overflow-x:hidden}#confetti-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.timeline-section{padding:24px 16px;min-height:100vh;background:linear-gradient(135deg,#a1c4fd,#c2e9fb);color:#333;overflow-x:hidden;position:relative}.danmaku-layer{position:fixed;top:0;left:0;width:100%;height:80%;z-index:999;overflow:hidden}.danmaku-item{position:absolute;left:100%;white-space:nowrap;padding:6px 14px;border-radius:20px;font-size:14px;color:#666;box-shadow:0 2px 4px rgba(0,0,0,.05);display:flex;align-items:center;gap:5px;animation-name:slideLeft;animation-timing-function:linear;animation-iteration-count:infinite;cursor:pointer;transition:all .3s ease}.danmaku-item:hover{transform:scale(1.05)}.danmaku-active{animation-play-state:paused;box-shadow:0 4px 12px rgba(255,154,158,.3);border:2px solid rgba(255,154,158,.5);background-color:hsla(0,0%,100%,.95)!important}@keyframes slideLeft{0%{transform:translateX(0)}to{transform:translateX(calc(-100vw - 100%))}}.timeline-header{text-align:center;color:#fff;margin-bottom:32px;position:relative;z-index:2}.timeline-section .timeline-header h1{font-size:22px;margin-bottom:6px;font-family:Comic Sans MS,Arial Rounded MT Bold,Microsoft YaHei,PingFang SC,SimHei,Arial,sans-serif;letter-spacing:1px;font-weight:700;color:#fff!important}.timeline{position:relative;max-width:720px;margin:0 auto;padding-bottom:40px;z-index:2}.timeline:after{content:"";position:absolute;width:4px;background:hsla(0,0%,100%,.7);top:0;bottom:0;left:28px;border-radius:2px;z-index:-1}.event{position:relative;margin-bottom:28px;padding-left:70px;opacity:0;transform:translateY(24px);transition:all .7s ease-out}.event.visible{opacity:1;transform:translateY(0)}.event:after{content:"❤";position:absolute;left:14px;top:12px;width:32px;height:32px;background:#fff;border:3px solid #ff9a9e;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ff9a9e;z-index:100!important;font-size:20px;box-sizing:border-box}.content-box{background:#fff;padding:14px;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.08);overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.content-box:hover{transform:scale(1.05);box-shadow:0 8px 24px rgba(0,0,0,.12)}.event-date{color:#e91e63;font-weight:700;font-size:13px;margin-bottom:8px;display:block;font-family:Segoe UI,Arial Rounded MT Bold,Comic Sans MS,Arial,sans-serif;letter-spacing:.5px}.event-img{width:100%;border-radius:10px;margin-bottom:10px;background:#eee;-o-object-fit:cover;object-fit:cover;max-height:168px}.event-text{font-size:15px;color:#555;line-height:1.6;white-space:pre-wrap}@media (max-width:480px){.event{padding-left:60px}}.next-chapter{margin-top:32px;margin-bottom:32px;display:inline-block;padding:12px 20px;background:linear-gradient(90deg,#ffd1e6,#ff9a9e);color:#fff;border-radius:24px;cursor:pointer;box-shadow:0 8px 20px rgba(255,140,160,.18);font-weight:700;z-index:1001;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:16px;font-family:Comic Sans MS,Arial Rounded MT Bold,Microsoft YaHei,PingFang SC,SimHei,Arial,sans-serif;letter-spacing:1px;transition:transform .2s ease}.next-chapter:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(255,140,160,.25)}.next-chapter:active{transform:scale(.98) translateY(-2px)}.wish-section[data-v-7fc8783d]{min-height:100vh;background:linear-gradient(135deg,#a1c4fd,#c2e9fb);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.cloud[data-v-7fc8783d]{position:absolute;color:hsla(0,0%,100%,.8);font-size:40px;filter:blur(2px);z-index:0;animation:floatCloud-7fc8783d 20s linear infinite}.cloud-1[data-v-7fc8783d]{top:10%;left:-10%;animation-duration:25s}.cloud-2[data-v-7fc8783d]{top:40%;left:-20%;animation-duration:35s;font-size:60px;animation-delay:5s}.cloud-3[data-v-7fc8783d]{top:70%;left:-15%;animation-duration:28s;animation-delay:2s}@keyframes floatCloud-7fc8783d{0%{transform:translateX(0)}to{transform:translateX(120vw)}}.wish-container[data-v-7fc8783d]{width:100%;max-width:360px;z-index:10;text-align:center;position:relative}.header h1[data-v-7fc8783d]{color:#fff;font-size:28px;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.header p[data-v-7fc8783d]{color:#fff;opacity:.9;font-size:14px;margin-bottom:24px}.wish-card[data-v-7fc8783d]{background:hsla(0,0%,100%,.95);border-radius:24px;padding:30px 24px;box-shadow:0 10px 30px rgba(161,196,253,.4);transition:all .5s ease;position:relative;overflow:hidden}.wish-card.sending[data-v-7fc8783d]{transform:translateY(-20px) scale(.95);opacity:.9;filter:blur(.5px)}.cake-visual[data-v-7fc8783d]{margin-bottom:20px;position:relative;height:100px;display:flex;align-items:center;justify-content:center}.email-config[data-v-7fc8783d]{margin-bottom:20px}.email-field[data-v-7fc8783d]{margin-bottom:12px;text-align:left}.email-field label[data-v-7fc8783d]{display:block;font-size:12px;color:#666;margin-bottom:4px;font-weight:500}.email-field input[data-v-7fc8783d]{width:100%;padding:10px 12px;border:2px solid #e0eaff;background:#f8fbff;border-radius:12px;font-size:14px;color:#555;outline:none;transition:all .3s;box-sizing:border-box}.email-field input[data-v-7fc8783d]:focus{border-color:#a1c4fd;background:#fff}.email-field input[data-v-7fc8783d]::-moz-placeholder{color:#bcccdc}.email-field input[data-v-7fc8783d]::placeholder{color:#bcccdc}.cake-img-placeholder[data-v-7fc8783d]{font-size:80px;position:relative;animation:bounce-7fc8783d 3s ease-in-out infinite}.candle-glow[data-v-7fc8783d]{position:absolute;top:15px;left:50%;transform:translateX(-50%);width:10px;height:10px;background:#ffdb4d;border-radius:50%;box-shadow:0 0 15px #ffdb4d,0 0 30px #ff9a9e;animation:flicker-7fc8783d 1s infinite alternate}.input-area textarea[data-v-7fc8783d]{width:100%;height:120px;border:2px solid #e0eaff;background:#f8fbff;border-radius:16px;padding:16px;font-size:15px;color:#555;resize:none;outline:none;transition:all .3s;box-sizing:border-box}.input-area textarea[data-v-7fc8783d]:focus{border-color:#a1c4fd;background:#fff}.input-area textarea[data-v-7fc8783d]::-moz-placeholder{color:#bcccdc}.input-area textarea[data-v-7fc8783d]::placeholder{color:#bcccdc}.wish-btn[data-v-7fc8783d]{width:100%;padding:14px;border:none;border-radius:50px;background:linear-gradient(90deg,#ff9a9e,#fecfef 99%);color:#fff;font-size:16px;font-weight:700;cursor:pointer;margin-top:20px;box-shadow:0 4px 15px rgba(255,154,158,.4);transition:transform .2s}.wish-btn[data-v-7fc8783d]:active{transform:scale(.98)}.wish-btn[data-v-7fc8783d]:disabled{background:linear-gradient(90deg,rgba(255,154,158,.5),rgba(254,207,239,.5) 99%);box-shadow:0 2px 8px rgba(255,154,158,.2);cursor:default;opacity:.7}.wished-content[data-v-7fc8783d]{padding:40px 0;animation:fadeIn-7fc8783d 1s}.star-dust[data-v-7fc8783d]{font-size:40px;margin-bottom:10px;display:inline-block;animation:spin-7fc8783d 3s linear infinite}.wished-content p[data-v-7fc8783d]{color:#555;font-size:18px;font-weight:700}.wished-content .sub-text[data-v-7fc8783d]{font-size:14px;color:#999;font-weight:400;margin-top:8px}.modal-overlay[data-v-7fc8783d]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;animation:fadeIn-7fc8783d .3s}.modal-content[data-v-7fc8783d]{background:#fff;width:80%;max-width:300px;padding:30px;border-radius:20px;text-align:center;animation:popUp-7fc8783d .4s cubic-bezier(.175,.885,.32,1.275)}.modal-icon[data-v-7fc8783d]{font-size:40px;margin-bottom:15px}.modal-content h3[data-v-7fc8783d]{color:#333;margin-bottom:10px}.modal-content p[data-v-7fc8783d]{color:#666;font-size:14px;line-height:1.6;margin-bottom:20px}.email-status[data-v-7fc8783d]{margin-top:15px;padding:10px;border-radius:8px;font-size:12px}.email-success[data-v-7fc8783d]{background:rgba(76,175,80,.1);border:1px solid #4caf50;color:#4caf50}.email-error[data-v-7fc8783d]{background:rgba(244,67,54,.1);border:1px solid #f44336;color:#f44336}.email-status span[data-v-7fc8783d]{display:flex;align-items:center;justify-content:center}.close-btn[data-v-7fc8783d]{background:#a1c4fd;color:#fff;border:none;padding:10px 24px;border-radius:30px;font-size:14px;cursor:pointer}@keyframes flicker-7fc8783d{0%{opacity:1;transform:translateX(-50%) scale(1)}to{opacity:.8;transform:translateX(-50%) scale(1.1)}}@keyframes bounce-7fc8783d{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin-7fc8783d{to{transform:rotate(1turn)}}@keyframes popUp-7fc8783d{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn-7fc8783d{0%{opacity:0}to{opacity:1}}.meteor-shower[data-v-7fc8783d]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;pointer-events:none}.meteor[data-v-7fc8783d]{position:absolute;top:-100px;width:2px;height:100px;background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff,hsla(0,0%,100%,0));transform:rotate(-45deg);box-shadow:0 0 10px #fff,0 0 20px #fff;animation-name:shower-7fc8783d;animation-timing-function:linear;animation-iteration-count:infinite;opacity:0}.meteor[data-v-7fc8783d]:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 15px #fff}@keyframes shower-7fc8783d{0%{transform:rotate(-45deg) translate(0);opacity:0}10%{opacity:1}to{transform:rotate(-45deg) translate(-500px,100vh);opacity:0}}.music-btn[data-v-ff9a2622]{position:fixed;top:18px;right:18px;z-index:1000;width:44px;height:44px;background:hsla(0,0%,100%,.85);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.12);animation:spin-ff9a2622 4s linear infinite;animation-play-state:paused;font-size:18px}.music-btn.playing[data-v-ff9a2622]{animation-play-state:running}@keyframes spin-ff9a2622{to{transform:rotate(1turn)}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}