@keyframes avatarMove-294f88fa{0%{opacity:0;top:-20px}to{opacity:1;top:0}}[data-v-294f88fa] .avatar{position:relative;width:100px;height:100px;overflow:hidden;display:flex;border:1px dashed #ccc;border-radius:8px;align-items:center;justify-content:center;cursor:pointer}[data-v-294f88fa] .avatar.avatar-animate{opacity:0;top:-20px;animation:avatarMove-294f88fa .3s ease forwards}[data-v-294f88fa] .avatar.avatar-animate span{z-index:2;position:absolute;left:0;top:0;right:0;bottom:0;opacity:0;transition:all .3s ease;background:rgba(0,0,0,.3);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}[data-v-294f88fa] .avatar.avatar-animate span svg{width:20px;margin:0 10px;color:#fff}[data-v-294f88fa] .avatar.avatar-animate span:hover{opacity:1}[data-v-294f88fa] .avatar img{display:block;width:100px;height:auto;position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%)}[data-v-294f88fa] .avatar i{position:absolute;z-index:2;right:-5px;top:-5px;width:20px;height:20px;text-align:center;line-height:20px;background:rgba(0,0,0,.1);border-radius:100%;overflow:hidden}[data-v-294f88fa] .avatar i:hover{color:red}[data-v-294f88fa] .avatar svg{width:30px}