html.wenvo-support-open { overscroll-behavior: none; }
.wenvo-support-entry,
.wenvo-contact-entry {
  appearance: none;
  margin-inline-start: .7rem;
  padding: .25rem .55rem;
  border: 1px solid color-mix(in srgb, currentColor 36%, transparent);
  border-radius: 999px;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: 1.2;
  letter-spacing: normal;
  opacity: .82;
  cursor: pointer;
  transition: opacity .18s ease, color .18s ease, border-color .18s ease, background-color .18s ease;
}
.wenvo-support-entry:hover,
.wenvo-support-entry:focus-visible,
.wenvo-contact-entry:hover,
.wenvo-contact-entry:focus-visible {
  opacity: 1;
  color: #a9f2ff;
  border-color: #4b8290;
  background: #63e6ff0d;
  outline: none;
}
footer.wenvo-support-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  text-align: center;
}
footer.wenvo-support-footer .wenvo-support-entry,
footer.wenvo-support-footer .wenvo-contact-entry { margin: 0; }
.wenvo-support-footer-label { display: block; }
.wenvo-support-overlay[hidden] { display: none; }
.wenvo-support-overlay,
.wenvo-support-lightbox {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: grid;
  place-items: center;
  padding: max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));
  background: #02050ad9;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.wenvo-support-dialog {
  width: min(29rem, 100%);
  max-height: calc(100vh - 2rem);
  max-height: min(46rem, calc(100dvh - 2rem));
  overflow: auto;
  position: relative;
  padding: 1.4rem;
  border: 1px solid #2c3a54;
  border-radius: 1.25rem;
  background: linear-gradient(160deg, #121a2a 0%, #090e18 72%);
  box-shadow: 0 1.5rem 5rem #000b;
  color: #eef3ff;
  font: 1rem/1.6 Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}
.wenvo-support-close,
.wenvo-support-lightbox-close {
  appearance: none;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  border: 1px solid #34425a;
  border-radius: 50%;
  background: #111a29e8;
  color: #f5f8ff;
  font: 400 1.65rem/1 system-ui, sans-serif;
  cursor: pointer;
}
.wenvo-support-close {
  position: absolute;
  top: .9rem;
  right: .9rem;
}
.wenvo-support-close:hover,
.wenvo-support-close:focus-visible,
.wenvo-support-lightbox-close:hover,
.wenvo-support-lightbox-close:focus-visible {
  border-color: #63e6ff;
  outline: none;
}
.wenvo-support-kicker {
  margin: 0 3rem .25rem 0;
  color: #63e6ff;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .18em;
}
.wenvo-support-dialog h2 {
  margin: 0 3rem .55rem 0;
  color: #fff;
  font-size: clamp(1.45rem, 5vw, 1.85rem);
  line-height: 1.25;
  letter-spacing: -.025em;
}
.wenvo-support-dialog > p:not(.wenvo-support-kicker) {
  margin: 0;
  color: #aab5c8;
  font-size: .94rem;
}
.wenvo-support-method {
  margin-top: 1.15rem;
  padding: 1rem;
  border: 1px solid #27354d;
  border-radius: 1rem;
  background: #080d16b8;
  text-align: center;
}
.wenvo-support-method-heading {
  display: flex;
  align-items: center;
  gap: .7rem;
  text-align: left;
}
.wenvo-support-wechat-mark {
  width: 2.35rem;
  height: 2.35rem;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: .75rem;
  background: #25c56a;
  color: #fff;
  font-weight: 800;
}
.wenvo-support-method-heading strong,
.wenvo-support-method-heading span {
  display: block;
}
.wenvo-support-method-heading strong { color: #f6f9ff; }
.wenvo-support-method-heading div > span {
  color: #8995aa;
  font-size: .83rem;
}
.wenvo-support-method-heading .wenvo-support-wechat-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 .03rem;
  font: 800 .95rem/1 "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  text-align: center;
}
.wenvo-support-qr {
  width: min(20rem, 100%);
  height: auto;
  display: block;
  margin: 1rem auto .55rem;
  border-radius: .8rem;
  background: #fff;
  object-fit: contain;
  cursor: zoom-in;
  -webkit-touch-callout: default;
  user-select: auto;
}
.wenvo-support-qr:focus-visible {
  outline: 3px solid #63e6ff;
  outline-offset: 3px;
}
.wenvo-support-method small {
  color: #78859b;
  font-size: .76rem;
}
.wenvo-support-lightbox {
  z-index: 2147483001;
  background: #000000f2;
}
.wenvo-support-lightbox img {
  width: auto;
  height: auto;
  max-width: min(94vw, 58rem);
  max-height: 90vh;
  max-height: 90dvh;
  border-radius: .75rem;
  object-fit: contain;
  -webkit-touch-callout: default;
  user-select: auto;
}
.wenvo-support-lightbox-close {
  position: fixed;
  top: max(1rem, env(safe-area-inset-top));
  right: max(1rem, env(safe-area-inset-right));
  z-index: 1;
}
@media (max-width: 560px) {
  .wenvo-support-overlay { align-items: end; padding: .65rem; }
  .wenvo-support-dialog {
    width: 100%;
    max-height: calc(100vh - 1.3rem);
    max-height: calc(100dvh - 1.3rem);
    padding: 1.15rem;
    border-radius: 1.15rem;
  }
  .wenvo-support-method { padding: .85rem; }
  .wenvo-support-qr { width: min(100%, 21rem); }
}
@media (prefers-reduced-motion: reduce) {
  .wenvo-support-entry,
  .wenvo-contact-entry { transition: none; }
}