/* Bukids AI 客服 1.0.0 — flat, minimal, theme colour #FD4C4C */
.bk-ai{position:fixed;right:20px;bottom:24px;z-index:9990;font-size:14px;line-height:1.6;color:#1d1d1f;-webkit-font-smoothing:antialiased}
.bk-ai *{box-sizing:border-box}
.bk-ai-fab{width:52px;height:52px;border:0;border-radius:16px;background:#FD4C4C;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 18px rgba(253,76,76,.32);transition:transform .15s ease,box-shadow .15s ease;padding:0}
.bk-ai-fab:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(253,76,76,.4)}
.bk-ai-fab:focus-visible{outline:2px solid #1d1d1f;outline-offset:2px}
.bk-ai.is-open .bk-ai-fab{background:#1d1d1f;box-shadow:0 6px 18px rgba(0,0,0,.2)}

.bk-ai-panel{position:absolute;right:0;bottom:64px;width:360px;max-width:calc(100vw - 32px);height:540px;max-height:calc(100vh - 120px);background:#fff;border-radius:18px;box-shadow:0 12px 40px rgba(0,0,0,.16);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(0,0,0,.06)}
.bk-ai-panel[hidden]{display:none}
.bk-ai-head{display:flex;align-items:center;gap:8px;padding:14px 12px 12px 18px;border-bottom:1px solid #f0f0f0}
.bk-ai-title{flex:1;font-weight:600;font-size:15px}
.bk-ai-clear{border:0;background:none;color:#86868b;font-size:12px;cursor:pointer;padding:4px 6px;border-radius:8px}
.bk-ai-clear:hover{background:#f5f5f7;color:#1d1d1f}
.bk-ai-close{border:0;background:none;color:#86868b;cursor:pointer;width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0}
.bk-ai-close:hover{background:#f5f5f7;color:#1d1d1f}

.bk-ai-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:#fafafa;overscroll-behavior:contain}
.bk-ai-msg{max-width:86%;padding:9px 13px;border-radius:14px;word-break:break-word;white-space:normal}
.bk-ai-msg p{margin:0}
.bk-ai-msg p+p,.bk-ai-msg p+ul,.bk-ai-msg ul+p{margin-top:6px}
.bk-ai-msg ul{margin:4px 0 0;padding-left:18px}
.bk-ai-msg li{margin:2px 0}
.bk-ai-msg a{color:#FD4C4C;text-decoration:none;font-weight:500}
.bk-ai-msg a:hover{text-decoration:underline}
.bk-ai-assistant{align-self:flex-start;background:#fff;border:1px solid #eee;border-top-left-radius:6px}
.bk-ai-user{align-self:flex-end;background:#FD4C4C;color:#fff;border-top-right-radius:6px;white-space:pre-wrap}
.bk-ai-msg.is-wait{color:#86868b}
.bk-ai-msg.is-error{color:#c0392b;background:#fff5f5;border-color:#ffd9d9}

.bk-ai-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
.bk-ai-chip{border:1px solid #e5e5e5;background:#fff;color:#1d1d1f;border-radius:999px;padding:6px 12px;font-size:13px;cursor:pointer;line-height:1.4}
.bk-ai-chip:hover{border-color:#FD4C4C;color:#FD4C4C}

.bk-ai-login{align-self:stretch;text-align:center;padding:10px 0 4px}
.bk-ai-login p{margin:0 0 10px;color:#6e6e73}
.bk-ai-login-btn{border:0;background:#FD4C4C;color:#fff;border-radius:12px;padding:8px 28px;font-size:14px;cursor:pointer}

.bk-ai-preview{font-size:12px;color:#8a6d00;background:#fff8e1;padding:6px 14px;border-top:1px solid #f3e5ab}

.bk-ai-foot{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;border-top:1px solid #f0f0f0;background:#fff;margin:0}
.bk-ai-foot[hidden]{display:none}
.bk-ai-input{flex:1;resize:none;border:1px solid #e5e5e5;border-radius:12px;padding:8px 12px;font:inherit;line-height:1.5;max-height:120px;outline:none;background:#f5f5f7;color:#1d1d1f;min-height:38px}
.bk-ai-input:focus{border-color:#FD4C4C;background:#fff}
.bk-ai-send{border:0;background:#FD4C4C;color:#fff;border-radius:12px;height:38px;padding:0 16px;font-size:14px;cursor:pointer;flex:none}
.bk-ai-send:disabled{opacity:.5;cursor:default}
.bk-ai-meta{font-size:12px;color:#86868b;text-align:right;padding:0 14px 8px;background:#fff;min-height:0}
.bk-ai-meta:empty{display:none}

@media (max-width:767px){
  .bk-ai{right:14px;bottom:calc(84px + env(safe-area-inset-bottom))}
  .bk-ai-fab{width:46px;height:46px;border-radius:14px}
  .bk-ai.is-open{left:0;right:0;bottom:0;top:0;background:rgba(0,0,0,.32)}
  .bk-ai.is-open .bk-ai-fab{display:none}
  .bk-ai-panel{position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;max-width:none;height:82vh;height:82dvh;max-height:none;border-radius:18px 18px 0 0;padding-bottom:env(safe-area-inset-bottom)}
  .bk-ai-input{font-size:16px}
}
@media print{.bk-ai{display:none}}