@keyframes petBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes petBounce{0%,to{transform:translateY(0)}30%{transform:translateY(-10px)}50%{transform:translateY(0)}70%{transform:translateY(-5px)}}@keyframes petWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes petHappy{0%{transform:scale(1) translateY(0)}20%{transform:scale(1.15) translateY(-12px)}40%{transform:scale(.95) translateY(-4px)}60%{transform:scale(1.08) translateY(-8px)}80%{transform:scale(.98) translateY(-2px)}to{transform:scale(1) translateY(0)}}@keyframes petEat{0%,to{transform:translateY(0)}15%{transform:translateY(-3px)}30%{transform:translateY(2px)}45%{transform:translateY(-3px)}60%{transform:translateY(2px)}75%{transform:translateY(-3px)}90%{transform:translateY(0)}}@keyframes petSpin{0%{transform:rotate(0) scale(1)}25%{transform:rotate(10deg) scale(1.1)}50%{transform:rotate(-10deg) scale(1.1)}75%{transform:rotate(5deg) scale(1.05)}to{transform:rotate(0) scale(1)}}@keyframes petGlow{0%,to{filter:brightness(1) drop-shadow(0 0 4px rgba(250,204,21,0))}50%{filter:brightness(1.2) drop-shadow(0 0 16px rgba(250,204,21,.6))}}@keyframes reactionFloat{0%{opacity:1;transform:translateY(0) scale(.5)}50%{opacity:1;transform:translateY(-30px) scale(1.2)}to{opacity:0;transform:translateY(-60px) scale(.8)}}@keyframes reactionPop{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@keyframes eatParticle{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--ex, 20px),var(--ey, -40px)) scale(0)}}@keyframes heartFloat{0%{opacity:0;transform:translateY(0) scale(.3) rotate(0)}20%{opacity:1;transform:translateY(-20px) scale(1) rotate(10deg)}to{opacity:0;transform:translateY(-80px) scale(1.5) rotate(-10deg)}}.pet-idle{animation:petBreathe 3s ease-in-out infinite}.pet-anim-bounce{animation:petBounce .6s ease-in-out}.pet-anim-wiggle{animation:petWiggle .5s ease-in-out}.pet-anim-happy{animation:petHappy .8s ease-in-out}.pet-anim-eat{animation:petEat 1.2s ease-in-out}.pet-anim-spin{animation:petSpin .7s ease-in-out}.pet-anim-glow{animation:petGlow 1.5s ease-in-out infinite}.pet-reaction{position:absolute;z-index:30;pointer-events:none;animation:reactionFloat 1.5s ease-out forwards}.pet-heart{position:absolute;z-index:30;pointer-events:none;font-size:20px;animation:heartFloat 2s ease-out forwards}.eat-particle{position:absolute;z-index:30;pointer-events:none;animation:eatParticle .8s ease-out forwards;--ex: 0px;--ey: 0px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:PingFang SC,Microsoft YaHei,Fredoka,Comic Neue,-apple-system,sans-serif;background:linear-gradient(135deg,#fef9f0 0%,#fff5e6 25%,#f0e6ff 50%,#e6f7ff 75%,#fef9f0 100%);background-size:400% 400%;animation:bgShift 20s ease-in-out infinite;min-height:100vh;color:#4a3728;overflow-x:hidden}#root{min-height:100vh}[data-theme=dark]{background-color:#141414;color:#e5e7eb}[data-theme=dark] body{background-color:#141414;background:#141414;animation:none;color:#e5e7eb}[data-theme=dark] body:before{opacity:.15}[data-theme=dark] .glass-card{background:rgba(30,30,30,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0000004d,0 2px 8px #0003,inset 0 1px #ffffff0a}@keyframes bgShift{0%,to{background-position:0% 50%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;background:radial-gradient(circle 80px at 10% 20%,rgba(255,182,193,.25),transparent),radial-gradient(circle 60px at 85% 15%,rgba(135,206,250,.2),transparent),radial-gradient(circle 100px at 50% 80%,rgba(255,218,121,.2),transparent),radial-gradient(circle 50px at 30% 60%,rgba(152,251,152,.2),transparent),radial-gradient(circle 70px at 70% 40%,rgba(216,180,254,.2),transparent),radial-gradient(circle 90px at 15% 75%,rgba(255,182,193,.15),transparent),radial-gradient(circle 55px at 90% 70%,rgba(135,206,250,.2),transparent)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:rgba(255,200,150,.2);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ffb6c1,#ffa07a);border-radius:10px;border:2px solid rgba(255,255,255,.3)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ffa07a,#ffb6c1)}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.08)}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.15)}30%{transform:scale(1)}45%{transform:scale(1.1)}60%{transform:scale(1)}}@keyframes glowPulse{0%,to{box-shadow:0 0 8px #ff96644d,0 0 20px #ff96641a}50%{box-shadow:0 0 16px #ff966499,0 0 35px #ff966440}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes sparkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes rotateIn{0%{transform:rotate(-10deg) scale(.8);opacity:0}to{transform:rotate(0) scale(1);opacity:1}}@keyframes jellyBounce{0%{transform:scaleY(1) scaleX(1)}25%{transform:scaleY(.85) scaleX(1.1)}50%{transform:scaleY(1.08) scaleX(.95)}75%{transform:scaleY(.95) scaleX(1.03)}to{transform:scaleY(1) scaleX(1)}}.bigscreen-bg{background:radial-gradient(ellipse at center,#0a1628 0%,#060e1f 40%,#020810 100%);position:relative;overflow:hidden}.bigscreen-bg:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(1px 1px at 10% 15%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 25% 35%,rgba(255,255,255,.5),transparent),radial-gradient(2px 2px at 40% 10%,rgba(180,220,255,.7),transparent),radial-gradient(1px 1px at 55% 45%,rgba(255,255,255,.4),transparent),radial-gradient(2px 2px at 70% 20%,rgba(180,220,255,.6),transparent),radial-gradient(1px 1px at 85% 30%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 15% 55%,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 30% 70%,rgba(180,220,255,.5),transparent),radial-gradient(1px 1px at 50% 60%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 65% 75%,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 80% 55%,rgba(180,220,255,.5),transparent),radial-gradient(1px 1px at 90% 65%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 5% 80%,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 45% 85%,rgba(180,220,255,.4),transparent),radial-gradient(1px 1px at 75% 90%,rgba(255,255,255,.3),transparent);pointer-events:none;animation:twinkle 4s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.7}to{opacity:1}}.glow-panel{background:rgba(10,25,50,.6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(100,180,255,.15);border-radius:16px;box-shadow:0 4px 24px #0000004d,inset 0 1px #ffffff08,0 0 0 1px #64b4ff0d;position:relative;overflow:hidden}.glow-panel:before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(100,180,255,.4),transparent)}.bigscreen-number{font-family:Fredoka,Orbitron,DIN,monospace;font-weight:800;letter-spacing:2px;text-shadow:0 0 20px currentColor}@keyframes ringGlow{0%,to{filter:drop-shadow(0 0 4px rgba(100,200,255,.3))}50%{filter:drop-shadow(0 0 12px rgba(100,200,255,.6))}}@keyframes scanBorder{0%{background-position:0% 0%}to{background-position:400% 0%}}.glass-card{background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.8);border-radius:24px;box-shadow:0 8px 32px #ff96641a,0 2px 8px #0000000a,inset 0 1px #fff9}.gradient-btn{border:none;border-radius:16px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.gradient-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.gradient-btn:active{transform:translateY(0)}.gradient-btn:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 60%);opacity:0;transition:opacity .3s}.gradient-btn:hover:after{opacity:1}