/* 在线客服样式 */
#kefu-widget { position:fixed; bottom:20px; right:20px; z-index:9999; font-family:"Microsoft YaHei",sans-serif; font-size:14px; }
#kefu-btn { width:56px; height:56px; background:#2196f3; border-radius:50%; color:#fff; text-align:center; line-height:56px; cursor:pointer; box-shadow:0 2px 12px rgba(0,0,0,0.2); float:right; font-size:24px; transition:transform .2s; }
#kefu-btn:hover { transform:scale(1.1); }
#kefu-window { position:absolute; bottom:70px; right:0; width:360px; height:500px; background:#fff; border-radius:8px; box-shadow:0 5px 30px rgba(0,0,0,0.15); display:flex; flex-direction:column; overflow:hidden; min-height:0; }
#kefu-header { padding:12px 16px; background:#2196f3; color:#fff; font-size:15px; }
#kefu-status { font-size:12px; opacity:0.8; margin-left:8px; }
#kefu-body { flex:1; display:flex; flex-direction:column; min-height:0; }
#kefu-messages { flex:1; min-height:0; overflow-y:auto; padding:12px; background:#f5f5f5; }
#kefu-input-area { padding:10px 12px; border-top:1px solid #e0e0e0; background:#fff; flex-shrink:0; }
#kefu-input { width:100%; border:1px solid #ddd; border-radius:4px; padding:8px; resize:none; font-size:13px; outline:none; }
#kefu-input:focus { border-color:#2196f3; }
#kefu-toolbar, .kefu-toolbar { margin-top:6px; text-align:right; }
.kefu-tool-btn { display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; margin-left:6px; background:#f5f5f5; border-radius:4px; color:#666; font-size:14px; }
.kefu-tool-btn:hover { background:#e0e0e0; }
#kefu-preview { background:#f9f9f9; }
#kefu-preview a { font-size:13px; }
#kefu-send { background:#2196f3; color:#fff; border:none; padding:6px 20px; border-radius:4px; cursor:pointer; font-size:13px; }
#kefu-send:hover { background:#1976d2; }

.kefu-msg { margin-bottom:10px; clear:both; }
.kefu-msg.customer { text-align:right; }
.kefu-msg.agent { text-align:left; }
.kefu-msg .bubble { display:inline-block; max-width:80%; padding:8px 14px; border-radius:12px; font-size:13px; line-height:1.5; word-break:break-word; }
.kefu-msg.customer .bubble { background:#2196f3; color:#fff; border-bottom-right-radius:2px; }
.kefu-msg.agent .bubble { background:#fff; color:#333; border:1px solid #e0e0e0; border-bottom-left-radius:2px; }
.kefu-msg .time { font-size:10px; color:#999; margin-top:3px; }
.kefu-msg .name { font-size:11px; color:#999; margin-bottom:2px; }
.kefu-msg img { max-width:200px; border-radius:8px; cursor:pointer; }
.kefu-msg video { max-width:200px; border-radius:8px; }

.kefu-product-card { display:inline-block; background:#fff; border:1px solid #e0e0e0; border-radius:8px; padding:10px; max-width:220px; text-align:left; cursor:pointer; }
.kefu-product-card img { width:100%; height:120px; object-fit:cover; border-radius:4px; margin-bottom:6px; }
.kefu-product-card .name { font-size:13px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.kefu-product-card .price { color:#f44336; font-weight:bold; font-size:15px; }
.kefu-product-card .link { color:#2196f3; font-size:11px; margin-top:4px; }

.kefu-system-msg { text-align:center; color:#999; font-size:12px; margin:8px 0; }