body{background:#fff;font-family:sans-serif;margin:0;padding:0;overflow:hidden}#robotScene{position:fixed;top:0;left:50%;transform:translate(-50%);width:100vw;max-width:500px;height:100dvh;display:flex;justify-content:center;align-items:center;z-index:3000;pointer-events:none;overflow:hidden}@media(min-width:501px){#robotScene{border-left:1px solid #ddd;border-right:1px solid #ddd}}.robot-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:180px;pointer-events:auto;z-index:3002;transition:all .8s cubic-bezier(.34,1.56,.64,1)}.grass-floor{position:fixed;bottom:0;left:0;width:100%;height:80px;background:linear-gradient(to bottom,#81c784,#66bb6a);border-top-left-radius:50% 30px;border-top-right-radius:50% 30px;z-index:2999;pointer-events:none;box-shadow:inset 0 5px 15px #0000001a;transform:translateY(100%);transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.grass-floor.show{transform:translateY(0)}.robot-bubble{position:absolute;top:auto;bottom:100%;margin-bottom:25px;left:50%;transform:translate(-50%) scale(0);background:#fff;border:3px solid #ff9800;padding:15px 20px;border-radius:20px;font-weight:700;font-size:14px;color:#333;white-space:nowrap;cursor:pointer;box-shadow:0 5px 15px #ff980033;transform-origin:bottom center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);min-width:250px;text-align:center;line-height:1.5;z-index:3003}.robot-bubble:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);border-width:10px 10px 0;border-style:solid;border-color:#ff9800 transparent transparent transparent}.bubble-show{transform:translate(-50%) scale(1)}.robot-text-display{position:absolute;bottom:100px;right:35%;max-width:200px;text-align:right;font-weight:700;font-size:11px;line-height:1.4;color:#333;text-shadow:-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff,-2px 0 0 #fff,2px 0 0 #fff,0 -2px 0 #fff,0 2px 0 #fff;opacity:0;transition:opacity .3s ease;z-index:3003;pointer-events:none}.robot-text-display.text-show{opacity:1;pointer-events:auto}.robot-text-display.center-mode{bottom:230px;right:50%;transform:translate(50%);text-align:center;max-width:350px;cursor:pointer;background:#fff;border:3px solid #ff9800;padding:15px 20px;border-radius:20px;box-shadow:0 5px 15px #ff980033;text-shadow:none}.robot-text-display.center-mode:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);border-width:12px 12px 0;border-style:solid;border-color:#ff9800 transparent transparent transparent}.robot-structure.entering{animation:dropDown .8s cubic-bezier(.25,1,.5,1) forwards}.robot-structure{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;opacity:0}.robot-structure.eyes-on{opacity:1}.robot-head{width:100px;height:80px;background:#fff8e1;border:3px solid #ffb74d;border-radius:20px;position:relative;display:flex;justify-content:center;align-items:center;box-shadow:inset 0 -5px 10px #ff98001a;z-index:2;transform-origin:bottom center!important}.robot-antenna{position:absolute;top:-15px;width:4px;height:15px;background:#ffb74d;border-radius:2px}.robot-antenna:after{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:10px;height:10px;background:#ff9800;border-radius:50%}.robot-screen{width:80px;height:50px;background:#333;border-radius:12px;position:relative;overflow:hidden;box-shadow:inset 0 2px 5px #00000080;display:flex;justify-content:center;align-items:center}.robot-torso{width:80px;height:60px;background:#ffecb3;border:3px solid #ffb74d;border-radius:15px;margin-top:-5px;position:relative;display:flex;justify-content:center;align-items:center;z-index:1;box-shadow:inset 0 -5px 10px #ff98001a}.robot-torso:before{content:"";position:absolute;top:-8px;width:40px;height:10px;background:#ffb74d;border-radius:5px}.robot-logo{font-size:12px;font-weight:900;color:#e65100;letter-spacing:1px}.robot-limb{position:absolute;background:#ffb74d;border-radius:10px;border:2px solid #e65100}.robot-arm{width:18px;height:40px;top:90px;z-index:0;transition:all .3s ease}.robot-arm.left{left:15px;transform:rotate(15deg)}.robot-arm.right{right:15px;transform:rotate(-15deg)}.robot-leg{width:20px;height:25px;bottom:0;z-index:0;transition:all .3s ease;transform-origin:top center!important}.robot-leg.left{left:35px}.robot-leg.right{right:35px}.robot-shadow{position:absolute;bottom:-5px;left:50%;width:80px;height:15px;background:#ff98004d;border-radius:50%;transform:translate(-50%);filter:blur(4px);z-index:-1;opacity:0;transition:all .8s}.robot-wrap.shadow-on .robot-shadow{opacity:1;width:100px}.eye-container{display:flex;gap:12px}.pixel-eye{width:14px;height:14px;background-color:#ffc107;border-radius:2px;opacity:0;transition:all .3s ease-in-out;box-shadow:0 0 5px #ffc107}.eyes-on .pixel-eye{opacity:1;animation:blink 4s infinite}@keyframes blink{0%,96%,to{transform:scaleY(1)}98%{transform:scaleY(.1)}}.robot-structure.thinking{animation:thinkFloat 1.5s infinite ease-in-out!important;opacity:1!important;transform:translateY(0)!important}.robot-structure.thinking .pixel-eye{opacity:0;animation:none}.robot-structure.thinking .eye-container:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:6px;background:#ffc107;border-radius:4px;animation:loadingBar 1s infinite ease-in-out;box-shadow:0 0 5px #ffc107}@keyframes loadingBar{0%,to{width:10px;opacity:.5}50%{width:50px;opacity:1}}@keyframes thinkFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.robot-structure.exclamation .pixel-eye{animation:none;opacity:1;background:transparent;box-shadow:none;border-radius:0;height:14px;width:4px;background:linear-gradient(to bottom,#ffc107 0%,#ffc107 65%,transparent 65%,transparent 75%,#ffc107 75%,#ffc107 100%);transform:scale(1.3)}.robot-structure.happy .pixel-eye{background-color:transparent;box-shadow:none;border-radius:0;border-bottom:3px solid #ffc107;height:6px;transform:rotate(-15deg) translateY(4px);animation:none}.robot-structure.wink .pixel-eye:first-child{height:3px;border-radius:1px;animation:none;transform:translateY(2px)}.robot-structure.wink .pixel-eye:last-child{background-color:transparent;box-shadow:none;border-radius:0;border-bottom:3px solid #ffc107;height:6px;transform:rotate(-15deg) translateY(4px);animation:none}.robot-structure.heart .pixel-eye{background-color:#ff3d00;box-shadow:0 0 5px #ff3d00;clip-path:polygon(50% 0%,100% 38%,82% 100%,50% 75%,18% 100%,0% 38%);animation:none;transform:scale(1.2)}.robot-structure.touch-red .pixel-eye{background-color:#ff3d00!important;box-shadow:0 0 8px #ff3d00!important;animation:none}.robot-structure.furious{animation:vibrateFurious .1s infinite!important}.robot-structure.furious .robot-head{background-color:#ffcdd2!important;border-color:#ff3d00!important}.robot-structure.furious .pixel-eye{background-color:#d50000!important;box-shadow:0 0 12px #d50000!important;height:5px!important;transform:rotate(25deg) translateY(4px)!important;animation:none!important;border-radius:1px!important}.robot-structure.furious .pixel-eye:first-child{transform:rotate(-25deg) translateY(4px)!important}@keyframes vibrateFurious{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(-2px) translateY(-1px) rotate(-1deg)}75%{transform:translate(2px) translateY(1px) rotate(1deg)}}@keyframes dropDown{0%{transform:translateY(-100vh) rotate(-20deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}.robot-structure:after{content:"\26bd";position:absolute;font-size:40px;bottom:-5px;left:0;opacity:0;z-index:10}@keyframes ballPlayRight{0%,10%{opacity:0;transform:translate(400px,-150px) rotate(0);animation-timing-function:cubic-bezier(.4,0,1,1)}11%{opacity:1}16%{transform:translate(250px) rotate(-270deg);animation-timing-function:cubic-bezier(0,0,.4,1)}22%{transform:translate(65px,-10px) rotate(-720deg);animation-timing-function:cubic-bezier(0,0,.4,1)}24.5%{transform:translate(65px,-70px) rotate(-810deg);animation-timing-function:cubic-bezier(.4,0,1,1)}27%{transform:translate(65px,-10px) rotate(-900deg);animation-timing-function:cubic-bezier(0,0,.4,1)}29.5%{transform:translate(45px,-70px) rotate(-990deg);animation-timing-function:cubic-bezier(.4,0,1,1)}32%{transform:translate(35px,-10px) rotate(-1080deg);animation-timing-function:cubic-bezier(0,0,.4,1)}35.5%{transform:translate(42px,-250px) rotate(-1170deg);animation-timing-function:cubic-bezier(.4,0,1,1)}39%{transform:translate(50px,-135px) rotate(-1200deg);animation-timing-function:cubic-bezier(0,0,.4,1)}42.5%{transform:translate(68px,-165px) rotate(-1250deg);animation-timing-function:cubic-bezier(.4,0,1,1)}46%{transform:translate(85px,-10px) rotate(-1350deg);animation-timing-function:cubic-bezier(.1,.8,.2,1)}52%{opacity:1;transform:translate(450px,-200px) rotate(-2000deg)}53%,to{opacity:0;transform:translate(450px,-200px)}}@keyframes legKickRight{0%,21%{transform:rotate(0) translateY(0)}22%{transform:rotate(45deg) translateY(-5px)}23.5%,26%{transform:rotate(0) translateY(0)}27%{transform:rotate(45deg) translateY(-5px)}28.5%,43%{transform:rotate(0) translateY(0)}44.5%{transform:rotate(45deg) translateY(-5px)}46%{transform:rotate(-80deg) translateY(-10px)}50%{transform:rotate(-80deg) translateY(-10px)}55%,to{transform:rotate(0) translateY(0)}}@keyframes legKickLeft{0%,31%{transform:rotate(0) translateY(0)}32%{transform:rotate(-45deg) translateY(-5px)}35%,to{transform:rotate(0) translateY(0)}}@keyframes headHit{0%,38%{transform:translateY(0)}39%{transform:translateY(-15px)}43%,to{transform:translateY(0)}}@keyframes bodyReact{0%,45%{transform:translateY(0) rotate(0)}46%{transform:translateY(-5px) rotate(6deg)}50%{transform:translateY(0) rotate(0)}70%,to{transform:translateY(0) rotate(0)}80%{transform:translateY(-5px) rotate(2deg)}90%{transform:translateY(0) rotate(-2deg)}}.robot-wrap.robot-corner{top:calc(100dvh - 85px)!important;left:75%!important;transform:translate(-50%,-50%) scale(.45)!important}.robot-wrap.robot-corner .robot-structure.eyes-on{animation:bodyReact 12s infinite}.robot-wrap.robot-corner .robot-structure.eyes-on:after{animation:ballPlayRight 12s infinite}.robot-wrap.robot-corner .robot-structure.eyes-on .robot-leg.left{animation:legKickLeft 12s infinite}.robot-wrap.robot-corner .robot-structure.eyes-on .robot-leg.right{animation:legKickRight 12s infinite}.robot-wrap.robot-corner .robot-structure.eyes-on .robot-head{animation:headHit 12s infinite}@keyframes juggleBallCenter{0%{transform:translate(65px,-10px) rotate(0);animation-timing-function:cubic-bezier(0,0,.4,1);opacity:1}16.5%{transform:translate(45px,-90px) rotate(-180deg);animation-timing-function:cubic-bezier(.4,0,1,1)}33%{transform:translate(35px,-10px) rotate(-360deg);animation-timing-function:cubic-bezier(0,0,.4,1)}49.5%{transform:translate(42px,-250px) rotate(-540deg);animation-timing-function:cubic-bezier(.4,0,1,1)}66%{transform:translate(50px,-135px) rotate(-600deg);animation-timing-function:cubic-bezier(0,0,.4,1)}83%{transform:translate(58px,-165px) rotate(-700deg);animation-timing-function:cubic-bezier(.4,0,1,1)}to{transform:translate(65px,-10px) rotate(-900deg);animation-timing-function:cubic-bezier(0,0,.4,1);opacity:1}}@keyframes juggleLegRight{0%,10%{transform:rotate(50deg) translateY(-5px)}20%,85%{transform:rotate(0) translateY(0)}95%,to{transform:rotate(50deg) translateY(-5px)}}@keyframes juggleLegLeft{0%,25%{transform:rotate(0) translateY(0)}33%,43%{transform:rotate(-50deg) translateY(-5px)}53%,to{transform:rotate(0) translateY(0)}}@keyframes juggleHeadHit{0%,64%{transform:translateY(0)}66%{transform:translateY(-15px)}72%,to{transform:translateY(0)}}.robot-wrap.robot-center-bottom .robot-structure.thinking:after{content:"\26bd";position:absolute;font-size:40px;bottom:-5px;left:0;opacity:1;z-index:10;animation:juggleBallCenter 1.5s infinite}.robot-wrap.robot-center-bottom .robot-structure.thinking .robot-leg.right{animation:juggleLegRight 1.5s infinite}.robot-wrap.robot-center-bottom .robot-structure.thinking .robot-leg.left{animation:juggleLegLeft 1.5s infinite}.robot-wrap.robot-center-bottom .robot-structure.thinking .robot-head{animation:juggleHeadHit 1.5s infinite}.ai-main-ui{opacity:0;transform:translateY(30px);pointer-events:none;transition:all 1s ease .5s;width:100%;max-width:500px;margin:0 auto;padding:30px 20px 200px;box-sizing:border-box;overflow-y:auto;height:100dvh}.ai-main-ui.show{opacity:1;transform:translateY(0);pointer-events:auto}.ai-tag-btn{padding:10px 14px;background:#f0f0f0;border:1px solid #ddd;border-radius:20px;font-size:13px;color:#555;cursor:pointer;transition:all .2s;white-space:nowrap}.ai-tag-btn.active{background:#ff9800;color:#fff;border-color:#ff9800}.ai-upload-slot{border:2px dashed #ddd;border-radius:12px;height:160px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background:#f9f9f9;position:relative;overflow:hidden;transition:all .2s ease}.ai-upload-slot:hover{background:#f0f0f0;border-color:#ff9800}.ai-remove-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;background:#00000080;color:#fff;border-radius:50%;display:none;align-items:center;justify-content:center;font-size:14px;font-weight:700;cursor:pointer;z-index:10;transition:background .2s}.ai-remove-btn:hover{background:#e53935}.ai-product-card{margin-top:15px;border:1px solid #eee;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;background:#fafafa;box-shadow:0 4px 10px #0000000d;transition:transform .2s;pointer-events:auto}.ai-product-img{width:100%;height:160px;object-fit:cover;background:#fff}.ai-product-info{padding:12px 15px;text-align:left}.ai-product-title{font-size:13px;font-weight:700;margin:0 0 5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ai-product-price{font-size:13px;color:#e53935;font-weight:700}.ai-product-btn{margin-top:10px;background:#ff9800;color:#fff;text-align:center;padding:8px;border-radius:6px;font-size:12px;font-weight:700}#aiResultOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000bf;z-index:2000;opacity:0;pointer-events:none;transition:opacity .5s}#aiResultOverlay.show{opacity:1;pointer-events:auto}.ai-overlay-close{position:absolute;top:20px;right:20px;color:#fff;font-size:28px;cursor:pointer;font-weight:700;padding:10px;z-index:3010!important}.robot-center-bottom{top:calc(100vh - 150px)!important;left:50%!important;transform:translate(-50%,-50%) scale(.9)!important;z-index:3001!important}
/*# sourceMappingURL=/cdn/shop/t/10/assets/room-ai-style.css.map */