.dnpro-bubble{position:fixed;z-index:99999;max-width:300px;background:#fff;border-radius:10px;box-shadow:0 4px 20px rgb(0 0 0 / .15);padding:12px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:transform .2s}.dnpro-bubble:hover{transform:translateY(-2px)}.dnpro-bubble.pos-bottom-left{bottom:20px;left:20px}.dnpro-bubble.pos-bottom-right{bottom:20px;right:20px}.dnpro-bubble.pos-top-left{top:80px;left:20px}.dnpro-bubble.pos-top-right{top:80px;right:20px}.dnpro-bubble__icon{font-size:1.6rem;flex-shrink:0}.dnpro-bubble__body{flex:1;min-width:0}.dnpro-bubble__msg{font-size:.82rem;color:#333;line-height:1.4;margin:0}.dnpro-bubble__time{font-size:.72rem;color:#999;margin:2px 0 0}.dnpro-bubble__close{position:absolute;top:6px;right:8px;background:none;border:none;color:#ccc;cursor:pointer;font-size:.9rem;line-height:1}.dnpro-bubble__close:hover{color:#888}@keyframes dnSlide{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes dnFade{from{opacity:0}to{opacity:1}}@keyframes dnBounce{0%{transform:scale(0)}70%{transform:scale(1.1)}100%{transform:scale(1)}}.dnpro-anim-slide{animation:dnSlide .4s ease}.dnpro-anim-fade{animation:dnFade .4s ease}.dnpro-anim-bounce{animation:dnBounce .5s ease}