/* 右下角浮动·售前在线客服 */
#cs-fab {
  position: fixed; right: 16px; top: 50%; transform: translateY(-50%); z-index: 90;
  width: 46px; height: 46px; border-radius: 50%;
  background: var(--coral, #FF6B4A); color: #fff;
  display: flex; align-items: center; justify-content: center;
  font-size: 22px; cursor: pointer;
  box-shadow: 0 6px 18px rgba(255,107,74,.35);
  user-select: none;
}
#cs-fab:hover { background: var(--coral-dark, #F2502D); }

#cs-pop {
  position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 91;
  width: 260px; background: #fff; border-radius: 14px;
  box-shadow: 0 16px 50px rgba(0,0,0,.22);
  padding: 20px; text-align: center;
}
#cs-pop.cs-hidden { display: none; }
.cs-pop-head { position: relative; font-size: 16px; font-weight: 700; margin-bottom: 16px; text-align: center; }
.cs-close { position: absolute; right: 0; top: -2px; cursor: pointer; color: #aaa; font-size: 20px; line-height: 1; }
.cs-qr {
  width: 170px; height: 170px; margin: 0 auto 12px;
  border: 1px solid #EEE; border-radius: 10px;
  display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.cs-qr img { width: 100%; height: 100%; object-fit: contain; }
.cs-qr .cs-none { color: #bbb; font-size: 13px; line-height: 1.6; }
.cs-wx { font-size: 14px; color: #333; }
.cs-wx b { color: var(--coral-dark, #F2502D); }
.cs-tip { font-size: 12px; color: #999; margin-top: 8px; line-height: 1.6; }