:root{--primary-color:#00ffff;--secondary-color:#ff00ff;--bg-color:#000005;--text-color:#ffffff;--accent-color:#ffff00;--sun-color:#ffa500}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dynamic-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;perspective:1000px}.earth,.galaxy,.solar-system{position:absolute;top:50%;left:50%;width:120%;height:120%;background-size:cover;background-position:50%;opacity:0;transition:opacity 2s ease-in-out,transform 30s ease-in-out;transform-origin:center center}.video-container{position:fixed;top:0;left:0;width:100%;height:100vh;overflow:hidden;z-index:1;background:var(--bg-color)}#mainVideo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease}.stars-container{position:fixed;width:100%;height:100%;overflow:hidden;z-index:2;pointer-events:none;perspective:1000px;transform-style:preserve-3d;background:radial-gradient(ellipse at center,rgba(10,10,30,.3) 0,rgba(0,0,5,.8) 100%)}.milky-way{position:absolute;width:150%;height:150%;top:-25%;left:-25%;background:radial-gradient(ellipse at 30% 50%,rgba(100,100,150,.15) 0,rgba(50,50,100,.08) 30%,transparent 60%);transform:rotate(-25deg);animation:milkyWayDrift 200s linear infinite}@keyframes milkyWayDrift{0%{transform:rotate(-25deg) translateX(0)}to{transform:rotate(-25deg) translateX(-10%)}}.nebula{position:absolute;border-radius:50%;filter:blur(60px);opacity:.3;animation:nebulaPulse 20s ease-in-out infinite}@keyframes nebulaPulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}}.star{position:absolute;border-radius:50%;transform-style:preserve-3d;will-change:transform,opacity}.star:before{width:400%;height:2px;transform:translate(-100%,-50%);background:linear-gradient(90deg,transparent 0,currentColor 80%,transparent);opacity:.6}.star:after,.star:before{content:"";position:absolute;top:50%;left:50%}.star:after{width:200%;height:200%;transform:translate(-50%,-50%);border-radius:50%;background:inherit;filter:blur(2px);opacity:.4}@keyframes star-warp{0%{transform:translate(var(--start-x),var(--start-y)) scale(.5);opacity:0}10%{opacity:1}80%{opacity:1}to{transform:translate(var(--end-x),var(--end-y)) scale(2);opacity:0}}.shooting-star{position:absolute;width:2px;height:2px;background:white;border-radius:50%;box-shadow:0 0 10px 2px rgba(255,255,255,.8);animation:shootingStar 2s linear}.shooting-star:after{content:"";position:absolute;top:0;left:0;width:100px;height:2px;background:linear-gradient(90deg,rgba(255,255,255,.8),transparent);transform:translateX(-100px)}@keyframes shootingStar{0%{transform:translate(0);opacity:1}to{transform:translate(300px,300px);opacity:0}}.lightning{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.ball-lightning{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,1) 0,rgba(200,230,255,.8) 20%,rgba(100,180,255,.6) 40%,rgba(50,100,255,.2) 60%,transparent 80%);box-shadow:0 0 20px rgba(100,200,255,.8),0 0 40px rgba(50,150,255,.5),0 0 80px rgba(0,50,150,.3);filter:brightness(1.5);animation:ball-lightning-move 2s ease-out forwards;will-change:transform,opacity}@keyframes ball-lightning-move{0%{transform:translate(0) scale(.5);opacity:0}10%{opacity:1;transform:translate(var(--move-x),var(--move-y)) scale(1.2)}80%{opacity:.8}to{transform:translate(calc(var(--move-x) * 1.5),calc(var(--move-y) * 1.5)) scale(0);opacity:0}}.lightning-flash-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at var(--flash-x) var(--flash-y),rgba(200,220,255,.15) 0,rgba(150,180,255,.08) 30%,transparent 60%);pointer-events:none;z-index:2;animation:screen-flash .3s ease-out}@keyframes screen-flash{0%{opacity:0}10%{opacity:1}30%{opacity:.4}50%{opacity:.8}to{opacity:0}}.btn-container{position:fixed;top:50%;left:50%;width:80vmin;height:80vmin;transform:translate(-50%,-50%);z-index:4}.btn,.btn-container{transform-style:preserve-3d}.btn{position:absolute;width:80px;height:80px;margin:-40px;border-radius:50%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.3);color:#ffffff;cursor:pointer;transition:all .4s ease;display:flex;align-items:center;justify-content:center;text-align:center;font-size:13px;font-weight:500;letter-spacing:1px;box-shadow:0 0 15px rgba(0,0,0,.3);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.btn:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.6);box-shadow:0 0 20px rgba(255,255,255,.3);z-index:10;transform:scale(1.1)}.typing-text{position:fixed;bottom:8%;left:50%;transform:translateX(-50%);color:#ffffff;font-size:24px;font-weight:700;text-align:center;white-space:nowrap;overflow:visible;z-index:5;opacity:1;letter-spacing:4px;text-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(100,255,200,.5),0 0 30px rgba(100,255,200,.3)}.typing-char{display:inline-block;animation:char-explode .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes char-explode{0%{transform:scale(0) translateY(-20px);opacity:0;filter:blur(10px)}50%{transform:scale(1.3) translateY(-5px);filter:blur(3px)}70%{transform:scale(.95) translateY(2px);filter:blur(1px)}to{transform:scale(1) translateY(0);opacity:1;filter:blur(0)}}.planet-alignment{position:fixed;bottom:20px;right:20px;top:auto;left:auto;transform:none;width:300px;height:300px;z-index:6;pointer-events:none}.orbit-container{transform:translate(-50%,-50%) scale(.6);width:100%;height:100%}.orbit,.orbit-container{position:absolute;top:50%;left:50%}.orbit{border-radius:50%;border:1px solid rgba(255,255,255,0);transform:translate(-50%,-50%)}.planet-container{position:absolute;top:50%;left:50%;transform-origin:center center}@keyframes planet-blink{0%{opacity:1}25%{opacity:.3}50%{opacity:0}75%{opacity:.3}to{opacity:1}}@keyframes sun-blink{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}20%{opacity:.6;transform:translate(-50%,-50%) scale(.95)}40%{opacity:.2;transform:translate(-50%,-50%) scale(.9)}50%{opacity:0;transform:translate(-50%,-50%) scale(.85)}60%{opacity:.2;transform:translate(-50%,-50%) scale(.9)}80%{opacity:.6;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.planet-mercury{width:12px;height:12px;background:radial-gradient(circle at 25% 25%,rgba(255,255,255,.3) 0,transparent 30%),radial-gradient(circle at 35% 35%,#E8DCD0 0,#D4C5B9 25%,#9B8B7E 50%,#6B5D52 100%);box-shadow:inset -4px -4px 8px rgba(0,0,0,.5),inset 3px 3px 6px rgba(255,255,255,.2),0 0 12px rgba(212,197,185,.6),0 0 20px rgba(212,197,185,.3),0 3px 6px rgba(0,0,0,.4);animation:planet-blink 8s ease-in-out infinite;animation-delay:0s}.planet-venus{background:radial-gradient(circle at 30% 30%,#f5deb3,#8b4513);box-shadow:inset -2px -2px 6px rgba(0,0,0,.7),0 0 5px rgba(139,69,19,.5);animation:planet-blink 10s ease-in-out infinite;width:18px;height:18px;background:radial-gradient(circle at 30% 30%,#fff8dc,#cd853f);box-shadow:inset -3px -3px 8px rgba(0,0,0,.7),0 0 10px rgba(255,165,0,.3);animation:planet-blink 12s ease-in-out infinite;animation-delay:1s}.planet-earth{width:18px;height:18px;background:radial-gradient(circle at 30% 30%,#4b9cd3,#1e3f66);box-shadow:inset -3px -3px 8px rgba(0,0,0,.8),0 0 8px rgba(65,105,225,.4);animation:planet-blink 12s ease-in-out infinite;animation-delay:2s}.planet-earth:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.3) 0,transparent 60%);animation:clouds-drift 20s linear infinite}@keyframes clouds-drift{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.planet-mars{width:14px;height:14px;background:radial-gradient(circle at 30% 30%,#ff7f50,#8b0000);box-shadow:inset -2px -2px 6px rgba(0,0,0,.8),0 0 8px rgba(255,69,0,.4);animation:planet-blink 14s ease-in-out infinite;animation-delay:3s}.planet-jupiter{width:32px;height:32px;background:linear-gradient(0deg,#8b4513,#f4a460,#d2691e,#8b4513);box-shadow:inset -4px -4px 12px rgba(0,0,0,.7),0 0 12px rgba(210,105,30,.4);animation:planet-blink 16s ease-in-out infinite;animation-delay:4s}.planet-jupiter:after{content:"";width:35%;height:25%;top:45%;left:25%;background:radial-gradient(ellipse,rgba(200,80,60,.6) 0,rgba(180,60,40,.4) 40%,transparent 70%)}.central-sun,.planet-jupiter:after{position:absolute;border-radius:50%}.central-sun{top:50%;left:50%;width:40px;height:40px;transform:translate(-50%,-50%) translateZ(0);transform-style:preserve-3d;background:radial-gradient(circle at 30% 30%,#FFF9E6 0,#FFE66D 20%,#FFD700 40%,#FFA500 70%,#FF8C00 100%);box-shadow:0 0 25px rgba(255,215,0,.9),0 0 50px rgba(255,165,0,.7),0 0 75px rgba(255,140,0,.5),0 0 100px rgba(255,140,0,.3),inset -8px -8px 15px rgba(0,0,0,.2),0 15px 30px rgba(0,0,0,.4);animation:sun-blink 20s ease-in-out infinite;z-index:10}.volume-control{position:fixed;top:20px;right:20px;z-index:1000;width:44px;height:44px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;color:#ffffff;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 2px 10px rgba(0,0,0,.2)}.volume-control:hover{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.5);transform:scale(1.1);box-shadow:0 0 15px rgba(255,255,255,.3)}.volume-control svg{width:20px;height:20px;filter:drop-shadow(0 0 2px rgba(0,0,0,.5))}.loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;border:4px solid rgba(255,255,255,.3);border-top:4px solid var(--text-color);animation:spin 1s linear infinite;display:none}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.beian-info{position:fixed;bottom:10px;left:0;right:0;text-align:center;z-index:1000;padding:5px}.beian-info a{color:#ffffff;text-decoration:none;font-size:12px;opacity:.8;transition:opacity .3s ease}.beian-info a:hover{opacity:1}@media (max-width:1200px){.btn-container{width:70vmin;height:70vmin}.btn{width:70px;height:70px;margin:-35px;font-size:12px}.typing-text{font-size:20px}.planet-mercury{width:10px;height:10px}.planet-venus{width:15px;height:15px}.planet-earth{width:14px;height:14px}.planet-mars{width:12px;height:12px}.planet-jupiter{width:24px;height:24px}.planet-saturn{width:20px;height:20px}.planet-uranus{width:17px;height:17px}.planet-neptune{width:16px;height:16px}.central-sun{width:32px;height:32px}}@media (max-width:768px){.btn-container{width:60vmin;height:60vmin}.btn{width:60px;height:60px;margin:-30px;font-size:11px}.typing-text{font-size:18px;width:90%;white-space:normal}.planet-mercury{width:8px;height:8px}.planet-venus{width:13px;height:13px}.planet-earth{width:12px;height:12px}.planet-mars{width:10px;height:10px}.planet-jupiter{width:20px;height:20px}.planet-saturn{width:17px;height:17px}.planet-uranus{width:15px;height:15px}.planet-neptune{width:14px;height:14px}.central-sun{width:26px;height:26px}#mainVideo{width:100vw;height:100vh;object-fit:cover}}@media (max-width:480px){.btn-container{width:50vmin;height:50vmin}.btn{width:45px;height:45px;margin:-22.5px;font-size:9px}.typing-text{font-size:16px}.planet-mercury{width:6px;height:6px}.planet-venus{width:10px;height:10px}.planet-earth{width:9px;height:9px}.planet-mars{width:8px;height:8px}.planet-jupiter{width:16px;height:16px}.planet-saturn{width:14px;height:14px}.planet-uranus{width:12px;height:12px}.planet-neptune{width:11px;height:11px}.central-sun{width:20px;height:20px}}