.yz-button{
 position:fixed;bottom:20px;right:20px;background:#fff;color:#000;
 width:auto;min-width:80px;height:50px;border-radius:25px;display:flex;align-items:center;
 justify-content:center;cursor:pointer;font-size:16px;font-weight:600;gap:6px;
 box-shadow:0 4px 14px rgba(0,0,0,.15);padding:0 14px;z-index:9999;
}
.yz-button img.yz-btn-logo{height:26px;}
.yz-btn-text{font-family:system-ui,Arial,sans-serif;}
.yz-box{
 position:fixed;bottom:90px;right:20px;width:360px;background:#fff;
 border-radius:20px;box-shadow:0 8px 24px rgba(0,0,0,.25);overflow:hidden;
 display:flex;flex-direction:column;font-family:system-ui,Arial,sans-serif;z-index:9999;
}
.yz-header{
 background:#fff;color:#000;padding:12px;font-weight:600;
 display:flex;justify-content:flex-start;align-items:center;gap:8px;
 border-bottom:1px solid #eee;
}
.yz-header .yz-logo{height:28px;}
.yz-header .yz-title{flex:1;}
.yz-header .yz-close{cursor:pointer;margin-left:auto;font-size:20px;}
.yz-messages{flex:1;padding:14px;overflow-y:auto;max-height:420px;}
.yz-user{background:#f1f1f1;margin:6px 0;padding:10px 14px;border-radius:18px 18px 0 18px;align-self:flex-end;max-width:80%;}
.yz-bot{background:#f0f7ff;margin:6px 0;padding:10px 14px;border-radius:18px 18px 18px 0;align-self:flex-start;max-width:80%;}
.yz-input{display:flex;align-items:center;border-top:1px solid #eee;}
.yz-input input{flex:1;border:none;padding:12px;outline:none;font-size:14px;}
.yz-input button{background:#0ea5e9;color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:14px;margin:6px;}
.thinking{font-style:italic;opacity:0.7;}
.dots{animation:blink 1s infinite;}
@keyframes blink{0%,100%{opacity:0}50%{opacity:1}}