/* 右侧悬浮客服组件（参考 haoxiaoyun.com 样式，全码智云适配版） */
.side-float{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:9999;display:flex;flex-direction:column;gap:20px;}
.side-float .float-item{position:relative;display:flex;justify-content:flex-end;align-items:center;}
.side-float .float-btn{width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,.2);transition:background-color .3s;margin-right:16px;flex:0 0 auto;}
.side-float #phone-btn{background-color:#007bff;}
.side-float #phone-btn:hover{background-color:#0056b3;}
.side-float #wechat-btn{background-color:#07c160;}
.side-float #wechat-btn:hover{background-color:#059b4d;}

/* 弹窗容器：固定宽度，避免被内容撑开或溢出屏幕 */
.side-float .popup{
  position:absolute;right:70px;
  background:#fff;border-radius:10px;
  box-shadow:0 6px 20px rgba(0,0,0,.16);
  opacity:0;visibility:hidden;transform:translateX(10px);
  transition:all .25s ease;color:#333;
  white-space:normal;box-sizing:border-box;
  max-width:calc(100vw - 100px);
}
.side-float .float-item:hover .popup,.side-float .float-item.open .popup{opacity:1;visibility:visible;transform:translateX(0);}

/* 电话弹窗 */
.side-float #phone-popup{padding:0 18px;height:46px;line-height:46px;white-space:nowrap;}
.side-float #phone-popup a{font-weight:700;font-size:17px;color:#007bff;text-decoration:none;letter-spacing:.5px;}
.side-float #phone-popup a:hover{text-decoration:underline;}

/* 微信二维码弹窗：卡片定宽 196px，二维码 172x172 等比居中 */
.side-float #wechat-popup{
  width:196px;padding:12px 12px 10px;text-align:center;white-space:normal;
}
.side-float #wechat-popup img{
  width:172px;height:172px;max-width:100%;aspect-ratio:1/1;
  object-fit:contain;display:block;margin:0 auto;border-radius:4px;
}
.side-float #wechat-popup .qr-tip{font-size:12px;color:#666;margin-top:8px;line-height:1.4;white-space:nowrap;}

@media (max-width:768px){
  .side-float{gap:12px;}
  .side-float .float-btn{width:44px;height:44px;margin-right:10px;}
  .side-float .popup{right:58px;}
  .side-float #wechat-popup{width:164px;padding:10px 10px 8px;}
  .side-float #wechat-popup img{width:144px;height:144px;}
  .side-float #wechat-popup .qr-tip{font-size:11px;}
  .side-float #phone-popup{padding:0 12px;height:40px;line-height:40px;font-size:14px;}
  .side-float #phone-popup a{font-size:14px;}
}