*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Ma Shan Zheng',cursive,serif;overflow-x:hidden;min-height:100vh;color:#e0d8f0;background:#0a0a1a;cursor:default;-webkit-tap-highlight-color:transparent}.starry-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0a2e 0%,#1a0a3e 25%,#0d1b3e 50%,#1a0a3e 75%,#0a0a2e 100%);background-size:400% 400%;animation:bgFlow 20s ease infinite;z-index:-3}@keyframes bgFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.stars-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;pointer-events:none}.ink-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:0.06;background-image:radial-gradient(ellipse at 20% 50%,rgba(100,140,200,0.3) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(140,100,200,0.2) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(80,120,180,0.25) 0%,transparent 50%);background-size:100% 100%;filter:blur(30px)}.ink-overlay::before{content:'';position:absolute;top:10%;left:5%;width:300px;height:300px;background:radial-gradient(ellipse,rgba(100,150,220,0.15) 0%,transparent 70%);border-radius:50% 40% 60% 30%;filter:blur(40px)}.ink-overlay::after{content:'';position:absolute;bottom:15%;right:10%;width:250px;height:250px;background:radial-gradient(ellipse,rgba(160,120,200,0.12) 0%,transparent 70%);border-radius:30% 60% 40% 50%;filter:blur(35px)}.petals-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.petal{position:absolute;top:-30px;width:12px;height:16px;background:radial-gradient(ellipse at 30% 30%,rgba(150,210,255,0.9),rgba(100,170,240,0.5));border-radius:50% 0 50% 50%;opacity:0;animation:petalFall linear infinite;filter:blur(0.5px);box-shadow:0 0 6px rgba(130,200,255,0.3)}@keyframes petalFall{0%{opacity:0;transform:translateY(0) translateX(0) rotate(0deg) scale(0.8)}10%{opacity:0.8}90%{opacity:0.6}100%{opacity:0;transform:translateY(100vh) translateX(80px) rotate(360deg) scale(0.4)}}.particle-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999}.particle{position:absolute;border-radius:50%;pointer-events:none;animation:particleFade 1s ease-out forwards}@keyframes particleFade{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0) translateY(-20px)}}.main-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;padding:20px;min-height:100vh}.countdown-section{margin-top:20px;text-align:center}.countdown-label{font-size:1.1rem;color:rgba(180,200,240,0.8);letter-spacing:3px;margin-bottom:8px}.countdown-timer{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.countdown-item{background:rgba(100,140,220,0.1);border:1px solid rgba(130,170,240,0.25);border-radius:12px;padding:10px 14px;min-width:70px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.countdown-num{font-size:1.8rem;color:#a0c4ff;text-shadow:0 0 10px rgba(130,180,255,0.5);display:block;line-height:1.2}.countdown-unit{font-size:0.8rem;color:rgba(180,200,240,0.6);letter-spacing:2px}@keyframes fadeInDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.main-title{margin-top:30px;text-align:center}.main-title h1{font-size:clamp(1.8rem,5vw,3rem);background:linear-gradient(135deg,#a0c4ff,#c4b5fd,#a0c4ff,#e0c3fc);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleShimmer 4s ease infinite;text-shadow:none;filter:drop-shadow(0 0 20px rgba(160,196,255,0.3));letter-spacing:4px}@keyframes titleShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.main-title .subtitle{font-size:clamp(0.9rem,2.5vw,1.2rem);color:rgba(180,200,240,0.6);margin-top:8px;letter-spacing:6px}.rose-section{margin-top:40px;display:flex;justify-content:center;align-items:center;perspective:800px;index:999}.rose-wrapper{position:relative;width:220px;height:220px;display:flex;justify-content:center;align-items:center;cursor:pointer}.rose-circle{position:absolute;width:210px;height:210px;border:2px solid rgba(130,180,240,0.3);border-radius:50%;animation:circleRotate 10s linear infinite}.rose-circle::before{content:'';position:absolute;top:-4px;left:50%;width:8px;height:8px;background:rgba(130,200,255,0.8);border-radius:50%;transform:translateX(-50%);box-shadow:0 0 10px rgba(130,200,255,0.6)}.rose-circle-inner{position:absolute;width:190px;height:190px;border:1px dashed rgba(180,160,220,0.2);border-radius:50%;animation:circleRotate 15s linear infinite reverse}@keyframes circleRotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.rose-3d{position:relative;width:140px;height:160px;animation:roseFloat 4s ease-in-out infinite;filter:drop-shadow(0 0 25px rgba(100,170,255,0.6))
                    drop-shadow(0 0 50px rgba(130,140,220,0.3))}.rose-3d svg{width:100%;height:100%}@keyframes roseFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.03)}}.rose-hint{position:absolute;bottom:-50px;font-size:0.8rem;color:rgba(160,196,255,0.5);letter-spacing:2px;animation:hintPulse 2s ease infinite}@keyframes hintPulse{0%,100%{opacity:0.5}50%{opacity:1}}.burst-particle{position:fixed;pointer-events:none;z-index:1000;animation:burstAnim 1.2s ease-out forwards}.burst-heart{font-size:20px;color:#7ec8ff;text-shadow:0 0 10px rgba(130,200,255,0.6)}.burst-petal-piece{width:10px;height:14px;background:linear-gradient(135deg,rgba(130,200,255,0.9),rgba(160,140,220,0.7));border-radius:50% 0 50% 50%}@keyframes burstAnim{0%{opacity:1;transform:translate(0,0) scale(1) rotate(0deg)}100%{opacity:0;transform:translate(var(--tx),var(--ty)) scale(0.3) rotate(var(--rot))}}.typewriter-section{margin-top:50px;text-align:center;min-height:60px}.typewriter-text{font-size:clamp(1.3rem,3.5vw,2rem);color:#c4d5f7;letter-spacing:4px;display:inline;text-shadow:0 0 15px rgba(150,190,255,0.3)}.typewriter-cursor{display:inline-block;width:3px;height:1.5em;background:linear-gradient(to bottom,rgba(200,180,140,0.9),rgba(160,140,100,0.3));margin-left:4px;vertical-align:text-bottom;border-radius:1px 1px 3px 0;animation:brushBlink 1s step-end infinite;clip-path:polygon(0 0,100% 0,60% 100%,0% 100%)}@keyframes brushBlink{0%,100%{opacity:1}50%{opacity:0}}.cards-section{margin-top:50px;display:flex;flex-wrap:wrap;justify-content:center;gap:24px;padding:0 20px;max-width:900px;width:100%}.glass-card{background:linear-gradient(165deg,rgba(25,30,70,0.5),rgba(35,25,65,0.45),rgba(20,28,60,0.5));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(140,140,230,0.12);border-radius:18px;padding:34px 26px 28px;width:260px;text-align:center;position:relative;overflow:hidden;transform:translateY(0);box-shadow:0 4px 20px rgba(10,10,40,0.3),inset 0 1px 0 rgba(180,180,255,0.06);transition:transform 0.6s cubic-bezier(0.25,0.46,0.45,0.94),box-shadow 0.6s cubic-bezier(0.25,0.46,0.45,0.94),border-color 0.6s ease}.glass-card::before{content:'';position:absolute;top:0;left:15%;width:70%;height:2px;background:linear-gradient(90deg,transparent,rgba(140,160,255,0.4),rgba(180,140,230,0.35),rgba(140,160,255,0.4),transparent);border-radius:0 0 2px 2px}.glass-card::after{content:'';position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);width:60%;height:60px;background:radial-gradient(ellipse,rgba(130,120,240,0.06) 0%,transparent 70%);pointer-events:none}.glass-card:hover{transform:translateY(-6px);border-color:rgba(160,140,255,0.35);box-shadow:0 0 15px rgba(140,120,255,0.25),0 0 40px rgba(120,100,240,0.15),0 0 80px rgba(100,130,255,0.1),inset 0 0 25px rgba(140,120,255,0.06);animation:cardGlow 3s ease-in-out infinite}@keyframes cardGlow{0%{box-shadow:0 0 15px rgba(140,120,255,0.25),0 0 40px rgba(120,100,240,0.15),0 0 80px rgba(100,130,255,0.1),inset 0 0 25px rgba(140,120,255,0.06);border-color:rgba(160,140,255,0.35)}50%{box-shadow:0 0 20px rgba(120,140,255,0.3),0 0 50px rgba(150,120,240,0.2),0 0 90px rgba(130,110,255,0.12),inset 0 0 30px rgba(130,140,255,0.08);border-color:rgba(140,160,255,0.4)}100%{box-shadow:0 0 15px rgba(140,120,255,0.25),0 0 40px rgba(120,100,240,0.15),0 0 80px rgba(100,130,255,0.1),inset 0 0 25px rgba(140,120,255,0.06);border-color:rgba(160,140,255,0.35)}}.card-icon{font-size:2rem;margin-bottom:14px;display:block;filter:drop-shadow(0 0 10px rgba(140,150,255,0.35))}.card-title{font-size:1.3rem;color:#c8d8f8;margin-bottom:14px;letter-spacing:4px;position:relative;display:inline-block}.card-title::after{content:'';display:block;width:28px;height:1px;background:linear-gradient(90deg,transparent,rgba(160,150,240,0.5),transparent);margin:8px auto 0}.card-text{font-size:0.95rem;color:rgba(190,200,235,0.65);line-height:1.9;letter-spacing:1.5px}.surprise-btn{margin-top:50px;padding:14px 40px;font-family:'Ma Shan Zheng',cursive;font-size:1.2rem;color:#c4d5f7;background:linear-gradient(135deg,rgba(80,120,200,0.3),rgba(140,100,200,0.3));border:1px solid rgba(130,180,240,0.3);border-radius:50px;cursor:pointer;letter-spacing:4px;transition:all 0.3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden}.surprise-btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(130,200,255,0.15);border-radius:50%;transform:translate(-50%,-50%);transition:all 0.5s ease}.surprise-btn:hover{border-color:rgba(130,200,255,0.6);box-shadow:0 0 30px rgba(100,170,255,0.2),inset 0 0 20px rgba(100,170,255,0.05);transform:scale(1.05)}.surprise-btn:hover::before{width:300px;height:300px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(5,5,20,0.75);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:2000;display:none;justify-content:center;align-items:center;opacity:0;transition:opacity 0.5s ease}.modal-overlay.active{display:flex;opacity:1}.modal-box{background:linear-gradient(160deg,rgba(18,24,55,0.85),rgba(25,18,50,0.9));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(140,130,220,0.25);border-radius:20px;padding:0;max-width:420px;width:90%;text-align:center;transform:scale(0.85) translateY(20px);transition:transform 0.5s cubic-bezier(0.34,1.56,0.64,1);position:relative;overflow:hidden;box-shadow:0 0 40px rgba(120,100,200,0.15),0 0 80px rgba(100,120,220,0.08),inset 0 1px 0 rgba(200,190,255,0.1)}.modal-overlay.active .modal-box{transform:scale(1) translateY(0)}.modal-header-deco{height:3px;background:linear-gradient(90deg,transparent,rgba(140,160,255,0.5),rgba(180,140,220,0.5),rgba(140,160,255,0.5),transparent);margin-bottom:0}.modal-letter{padding:32px 28px 24px;position:relative;background-image:url(../iloveyou.png);background-size:50%;background-repeat:no-repeat;background-position:left 40px bottom 10px}.modal-letter::before{content:'';position:absolute;top:10px;right:14px;font-size:1.1rem;opacity:0.2;color:#c4b5fd;width:30%;height:40%;background-image:url(../2.png);background-size:contain;background-repeat:no-repeat;background-position:right top;pointer-events:none;animation:opacityChange 1s infinite alternate}.modal-letter::after{content:'❀';position:absolute;bottom:10px;left:14px;font-size:1.1rem;opacity:0.2;color:#93c5fd}@keyframes opacityChange{0%{opacity:0.1}100%{opacity:1}}.modal-addressee{text-align:left;font-size:1.05rem;color:rgba(190,200,240,0.7);letter-spacing:2px;margin-bottom:20px;padding-left:4px}.modal-icon{font-size:1.6rem;display:inline-block;margin-bottom:16px;animation:modalFloat 3s ease infinite;filter:drop-shadow(0 0 8px rgba(140,130,255,0.4))}@keyframes modalFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}.modal-text{font-size:1.3rem;color:#d0d8f8;line-height:2.2;letter-spacing:3px;margin-bottom:24px;padding:0 8px}.modal-signature{text-align:right;padding-right:4px;margin-bottom:20px}.modal-signature .sig-line{display:block;font-size:0.95rem;color:rgba(180,190,230,0.6);letter-spacing:2px;line-height:1.8}.modal-signature .sig-name{font-size:1.15rem;color:rgba(200,190,240,0.8);letter-spacing:3px}.modal-divider{width:50px;height:1px;background:linear-gradient(90deg,transparent,rgba(160,150,240,0.4),transparent);margin:0 auto 20px}.modal-close{padding:10px 32px;font-family:'Ma Shan Zheng',cursive;font-size:1rem;color:rgba(190,200,240,0.85);background:rgba(120,110,200,0.12);border:1px solid rgba(150,140,230,0.2);border-radius:30px;cursor:pointer;letter-spacing:3px;transition:all 0.4s ease;margin-bottom:8px;margin-top:8px}.modal-close:hover{background:rgba(130,120,220,0.25);border-color:rgba(160,150,240,0.45);box-shadow:0 0 20px rgba(140,130,240,0.15)}.modal-footer-deco{height:2px;background:linear-gradient(90deg,transparent,rgba(140,160,255,0.3),rgba(180,140,220,0.3),rgba(140,160,255,0.3),transparent)}.easter-egg-zone{margin-top:50px;padding:20px 30px;text-align:center;cursor:pointer;user-select:none;-webkit-user-select:none;position:relative}.easter-egg-hint{font-size:0.9rem;color:rgba(160,180,220,0.4);letter-spacing:3px;transition:color 0.3s ease}.easter-egg-hint:hover{color:rgba(160,180,220,0.6)}.easter-egg-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.8);z-index:3000;opacity:0;pointer-events:none;transition:opacity 0.6s ease,transform 0.6s cubic-bezier(0.34,1.56,0.64,1);will-change:opacity,transform;padding:2px;border-radius:22px;background:rgba(15,20,50,0.6);max-width:380px;width:85%}.easter-egg-content.show{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}.easter-egg-content::before{content:'';position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:22px;background:conic-gradient(
                from var(--egg-angle,0deg),transparent 0%,rgba(140,130,255,0.5) 10%,rgba(100,180,255,0.3) 20%,transparent 30%,transparent 50%,rgba(180,140,240,0.4) 60%,rgba(120,160,255,0.3) 70%,transparent 80%
            );z-index:-1;animation:eggBorderSpin 4s linear infinite}@keyframes eggBorderSpin{to{--egg-angle:360deg}}@property --egg-angle{syntax:'<angle>';initial-value:0deg;inherits:false}.easter-egg-content::after{content:'';position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:26px;box-shadow:inset 0 0 20px 2px rgba(140,130,255,0.15),inset 0 0 50px 2px rgba(120,140,255,0.08),0 0 20px rgba(140,130,255,0.15),0 0 50px rgba(120,140,255,0.08);z-index:-2;animation:eggGlowPulse 3s ease-in-out infinite alternate;will-change:opacity}@keyframes eggGlowPulse{0%{opacity:0.6}100%{opacity:1}}.easter-egg-inner{background:linear-gradient(160deg,rgba(15,18,48,0.92),rgba(22,16,45,0.95));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:20px;padding:36px 30px 30px;text-align:center;position:relative;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.egg-rose-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../蓝色玫瑰.png);background-size:62%;background-repeat:no-repeat;background-position:center;pointer-events:none;opacity:0.1;animation:eggBgFade 3s ease-in-out infinite alternate;animation-play-state:paused;will-change:opacity}.easter-egg-content.show .egg-rose-bg{animation-play-state:running;animation-delay:0.4s}.easter-egg-inner::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(140,130,255,0.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(100,170,255,0.08) 0%,transparent 50%),radial-gradient(circle at 50% 10%,rgba(180,140,240,0.06) 0%,transparent 40%);pointer-events:none;animation:innerShimmer 4s ease-in-out infinite alternate;will-change:opacity}@keyframes innerShimmer{0%{opacity:0.4}100%{opacity:1}}@keyframes eggBgFade{0%{opacity:0.1}100%{opacity:1}}.rose-rain{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3001;overflow:hidden;opacity:1;transition:opacity 1.2s ease}.rose-rain.fading{opacity:0}.rose-petal{position:absolute;top:-60px;background-size:contain;background-repeat:no-repeat;background-position:center;animation:petalFall var(--fall-dur) linear var(--fall-delay) infinite,petalSway var(--sway-dur) ease-in-out var(--fall-delay) infinite alternate,petalSpin var(--spin-dur) linear var(--fall-delay) infinite;opacity:0;will-change:transform,opacity}@keyframes petalFall{0%{top:-60px;opacity:0}5%{opacity:var(--petal-opacity)}85%{opacity:var(--petal-opacity)}100%{top:110vh;opacity:0}}@keyframes petalSway{0%{transform:translateX(calc(var(--sway-range) * -1))}100%{transform:translateX(var(--sway-range))}}@keyframes petalSpin{0%{rotate:0deg}100%{rotate:var(--spin-dir)}}.egg-corner-tl,.egg-corner-tr,.egg-corner-bl,.egg-corner-br{position:absolute;width:24px;height:24px;opacity:0.25;color:#c4b5fd;pointer-events:none}.egg-corner-tl{top:10px;left:12px}.egg-corner-tr{top:10px;right:12px;transform:scaleX(-1)}.egg-corner-bl{bottom:10px;left:12px;transform:scaleY(-1)}.egg-corner-br{bottom:10px;right:12px;transform:scale(-1,-1)}.egg-corner-tl::before,.egg-corner-tr::before,.egg-corner-bl::before,.egg-corner-br::before{content:'';position:absolute;top:0;left:0;width:18px;height:1px;background:linear-gradient(90deg,rgba(180,170,240,0.6),transparent)}.egg-corner-tl::after,.egg-corner-tr::after,.egg-corner-bl::after,.egg-corner-br::after{content:'';position:absolute;top:0;left:0;width:1px;height:18px;background:linear-gradient(180deg,rgba(180,170,240,0.6),transparent)}.egg-top-icon{font-size:1.4rem;display:block;margin-bottom:16px;filter:drop-shadow(0 0 12px rgba(140,130,255,0.5));animation:eggIconFloat 3s ease-in-out infinite}@keyframes eggIconFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.05)}}.easter-egg-text{font-size:1.3rem;color:#d0d8f8;line-height:2.4;letter-spacing:3px;margin-bottom:6px;position:relative}.egg-text-line{display:block;width:40px;height:1px;background:linear-gradient(90deg,transparent,rgba(160,150,240,0.45),transparent);margin:12px auto}.easter-egg-deco{margin-top:8px;font-size:0.85rem;color:rgba(180,170,230,0.4);letter-spacing:4px}.music-btn{position:fixed;top:16px;right:16px;width:44px;height:44px;border-radius:50%;background:rgba(30,40,80,0.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(130,180,240,0.25);color:#a0c4ff;font-size:1.2rem;cursor:pointer;z-index:5000;display:flex;justify-content:center;align-items:center;transition:all 0.3s ease;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.music-btn:hover{background:rgba(50,60,100,0.5);border-color:rgba(130,200,255,0.5);box-shadow:0 0 15px rgba(100,170,255,0.2)}.music-icon{animation:musicSpin 2s linear infinite;animation-play-state:paused}.music-btn.playing .music-icon{animation-play-state:running}@keyframes musicSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.footer-deco{margin-top:60px;margin-bottom:40px;text-align:center;opacity:0.4}.footer-deco .line{display:inline-block;width:60px;height:1px;background:linear-gradient(to right,transparent,rgba(130,180,240,0.5),transparent);vertical-align:middle;margin:0 12px}.footer-deco .dot{font-size:0.6rem;color:rgba(130,180,240,0.6)}.footer-text{margin-top:10px;font-size:0.85rem;color:rgba(160,180,220,0.3);letter-spacing:4px}@media (max-width:768px){.cards-section{flex-direction:column;align-items:center}.glass-card{width:90%;max-width:320px}.countdown-item{min-width:60px;padding:8px 10px}.countdown-num{font-size:1.5rem}.rose-wrapper{width:180px;height:180px}.rose-circle{width:170px;height:170px}.rose-circle-inner{width:155px;height:155px}.rose-3d{width:100px;height:100px}}@media (max-width:480px){.main-content{padding:10px}.countdown-item{min-width:55px;padding:6px 8px}.surprise-btn{padding:12px 30px;font-size:1.1rem}}.page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a1a;z-index:9999;display:flex;justify-content:center;align-items:center;transition:opacity 0.8s ease}.page-loader.hidden{opacity:0;pointer-events:none}.loader-text{font-size:1.5rem;color:#a0c4ff;letter-spacing:6px;animation:loaderPulse 1.5s ease infinite}@keyframes loaderPulse{0%,100%{opacity:0.4}50%{opacity:1}}.music-player-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:6000;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity 0.45s ease;background:rgba(0,0,0,0.35);-webkit-transform:translateZ(0);transform:translateZ(0);will-change:opacity}.music-player-overlay.active{opacity:1;pointer-events:auto}.music-player-card{width:320px;height:320px;border-radius:50%;background:#0a0d1e;border:1px solid rgba(130,180,255,0.15);box-shadow:0 0 50px rgba(100,140,255,0.12),0 0 100px rgba(80,100,200,0.06),inset 0 1px 0 rgba(200,200,255,0.06);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;transform:scale(0.7) translateZ(0);transition:transform 0.5s cubic-bezier(0.34,1.56,0.64,1);will-change:transform}.music-player-overlay.active .music-player-card{transform:scale(1) translateZ(0)}.mp-cd-texture{position:absolute;top:-10%;left:-10%;width:120%;height:120%;border-radius:50%;object-fit:cover;z-index:0;pointer-events:none;opacity:0.15}@keyframes mpCdSpin{to{transform:rotate(360deg)}}.mp-cover-img{position:absolute;width:38%;height:38%;top:31%;left:31%;box-sizing:border-box;border-radius:50%;object-fit:cover;z-index:1;border:2px solid rgba(180,200,255,0.2);box-shadow:0 0 12px rgba(0,0,0,0.6),0 0 30px rgba(100,140,255,0.08);pointer-events:none;animation:mpCdSpin 15s linear infinite;animation-play-state:paused}.music-player-card.playing .mp-cover-img{animation-play-state:running}.mp-wave-ring{position:absolute;width:320px;height:320px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:0;animation:mpWaveRingSpin 20s linear infinite;animation-play-state:paused}.mp-wave-ring.playing{animation-play-state:running}@keyframes mpWaveRingSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}.mp-wave-slot{position:absolute;width:2px;height:160px;top:50%;left:50%;margin-left:-1px;transform-origin:center top;overflow:visible;pointer-events:none}.mp-wave-bar{position:absolute;top:100%;left:0;width:100%;height:3px;background:linear-gradient(to bottom,rgba(160,120,255,0.3),rgba(100,180,255,0.9));border-radius:2px;opacity:0.3;box-shadow:0 0 3px rgba(100,160,255,0.4),0 0 6px rgba(100,160,255,0.15);transition:height 0.06s linear,opacity 0.06s linear;will-change:height,opacity}.music-player-card::before{content:'';position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:50%;background:conic-gradient(
                from 0deg,transparent 0%,rgba(100,160,255,0.5) 8%,transparent 18%,transparent 45%,rgba(160,120,255,0.4) 55%,transparent 65%,transparent 85%,rgba(100,200,255,0.25) 92%,transparent 100%
            );z-index:-1;animation:mpBorderSpin 15s linear infinite;animation-play-state:paused}.music-player-card::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 50px rgba(0,0,0,0.3),inset 0 0 20px rgba(100,140,255,0.05);z-index:3;pointer-events:none}.music-player-card.playing::before{animation-play-state:running}@keyframes mpBorderSpin{to{transform:rotate(360deg)}}.mp-song-name{font-size:1rem;font-weight:600;color:#d0d8ff;letter-spacing:2px;margin-top:28px;text-align:center;max-width:200px;z-index:4;position:relative;text-shadow:0 1px 8px rgba(0,0,0,0.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-artist{font-size:0.75rem;color:rgba(160,180,220,0.7);margin-top:2px;letter-spacing:1px;z-index:4;position:relative;text-shadow:0 1px 6px rgba(0,0,0,0.4)}.mp-center-area{position:relative;width:240px;height:120px;display:flex;align-items:center;justify-content:center;margin-top:6px;z-index:4}.mp-lyrics-box{width:100%;height:100%;overflow:hidden;position:relative;mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent)}.mp-lyrics-inner{transition:transform 0.5s ease}.mp-lyric-line{text-align:center;font-size:0.72rem;color:rgba(160,180,220,0.45);line-height:1.8;transition:color 0.4s ease,transform 0.4s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 5px;text-shadow:0 1px 4px rgba(0,0,0,0.7),0 0 8px rgba(0,0,0,0.4)}.mp-lyric-line.active{color:#a0c4ff;transform:scale(1.08);text-shadow:0 1px 6px rgba(0,0,0,0.8),0 0 12px rgba(80,120,255,0.3)}.mp-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:rgba(15,18,48,0.7);border:1px solid rgba(130,180,255,0.35);color:#a0c4ff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5;opacity:1;transition:opacity 0.8s ease,background 0.25s ease,transform 0.25s ease}.mp-play-btn:hover{background:rgba(100,140,255,0.35);border-color:rgba(130,180,255,0.6)}.mp-play-btn.hidden{opacity:0;pointer-events:none}.mp-center-area:hover .mp-play-btn.hidden{opacity:0.85;pointer-events:auto}.mp-progress-wrap{width:200px;margin-top:8px;display:flex;align-items:center;gap:6px;z-index:4;position:relative}.mp-time{font-size:0.6rem;color:rgba(160,180,220,0.5);min-width:30px;text-align:center}.mp-progress-bar{flex:1;height:3px;background:rgba(100,140,255,0.15);border-radius:2px;position:relative;cursor:pointer}.mp-progress-fill{height:100%;background:linear-gradient(90deg,rgba(100,160,255,0.6),rgba(160,120,255,0.6));border-radius:2px;width:0%;position:relative}.mp-progress-fill::after{content:'';position:absolute;right:-4px;top:-3px;width:9px;height:9px;border-radius:50%;background:#a0c4ff;box-shadow:0 0 6px rgba(100,160,255,0.5);opacity:0;transition:opacity 0.2s}.mp-progress-bar:hover .mp-progress-fill::after{opacity:1}.mp-bottom-row{display:flex;align-items:center;gap:10px;margin-top:6px;margin-bottom:20px;z-index:4;position:relative}.mp-vol-wrap{display:flex;align-items:center;gap:4px}.mp-vol-icon{font-size:0.75rem;color:rgba(160,180,220,0.6);cursor:pointer}.mp-vol-bar{width:50px;height:3px;background:rgba(100,140,255,0.15);border-radius:2px;cursor:pointer;position:relative}.mp-vol-fill{height:100%;background:rgba(100,160,255,0.5);border-radius:2px;width:30%}.mp-lrc-toggle{font-size:0.65rem;color:rgba(160,180,220,0.5);background:rgba(100,140,255,0.1);border:1px solid rgba(130,180,255,0.15);border-radius:10px;padding:2px 8px;cursor:pointer;transition:all 0.2s}.mp-lrc-toggle.on{color:#a0c4ff;background:rgba(100,140,255,0.25);border-color:rgba(130,180,255,0.4)}.mp-arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:rgba(20,30,60,0.7);border:1px solid rgba(130,180,255,0.2);color:#a0c4ff;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.25s ease;z-index:10}.mp-arrow:hover{background:rgba(40,60,120,0.8);border-color:rgba(130,180,255,0.5);box-shadow:0 0 12px rgba(100,160,255,0.2)}.mp-arrow-left{left:-50px}.mp-arrow-right{right:-50px}.global-lyrics-bar{position:fixed;bottom:0;left:0;width:100%;z-index:5500;text-align:center;padding:10px 20px;pointer-events:none;opacity:0;transform:translateY(10px);transition:opacity 0.6s ease,transform 0.6s ease}.global-lyrics-bar.visible{opacity:1;transform:translateY(0)}.global-lyric-text{display:inline-block;font-size:0.9rem;color:rgba(180,200,255,0.85);text-shadow:0 0 20px rgba(100,140,255,0.4),0 0 40px rgba(80,100,200,0.2);letter-spacing:3px;font-family:'Noto Serif SC',serif;background:linear-gradient(90deg,rgba(100,160,255,0.08),rgba(160,120,255,0.08));padding:6px 24px;border-radius:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(130,180,255,0.1)}@media (max-width:600px){.music-player-card{width:280px;height:280px}.mp-center-area{width:200px;height:100px}.mp-progress-wrap{width:170px}.mp-arrow-left{left:-42px}.mp-arrow-right{right:-42px}.mp-song-name{margin-top:22px;font-size:0.9rem}.mp-wave-ring{width:280px;height:280px}.mp-wave-slot{height:140px}}[data-anim]{opacity:0;transition:opacity 0.9s cubic-bezier(0.22,1,0.36,1),transform 0.9s cubic-bezier(0.22,1,0.36,1);will-change:opacity,transform}[data-anim="fade-up"]{transform:translateY(60px)}[data-anim="fade-down"]{transform:translateY(-40px)}[data-anim="scale-in"]{transform:scale(0.8)}[data-anim="slide-left"]{transform:translateX(-60px)}[data-anim="slide-right"]{transform:translateX(60px)}[data-anim="fade-in"]{transform:none}[data-anim="zoom-rotate"]{transform:scale(0.6) rotate(-8deg)}[data-anim].anim-visible{opacity:1;transform:translateY(0) translateX(0) scale(1) rotate(0deg)}[data-anim-delay="1"]{transition-delay:0.1s}[data-anim-delay="2"]{transition-delay:0.22s}[data-anim-delay="3"]{transition-delay:0.34s}[data-anim-delay="4"]{transition-delay:0.46s}[data-anim-delay="5"]{transition-delay:0.58s}[data-anim-delay="6"]{transition-delay:0.7s}@font-face{font-family:'ShouXie';src:url('../1jGongEzq39B.woff2') format('woff2')}.word-box,.word-box .word{position:absolute;animation:rotY 0s linear infinite;animation-duration:var(--animation-duration);animation-delay:var(--animation-delay)}.word-box{margin-top:var(--margin-top)}.word-box .word{margin-left:var(--margin-left)}.word-box .word{animation-duration:reverse}@keyframes rotY{to{transform:rotateY(360deg)}}.qr-code-wrapper{text-align:center;margin:1px auto 40px;opacity:0;transition:opacity 0.8s ease}.qr-code-wrapper.visible{opacity:1}@media (max-width:768px){.qr-code-wrapper{display:none}}.qr-code-img{width:100px;height:100px;border-radius:12px;box-shadow:0 4px 20px rgba(100,140,255,0.2);transition:transform 0.3s ease,box-shadow 0.3s ease}.qr-code-img:hover{transform:scale(1.15);box-shadow:0 6px 30px rgba(100,140,255,0.3)}