.cat-art{position:absolute;inset:8px 5px 0;display:block}
.cat-body{position:absolute;width:51px;height:48px;border-radius:48% 52% 42% 48%;background:linear-gradient(135deg,#f3a84a,#dc7c31);left:27px;top:48px;box-shadow:inset -7px -5px 0 #c7692733}
.cat-head{position:absolute;width:57px;height:52px;border-radius:45% 45% 48% 48%;background:linear-gradient(145deg,#f7b659,#e98b38);left:20px;top:18px;border:2px solid #fff1de}
.cat-head:before,.cat-head:after{content:'';position:absolute;top:-13px;width:25px;height:29px;background:#e98b38;clip-path:polygon(50% 0,100% 100%,0 100%)}
.cat-head:before{left:0;transform:rotate(-12deg)}.cat-head:after{right:0;transform:rotate(12deg)}
.cat-head i,.cat-head b{position:absolute;z-index:2;top:20px;width:7px;height:9px;border-radius:50%;background:#5e493d;box-shadow:inset 2px 0 #f5d177}
.cat-head i{left:14px}.cat-head b{right:14px}.cat-head em{position:absolute;z-index:2;left:21px;top:28px;font-style:normal;font-size:16px;color:#9d573b}
.cat-tail{position:absolute;width:42px;height:48px;border:9px solid #dd7a30;border-left-color:transparent;border-radius:50%;right:3px;top:44px;transform:rotate(25deg);animation:tailWave 2.5s ease-in-out infinite}
.pet-online{position:absolute;width:9px;height:9px;background:#f6a2a6;border-radius:50%;right:11px;top:13px;box-shadow:0 0 0 6px #f6a2a622;animation:petPing 2s infinite}
@keyframes tailWave{50%{transform:rotate(38deg)}}
@media(max-width:650px){.yuni-pet{bottom:118px;right:4px}.pet-body{width:64px;height:64px}.cat-art{transform:scale(.78);transform-origin:center bottom}.pet-close{top:-5px}.pet-note{right:48px;bottom:46px}}