:root{--sky-top: #87CEEB;--sky-bottom: #E0F7FA;--cloud-white: #FFFFFF;--wukong-gold: #FFD700;--wukong-red: #FF4500;--text-color: #333333}body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:linear-gradient(to bottom,var(--sky-top),var(--sky-bottom));height:100vh;overflow:hidden;color:var(--text-color);-webkit-font-smoothing:antialiased}#root{width:100%;height:100%}.app-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;position:relative}.content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}h1{font-size:2.5rem;color:var(--cloud-white);text-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:2rem;opacity:.9}.scene{position:relative;width:300px;height:300px;display:flex;justify-content:center;align-items:center;perspective:1000px}.wukong-container{position:relative;animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.cloud{position:relative;width:200px;height:60px;background:#fff;border-radius:50px;box-shadow:0 10px 30px #fffc;z-index:10;top:100px}.cloud-part{position:absolute;background:#fff;border-radius:50%}.c1{width:60px;height:60px;top:-30px;left:20px}.c2{width:80px;height:80px;top:-50px;left:60px}.c3{width:60px;height:60px;top:-30px;left:120px}.c4{width:40px;height:40px;top:10px;right:-10px}.cloud:after{content:"";position:absolute;inset:0;border-radius:50px;box-shadow:0 0 20px #e0f7fa;z-index:-1}.wukong{position:absolute;bottom:50px;left:50%;transform:translate(-50%);z-index:20;display:flex;flex-direction:column;align-items:center}.head{width:40px;height:40px;background:gold;border-radius:50%;position:relative;z-index:2}.face{width:30px;height:25px;background:#f4c430;border-radius:40%;position:absolute;bottom:5px;left:5px}.headband{width:44px;height:10px;border:4px solid #FF4500;border-top:0;border-left:0;border-right:0;border-radius:50px;position:absolute;top:10px;left:-2px}.body{width:30px;height:40px;background:#ff4500;border-radius:10px;margin-top:-5px;position:relative;z-index:1}.scarf{width:40px;height:15px;background:gold;position:absolute;top:0;left:-5px;border-radius:10px}.arm{width:10px;height:30px;background:gold;position:absolute;top:5px;border-radius:5px}.left{left:-8px;transform:rotate(20deg)}.right{right:-8px;transform:rotate(-20deg)}.stick{width:140px;height:6px;background:linear-gradient(90deg,gold 10%,red 10% 90%,gold 90%);position:absolute;top:30px;left:-50px;transform:rotate(-15deg);border-radius:3px;box-shadow:0 0 5px #ffd70080;animation:spin-stick 2s ease-in-out infinite alternate}@keyframes spin-stick{0%{transform:rotate(-15deg)}to{transform:rotate(-25deg)}}.footer{width:100%;padding:1rem 0;display:flex;justify-content:center;align-items:center;position:absolute;bottom:0;left:0}.icp-link{color:#666;text-decoration:none;font-size:.9rem;transition:color .3s ease;padding:5px 10px;border-radius:4px}.icp-link:hover{color:#333;background-color:#fff6}