/* dnpro.css */
.dnpro-bubble{position:fixed;z-index:99999;max-width:300px;background:#fff;border-radius:10px;box-shadow:0 4px 20px rgba(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}
/* Animations */
@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}