.xingsu-recharge-trigger, .xr-pay {
  border: 0;
  border-radius: .65rem;
  background: #2459db;
  color: #fff;
  font: inherit;
  font-weight: 650;
  cursor: pointer;
}
.xingsu-recharge-trigger { display: block; margin-top: .95rem; padding: .55rem .95rem; }
.xingsu-recharge-trigger:hover, .xr-pay:hover { background: #1848c1; }
.xr-dialog {
  --xr-ink: #132348;
  --xr-muted: #607090;
  --xr-line: #dfe6f4;
  --xr-surface: #fff;
  --xr-soft: #f2f6ff;
  width: min(35rem, calc(100vw - 1.5rem));
  max-height: min(92dvh, 48rem);
  margin: auto;
  padding: 0;
  border: 0;
  border-radius: 1.15rem;
  background: var(--xr-surface);
  color: var(--xr-ink);
  box-shadow: 0 22px 72px #0a204a52;
  overflow: auto;
}
.xr-dialog::backdrop { background: #0d183a80; }
.xr-dialog [hidden] { display: none !important; }
.xr-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  background: linear-gradient(110deg, #162f79, #2761e2);
  color: #fff;
  padding: 1.2rem 1.35rem;
}
.xr-heading h2 { font-size: 1.35rem; font-weight: 700; margin: 0 0 .3rem; }
.xr-heading p { margin: 0; color: #e5eeff; }
.xr-heading strong { color: #fff; margin-left: .25rem; }
.xr-close { border: 0; border-radius: .5rem; background: #ffffff24; color: #fff; font-size: 1.4rem; line-height: 1.6rem; width: 2rem; height: 2rem; cursor: pointer; }
.xr-body { padding: 1.15rem 1.35rem 1.25rem; }
.xr-dialog fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
.xr-dialog legend, .xr-label { font-weight: 650; margin-bottom: .55rem; }
.xr-label { display: block; margin-top: 1rem; }
.xr-tiers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
.xr-tier {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .15rem;
  padding: .65rem .8rem;
  border: 1px solid var(--xr-line);
  border-radius: .7rem;
  color: var(--xr-ink);
  background: var(--xr-surface);
  cursor: pointer;
}
.xr-tier[aria-pressed="true"] { border-color: #3c73ee; background: var(--xr-soft); outline: 1px solid #3c73ee; }
.xr-tier strong { font-size: 1.15rem; font-variant-numeric: tabular-nums; }
.xr-tier span { color: var(--xr-muted); font-size: .86rem; }
.xr-dialog select { width: 100%; padding: .56rem .6rem; border: 1px solid var(--xr-line); border-radius: .55rem; background: var(--xr-surface); color: var(--xr-ink); font: inherit; }
.xr-total { display: flex; justify-content: space-between; margin: .95rem 0 .65rem; }
.xr-total strong { font-size: 1.2rem; }
.xr-pay { width: 100%; padding: .66rem; }
.xr-pay:disabled { opacity: .55; cursor: default; }
.xr-hint, .xr-empty { color: var(--xr-muted); font-size: .83rem; }
.xr-hint { margin: .45rem 0 0; }
.xr-history { border-top: 1px solid var(--xr-line); margin-top: 1rem; padding-top: .75rem; }
.xr-history-head { display: flex; justify-content: space-between; align-items: center; }
.xr-history h3 { font-size: .95rem; font-weight: 650; margin: 0; }
.xr-history-head button { border: 0; background: transparent; color: #3164dc; cursor: pointer; }
.xr-history ul { list-style: none; padding: 0; margin: .3rem 0 0; }
.xr-history li { display: flex; justify-content: space-between; align-items: center; padding: .4rem 0; font-size: .85rem; }
.xr-history time { display: block; color: var(--xr-muted); font-size: .78rem; }
.xr-history [data-paid="true"] { color: #087751; }
.xr-history [data-paid="false"] { color: var(--xr-muted); }
.xr-message { background: var(--xr-soft); padding: .65rem .8rem; border-radius: .55rem; font-size: .88rem; margin: 0 0 .8rem; }
.xr-message[data-state="error"] { color: #9b2020; background: #fff0f0; }
.xr-message[data-state="success"] { color: #087751; background: #e7faf1; }
.dark .xr-dialog { --xr-ink: #eaf0ff; --xr-muted: #a9b8da; --xr-line: #344460; --xr-surface: #182338; --xr-soft: #243658; }
@media (max-width: 480px) {
  .xr-heading, .xr-body { padding-left: .95rem; padding-right: .95rem; }
  .xr-dialog { max-height: 92dvh; }
}