/* 蓝贝贝 悬浮客服条 + AI对话抽屉 (黑金主题, 前缀 lbkf-) */
#lbKefu-root{all:initial}
/* 重置必须用 :where() 包裹保持零优先级, 否则 ID 优先级会压过下方所有 .lbkf- 类的 padding/margin (20261010 排版错乱根因) */
:where(#lbKefu-root) :where(*, *::before, *::after){box-sizing:border-box;margin:0;padding:0;font-family:inherit}

/* ---- 悬浮条 ---- */
.lbkf-bar{
  position:fixed;right:18px;bottom:90px;z-index:99980;
  width:186px;background:#16233a;border:1px solid #2b3c5c;border-radius:16px;
  box-shadow:0 12px 34px rgba(10,18,35,.45);padding:10px;
  font-family:"PingFang SC","Microsoft YaHei",sans-serif;
}
.lbkf-item{
  display:flex;align-items:center;gap:10px;padding:10px;border-radius:11px;
  cursor:pointer;text-decoration:none;transition:background .2s ease,transform .2s ease;
}
.lbkf-item:hover{background:rgba(201,168,106,.13);transform:translateX(-3px)}
.lbkf-item+.lbkf-item{margin-top:4px}
.lbkf-ico{
  flex:0 0 40px;width:40px;height:40px;border-radius:10px;
  background:linear-gradient(135deg,rgba(201,168,106,.22),rgba(201,168,106,.10));
  border:1px solid rgba(201,168,106,.45);
  display:flex;align-items:center;justify-content:center;
}
.lbkf-ico svg{width:21px;height:21px;stroke:#c9a86a;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.lbkf-txt{min-width:0}
.lbkf-t1{font-size:14px;font-weight:700;color:#f5f1e6;line-height:1.35;letter-spacing:.02em}
.lbkf-t2{font-size:12px;color:#8f9ab0;line-height:1.3;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lbkf-t2 em{font-style:normal;color:#c9a86a}

/* ---- 二维码弹卡 ---- */
.lbkf-pop{
  position:fixed;right:18px;bottom:90px;z-index:99990;width:216px;
  background:#fff;border-radius:16px;box-shadow:0 16px 44px rgba(10,18,35,.35);
  padding:18px 16px;text-align:center;font-family:"PingFang SC","Microsoft YaHei",sans-serif;
  border:1px solid #ecdfc0;
}
.lbkf-pop:after{
  content:"";position:absolute;right:34px;bottom:-8px;width:16px;height:16px;
  background:#fff;border-right:1px solid #ecdfc0;border-bottom:1px solid #ecdfc0;transform:rotate(45deg);
}
.lbkf-pop img{width:180px;height:180px;border-radius:8px;display:block;margin:0 auto}
.lbkf-pop .ph{
  width:180px;height:180px;border-radius:8px;display:flex;align-items:center;justify-content:center;
  margin:0 auto;background:#fbf8f0;border:1px dashed #d8c69a;color:#9a8a60;font-size:13px;line-height:1.8;
}
.lbkf-pop .cap{font-size:13px;color:#5d626e;margin-top:10px;line-height:1.6}
.lbkf-pop .cap b{color:#16233a}
.lbkf-pop .wx{
  display:inline-block;margin-top:8px;padding:4px 14px;border-radius:20px;font-size:13px;
  background:#16233a;color:#c9a86a;cursor:pointer;user-select:none;
}
.lbkf-x{
  position:absolute;top:6px;right:10px;font-size:16px;color:#b0b6c2;cursor:pointer;line-height:1;
}
.lbkf-x:hover{color:#16233a}

/* ---- 对话抽屉 ---- */
.lbkf-chat{
  position:fixed;right:18px;bottom:18px;z-index:99995;
  width:380px;max-width:calc(100vw - 24px);height:620px;max-height:calc(100vh - 36px);
  background:#fbf8f0;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;
  box-shadow:0 24px 70px rgba(10,18,35,.5);border:1px solid #2b3c5c;
  font-family:"PingFang SC","Microsoft YaHei",sans-serif;
}
.lbkf-head{
  flex:0 0 auto;background:linear-gradient(135deg,#16233a 0%,#22355a 100%);
  padding:16px 18px;display:flex;align-items:center;gap:12px;position:relative;
}
.lbkf-head:before{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#c9a86a,transparent)}
.lbkf-ava{
  width:42px;height:42px;border-radius:50%;flex:0 0 42px;
  background:radial-gradient(circle at 32% 30%,#e7cf9d,#c9a86a 70%);
  display:flex;align-items:center;justify-content:center;
  font-size:17px;font-weight:800;color:#16233a;font-family:"Songti SC","SimSun",serif;
}
.lbkf-ht{flex:1;min-width:0}
.lbkf-ht .n{font-size:16px;font-weight:700;color:#f5f1e6;letter-spacing:.03em}
.lbkf-ht .s{font-size:12px;color:#c9a86a;margin-top:3px;letter-spacing:.08em}
.lbkf-hx{cursor:pointer;font-size:22px;color:#8f9ab0;padding:4px 8px;line-height:1;user-select:none}
.lbkf-hx:hover{color:#fff}
.lbkf-body{flex:1;overflow-y:auto;padding:16px 14px;scroll-behavior:smooth}
.lbkf-body::-webkit-scrollbar{width:5px}
.lbkf-body::-webkit-scrollbar-thumb{background:#d8cba6;border-radius:4px}
.lbkf-msg{display:flex;margin-bottom:14px}
.lbkf-msg.me{justify-content:flex-end}
.lbkf-bub{
  max-width:82%;padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.75;
  word-break:break-word;white-space:pre-wrap;
}
.lbkf-msg.bot .lbkf-bub{background:#fff;color:#2a3040;border:1px solid #ecdfc0;border-left:3px solid #c9a86a;border-radius:3px 12px 12px 12px}
.lbkf-msg.me .lbkf-bub{background:#16233a;color:#f5f1e6;border-radius:12px 3px 12px 12px}
.lbkf-typing .lbkf-bub{color:#9a8a60}
.lbkf-typing i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c9a86a;margin-right:4px;animation:lbkfBlink 1.2s infinite}
.lbkf-typing i:nth-child(2){animation-delay:.2s}
.lbkf-typing i:nth-child(3){animation-delay:.4s}
@keyframes lbkfBlink{0%,80%,100%{opacity:.25}40%{opacity:1}}
.lbkf-chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 14px 10px}
.lbkf-chip{
  font-size:12.5px;color:#16233a;background:#fff;border:1px solid #d8c69a;border-radius:20px;
  padding:5px 12px;cursor:pointer;transition:all .2s;
}
.lbkf-chip:hover{background:#c9a86a;color:#fff;border-color:#c9a86a}
.lbkf-foot{flex:0 0 auto;border-top:1px solid #ecdfc0;background:#fff;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px}
.lbkf-inp{
  flex:1;border:1px solid #d9d2c0;border-radius:22px;padding:9px 15px;font-size:14px;outline:none;
  color:#2a3040;background:#fbf8f0;
}
.lbkf-inp:focus{border-color:#c9a86a}
.lbkf-send{
  flex:0 0 auto;border:none;border-radius:22px;background:#16233a;color:#c9a86a;
  font-size:14px;font-weight:700;padding:9px 20px;cursor:pointer;letter-spacing:.1em;
}
.lbkf-send:hover{background:#22355a}
.lbkf-send:disabled{opacity:.5;cursor:not-allowed}
.lbkf-manual{
  flex:0 0 100%;text-align:center;font-size:12px;color:#8a8f9c;padding-bottom:8px;background:#fff;
}
.lbkf-manual a{color:#a8722e;text-decoration:none;font-weight:600}

/* ---- 移动端 ---- */
@media (max-width:768px){
  .lbkf-bar{right:10px;bottom:74px;width:52px;padding:6px;border-radius:14px}
  .lbkf-txt{display:none}
  .lbkf-item{padding:6px;justify-content:center}
  .lbkf-ico{flex-basis:38px;width:38px;height:38px}
  .lbkf-chat{right:8px;left:8px;width:auto;bottom:8px;height:72vh}
  .lbkf-pop{right:10px}
}
