#pc-assistant{

    position:fixed;

    bottom:25px;

    right:20px;

    left:auto;

    z-index:9999;

}

.assistant-avatar{

    width:72px;

    height:72px;

    border-radius:50%;

    overflow:hidden;

    display:block;

    box-shadow:0 10px 30px rgba(0,0,0,.25);

    transition:.3s;

    animation: floatAvatar 3s ease-in-out infinite;

}

.assistant-avatar img{

    width:100%;

    height:100%;

    object-fit:cover;

}

.assistant-avatar:hover{

    transform:scale(1.08);

}

.assistant-popup{

    position:absolute;

    bottom:90px;

    left:0;

    width:240px;

    background:#fff;

    border-radius:15px;

    padding:15px;

    box-shadow:0 10px 30px rgba(0,0,0,.2);

    display:none;

}

#pc-assistant.active .assistant-popup{

    display:block;

}

.assistant-text{

position:fixed;

right:25px;

bottom:105px;

color:#9e9e9e;

padding:8px 20px;

border-radius:12px;

font-size:20px;

white-space:nowrap;

z-index:9999;

overflow:hidden;



animation:typing 3s steps(20,end) infinite;

}

@keyframes typing{

0%{width:0;}

70%{width:170px;}

100%{width:170px;}

}

@keyframes floatAvatar{

0%{
transform:translateY(0);
}

50%{
transform:translateY(-8px);
}

100%{
transform:translateY(0);
}

}