/* Unified customer service popup */
.sy-footer-service{padding:8px 13px;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#d8e6f7;background:rgba(255,255,255,.06);font-size:13px;cursor:pointer}
.sy-footer-service:hover{color:#fff;border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.11)}
.sy-fixed-service{position:fixed;z-index:9990;top:calc(50% + 40px);right:28px;transform:translateY(-50%)}
.sy-fixed-service-button{position:relative;display:grid;width:54px;height:54px;padding:0;place-items:center;overflow:visible;border:1px solid rgba(148,163,184,.28);border-radius:50%;color:#165dff;background:rgba(255,255,255,.9);box-shadow:0 10px 30px rgba(15,23,42,.16);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);cursor:pointer;transition:.2s}
.sy-fixed-service-button:before{position:absolute;top:50%;right:calc(100% + 12px);padding:7px 11px;border-radius:8px;color:#fff;content:attr(data-tooltip);background:rgba(15,23,42,.92);font-size:12px;font-weight:600;line-height:1;opacity:0;pointer-events:none;white-space:nowrap;transform:translate(8px,-50%);transition:.2s}
.sy-fixed-service-button:hover,.sy-fixed-service-button:focus-visible{color:#075fb8;border-color:rgba(22,93,255,.38);background:#fff;box-shadow:0 14px 36px rgba(15,23,42,.2);transform:translateY(-2px)}
.sy-fixed-service-button:hover:before,.sy-fixed-service-button:focus-visible:before{opacity:1;transform:translate(0,-50%)}
.sy-fixed-service-button svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sy-service-open{overflow:hidden}
.sy-service-overlay{position:fixed;z-index:99990;inset:0;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(2,12,27,.56);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.sy-service-overlay.active{display:flex}
.sy-service-dialog{width:660px;max-width:100%;max-height:90vh;overflow:auto;border-radius:22px;background:#fff;box-shadow:0 28px 90px rgba(0,0,0,.28);animation:sy-service-in .3s ease}
@keyframes sy-service-in{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
.sy-service-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;color:#fff;background:linear-gradient(125deg,#062b68 0%,#075fb8 58%,#16a6e4 100%)}
.sy-service-dialog-header span{display:block;margin-bottom:4px;color:#cce9ff;font-size:11px;font-weight:700;letter-spacing:.12em}
.sy-service-dialog-header h3{margin:0;color:#fff;font-size:21px}
.sy-service-close{display:flex;width:34px;height:34px;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;color:#fff;background:rgba(255,255,255,.18);font-size:23px;line-height:1;cursor:pointer}
.sy-service-close:hover{background:rgba(255,255,255,.32)}
.sy-service-dialog-body{padding:28px}
.sy-service-profile{display:grid;grid-template-columns:1fr 210px;align-items:center;gap:30px;padding:24px;border:1px solid #dbe6f3;border-radius:17px;background:linear-gradient(135deg,#f5f9ff,#f7fcff)}
.sy-service-tag{display:inline-flex;padding:5px 10px;border-radius:999px;color:#075fb8;background:#e5f2ff;font-size:11px;font-weight:700}
.sy-service-copy h4{margin:12px 0 8px;color:#081a33;font-size:26px}
.sy-service-copy>p{margin:0;color:#667085;font-size:14px;line-height:1.75}
.sy-service-qq{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 12px;padding:11px 12px;border:1px solid #e5e9f0;border-radius:9px;background:#fff;color:#344054;font-size:14px}
.sy-service-qq strong{color:#165dff;font-size:16px}
.sy-service-copy-button{padding:5px 10px;border:1px solid #cdd9e8;border-radius:6px;color:#526071;background:#fff;font-size:12px;cursor:pointer}
.sy-service-qq-button{display:flex;min-height:43px;align-items:center;justify-content:center;border-radius:9px;color:#fff!important;background:#165dff;font-size:14px;font-weight:700;text-decoration:none}
.sy-service-qq-button:hover{color:#fff;background:#0d3fb8}
.sy-service-wechat{margin:0;text-align:center}
.sy-service-wechat img{display:block;width:190px;height:190px;margin:0 auto;object-fit:contain;border:5px solid #fff;border-radius:14px;background:#fff;box-shadow:0 12px 32px rgba(15,23,42,.12)}
.sy-service-wechat figcaption{margin-top:9px;color:#667085;font-size:12px}
@media(max-width:820px){.sy-fixed-service{top:auto;right:12px;bottom:18px;transform:none}.sy-fixed-service-button{width:46px;height:46px}.sy-fixed-service-button:before{display:none}.sy-service-overlay{align-items:flex-end;padding:0}.sy-service-dialog{width:100%;max-width:100%;max-height:92vh;border-radius:20px 20px 0 0}.sy-service-dialog-header,.sy-service-dialog-body{padding-right:20px;padding-left:20px}.sy-service-profile{grid-template-columns:1fr;text-align:center}.sy-service-wechat{grid-row:1}}
@media(max-width:560px){.sy-service-dialog-body{padding:18px 14px 20px}.sy-service-profile{gap:20px;padding:18px 14px}.sy-service-qq{align-items:stretch;flex-direction:column}}

/* Keep product-page customer service attached to the viewport's right edge. */
html body .sy-fixed-service.sy-fixed-service--product{
  position:fixed!important;
  top:50%!important;
  right:24px!important;
  bottom:auto!important;
  left:auto!important;
  z-index:99980!important;
  display:block!important;
  float:none!important;
  width:54px!important;
  height:54px!important;
  margin:0!important;
  padding:0!important;
  transform:translateY(-50%)!important;
}
@media(max-width:820px){
  html body .sy-fixed-service.sy-fixed-service--product{
    top:auto!important;
    right:12px!important;
    bottom:18px!important;
    left:auto!important;
    width:46px!important;
    height:46px!important;
    transform:none!important;
  }
}