*{margin:0;padding:0;box-sizing:border-box;}body{font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑','Helvetica Neue',Arial,sans-serif;background:radial-gradient(ellipse at center,#1a1a2e 0%,#16213e 50%,#0f3460 100%);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative;}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,#eee,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,0.8),transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,0.6),transparent),radial-gradient(2px 2px at 160px 30px,#ddd,transparent);background-repeat:repeat;background-size:200px 100px;animation:backgroundMove 20s linear infinite;opacity:0.3;}@keyframes backgroundMove{0%{transform:translateX(0);}100%{transform:translateX(-200px);}}.loading-container{text-align:center;color:white;position:relative;z-index:10;backdrop-filter:blur(10px);background:rgba(255,255,255,0.05);padding:3rem;border-radius:20px;border:1px solid rgba(255,255,255,0.1);box-shadow:0 8px 32px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.1);transform-style:preserve-3d;animation:containerFloat 6s ease-in-out infinite;}.logo{width:300px;height:80px;margin:0 auto 2rem;display:flex;align-items:center;justify-content:center;animation:logoGlow 3s ease-in-out infinite;position:relative;}.logo img{width:520px;height:60px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,255,255,0.5));}@keyframes logoGlow{0%,100%{transform:scale(1);}50%{transform:scale(1.02);}}@media (max-width:768px){.logo{width:250px;height:60px;margin-bottom:1.5rem;}.logo img{width:380px;height:45px;}}@keyframes containerFloat{0%,100%{transform:translateY(0px) rotateX(0deg);}50%{transform:translateY(-10px) rotateX(2deg);}}.loading-title{font-size:3.36rem;font-weight:200;margin-bottom:2.24rem;background:linear-gradient(45deg,#ffffff,#4ecdc4,#45b7d1,#96ceb4,#feca57,#ff6b6b);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;animation:gradientShift 4s ease-in-out infinite;position:relative;letter-spacing:0.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑','Helvetica Neue',Arial,sans-serif;filter:drop-shadow(0 0 20px rgba(78,205,196,0.5));}.loading-title::before{content:'✨';position:absolute;left:-2rem;top:50%;transform:translateY(-50%);font-size:1.5rem;animation:starTwinkle 2s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,255,255,0.8));}.loading-title::after{content:'✨';position:absolute;right:-2rem;top:50%;transform:translateY(-50%);font-size:1.5rem;animation:starTwinkle 2s ease-in-out infinite 1s;filter:drop-shadow(0 0 10px rgba(255,255,255,0.8));}.loading-title::before,.loading-title::after{content:'✨';position:absolute;top:50%;transform:translateY(-50%);font-size:1.5rem;animation:starTwinkle 2s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,255,255,0.8));}.loading-title::before{left:-2rem;animation-delay:0s;}.loading-title::after{right:-2rem;animation-delay:1s;}@media (max-width:768px){.loading-title{font-size:2.24rem;margin-bottom:1.68rem;}.loading-title::before,.loading-title::after{font-size:1rem;left:-1.5rem;right:-1.5rem;}}@keyframes gradientShift{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}@keyframes starTwinkle{0%,100%{opacity:0.3;transform:translateY(-50%) scale(0.8) rotate(0deg);}50%{opacity:1;transform:translateY(-50%) scale(1.2) rotate(180deg);}}.progress-container{width:448px;height:22px;background:rgba(255,255,255,0.1);border-radius:11px;padding:3px;box-shadow:inset 0 2px 4px rgba(0,0,0,0.3),0 0 20px rgba(78,205,196,0.2);position:relative;margin:2.24rem auto;overflow:hidden;border:1px solid rgba(255,255,255,0.2);}@media (max-width:768px){.progress-container{width:95%;max-width:500px;height:18px;margin:1.68rem auto;}}.progress-bar{height:100%;background:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#feca57,#ff6b6b);background-size:200% 100%;border-radius:10px;width:0%;transition:width 0.3s ease;animation:gradientMove 2s linear infinite;position:relative;box-shadow:0 0 20px rgba(78,205,196,0.5);}@keyframes gradientMove{0%{background-position:0% 50%;}100%{background-position:200% 50%;}}.progress-bar::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.6),transparent);animation:shimmer 1.5s infinite;border-radius:10px;}@keyframes shimmer{0%{transform:translateX(-100%);}100%{transform:translateX(100%);}}.progress-text{font-size:1.344rem;margin-top:1.12rem;font-weight:300;font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei','微软雅黑','Helvetica Neue',Arial,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,0.5);position:relative;}.progress-text::after{content:'';position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:50px;height:2px;background:linear-gradient(90deg,transparent,#4ecdc4,transparent);animation:textGlow 2s ease-in-out infinite;}@keyframes textGlow{0%,100%{opacity:0.3;}50%{opacity:1;}}@media (max-width:768px){.progress-text{font-size:1.12rem;margin-top:0.896rem;}}.loading-dots{display:inline-block;margin-left:0.5rem;}.loading-dots span{display:inline-block;width:10px;height:10px;border-radius:50%;background:white;margin:0 3px;animation:dots 1.4s infinite ease-in-out both;box-shadow:0 0 10px rgba(255,255,255,0.8);}@media (max-width:768px){.loading-dots span{width:6px;height:6px;margin:0 2px;}}.loading-dots span:nth-child(1){animation-delay:-0.32s;}.loading-dots span:nth-child(2){animation-delay:-0.16s;}@keyframes dots{0%,80%,100%{transform:scale(0) rotate(0deg);opacity:0.5;}40%{transform:scale(1) rotate(180deg);opacity:1;}}.galaxy-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;}.milky-way{position:absolute;top:50%;left:-50%;width:200%;height:3px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1),rgba(78,205,196,0.4),rgba(255,255,255,0.6),rgba(69,183,209,0.4),rgba(255,255,255,0.1),transparent
            );transform:translateY(-50%) rotate(-15deg);animation:milkyWayFlow 20s linear infinite;filter:blur(0.5px);box-shadow:0 0 20px rgba(78,205,196,0.3);}.star{position:absolute;width:2px;height:2px;background:#ffffff;border-radius:50%;animation:starTwinkle 3s infinite ease-in-out;}.star.large{width:4px;height:4px;background:#4ecdc4;box-shadow:0 0 15px #4ecdc4,0 0 30px rgba(78,205,196,0.5);animation:starTwinkle 2s infinite ease-in-out;}.star.medium{width:2px;height:2px;background:#ffffff;box-shadow:0 0 8px #ffffff,0 0 16px rgba(255,255,255,0.5);}.star.small{width:1px;height:1px;background:#feca57;box-shadow:0 0 4px #feca57,0 0 8px rgba(254,202,87,0.5);}.nebula{position:absolute;width:120px;height:80px;background:radial-gradient(ellipse,rgba(78,205,196,0.3),rgba(69,183,209,0.2),transparent
            );border-radius:50%;animation:nebulaFloat 15s infinite ease-in-out;filter:blur(1px);}.nebula.purple{background:radial-gradient(ellipse,rgba(118,75,162,0.3),rgba(102,126,234,0.2),transparent
            );}.nebula.orange{background:radial-gradient(ellipse,rgba(254,202,87,0.3),rgba(255,107,107,0.2),transparent
            );}.meteor{position:absolute;width:2px;height:2px;background:linear-gradient(90deg,#ffffff,transparent);border-radius:50%;animation:meteorFall 3s linear infinite;opacity:0;}@keyframes meteorFall{0%{transform:translateX(-100px) translateY(-100px) rotate(45deg);opacity:1;}100%{transform:translateX(calc(100vw + 100px)) translateY(calc(100vh + 100px)) rotate(45deg);opacity:0;}}@media (max-width:768px){.star.large{width:3px;height:3px;}.star.medium{width:2px;height:2px;}.star.small{width:1px;height:1px;}.nebula{width:80px;height:60px;}}@keyframes starTwinkle{0%,100%{opacity:0.3;transform:scale(0.8) rotate(0deg);}50%{opacity:1;transform:scale(1.2) rotate(180deg);}}@keyframes milkyWayFlow{0%{transform:translateY(-50%) rotate(-15deg) translateX(-100%);}100%{transform:translateY(-50%) rotate(-15deg) translateX(100%);}}@keyframes nebulaFloat{0%,100%{transform:translateY(0px) rotate(0deg) scale(1);opacity:0.3;}50%{transform:translateY(-30px) rotate(180deg) scale(1.1);opacity:0.6;}}.completion-message{display:none;font-size:2rem;color:#4ecdc4;text-shadow:2px 2px 4px rgba(0,0,0,0.3);animation:completionPulse 1s ease-in-out infinite alternate;}@keyframes completionPulse{from{transform:scale(1);}to{transform:scale(1.1);}}.restart-btn{display:none;margin-top:2rem;padding:12px 24px;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);border:none;border-radius:25px;color:white;font-size:1.1rem;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(0,0,0,0.2);}.restart-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.3);}.restart-btn:active{transform:translateY(0);}.particle{position:absolute;width:1px;height:1px;background:#ffffff;border-radius:50%;animation:particleFloat 8s infinite linear;opacity:0;}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh) scale(0);}10%{opacity:1;transform:translateY(90vh) scale(1);}90%{opacity:1;transform:translateY(10vh) scale(1);}100%{opacity:0;transform:translateY(0vh) scale(0);}}