body{font-family:Comic Sans MS,Chalkboard SE,Marker Felt,Microsoft YaHei,PingFang SC,Arial Rounded MT Bold,sans-serif!important;background:linear-gradient(135deg,#ff9a9e 0%,#fad0c4 100%)!important;min-height:100vh;position:relative;overflow-x:hidden}.animal-decoration{position:fixed;z-index:-1;opacity:.15;font-size:4em;animation:float 15s infinite ease-in-out}.animal-1{top:15%;left:8%;animation-delay:0s}.animal-2{top:25%;right:12%;animation-delay:3s}.animal-3{bottom:20%;left:10%;animation-delay:6s}.animal-4{bottom:30%;right:8%;animation-delay:9s}.animal-5{top:40%;left:20%;animation-delay:12s}.animal-6{top:60%;right:15%;animation-delay:15s}.card-animal:before{content:"";position:absolute;top:-15px;left:0;width:100%;height:30px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0v46.29c47.79 22.2 103.59 32.17 158 28 70.36-5.37 136.33-33.31 206.8-37.5 73.84-4.36 147.54 16.88 218.2 35.26 69.27 18 138.3 24.88 209.4 13.08 36.15-6 69.85-17.84 104.45-29.34C985.29 5.37 1105.02 0 1200 0v120H0z' fill='%23ffd700'/%3E%3C/svg%3E");background-size:cover;background-repeat:no-repeat}.card-animal:after{content:"";position:absolute;bottom:-15px;left:0;width:100%;height:30px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0v46.29c47.79 22.2 103.59 32.17 158 28 70.36-5.37 136.33-33.31 206.8-37.5 73.84-4.36 147.54 16.88 218.2 35.26 69.27 18 138.3 24.88 209.4 13.08 36.15-6 69.85-17.84 104.45-29.34C985.29 5.37 1105.02 0 1200 0v120H0z' fill='%23ffd700'/%3E%3C/svg%3E");background-size:cover;background-repeat:no-repeat;transform:scaleY(-1)}.el-dialog__header:before{content:"";position:absolute;top:-10px;left:0;width:100%;height:20px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0v46.29c47.79 22.2 103.59 32.17 158 28 70.36-5.37 136.33-33.31 206.8-37.5 73.84-4.36 147.54 16.88 218.2 35.26 69.27 18 138.3 24.88 209.4 13.08 36.15-6 69.85-17.84 104.45-29.34C985.29 5.37 1105.02 0 1200 0v120H0z' fill='%23ffd700'/%3E%3C/svg%3E");background-size:cover;background-repeat:no-repeat}.animal-list-item:before{content:"";position:absolute;top:-10px;left:0;width:100%;height:20px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0v46.29c47.79 22.2 103.59 32.17 158 28 70.36-5.37 136.33-33.31 206.8-37.5 73.84-4.36 147.54 16.88 218.2 35.26 69.27 18 138.3 24.88 209.4 13.08 36.15-6 69.85-17.84 104.45-29.34C985.29 5.37 1105.02 0 1200 0v120H0z' fill='%23ffd700'/%3E%3C/svg%3E");background-size:cover;background-repeat:no-repeat}.cloud-decoration{position:fixed;z-index:-1;opacity:.15;font-size:4em;animation:float 15s infinite ease-in-out;animation-play-state:paused;pointer-events:none}.cloud-2{top:5%;right:10%;animation-delay:5s}.cloud-3{bottom:10%;left:15%;animation-delay:10s}.cloud-4{bottom:5%;right:20%;animation-delay:15s}@keyframes float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-20px) translate(10px)}}.el-button{border-radius:30px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:1.5px!important;transition:all .3s ease!important;box-shadow:0 8px 20px #00000040!important;border:4px solid!important;padding:12px 20px!important;font-size:1em!important;background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%)!important;min-width:44px!important;min-height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.el-button:hover{transform:translateY(-6px) scale(1.08) rotate(2deg)!important;box-shadow:0 12px 30px #00000059!important;border-color:gold!important}.el-input__inner{border-radius:25px!important;border:4px solid #ffd700!important;padding:15px 22px!important;font-size:1.2em!important;background:white!important;box-shadow:inset 0 3px 10px #00000026!important;transition:all .3s ease!important}.el-input__inner:focus{border-color:#ff6b6b!important;box-shadow:inset 0 3px 15px #ff6b6b4d!important}.card-animal{background:white!important;border-radius:35px!important;box-shadow:0 15px 40px #00000040!important;border:5px solid #ffd700!important;padding:30px!important;transition:all .5s ease!important;position:relative;overflow:hidden}.card-animal:before{content:"";position:absolute;top:-15px;left:0;width:100%;height:30px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0v46.29c47.79 22.2 103.59 32.17 158 28 70.36-5.37 136.33-33.31 206.8-37.5 73.84-4.36 147.54 16.88 218.2 35.26 69.27 18 138.3 24.88 209.4 13.08 36.15-6 69.85-17.84 104.45-29.34C985.29 5.37 1105.02 0 1200 0v120H0z' fill='%23ffd700'/%3E%3C/svg%3E");background-size:cover;background-repeat:no-repeat}.card-animal:after{content:"";position:absolute;bottom:-15px;left:0;width:100%;height:30px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0v46.29c47.79 22.2 103.59 32.17 158 28 70.36-5.37 136.33-33.31 206.8-37.5 73.84-4.36 147.54 16.88 218.2 35.26 69.27 18 138.3 24.88 209.4 13.08 36.15-6 69.85-17.84 104.45-29.34C985.29 5.37 1105.02 0 1200 0v120H0z' fill='%23ffd700'/%3E%3C/svg%3E");background-size:cover;background-repeat:no-repeat;transform:scaleY(-1)}.card-animal:hover{transform:translateY(-10px) scale(1.05) rotate(1deg)!important;box-shadow:0 20px 50px #00000059!important}.animal-title{font-size:2.8em!important;font-weight:700!important;color:#ff6b6b!important;text-shadow:5px 5px 10px rgba(0,0,0,.4)!important;margin-bottom:25px!important;background:linear-gradient(45deg,#ff6b6b,#ffd700,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:300% 300%;animation:gradientShift 3s ease infinite}.animal-subtitle{font-size:1.5em!important;color:#4ecdc4!important;font-weight:600!important;text-shadow:3px 3px 6px rgba(0,0,0,.3)!important;background:linear-gradient(45deg,#4ecdc4,#a8edea);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.animal-divider{border-top:5px dashed #ffd700!important;margin:40px 0!important;position:relative}.animal-divider:before{content:"🐾";position:absolute;top:-15px;left:50%;transform:translate(-50%);font-size:2em;color:#ff6b6b;animation:bounce 2s infinite}.animal-badge{background:linear-gradient(135deg,#ff6b6b 0%,#ffa502 100%)!important;color:#fff!important;padding:12px 28px!important;border-radius:30px!important;font-weight:700!important;font-size:1.2em!important;box-shadow:0 6px 20px #ff6b6b80!important;display:inline-block!important;border:3px solid white!important;animation:pulse 2s infinite}.animal-progress{height:15px!important;border-radius:20px!important;background:#f0f0f0!important;overflow:hidden!important;border:3px solid #ffd700!important}.animal-progress .el-progress-bar__outer{border-radius:20px!important}.el-notification{border-radius:30px!important;border:4px solid #ffd700!important;box-shadow:0 12px 35px #0006!important;background:linear-gradient(135deg,#ffffff 0%,#fff5f5 100%)!important}.el-dialog{border-radius:40px!important;border:5px solid #ffd700!important;box-shadow:0 20px 60px #00000080!important;background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%)!important}.el-dialog__header{background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%)!important;border-radius:35px 35px 0 0!important;padding:25px!important;position:relative;overflow:hidden}.el-dialog__header:before{content:"";position:absolute;top:-10px;left:0;width:100%;height:20px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0v46.29c47.79 22.2 103.59 32.17 158 28 70.36-5.37 136.33-33.31 206.8-37.5 73.84-4.36 147.54 16.88 218.2 35.26 69.27 18 138.3 24.88 209.4 13.08 36.15-6 69.85-17.84 104.45-29.34C985.29 5.37 1105.02 0 1200 0v120H0z' fill='%23ffd700'/%3E%3C/svg%3E");background-size:cover;background-repeat:no-repeat}.el-dialog__title{font-size:2em!important;font-weight:700!important;color:#ff6b6b!important;text-shadow:3px 3px 6px rgba(0,0,0,.3)!important;background:linear-gradient(45deg,#ff6b6b,#ffd700);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.animal-list-item{background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%)!important;border-radius:25px!important;padding:25px!important;margin:15px 0!important;border:4px solid #e9ecef!important;transition:all .4s ease!important;position:relative;overflow:hidden}.animal-list-item:before{content:"";position:absolute;top:-10px;left:0;width:100%;height:20px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0v46.29c47.79 22.2 103.59 32.17 158 28 70.36-5.37 136.33-33.31 206.8-37.5 73.84-4.36 147.54 16.88 218.2 35.26 69.27 18 138.3 24.88 209.4 13.08 36.15-6 69.85-17.84 104.45-29.34C985.29 5.37 1105.02 0 1200 0v120H0z' fill='%23ffd700'/%3E%3C/svg%3E");background-size:cover;background-repeat:no-repeat}.animal-list-item:hover{border-color:gold!important;transform:scale(1.05) rotate(1deg)!important;box-shadow:0 12px 35px #ffd70066!important}.animal-text{font-size:1.3em!important;line-height:1.7!important;color:#2d3748!important}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(8deg)}75%{transform:rotate(-8deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-30px) rotate(5deg)}50%{transform:translateY(-20px) rotate(-5deg)}75%{transform:translateY(-40px) rotate(3deg)}}@keyframes drift{0%,to{transform:translate(0)}25%{transform:translate(-20px)}50%{transform:translate(20px)}75%{transform:translate(-10px)}}.wiggle{animation:wiggle 2s infinite!important}.pulse{animation:pulse 1.8s infinite!important}.animal-character:hover{animation:animalDance 4s infinite ease-in-out}.animated-text{display:inline-block!important;transition:transform .3s ease!important}.animated-text:hover{animation:rotate 1s ease!important}.animated-gradient-text{background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:300% 300%!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:gradientShift 3s ease infinite!important;animation-play-state:paused}.animated-gradient-text:hover{animation-play-state:running}.jump-element{font-size:2em!important;color:#ff6b6b!important;transition:transform .3s ease!important}.jump-element:hover{animation:bounce .6s ease!important}.pulse-element{display:inline-block!important;border:3px solid white!important;transition:all .3s ease!important}.pulse-element:hover{animation:pulse .8s ease!important}.animal-icon{font-size:2.2em!important;transition:transform .3s ease!important}.animal-icon:hover{animation:bounce .6s ease!important}.wiggle{transition:transform .3s ease!important}.wiggle:hover{animation:wiggle .8s ease!important}.pulse{transition:transform .3s ease!important}.pulse:hover{animation:pulse .8s ease!important}.animal-character{transition:transform .3s ease!important}.animal-character:hover{animation:animalDance 1.5s ease-in-out!important}.float-element{transition:transform .4s ease!important}.float-element:hover{animation:float 1.5s ease-in-out!important}.pulse-element-game{transition:transform .3s ease!important}.pulse-element-game:hover{animation:pulse 1.2s ease!important}.bounce-element{transition:transform .2s ease!important}.bounce-element:hover{animation:bounce .5s ease!important}.slide-in-element{animation:slideIn .6s ease-out forwards!important;animation-play-state:paused}.slide-in-element.active{animation-play-state:running}.confetti-piece{position:absolute;width:10px;height:10px;background-color:red;opacity:.7;animation:confetti-fall 3s linear forwards!important;animation-play-state:paused}.confetti-piece.falling{animation-play-state:running}.rainbow-text{-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;background:linear-gradient(45deg,red,orange,yellow,green,blue,indigo,violet)!important;background-size:300% 300%!important;animation:rainbowGradient 3s ease infinite!important;animation-play-state:paused}.rainbow-text:hover{animation-play-state:running}.spinning-element{background:conic-gradient(from 0deg at 50% 50%,transparent 70%,rgba(0,0,0,.2) 70%)!important;transition:transform .5s ease!important}.spinning-element:hover{animation:spin 2s linear!important}.el-button.pulse-animation,button.pulse-animation{transition:transform .3s ease!important}.el-button.pulse-animation:hover,button.pulse-animation:hover{animation:buttonPulse .8s ease-in-out!important}.el-button.bounce-animation,button.bounce-animation{transition:transform .3s ease!important}.el-button.bounce-animation:hover,button.bounce-animation:hover{animation:buttonBounce .6s ease-in-out!important}.el-button.wiggle-animation,button.wiggle-animation{transition:transform .3s ease!important}.el-button.wiggle-animation:hover,button.wiggle-animation:hover{animation:buttonWiggle .8s ease-in-out!important}button.gradient-flow{background-size:200% 200%!important;transition:all .3s ease!important}button.gradient-flow:hover{animation:gradientFlow 1.5s ease!important}.el-button.glow-breath,button.glow-breath{transition:box-shadow .3s ease!important}.el-button.glow-breath:hover,button.glow-breath:hover{animation:glowBreath 1.5s ease-in-out!important}button.rainbow-border{border:4px solid transparent!important;border-image-slice:1!important;transition:all .3s ease!important}button.rainbow-border:hover{animation:rainbowBorder 1.5s linear!important}.el-button.star-sparkle:before,button.star-sparkle:before{transition:opacity .3s ease!important}.el-button.star-sparkle:hover:before,button.star-sparkle:hover:before{animation:starSparkle 1s ease-in-out!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}button,input,textarea,select{transition:none!important;animation:none!important}}.tooltip{box-shadow:0 5px 20px #0000004d!important;z-index:1000!important;animation:tooltipFade .3s ease!important;animation-play-state:paused}.tooltip.visible{animation-play-state:running}@media (max-width: 768px){.animal-title{font-size:2.2em!important}.animal-subtitle{font-size:1.3em!important}.el-button{padding:12px 22px!important;font-size:1.1em!important}.card-animal{padding:25px!important}.animal-decoration{font-size:3em}.cloud-decoration{font-size:4em}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Comic Sans MS,Chalkboard SE,Marker Felt,Microsoft YaHei,"Press Start 2P",Nunito,cursive,sans-serif;background:linear-gradient(135deg,#6ecbf5 0%,#c2e9fb 100%);min-height:100vh;overflow-x:hidden;position:relative}.game-card{background:rgba(255,255,255,.9);border-radius:20px;padding:20px;margin:15px 0;box-shadow:0 10px 30px #0000001a;border:3px solid #ffd166;transition:all .3s ease;position:relative;overflow:hidden}.game-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000026}.game-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:rotate(45deg);transition:all .6s ease;z-index:1}.game-card:hover:before{transform:rotate(45deg) translate(20%,20%)}.game-button{background:linear-gradient(135deg,#6a11cb 0%,#2575fc 100%);color:#fff;border:none;padding:12px 24px;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 5px 15px #2575fc66;transition:all .3s ease;position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}.game-button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#2575fc 0%,#6a11cb 100%);opacity:0;transition:opacity .3s ease}.game-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #2575fc99}.game-button:active{transform:translateY(1px)}.game-button:hover:after{opacity:1}.game-button.secondary{background:linear-gradient(135deg,#ff9966 0%,#ff5e62 100%);box-shadow:0 5px 15px #ff5e6266}.game-button.secondary:hover{box-shadow:0 8px 20px #ff5e6299}.game-progress-bar{height:20px;background:#e2e8f0;border-radius:10px;overflow:hidden;position:relative;margin:10px 0}.game-progress-fill{height:100%;background:linear-gradient(90deg,#4299e1,#68d391);border-radius:10px;width:0;transition:width .5s ease;position:relative}.game-progress-fill:after{content:"";position:absolute;inset:0;background-image:linear-gradient(-45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-size:30px 30px;animation:progress-shine 2s infinite linear}@keyframes progress-shine{0%{background-position:0 0}to{background-position:30px 30px}}.badge{display:inline-block;padding:5px 12px;border-radius:20px;font-size:.8rem;font-weight:700;text-align:center}.badge-success{background:linear-gradient(135deg,#68d391,#4299e1);color:#fff}.badge-warning{background:linear-gradient(135deg,#f6e05e,#f6ad55);color:#2d3748}.badge-info{background:linear-gradient(135deg,#63b3ed,#4299e1);color:#fff}@keyframes float{0%,to{transform:translateY(0) rotate(.5deg)}50%{transform:translateY(-15px) rotate(-.5deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.float-element{animation:float 4s infinite ease-in-out}.pulse-element{animation:pulse 2s infinite ease-in-out}.bounce-element{animation:bounce 1s infinite}.slide-in-element{animation:slideIn .6s ease-out forwards}.game-title-font{font-family:"Press Start 2P",Nunito,cursive,sans-serif;font-weight:700}.game-text-font{font-family:Comic Sans MS,Chalkboard SE,Marker Felt,Microsoft YaHei,sans-serif}@media (max-width: 768px){.game-card{margin:10px 0;padding:15px}.game-button{padding:10px 20px;font-size:.9rem}}.confetti{position:absolute;width:10px;height:10px;background-color:red;opacity:.7;animation:confetti-fall 5s linear forwards}@keyframes confetti-fall{0%{transform:translateY(-100px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.tooltip{position:relative;display:inline-block}.tooltip .tooltip-text{visibility:hidden;width:200px;background-color:#000c;color:#fff;text-align:center;border-radius:6px;padding:10px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s;font-size:.9rem}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}.tooltip .tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:rgba(0,0,0,.8) transparent transparent transparent}@keyframes rainbowGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.game-title-font{font-size:2.5rem!important;font-weight:900!important;background:linear-gradient(45deg,#ff6b6b,#ffd700,#4ecdc4,#ff6b6b);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:rainbowGradient 3s ease infinite;text-shadow:0 4px 8px rgba(0,0,0,.2);letter-spacing:2px;margin-bottom:10px!important;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3))}.game-text-font{font-size:1.3rem!important;color:#6c5ce7!important;font-weight:600!important;text-align:center;margin-bottom:20px!important}.game-card{background:white!important;border-radius:25px!important;box-shadow:0 10px 30px #00000026,0 0 0 5px #ffffff80,inset 0 0 30px #fffc!important;border:4px solid transparent!important;padding:25px!important;transition:all .4s cubic-bezier(.68,-.55,.265,1.55)!important;position:relative;overflow:hidden}.game-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,215,0,.1) 50%,transparent 70%);animation:spin 8s linear infinite}.game-card:hover{transform:translateY(-8px) scale(1.02)!important;box-shadow:0 20px 50px #00000040,0 0 0 5px #fffc,inset 0 0 50px #ffffffe6,0 0 0 8px #4facfe33!important;border-color:gold!important}.el-button,button{border-radius:50px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:1.5px!important;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)!important;box-shadow:0 10px 30px #0003,0 0 0 4px #ffffff4d!important;border:4px solid white!important;padding:15px 35px!important;font-size:1.1em!important;min-height:55px!important;position:relative;overflow:hidden;cursor:pointer;-webkit-appearance:none;&:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease;pointer-events:none}}.el-button:hover:before,button:hover:before{left:100%}.el-button:hover,button:hover{transform:translateY(-5px) scale(1.08) rotate(2deg)!important;box-shadow:0 15px 40px #0000004d,0 0 0 4px #ffffff80,0 0 0 8px #fff3!important}.el-button:active,button:active{transform:translateY(2px) scale(.95) rotate(-1deg)!important;box-shadow:0 3px 10px #0003,0 0 0 4px #ffffff4d!important}.el-button--primary,button[type=submit],.btn-primary{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)!important;color:#fff!important;border-color:#fff!important}.el-button--primary:hover,button[type=submit]:hover,.btn-primary:hover{background:linear-gradient(135deg,#00f2fe 0%,#4facfe 100%)!important;border-color:gold!important}.el-button--success,button.success,.btn-success{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%)!important;color:#fff!important;border-color:#fff!important}.el-button--success:hover,button.success:hover,.btn-success:hover{background:linear-gradient(135deg,#38ef7d 0%,#11998e 100%)!important;border-color:gold!important}.el-button--warning,button.warning,.btn-warning{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)!important;color:#fff!important;border-color:#fff!important}.el-button--warning:hover,button.warning:hover,.btn-warning:hover{background:linear-gradient(135deg,#f5576c 0%,#f093fb 100%)!important;border-color:gold!important}.el-button--danger,button.danger,.btn-danger{background:linear-gradient(135deg,#eb3349 0%,#f45c43 100%)!important;color:#fff!important;border-color:#fff!important}.el-button--danger:hover,button.danger:hover,.btn-danger:hover{background:linear-gradient(135deg,#f45c43 0%,#eb3349 100%)!important;border-color:gold!important}.el-button--info,button.info,.btn-info{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;color:#fff!important;border-color:#fff!important}.el-button--info:hover,button.info:hover,.btn-info:hover{background:linear-gradient(135deg,#764ba2 0%,#667eea 100%)!important;border-color:gold!important}.el-button--large,.btn-large{padding:15px 35px!important;font-size:1.1em!important;min-height:55px!important;border-radius:50px!important}.el-button--small,.btn-small{padding:8px 15px!important;font-size:.85em!important;min-height:40px!important;border-radius:35px!important}.el-button.is-circle,.btn-icon{width:55px!important;height:55px!important;padding:0!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.el-button [class*=el-icon-],button i{margin-right:8px;font-size:1.2em}.el-button.is-circle [class*=el-icon-],.btn-icon [class*=el-icon-]{margin-right:0;font-size:1.5em}.el-button.is-loading,button.loading{pointer-events:none;opacity:.8}.el-button.is-loading:after,button.loading:after{content:"";position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:buttonSpin .8s linear infinite}@keyframes buttonSpin{to{transform:translate(-50%) rotate(360deg)}}.el-button.is-disabled,button:disabled,.btn-disabled{opacity:.5!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.el-button.is-disabled:hover,button:disabled:hover,.btn-disabled:hover{transform:none!important;box-shadow:none!important}.button-group,.controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;width:100%;margin-top:15px}@media (max-width: 768px){.button-group,.controls{grid-template-columns:repeat(2,1fr);gap:8px}.el-button,button{font-size:.9em!important;padding:10px 18px!important}}@media (max-width: 480px){.button-group,.controls{grid-template-columns:1fr;gap:6px}.el-button,button{min-height:44px!important;min-width:100%!important;font-size:.95em!important;padding:12px 16px!important}.el-button.is-circle,.btn-icon{width:55px!important;height:55px!important;flex-shrink:0}}@media (max-width: 896px) and (orientation: landscape){.button-group,.controls{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.el-button,button{padding:10px 16px!important;font-size:.9em!important}}@media (max-width: 375px){.button-group,.controls{grid-template-columns:1fr;gap:6px}.el-button,button{min-height:40px!important;font-size:.9em!important;padding:10px 14px!important}}button:focus,a:focus,select:focus,input:focus,.el-button:focus{outline:3px solid #f093fb!important;outline-offset:2px!important;box-shadow:0 0 0 3px #f093fb,0 0 0 6px #f093fb4d!important}@media (prefers-color-scheme: dark){button:focus,a:focus,.el-button:focus{outline-color:gold!important;box-shadow:0 0 0 3px gold,0 0 0 6px #ffd7004d!important}}@media (prefers-contrast: high){button:focus,a:focus,.el-button:focus{outline:3px solid white!important;outline-offset:3px!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{.el-button,button{display:none!important}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.el-button.ripple-effect,button.ripple-effect{position:relative;overflow:hidden}.el-button.ripple-effect:after,button.ripple-effect:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.6);transform:translate(-50%,-50%);transition:width .6s,height .6s}.el-button.ripple-effect:active:after,button.ripple-effect:active:after{width:300px;height:300px;opacity:0;transition:0s}@keyframes buttonPulse{0%,to{transform:scale(1);box-shadow:0 10px 30px #0003,0 0 0 4px #ffffff4d}50%{transform:scale(1.05);box-shadow:0 15px 40px #0000004d,0 0 0 8px #fff6}}.el-button.pulse-animation,button.pulse-animation{animation:buttonPulse 2s ease-in-out infinite}@keyframes buttonBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.el-button.bounce-animation,button.bounce-animation{animation:buttonBounce 1.5s ease-in-out infinite}@keyframes buttonWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.el-button.wiggle-animation,button.wiggle-animation{animation:buttonWiggle 2s ease-in-out infinite}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.el-button.gradient-flow,button.gradient-flow{background-size:200% 200%!important;animation:gradientFlow 3s ease infinite}.el-button.press-3d,button.press-3d{transition:all .15s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 8px #00000026,0 15px 30px #0003!important}.el-button.press-3d:hover,button.press-3d:hover{transform:translateY(-3px)!important;box-shadow:0 11px #00000026,0 18px 35px #00000040!important}.el-button.press-3d:active,button.press-3d:active{transform:translateY(8px)!important;box-shadow:0 0 #00000026,0 5px 15px #0003!important}@keyframes glowBreath{0%,to{box-shadow:0 10px 30px #0003,0 0 0 4px #ffffff4d,0 0 20px #ffffff80}50%{box-shadow:0 15px 40px #0000004d,0 0 0 8px #ffffff80,0 0 40px #fffc}}.el-button.glow-breath,button.glow-breath{animation:glowBreath 3s ease-in-out infinite}@keyframes rainbowBorder{0%{border-image-source:linear-gradient(45deg,#ff0000,#ff9900,#ffff00,#00ff00,#00ffff,#0000ff,#8b00ff,#ff00ff)}to{border-image-source:linear-gradient(45deg,#ff00ff,#8b00ff,#0000ff,#00ffff,#00ff00,#ffff00,#ff9900,#ff0000)}}.el-button.rainbow-border,button.rainbow-border{border:4px solid transparent!important;border-image-slice:1;animation:rainbowBorder 3s linear infinite}@keyframes starSparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.95)}}.el-button.star-sparkle:before,button.star-sparkle:before{animation:starSparkle 2s ease-in-out infinite}@keyframes checkmark{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.el-button.success-complete,button.success-complete{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%)!important;pointer-events:none}@media (prefers-contrast: high){.el-button,button{border-width:5px!important;box-shadow:0 0 0 3px #000!important}.el-button.is-disabled,button:disabled{opacity:.7!important}}@media (prefers-reduced-motion: reduce){.el-button,button{transition:none!important;animation:none!important}.el-button:hover,button:hover{transform:none!important}}.el-button:focus-visible,button:focus-visible{outline:4px solid #ffd700!important;outline-offset:4px!important;box-shadow:0 0 0 4px #fff,0 0 0 8px gold!important}.el-button[title],button[title]{position:relative}.el-button[title]:hover:after,button[title]:hover:after{content:attr(title);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:rgba(0,0,0,.9);color:#fff;padding:8px 15px;border-radius:10px;font-size:.85rem;white-space:nowrap;box-shadow:0 5px 20px #0000004d;z-index:1000;animation:tooltipFade .3s ease}@keyframes tooltipFade{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.one-screen-container{height:100vh;max-height:100vh;overflow:hidden;display:flex;flex-direction:column}.flex-fill{flex:1;min-height:0;overflow:hidden}.overflow-auto{overflow-y:auto;-webkit-overflow-scrolling:touch}.tight-spacing{padding:8px!important;margin:4px!important}.tight-spacing-sm{padding:6px!important;margin:3px!important}.tight-spacing-xs{padding:4px!important;margin:2px!important}.font-tight{font-size:.85em!important}.font-tight-sm{font-size:.75em!important}.font-tight-xs{font-size:.65em!important}.h-screen-minus-header{height:calc(100vh - 70px);max-height:calc(100vh - 70px)}.h-screen-minus-footer{height:calc(100vh - 50px);max-height:calc(100vh - 50px)}.h-content-limited{max-height:calc(100vh - 150px);overflow-y:auto}@media (max-width: 768px){.hide-mobile{display:none!important}.compact-mobile{padding:6px!important;margin:3px!important}.font-mobile-small{font-size:.75em!important}}@media (max-width: 375px){.hide-tiny-mobile{display:none!important}.font-tiny-small{font-size:.65em!important}}.overflow-auto::-webkit-scrollbar{width:6px;height:6px}.overflow-auto::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:3px}.overflow-auto::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);border-radius:3px}.overflow-auto::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#f5576c 0%,#f093fb 100%)}.no-wrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.truncate-2-lines{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.truncate-3-lines{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.flex-no-shrink{flex-shrink:0}.flex-grow{flex-grow:1}.flex-basis-zero{flex-basis:0}.grid-compact{display:grid;gap:8px}.grid-tight{display:grid;gap:4px}.btn-compact{padding:6px 12px!important;font-size:.85rem!important;min-height:32px!important}.btn-compact-sm{padding:4px 10px!important;font-size:.75rem!important;min-height:28px!important}.card-compact{padding:12px!important;margin-bottom:8px!important}.card-compact-sm{padding:10px!important;margin-bottom:6px!important}.title-compact{font-size:1.2rem!important;margin:0 0 8px!important}.title-compact-sm{font-size:1rem!important;margin:0 0 6px!important}.subtitle-compact{font-size:.85rem!important;margin:0 0 6px!important}.subtitle-compact-sm{font-size:.75rem!important;margin:0 0 4px!important}.input-compact{padding:6px 10px!important;font-size:.85rem!important;min-height:32px!important}.input-compact-sm{padding:4px 8px!important;font-size:.75rem!important;min-height:28px!important}.badge-compact{padding:3px 8px!important;font-size:.75rem!important;border-radius:12px!important}.badge-compact-sm{padding:2px 6px!important;font-size:.65rem!important;border-radius:10px!important}.list-compact li{padding:4px 0!important;margin:2px 0!important}.list-compact-sm li{padding:3px 0!important;margin:1px 0!important}@media (prefers-reduced-motion: reduce){*{animation-duration:0s!important;transition-duration:0s!important}}@media print{.no-print{display:none!important}}.grade-select[data-v-40fb7186]{padding:12px 20px;border-radius:25px;border:3px solid #ffd700;background:white;font-size:1.1rem;font-weight:700;color:#667eea;cursor:pointer;box-shadow:0 4px 10px #0000001a;min-width:200px;text-align:center}.progress-bar[data-v-40fb7186]{width:80%;max-width:500px;height:20px;background:#e0e0e0;border-radius:10px;margin:0 auto 10px;overflow:hidden;box-shadow:inset 0 2px 5px #0003}.progress-fill[data-v-40fb7186]{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.progress-text[data-v-40fb7186]{font-size:1.1rem;color:#666;font-weight:700}.math-problem-container[data-v-40fb7186]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;min-height:400px}.math-problem-card[data-v-40fb7186]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:30px;padding:40px;margin-bottom:30px;text-align:center;box-shadow:0 15px 35px #667eea66,inset 0 0 0 4px #ffffff1a;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);min-width:250px;min-height:250px;display:flex;flex-direction:column;justify-content:center;align-items:center}.problem-statement[data-v-40fb7186]{margin-bottom:30px}.problem-title[data-v-40fb7186]{color:gold;font-size:1.5rem;margin-bottom:10px}.problem-text[data-v-40fb7186]{color:#fff;font-size:1.2rem;margin:0}.problem-equation[data-v-40fb7186]{margin:20px 0;width:100%;text-align:center}.equation-main[data-v-40fb7186]{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap}.number[data-v-40fb7186]{font-size:3rem;font-weight:700;color:#fff;min-width:60px;text-align:center}.operator[data-v-40fb7186]{font-size:2.5rem;font-weight:700;color:gold;min-width:40px;text-align:center}.equals[data-v-40fb7186]{font-size:2.5rem;color:#fff;min-width:40px;text-align:center}.answer-field[data-v-40fb7186]{font-size:3rem;font-weight:700;color:#a8e6cf;min-width:60px;text-align:center;border-bottom:3px solid #a8e6cf}.result-feedback[data-v-40fb7186]{margin-top:20px}.feedback-text[data-v-40fb7186]{font-size:1.5rem;font-weight:700;padding:10px;border-radius:10px}.feedback-text.correct[data-v-40fb7186]{color:#2ecc71;background:rgba(46,204,113,.2)}.feedback-text.incorrect[data-v-40fb7186]{color:#e74c3c;background:rgba(231,76,60,.2)}.math-controls[data-v-40fb7186]{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.control-btn[data-v-40fb7186]{padding:15px 25px;border:none;border-radius:25px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:120px;text-align:center}.control-btn.primary[data-v-40fb7186]{background:linear-gradient(135deg,#ff6b6b 0%,#ee5a6f 100%);color:#fff;box-shadow:0 8px 20px #ff6b6b66}.control-btn.primary[data-v-40fb7186]:hover{transform:translateY(-3px);box-shadow:0 12px 25px #ff6b6b99}.control-btn[data-v-40fb7186]:not(.primary){background:linear-gradient(135deg,#74b9ff 0%,#0984e3 100%);color:#fff;box-shadow:0 8px 20px #74b9ff66}.control-btn[data-v-40fb7186]:not(.primary):hover{transform:translateY(-3px);box-shadow:0 12px 25px #74b9ff99}.math-practice-area[data-v-40fb7186]{padding:20px;background:rgba(255,255,255,.1);border-radius:25px;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2)}.math-practice-area h3[data-v-40fb7186]{color:#667eea;margin-bottom:20px;text-align:center}.number-pad[data-v-40fb7186]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:25px}.number-btn[data-v-40fb7186]{padding:20px;border:2px solid #667eea;border-radius:25px;background:white;color:#667eea;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .3s ease}.number-btn[data-v-40fb7186]:hover{background:#667eea;color:#fff;transform:translateY(-3px);box-shadow:0 5px 15px #667eea66}.number-btn.clear[data-v-40fb7186]{background:#ff6b6b;color:#fff}.math-tips[data-v-40fb7186]{background:rgba(255,255,255,.3);border-radius:20px;padding:15px}.math-tips h4[data-v-40fb7186]{color:#667eea;margin-bottom:10px;text-align:center}.tip-content[data-v-40fb7186]{display:flex;flex-direction:column;gap:8px}.tip-item[data-v-40fb7186]{padding:8px 0;color:#555;font-size:.9rem;border-bottom:1px dashed #ccc}.tip-item[data-v-40fb7186]:last-child{border-bottom:none}.achievements-section[data-v-40fb7186]{margin-top:30px;text-align:center}.achievements-section h3[data-v-40fb7186]{font-size:1.5rem;color:#ff6b6b;margin-bottom:15px}.achievements-grid[data-v-40fb7186]{display:flex;flex-wrap:wrap;justify-content:center;gap:15px}.achievement-item[data-v-40fb7186]{display:flex;flex-direction:column;align-items:center;padding:15px;border:2px solid #ddd;border-radius:15px;opacity:.5;transition:all .3s ease}.achievement-item.unlocked[data-v-40fb7186]{opacity:1;border:2px solid #ffd700;background:rgba(255,215,0,.1);transform:scale(1.05)}.achievement-emoji[data-v-40fb7186]{font-size:2rem;margin-bottom:5px}.achievement-name[data-v-40fb7186]{font-size:.9rem;color:#666}@media (max-width: 768px){.math-problem-card[data-v-40fb7186]{padding:30px 20px;min-width:200px;min-height:200px}.number[data-v-40fb7186],.operator[data-v-40fb7186],.equals[data-v-40fb7186],.answer-field[data-v-40fb7186]{font-size:2rem}.control-btn[data-v-40fb7186]{padding:12px 20px;font-size:1rem;min-width:100px}.number-btn[data-v-40fb7186]{padding:15px;font-size:1.2rem}}@media (max-width: 375px){.math-problem-card[data-v-40fb7186]{padding:20px 15px;min-width:150px;min-height:180px}.number[data-v-40fb7186]{font-size:1.5rem;min-width:45px}.operator[data-v-40fb7186],.equals[data-v-40fb7186]{font-size:1.5rem;min-width:35px}.answer-field[data-v-40fb7186]{font-size:1.5rem;min-width:45px}.control-btn[data-v-40fb7186]{padding:10px 15px;font-size:.9rem;min-width:90px}.number-btn[data-v-40fb7186]{padding:12px;font-size:1rem}}.error-boundary[data-v-59860e3c]{display:flex;justify-content:center;align-items:center;min-height:300px;padding:20px;background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 100%);border-radius:20px;margin:20px;text-align:center}.error-content[data-v-59860e3c]{max-width:500px}.error-content h2[data-v-59860e3c]{color:#e74c3c;margin-bottom:15px}.error-content p[data-v-59860e3c]{color:#7f8c8d;margin-bottom:20px;line-height:1.5}.retry-btn[data-v-59860e3c]{padding:12px 25px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:25px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.retry-btn[data-v-59860e3c]:hover{transform:translateY(-3px);box-shadow:0 8px 20px #667eea66}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;padding:0;font-family:Comic Sans MS,Chalkboard SE,Marker Felt,Microsoft YaHei,PingFang SC,sans-serif!important;background:linear-gradient(135deg,#ff9a9e 0%,#fad0c4 50%,#fecfef 100%);background-size:200% 200%;animation:gradientShift 30s ease infinite;height:100vh;max-height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;touch-action:manipulation;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);position:relative;overflow-x:hidden}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.cloud-decoration{position:fixed;z-index:-1;opacity:.3;font-size:5rem;animation:float 20s ease-in-out infinite;animation-play-state:paused;pointer-events:none}.cloud-decoration.in-view{animation-play-state:running}.cloud-1{top:10%;left:5%;animation-delay:0s}.cloud-2{top:20%;right:10%;animation-delay:5s}.cloud-3{bottom:15%;left:15%;animation-delay:10s}.cloud-4{bottom:25%;right:5%;animation-delay:15s}.star-decoration{position:fixed;z-index:-1;opacity:.4;font-size:3rem;color:gold;text-shadow:0 0 10px rgba(255,215,0,.8);animation:twinkle 3s ease-in-out infinite;animation-play-state:paused;pointer-events:none}.star-decoration.in-view{animation-play-state:running}.star-1{top:30%;left:20%;animation-delay:0s}.star-2{top:50%;right:25%;animation-delay:1s}.star-3{bottom:35%;left:30%;animation-delay:2s}.star-4{top:70%;right:15%;animation-delay:3s}@keyframes float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-30px) translate(20px)}}@keyframes twinkle{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}#app{height:100vh;max-height:100vh;display:flex;flex-direction:column;overflow:hidden;position:relative}.header{height:70px;min-height:70px;max-height:70px;background:linear-gradient(90deg,#4facfe 0%,#00f2fe 50%,#4facfe 100%);background-size:200% 100%;animation:rainbowGradient 8s ease infinite;padding:0;box-shadow:0 4px 20px #00000026,0 0 0 5px #ffffff4d,inset 0 -4px 10px #0000001a;position:sticky;top:0;z-index:1000;-webkit-backface-visibility:hidden;border-bottom:5px dashed rgba(255,255,255,.5);padding-top:env(safe-area-inset-top);background-clip:padding-box}@keyframes rainbowGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.header-content{display:flex;justify-content:space-between;align-items:center;height:calc(70px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 15px 0 15px;position:relative}.header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.8) 0%,transparent 70%);animation:shine 3s linear infinite;animation-play-state:paused;pointer-events:none}.header:hover:before{animation-play-state:running}@keyframes shine{0%{background-position:-200% 0}to{background-position:200% 0}}.logo-section{display:flex;align-items:center;gap:10px;z-index:1}.logo-frame{width:45px;height:45px;background:linear-gradient(135deg,#ffffff 0%,#f0f8ff 100%);border-radius:15px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #0003,0 0 0 4px #ffffff80,inset 0 0 20px #fffc;flex-shrink:0;border:4px solid white}.logo-emoji{font-size:1.5rem;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2))}.title-text{display:flex;flex-direction:column;overflow:hidden;z-index:1}.title{margin:0;font-size:1.4rem;color:#fff;text-shadow:3px 3px 6px rgba(0,0,0,.3),0 0 20px rgba(255,255,255,.5);font-weight:900;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(45deg,#ffffff,#ffeaa7,#ffffff);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 5s linear infinite;animation-play-state:paused}.title.in-view{animation-play-state:running}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.subtitle{margin:2px 0 0;color:#fffffff2;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.user-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.user-info{display:flex;align-items:center;gap:10px;color:#fff;font-weight:500;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.username{font-size:.85rem;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-badge{background:rgba(255,255,255,.25);padding:4px 10px;border-radius:12px;backdrop-filter:blur(5px);font-size:.75rem;white-space:nowrap}.logout-btn{color:#fff!important;font-size:.8rem;padding:5px 8px;margin-left:5px;min-width:auto}.logout-btn:active{opacity:.6}.login-btn{background:white;color:#4facfe;border:none;padding:6px 15px;border-radius:15px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #00000026;white-space:nowrap;font-size:.85rem;-webkit-appearance:none}.login-btn:active{transform:scale(.95)}.main-content{flex:1;height:calc(100vh - 70px);max-height:calc(100vh - 70px);overflow:hidden;padding:10px;max-width:min(1600px,98vw);margin:0 auto;display:flex;flex-direction:column}.learning-tabs{flex:1;height:100%;display:flex;flex-direction:column;overflow:hidden;background:white;border-radius:20px;box-shadow:0 10px 40px #0000001f,0 0 0 5px #ffffff4d;border:4px dashed rgba(255,255,255,.4);position:relative}.el-tabs__header{margin:0;padding:10px 10px 0;background:linear-gradient(180deg,#fff9e6 0%,#ffffff 100%);border-bottom:3px dashed #ffd700;position:relative;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;flex-shrink:0;scrollbar-width:none;-ms-overflow-style:none}.el-tabs__header::-webkit-scrollbar{display:none}.el-tabs__nav-wrap:after{display:none}.el-tabs__content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:15px}.el-tabs__item{color:#555;font-size:1.05rem;font-weight:800;padding:0 15px;height:65px;line-height:65px;margin:0 8px 10px;border:none;border-radius:15px;background:linear-gradient(145deg,#f0f0f0 0%,#e6e6e6 100%);box-shadow:4px 4px 8px #0000001f,inset -1px -1px 2px #0000000d,inset 1px 1px 2px #fffc;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);position:relative;overflow:hidden;-webkit-appearance:none;cursor:pointer;white-space:nowrap;min-height:55px;min-width:55px;display:inline-flex;align-items:center;justify-content:center;border-left:4px solid transparent}.tab-label{display:flex;align-items:center;gap:5px}.tab-icon{font-size:1rem;display:flex;align-items:center}.tab-text{font-size:1rem}.el-tabs__item:hover{color:#ff6b6b;transform:translateY(-3px) scale(1.05);box-shadow:5px 5px 10px #00000026,inset -1px -1px 2px #0000000d,inset 1px 1px 2px #fffc;background:linear-gradient(145deg,#ffeaa7 0%,#fdcb6e 100%)}.el-tabs__item.is-active{color:#fff;background:linear-gradient(145deg,#ff9ff3 0%,#f368e0 100%);box-shadow:4px 4px 8px #f368e04d,inset -1px -1px 2px #0000001a,inset 1px 1px 2px #ffffff4d;transform:translateY(-2px);border:none;border-bottom:none;font-weight:800}.el-tabs__item:active{transform:scale(.98)}.auth-dialog .el-dialog{max-width:90vw}.auth-dialog .el-dialog__header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px}.auth-dialog .el-dialog__title{color:#fff;font-size:1.2rem}.auth-dialog .el-dialog__body{padding:30px 20px 20px}.auth-dialog .el-form-item{margin-bottom:20px}.auth-dialog .el-input__wrapper{border-radius:12px;padding:12px 15px}.auth-dialog .dialog-footer{display:flex;justify-content:center;gap:10px;margin-bottom:15px}.auth-dialog .auth-switch{text-align:center;color:#666;font-size:.9rem;margin-top:10px}.auth-dialog .auth-switch span{margin-right:8px}.el-card{border:none!important;box-shadow:0 4px 12px #00000014;border-radius:10px}@media (max-width: 768px){.header{height:65px;min-height:65px;max-height:65px}.header-content{flex-direction:column;height:auto;padding:10px 15px;gap:10px}.logo-section,.user-actions{width:100%;justify-content:center}.user-info{width:100%;justify-content:center;font-size:.85rem;flex-wrap:wrap}.title{font-size:1.3rem;text-align:center}.main-content{height:calc(100vh - 65px);max-height:calc(100vh - 65px);padding:8px}.learning-tabs{border-radius:15px}.el-tabs__item{padding:0 12px;font-size:.95rem;height:55px;line-height:55px;margin:0 5px 8px;min-width:max-content}.el-tabs__nav-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:5px}.el-tabs__nav-wrap::-webkit-scrollbar{display:none}.el-tabs__header:after{content:"";position:absolute;right:0;top:0;bottom:0;width:30px;background:linear-gradient(to right,transparent,rgba(255,255,255,.8));pointer-events:none}}@media (max-width: 480px){.header{position:sticky;top:0;height:60px;min-height:60px;max-height:60px}.header-content{padding:8px 10px;gap:8px}.logo-frame{width:40px;height:40px}.logo-emoji{font-size:1.3rem}.title{font-size:1.1rem}.subtitle{font-size:.65rem}.login-btn{padding:6px 15px;font-size:.85rem}.user-info{font-size:.8rem;gap:8px}.username{max-width:80px}.progress-badge{padding:4px 10px;font-size:.75rem}.logout-btn{padding:4px 8px;font-size:.8rem}.main-content{height:calc(100vh - 60px);max-height:calc(100vh - 60px);padding:6px}.learning-tabs{border-radius:8px}.el-tabs__header{padding:8px 5px 0}.el-tabs__item{padding:0 4px;font-size:.8rem;height:45px;line-height:45px;margin:0 2px 8px;border-radius:10px}.auth-dialog .el-dialog{width:95vw!important;max-width:95vw!important;margin:20px auto}.auth-dialog .el-dialog__header{padding:15px}.auth-dialog .el-dialog__body{padding:20px 15px 15px}.auth-dialog .el-form-item label{font-size:.9rem}.auth-dialog .el-input__wrapper{padding:10px 12px}}@media (max-width: 375px){.title{font-size:1rem}.subtitle{display:none}.logo-frame{width:40px;height:40px}.logo-emoji{font-size:1.2rem}.tab-text{display:none}.tab-label{gap:0}.el-tabs__item{font-size:.75rem;height:48px;line-height:48px;padding:0 10px;margin:0 3px 6px}.main-content{padding:6px}}@media (max-width: 896px) and (orientation: landscape){.header{padding-top:env(safe-area-inset-top);height:55px;min-height:55px;max-height:55px}.header-content{height:max(55px,calc(55px + env(safe-area-inset-top)));padding:env(safe-area-inset-top) 15px 0 15px}.logo-frame{width:40px;height:40px}.title{font-size:1.2rem}.subtitle{display:none}.user-info{gap:10px}.username{max-width:100px}.main-content{height:calc(100vh - 55px);max-height:calc(100vh - 55px);padding:10px}.el-tabs__header{padding:8px 15px 0}.el-tabs__item{height:45px;line-height:45px;font-size:.85rem;padding:0 12px}}@media (prefers-color-scheme: dark){body{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);color:#e0e0e0}.header{background:linear-gradient(90deg,#0f3460 0%,#16213e 100%);box-shadow:0 2px 10px #0000004d}.main-content{background:transparent}.learning-tabs{background:#1e1e2e;box-shadow:0 6px 20px #0000004d}.el-tabs__header{background:linear-gradient(180deg,#2a2a3e 0%,#1e1e2e 100%);border-bottom-color:#4a4a6a}.el-tabs__item{color:#b0b0c0;background:linear-gradient(145deg,#2a2a3e 0%,#1e1e2e 100%);box-shadow:3px 3px 6px #0000004d,inset -1px -1px 2px #ffffff0d}.el-tabs__item:hover{color:#ff6b6b;background:linear-gradient(145deg,#3a3a4e 0%,#2a2a3e 100%)}.el-tabs__item.is-active{color:#fff;background:linear-gradient(145deg,#ff9ff3 0%,#f368e0 100%);box-shadow:4px 4px 8px #f368e066}.auth-dialog .el-dialog{background:#1e1e2e}.auth-dialog .el-dialog__header{background:linear-gradient(135deg,#0f3460 0%,#16213e 100%)}.auth-dialog .el-form-item__label{color:#e0e0e0}.auth-dialog .el-input__wrapper{background:#2a2a3e}.el-card{background:#1e1e2e;box-shadow:0 4px 12px #0000004d}.gesture-hint{background:linear-gradient(135deg,rgba(79,172,254,.15) 0%,rgba(0,242,254,.15) 100%);border-color:#4facfe80;color:#64b5f6}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.cloud-decoration,.star-decoration,.title,.header:before{animation:none!important}}@media print{.header,.user-actions,.login-btn,.logout-btn,.el-tabs__header,.gesture-hint,.auth-dialog{display:none!important}body{background:white;color:#000;font-size:12pt;line-height:1.5}.main-content{padding:0;max-width:none}.learning-tabs{box-shadow:none;border-radius:0;min-height:auto}.el-card{box-shadow:none;break-inside:avoid}a[href]:after{content:" (" attr(href) ")"}@page{margin:2cm;size:A4 portrait}}.site-footer{background:linear-gradient(90deg,#4facfe 0%,#00f2fe 100%);padding:20px 30px;text-align:center;box-shadow:0 -2px 10px #0000001a;position:relative;z-index:100;padding-bottom:max(20px,env(safe-area-inset-bottom))}.footer-content{max-width:1200px;margin:0 auto}.icp-info{margin:0;color:#fff;font-size:.9rem}.icp-info a{color:#fff;text-decoration:none;opacity:.9;transition:all .3s}.icp-info a:hover{opacity:1;text-decoration:underline}.icp-info a:active{opacity:.7}@media (max-width: 768px){.site-footer{padding:15px 20px}.icp-info{font-size:.85rem}}@media (max-width: 480px){.site-footer{padding:12px 15px}.icp-info{font-size:.8rem}}@media (prefers-color-scheme: dark){.site-footer{background:linear-gradient(90deg,#0f3460 0%,#16213e 100%);box-shadow:0 -2px 10px #0000004d}.icp-info{color:#b0b0c0}.icp-info a{color:#64b5f6}}@media print{.site-footer{display:none}}