.zbop-wrap{position:fixed;right:105px;bottom:22px;z-index:99998;font-family:Arial,Helvetica,sans-serif;pointer-events:none}
.zbop-card{display:flex;align-items:center;gap:12px;text-decoration:none!important;color:#173647!important;pointer-events:auto;filter:drop-shadow(0 8px 18px rgba(12,65,88,.16));transition:transform .2s ease}
.zbop-card:hover{transform:translateY(-3px)}
.zbop-bubble{position:relative;display:flex;flex-direction:column;min-width:205px;padding:14px 18px;background:#fff;border:1px solid #d9e7ec;border-radius:17px;box-shadow:0 8px 25px rgba(16,70,91,.13);line-height:1.2}
.zbop-bubble:after{content:"";position:absolute;right:-9px;top:50%;width:17px;height:17px;background:#fff;border-top:1px solid #d9e7ec;border-right:1px solid #d9e7ec;transform:translateY(-50%) rotate(45deg)}
.zbop-bubble strong{font-size:16px;font-weight:700;color:#173647;margin-bottom:4px}.zbop-bubble small{font-size:12px;color:#66818e}
.zbop-avatar{width:92px;height:92px;border-radius:50%;overflow:hidden;background:#fff;border:5px solid #e2f1f4;box-shadow:0 0 0 2px rgba(29,160,180,.15),0 7px 20px rgba(10,70,92,.18);display:block;position:relative}
.zbop-avatar img{width:142%;height:142%;max-width:none!important;object-fit:cover;object-position:50% 28%;position:absolute;left:-21%;top:-9%;display:block}
@media(max-width:767px){.zbop-wrap{right:74px;bottom:15px}.zbop-avatar{width:68px;height:68px;border-width:4px}.zbop-bubble{display:none}}
@media(max-width:420px){.zbop-wrap{right:70px;bottom:12px}.zbop-avatar{width:62px;height:62px}}