:root{font-family:Microsoft YaHei,PingFang SC,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}#root{width:100%;height:100%}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;overflow:hidden}body{font-family:Microsoft YaHei,PingFang SC,Helvetica Neue,Arial,sans-serif;height:100vh;overflow:hidden;position:relative;margin:0;padding:0}.app{background:linear-gradient(180deg,#87ceeb,#b0e0e6 30%,#ffe4b5 70%,#ffb6c1);height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#333;overflow:hidden;position:relative;padding:0;margin:0}.stars{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.star{position:absolute;background:radial-gradient(circle,#ffffffe6,#ffdfba99);border-radius:50%;animation:twinkle 3s infinite;box-shadow:0 0 10px #ffdfbacc}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.9;transform:scale(1.2)}}header{text-align:center;padding:20px 20px 10px;z-index:1;flex-shrink:0}h1{font-size:2em;color:#ff69b4;font-weight:700;letter-spacing:5px;text-shadow:2px 2px 4px rgba(255,255,255,.8),0 0 20px rgba(255,105,180,.4);margin-bottom:10px}.subtitle{font-size:1em;color:#555;letter-spacing:2px;font-weight:400;line-height:1.8;max-width:600px;margin:0 auto;text-shadow:1px 1px 2px rgba(255,255,255,.8)}.tree-container{position:relative;width:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;z-index:1;padding:20px 0 0;min-height:0}.tree-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;flex-shrink:0;margin-bottom:20px}.lotus{position:relative;width:280px;height:280px;display:flex;align-items:center;justify-content:center;z-index:2;animation:lotusFloat 6s ease-in-out infinite}@keyframes lotusFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.lotus-glow{position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(255,200,100,.4) 0%,rgba(255,150,80,.2) 40%,transparent 70%);filter:blur(20px);animation:glowPulse 4s ease-in-out infinite;z-index:-1}@keyframes glowPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.lotus-petal{position:absolute;background:linear-gradient(135deg,#ffe5b4,gold 20%,orange,#ff8c00 80%,#d2691e);border-radius:50%/60% 60% 40% 40%;box-shadow:0 4px 15px #ff8c0066,inset -5px -5px 15px #d2691e80,inset 5px 5px 15px #ffe5b499}.outer-petal{width:90px;height:120px;transform-origin:center 90%}.outer-petal.petal-1{transform:rotate(0) translateY(-100px)}.outer-petal.petal-2{transform:rotate(60deg) translateY(-100px)}.outer-petal.petal-3{transform:rotate(120deg) translateY(-100px)}.outer-petal.petal-4{transform:rotate(180deg) translateY(-70px)}.outer-petal.petal-5{transform:rotate(240deg) translateY(-100px)}.outer-petal.petal-6{transform:rotate(300deg) translateY(-100px)}.middle-petal{width:75px;height:100px;background:linear-gradient(135deg,#fff8dc,#ffe5b4 15%,gold 40%,#ff8c00,#d2691e);transform-origin:center 85%;opacity:.95}.middle-petal.petal-1{transform:rotate(30deg) translateY(-70px)}.middle-petal.petal-2{transform:rotate(90deg) translateY(-70px)}.middle-petal.petal-3{transform:rotate(150deg) translateY(-70px)}.middle-petal.petal-4{transform:rotate(210deg) translateY(-70px)}.middle-petal.petal-5{transform:rotate(270deg) translateY(-70px)}.middle-petal.petal-6{transform:rotate(330deg) translateY(-70px)}.inner-petal{width:60px;height:80px;background:linear-gradient(135deg,#fffacd,#fff8dc 20%,gold,orange 80%,#ff8c00);transform-origin:center 80%;opacity:.9}.inner-petal.petal-1{transform:rotate(0) translateY(-45px)}.inner-petal.petal-2{transform:rotate(72deg) translateY(-45px)}.inner-petal.petal-3{transform:rotate(144deg) translateY(-45px)}.inner-petal.petal-4{transform:rotate(216deg) translateY(-45px)}.inner-petal.petal-5{transform:rotate(288deg) translateY(-45px)}.lotus-center{position:absolute;width:80px;height:108px;background:radial-gradient(circle,#fff8dc,gold,orange 60%,#ff8c00);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 20px #ff8c0099,inset 0 -3px 10px #ff8c0080,inset 0 3px 10px #fff8dccc;z-index:10}.lotus-core{width:40px;height:40px;background:radial-gradient(circle,#fffacd,gold,#ff8c00);border-radius:50%;box-shadow:0 0 15px #ffd700cc,inset 0 2px 5px #fffacde6;animation:coreGlow 3s ease-in-out infinite}@keyframes coreGlow{0%,to{box-shadow:0 0 15px #ffd700cc,inset 0 2px 5px #fffacde6}50%{box-shadow:0 0 25px gold,0 0 40px #ffa50099,inset 0 2px 5px #fffacd}}.platform{position:relative;width:240px;height:60px;margin-top:-30px;display:flex;z-index:1;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px #0000004d,0 5px 15px #0003}.platform-stone{width:50%;height:100%;background:linear-gradient(135deg,#2f4f4f,#3a5a5a 20%,#1a2f2f,#2f4f4f 80%,#1a2f2f);position:relative;box-shadow:inset -5px 0 15px #00000080,inset 3px 3px 8px #5a6e6e4d}.platform-stone:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.02) 10px,rgba(255,255,255,.02) 20px)}.platform-wood{width:50%;height:100%;background:linear-gradient(90deg,#8b7355,#a0826d,tan,#c19a6b,#8b7355,#6f5f4d);position:relative;box-shadow:inset 5px 0 15px #65432166,inset -3px 3px 8px #d2b48c4d}.platform-wood:before{content:"";position:absolute;top:20%;left:10%;right:10%;height:2px;background:#65432180;border-radius:50%}.platform-wood:after{content:"";position:absolute;top:60%;left:15%;right:15%;height:2px;background:#65432166;border-radius:50%}.tree-text{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);font-size:38px;color:#ff1493;font-weight:900;letter-spacing:12px;text-shadow:-2px -2px 0 #FFD700,2px -2px 0 #FFD700,-2px 2px 0 #FFD700,2px 2px 0 #FFD700,0 0 15px rgba(255,20,147,.8),0 0 30px rgba(255,215,0,.6),0 0 45px rgba(255,105,180,.5),3px 3px 8px rgba(0,0,0,.4);z-index:3;pointer-events:none;animation:textRotateGlow 4s ease-in-out infinite}@keyframes textRotateGlow{0%{transform:translate(-50%,-50%) translateY(-3px);text-shadow:-2px -2px 0 #FFD700,2px -2px 0 #FFD700,-2px 2px 0 #FFD700,2px 2px 0 #FFD700,0 0 15px rgba(255,20,147,.8),0 0 30px rgba(255,215,0,.6),0 0 45px rgba(255,105,180,.5),3px 3px 8px rgba(0,0,0,.4)}25%{transform:translate(-50%,-50%) translate(3px);text-shadow:-2px -2px 0 #FFD700,2px -2px 0 #FFD700,-2px 2px 0 #FFD700,2px 2px 0 #FFD700,0 0 20px rgba(255,20,147,.9),0 0 40px rgba(255,215,0,.8),0 0 60px rgba(255,105,180,.7),3px 3px 8px rgba(0,0,0,.4)}50%{transform:translate(-50%,-50%) translateY(3px);text-shadow:-2px -2px 0 #FFD700,2px -2px 0 #FFD700,-2px 2px 0 #FFD700,2px 2px 0 #FFD700,0 0 25px rgba(255,20,147,1),0 0 45px rgba(255,215,0,.9),0 0 65px rgba(255,105,180,.8),3px 3px 8px rgba(0,0,0,.4)}75%{transform:translate(-50%,-50%) translate(-3px);text-shadow:-2px -2px 0 #FFD700,2px -2px 0 #FFD700,-2px 2px 0 #FFD700,2px 2px 0 #FFD700,0 0 20px rgba(255,20,147,.9),0 0 40px rgba(255,215,0,.8),0 0 60px rgba(255,105,180,.7),3px 3px 8px rgba(0,0,0,.4)}to{transform:translate(-50%,-50%) translateY(-3px);text-shadow:-2px -2px 0 #FFD700,2px -2px 0 #FFD700,-2px 2px 0 #FFD700,2px 2px 0 #FFD700,0 0 15px rgba(255,20,147,.8),0 0 30px rgba(255,215,0,.6),0 0 45px rgba(255,105,180,.5),3px 3px 8px rgba(0,0,0,.4)}}.flowers-area{width:100%;max-width:700px;flex:1;display:flex;align-items:flex-end;justify-content:center;padding:0 20px;overflow:hidden;position:relative}.flowers-pile{width:100%;max-height:100%;display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-end;gap:6px;padding:10px;overflow:hidden}.flower-static{font-size:26px;line-height:1;animation:fadeIn .6s ease-out forwards;transition:all .3s ease;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(255,182,193,.6))}.flower-static.removing{animation:fadeOut .5s ease-in forwards}@keyframes fadeIn{0%{opacity:0;transform:scale(.3) translateY(20px) rotate(-20deg)}to{opacity:1;transform:scale(1) translateY(0) rotate(0)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1) translateY(0) rotate(0)}to{opacity:0;transform:scale(.3) translateY(-30px) rotate(20deg)}}.control-panel{width:100%;background:linear-gradient(180deg,#fffffff2,#fff0f5f2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:3px solid rgba(255,105,180,.5);padding:15px 20px 18px;box-shadow:0 -5px 30px #ffb6c166;z-index:100;flex-shrink:0}.control-content{max-width:1000px;margin:0 auto;display:flex;gap:15px;align-items:center;justify-content:center;flex-wrap:wrap}.wallet-section{display:flex;align-items:center;gap:10px;flex-shrink:0}.wallet-button{padding:10px 24px;font-size:.95em;font-weight:600;letter-spacing:1px;color:#fff;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;cursor:pointer;transition:all .3s;box-shadow:0 3px 12px #4caf5066;white-space:nowrap}.wallet-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 18px #4caf5099;background:linear-gradient(135deg,#45a049,#4caf50)}.wallet-button:disabled{opacity:.6;cursor:not-allowed}.wallet-info{display:flex;align-items:center;gap:10px;padding:8px 16px;background:linear-gradient(135deg,#4caf5026,#4caf5040);border:2px solid rgba(76,175,80,.5);border-radius:8px;box-shadow:0 2px 8px #4caf5033}.wallet-address{font-size:.9em;font-weight:600;color:#2e7d32;font-family:Courier New,monospace;letter-spacing:.5px}.wallet-disconnect{padding:6px 14px;font-size:.85em;font-weight:600;color:#666;background:#ffffffe6;border:1px solid rgba(0,0,0,.1);border-radius:6px;cursor:pointer;transition:all .2s}.wallet-disconnect:hover{background:#fff;color:#d32f2f;border-color:#d32f2f4d}.input-group{display:flex;align-items:center;gap:10px;flex:0 0 auto}.input-group label{color:#ff69b4;font-size:.9em;font-weight:600;letter-spacing:1px;white-space:nowrap;text-shadow:0 1px 2px rgba(255,255,255,.8)}.input-group input{width:140px;padding:10px 14px;font-size:1em;border:2px solid rgba(255,105,180,.4);background:#fffc;color:#333;border-radius:8px;transition:all .3s;box-shadow:0 2px 8px #ffb6c133}.input-group input:focus{outline:none;border-color:#ff69b4;background:#fff;box-shadow:0 4px 15px #ff69b44d}.flower-display{display:flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#ffb6c14d,#ffdab94d);border-radius:8px;border:2px solid rgba(255,105,180,.4);box-shadow:0 2px 10px #ffb6c14d}.flower-display-text{color:#666;font-size:.9em;font-weight:500}.flower-count{font-size:1.6em;color:#ff69b4;font-weight:700;min-width:50px;text-align:center;text-shadow:0 2px 4px rgba(255,105,180,.3)}.flower-icon{font-size:1.4em;filter:drop-shadow(0 2px 4px rgba(255,182,193,.5))}.offer-button{flex-shrink:0;padding:12px 28px;font-size:1em;font-weight:700;letter-spacing:2px;color:#fff;background:linear-gradient(135deg,#ff69b4,#ff1493,#ff69b4);border:none;border-radius:10px;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #ff69b480,inset 0 -2px 5px #ff14934d,inset 0 2px 5px #ffb6c14d;white-space:nowrap}.offer-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 25px #ff69b4b3,inset 0 -2px 5px #ff14934d,inset 0 2px 5px #ffb6c14d;background:linear-gradient(135deg,#ff1493,#ff69b4,#ff1493)}.offer-button:active:not(:disabled){transform:translateY(0)}.offer-button:disabled{opacity:.6;cursor:not-allowed;background:linear-gradient(135deg,#ffb6c1,pink)}.floating-flower{position:fixed;bottom:100px;font-size:32px;pointer-events:none;z-index:1000;animation:floatUp 3s ease-out forwards;filter:drop-shadow(0 0 8px rgba(255,182,193,.8))}@keyframes floatUp{0%{opacity:1;transform:translateY(0) translate(0) rotate(0) scale(1)}50%{opacity:.9;transform:translateY(-200px) translate(calc(var(--drift) * .5)) rotate(180deg) scale(1.1)}to{opacity:0;transform:translateY(-400px) translate(var(--drift)) rotate(360deg) scale(.8)}}.tribute-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#fffffffa,#fff0f5fa);color:#ff69b4;padding:40px 60px;border-radius:20px;font-size:1.5em;letter-spacing:4px;text-align:center;opacity:0;pointer-events:none;z-index:2000;border:3px solid #FF69B4;box-shadow:0 10px 50px #ff69b499,inset 0 0 30px #ffb6c14d}.tribute-message.show{animation:showTribute 3s ease-in-out forwards}@keyframes showTribute{0%{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(-5deg)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1) rotate(2deg)}25%{transform:translate(-50%,-50%) scale(.98) rotate(-1deg)}30%{transform:translate(-50%,-50%) scale(1) rotate(0)}80%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}to{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(5deg)}}footer{text-align:center;color:#666;font-size:.85em;padding:10px 20px;z-index:1;flex-shrink:0;text-shadow:1px 1px 2px rgba(255,255,255,.8)}@media(max-width:768px){h1{font-size:1.5em;letter-spacing:3px}.subtitle{font-size:.85em}header{padding:15px 15px 8px}.control-panel{padding:12px 15px 15px}.control-content{flex-direction:column;gap:10px}.wallet-section{width:100%;justify-content:center}.wallet-button{width:100%}.wallet-info{width:100%;justify-content:space-between}.input-group{flex-direction:row;width:100%;justify-content:center}.input-group input{flex:1;max-width:150px}.flower-display{width:100%;justify-content:center}.offer-button{width:100%;padding:12px 20px}.tree-container{padding:15px 0 0}.lotus{width:200px;height:200px}.outer-petal{width:65px;height:85px}.outer-petal.petal-1{transform:rotate(0) translateY(-70px)}.outer-petal.petal-2{transform:rotate(60deg) translateY(-70px)}.outer-petal.petal-3{transform:rotate(120deg) translateY(-70px)}.outer-petal.petal-4{transform:rotate(180deg) translateY(-70px)}.outer-petal.petal-5{transform:rotate(240deg) translateY(-70px)}.outer-petal.petal-6{transform:rotate(300deg) translateY(-70px)}.middle-petal{width:55px;height:70px}.middle-petal.petal-1{transform:rotate(30deg) translateY(-50px)}.middle-petal.petal-2{transform:rotate(90deg) translateY(-50px)}.middle-petal.petal-3{transform:rotate(150deg) translateY(-50px)}.middle-petal.petal-4{transform:rotate(210deg) translateY(-50px)}.middle-petal.petal-5{transform:rotate(270deg) translateY(-50px)}.middle-petal.petal-6{transform:rotate(330deg) translateY(-50px)}.inner-petal{width:45px;height:60px}.inner-petal.petal-1{transform:rotate(0) translateY(-32px)}.inner-petal.petal-2{transform:rotate(72deg) translateY(-32px)}.inner-petal.petal-3{transform:rotate(144deg) translateY(-32px)}.inner-petal.petal-4{transform:rotate(216deg) translateY(-32px)}.inner-petal.petal-5{transform:rotate(288deg) translateY(-32px)}.lotus-center{width:50px;height:50px}.lotus-core{width:30px;height:30px}.platform{width:180px;height:50px;margin-top:-25px}.tree-text{font-size:24px;letter-spacing:6px;top:52%}.flowers-area{max-width:100%;padding:0 10px}.flowers-pile{gap:4px;padding:8px}.flower-static{font-size:20px}footer{font-size:.75em;padding:8px 10px}}