.shopex-float {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 60;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
  transform: translateY(calc(-50% - 50px));
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
}
.shopex-float-greeting {
  margin-right: 4px;
  padding: 6px 12px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(219,234,254,.94), rgba(233,213,255,.94) 50%, rgba(253,224,255,.94));
  box-shadow: 0 2px 8px rgba(139,92,246,.15);
  color: #6954e8 !important;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.15;
  text-decoration: none;
  cursor: pointer;
}
.shopex-float-avatar {
  display: block;
  width: 88px;
  height: 88px;
  margin-right: 4px;
  overflow: hidden;
  padding: 0;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #e7efff;
  box-shadow: 0 5px 18px rgba(66,103,203,.25);
  cursor: pointer;
}
.shopex-float-avatar img { display: block; width: 100%; height: 100%; object-fit: cover; }
.shopex-float-qr {
  display: block;
  width: 120px;
  padding: 6px 6px 4px;
  border-radius: 9px 0 0 9px;
  background: #fff;
  box-shadow: 0 4px 14px rgba(38,58,103,.16);
}
.shopex-float-qr-code {
  display: flex;
  width: 108px;
  height: 108px;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #f1f5f9, #fff, #f1f5f9);
}
.shopex-float-qr-code > *,
.shopex-float-qr-code img,
.shopex-float-qr-code canvas,
.shopex-float-qr-code svg { display: block !important; width: 108px !important; height: 108px !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
.shopex-float-qr-label { display: block; margin-top: 3px; color: #4777e9; font-size: 12px; font-weight: 600; line-height: 1.15; text-align: center; }
.shopex-float-top {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 120px;
  padding: 12px;
  border: 0;
  border-radius: 9px 0 0 9px;
  background: #fff;
  box-shadow: 0 4px 14px rgba(38,58,103,.16);
  color: #596274;
  cursor: pointer;
  font: 12px/1 "PingFang SC", "Microsoft YaHei", sans-serif;
  text-decoration: none;
}
.shopex-float-top svg { width: 20px; height: 20px; color: #4780ff; }
.shopex-float-greeting:focus-visible,
.shopex-float-avatar:focus-visible,
.shopex-float-qr:focus-visible,
.shopex-float-top:focus-visible { outline: 3px solid rgba(77,125,245,.42); outline-offset: 3px; }
@media (max-width: 620px) {
  .shopex-float { right: 0; gap: 8px; transform: translateY(-50%); }
  .shopex-float-greeting { margin-right: 3px; padding: 5px 9px; font-size: 11px; }
  .shopex-float-avatar { width: 64px; height: 64px; margin-right: 3px; }
  .shopex-float-qr { width: 108px; padding: 5px 5px 4px; }
  .shopex-float-qr-code,
  .shopex-float-qr-code > *,
  .shopex-float-qr-code img,
  .shopex-float-qr-code canvas,
  .shopex-float-qr-code svg { width: 98px !important; height: 98px !important; }
  .shopex-float-top { min-width: 108px; padding: 11px 8px; }
}