/* ===== 右侧飘浮在线客服（CSS 与模板分离，单独可调） ===== */
.ty-kefu{position:fixed;right:14px;top:42%;z-index:99999;display:flex;flex-direction:column;align-items:center}
.ty-kefu-main{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#ff7a00,#ff5722);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;box-shadow:0 6px 18px rgba(255,87,34,.4);transition:.25s}
.ty-kefu-main:hover{transform:scale(1.08)}
.ty-kefu-panel{display:flex;flex-direction:column;gap:10px;margin-top:12px;opacity:0;pointer-events:none;transform:translateX(20px);transition:.3s}
.ty-kefu.open .ty-kefu-panel{opacity:1;pointer-events:auto;transform:translateX(0)}
.ty-kefu-item{width:50px;height:50px;border-radius:50%;background:#fff;color:#0a6ecb;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:18px;cursor:pointer;text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,.12);transition:.2s;position:relative}
.ty-kefu-item span{font-size:10px;color:#666;margin-top:1px;line-height:1}
.ty-kefu-item:hover{background:#0a6ecb;color:#fff;transform:translateY(-2px)}
.ty-kefu-item:hover span{color:#fff}
.ty-kefu-wx .ty-kefu-qr{position:absolute;right:62px;top:-10px;width:150px;background:#fff;border-radius:10px;padding:10px;box-shadow:0 8px 26px rgba(0,0,0,.18);opacity:0;visibility:hidden;transition:.25s;text-align:center}
.ty-kefu-wx:hover .ty-kefu-qr{opacity:1;visibility:visible}
.ty-kefu-qr img{width:130px;height:130px;object-fit:cover;border-radius:6px;background:#f3f3f3}
.ty-kefu-qr p{font-size:12px;color:#333;margin:6px 0 0}
@media(max-width:768px){.ty-kefu{right:8px}.ty-kefu-main,.ty-kefu-item{width:42px;height:42px;font-size:16px}}