.guagua-track{z-index:9;pointer-events:none;height:42px;position:absolute;top:-31px;left:8px;right:8px}.guagua-runner{will-change:left,transform;width:38px;height:34px;animation:20s ease-in-out infinite guaguaWalkAcross;position:absolute;top:0;left:0}.guagua-direction{transform-origin:50%;animation:20s step-end infinite guaguaTurnAround;position:absolute;inset:0}.guagua-original{box-sizing:border-box;width:34px;height:30px;color:var(--text-cocoa);letter-spacing:-.8px;transform-origin:50% 80%;background:linear-gradient(145deg,#ffbea9 0 52%,#f08a73 53% 100%);border:3px solid #fffaf3;border-radius:52% 48% 44% 56%/49% 45% 55% 51%;place-items:center;font-size:7px;font-weight:950;line-height:1;display:grid;position:absolute;top:7px;left:0;box-shadow:7px 3px 0 -2px #71bea8,0 7px 15px #855b4930}.mood-happy .guagua-original{animation:1.35s ease-in-out infinite guaguaHappy}.mood-tired .guagua-original{animation:3.6s ease-in-out infinite guaguaTired}.mood-calm .guagua-original{animation:3.2s ease-in-out infinite guaguaCalm}.guagua-bubble{color:#765148;opacity:0;background:#fff0b8;border:2px solid #fffaf3;border-radius:14px 14px 14px 4px;min-width:max-content;max-width:150px;padding:6px 9px;font-family:Kaiti SC,STKaiti,PingFang SC,sans-serif;font-size:9px;font-weight:900;animation:20s ease-in-out infinite guaguaBubble;position:absolute;bottom:25px;left:28px;box-shadow:3px 4px #bfe3d8}.guagua-bubble:after{content:"";background:#fff0b8;width:8px;height:8px;position:absolute;bottom:-5px;left:11px;transform:rotate(45deg)}@keyframes guaguaWalkAcross{0%,10%{left:0;transform:translateY(4px)rotate(-6deg)}17%{transform:translateY(0)rotate(3deg)}25%{transform:translateY(3px)rotate(-2deg)}45%{left:calc(100% - 38px);transform:translateY(2px)rotate(4deg)}45%,55%{left:calc(100% - 38px)}62%{transform:translateY(0)rotate(-3deg)}70%{transform:translateY(3px)rotate(2deg)}90%{left:0;transform:translateY(3px)rotate(-4deg)}90%,to{left:0}}@keyframes guaguaTurnAround{0%,49%{transform:scaleX(-1)}50%,94%{transform:scaleX(1)}95%,to{transform:scaleX(-1)}}@keyframes guaguaHappy{0%,to{translate:0;rotate:-7deg}25%{translate:0 -4px;rotate:6deg}50%{translate:0 1px;rotate:-4deg}75%{translate:0 -3px;rotate:7deg}}@keyframes guaguaTired{0%,to{translate:0 6px;rotate:-3deg;scale:1.08 .76}45%{translate:1px 7px;rotate:1deg;scale:1.11 .72}70%{translate:0 5px;rotate:-1deg;scale:1.06 .79}}@keyframes guaguaCalm{0%,to{translate:0 2px;rotate:-2deg}50%{translate:0;rotate:2deg}}@keyframes guaguaBubble{0%,24%,53%,to{opacity:0;transform:translateY(5px)scale(.9)}30%,46%{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.guagua-runner,.guagua-direction,.guagua-original{animation:none}.guagua-bubble{display:none}}