/* 企微客服浮窗 - 可复用于任意网站
   配置方式：在引入本 css 与 kf-widget.js 前，定义 window.KF_CONFIG
   window.KF_CONFIG = { kfid:'kfc0fe079c1b60d7888', accent:'#2f9e6e', label:'线上人工咨询' }
   若省略 kfid 则使用内置默认值；accent 控制按钮主色，label 控制按钮文字。 */
.kf-fab{
  position:fixed;
  right:22px;
  bottom:30px;
  z-index:2147483000;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:11px 16px;
  border-radius:999px;
  background:var(--kf-accent,#2f9e6e);
  color:#fff;
  font:600 14px/1 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  text-decoration:none;
  white-space:nowrap;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
  transition:transform .18s ease, box-shadow .18s ease;
}
.kf-fab:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 30px rgba(0,0,0,.26);
}
.kf-fab-icon{
  width:20px;
  height:20px;
  flex:0 0 auto;
}
.kf-fab-text{
  letter-spacing:.04em;
}
@media (max-width:480px){
  .kf-fab{
    right:14px;
    bottom:18px;
    padding:10px;
  }
  .kf-fab-text{
    display:none;
  }
  .kf-fab-icon{
    width:22px;
    height:22px;
  }
}