.kefu-widget{position:fixed;left:0;right:0;bottom:0;top:0;z-index:99999;display:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'PingFang SC','Microsoft YaHei',sans-serif;}
.kefu-widget.open{display:block;}
.kefu-overlay{position:absolute;inset:0;background:rgba(4,8,20,0.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);}
.kefu-panel{position:absolute;left:50%;bottom:70px;transform:translateX(-50%);width:min(420px,calc(100vw - 24px));height:min(560px,calc(100vh - 110px));display:flex;flex-direction:column;overflow:hidden;border-radius:18px;background:linear-gradient(180deg,#0b1226,#0d142c);border:1px solid rgba(14,165,233,0.35);box-shadow:0 24px 70px rgba(0,0,0,0.6),inset 0 1px 0 rgba(255,255,255,0.08);}
.kefu-head{flex:none;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:linear-gradient(135deg,rgba(14,165,233,0.22),rgba(99,102,241,0.12));border-bottom:1px solid rgba(125,211,252,0.2);}
.kefu-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:800;color:#eaf2ff;}
.kefu-title .dot{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 8px #34d399;}
.kefu-close{width:28px;height:28px;border:none;border-radius:50%;cursor:pointer;color:#94a3b8;font-size:16px;line-height:1;background:rgba(15,23,42,0.8);}
.kefu-close:hover{color:#fff;}
.kefu-list{flex:1;overflow-y:auto;padding:14px 14px 8px;display:flex;flex-direction:column;gap:12px;}
.kefu-msg{display:flex;flex-direction:column;max-width:78%;}
.kefu-msg.user{align-self:flex-end;align-items:flex-end;}
.kefu-msg.admin{align-self:flex-start;align-items:flex-start;}
.kefu-bubble{padding:10px 13px;border-radius:14px;font-size:14px;line-height:1.55;color:#e8f0ff;word-break:break-word;white-space:pre-wrap;}
.kefu-msg.user .kefu-bubble{background:linear-gradient(135deg,#22d3ee,#3b82f6);color:#04121f;font-weight:600;border-bottom-right-radius:4px;}
.kefu-msg.admin .kefu-bubble{background:rgba(148,163,184,0.16);border:1px solid rgba(125,211,252,0.22);border-bottom-left-radius:4px;}
.kefu-msg img.kefu-img-msg{max-width:210px;max-height:210px;border-radius:10px;display:block;border:1px solid rgba(125,211,252,0.35);}
.kefu-time{margin-top:4px;font-size:10px;color:#5f78a8;}
.kefu-actions{flex:none;display:flex;align-items:center;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid rgba(125,211,252,0.16);background:rgba(15,23,42,0.75);}
.kefu-img{flex:none;width:38px;height:38px;border-radius:10px;border:1px solid rgba(125,211,252,0.35);background:rgba(14,165,233,0.12);color:#7dd3fc;font-size:18px;cursor:pointer;}
.kefu-preview{flex:none;position:relative;width:38px;height:38px;}
.kefu-preview img{width:38px;height:38px;object-fit:cover;border-radius:10px;border:1px solid rgba(125,211,252,0.5);}
.kefu-preview .x{position:absolute;top:-6px;right:-6px;width:16px;height:16px;border-radius:50%;background:#ef4444;color:#fff;font-size:10px;line-height:16px;text-align:center;cursor:pointer;}
.kefu-input{flex:1;min-width:0;height:38px;border:1px solid rgba(125,211,252,0.3);border-radius:10px;padding:0 12px;font-size:14px;color:#e2e8f0;background:rgba(8,12,26,0.8);outline:none;}
.kefu-input::placeholder{color:#5f78a8;}
.kefu-send{flex:none;height:38px;padding:0 18px;border:none;border-radius:10px;font-size:14px;font-weight:800;color:#04121f;background:linear-gradient(135deg,#22d3ee,#3b82f6);cursor:pointer;}
.kefu-send:active{transform:scale(.97);}
.kefu-empty{text-align:center;color:#5f78a8;font-size:12px;padding:30px 0;}
.kefu-tab-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;line-height:16px;text-align:center;font-weight:700;box-shadow:0 0 8px rgba(239,68,68,0.7);display:none;}