.wg-pay{--p:var(--ui-color-primary-text,#0958d9);--pbg:var(--ui-color-primary-bg,#e6f4ff);--text:var(--ui-color-text,rgba(0,0,0,.88));--secondary:var(--ui-color-text-secondary,rgba(0,0,0,.65));--muted:var(--ui-color-text-tertiary,rgba(0,0,0,.58));--line:var(--ui-color-border-secondary,#f0f0f0);width:min(960px,100%);margin:0 auto;color:var(--text);font:400 var(--ui-font-size-base,14px)/var(--ui-line-height-base,1.5715) var(--ui-font-family,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif)}.wg-pay *{box-sizing:border-box}.wg-pay__sandbox{display:flex;align-items:center;justify-content:center;gap:8px;min-height:36px;margin-bottom:16px;padding:8px 16px;border:1px solid #ffe7ba;border-radius:var(--ui-radius-lg,8px);background:#fff7e6;color:#874d00;font-size:12px}.wg-pay__sandbox svg{width:15px;height:15px}.wg-pay__brand{display:flex;align-items:center;gap:10px;margin-bottom:16px}.wg-pay__brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--p);color:#fff}.wg-pay__brand-mark svg{width:20px;height:20px}.wg-pay__brand strong{font-size:14px;letter-spacing:.06em}.wg-pay__secure{margin-left:auto;color:var(--muted);font-size:12px}.wg-pay__card{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr);overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--ui-shadow-overlay,0 6px 16px rgba(0,0,0,.08))}.wg-pay__qr-pane{display:flex;flex-direction:column;align-items:center;padding:36px 32px 32px;background:linear-gradient(180deg,#f7fbff 0%,#eef6ff 100%);text-align:center}.wg-pay__pending{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border:1px solid #91caff;border-radius:999px;background:#fff;color:var(--ui-color-primary-text,#0958d9);font-size:12px;font-weight:600}.wg-pay__pending i{width:7px;height:7px;border-radius:50%;background:var(--p);box-shadow:0 0 0 4px rgba(22,119,255,.12);animation:wg-pay-pulse 1.4s ease-in-out infinite}.wg-pay__qr-pane h3{margin:18px 0 4px;font-size:24px;line-height:1.3}.wg-pay__qr-pane>p{max-width:310px;margin:0;color:var(--secondary)}.wg-pay__qr-shell{margin:22px 0 14px;padding:12px;border:1px solid #d6e8ff;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(22,119,255,.1)}.wg-pay__qr-container{position:relative;display:block;width:220px;height:220px;overflow:hidden;border-radius:8px;background:#fff}.wg-pay__qr-art{display:block;width:100%;height:100%;padding:4px;object-fit:contain;background:#fff;opacity:0;transition:opacity .18s ease}.wg-pay__qr-container.is-loaded .wg-pay__qr-art{opacity:1}.wg-pay__qr-error{position:absolute;inset:18px;display:none;place-items:center;color:var(--ui-color-error-text,#a8071a);font-size:12px;font-weight:600;text-align:center}.wg-pay__qr-container.is-error .wg-pay__qr-error{display:grid}.wg-pay__qr-container.is-error .wg-pay__scanner,.wg-pay__qr-container.is-error .wg-pay__corner{display:none}.wg-pay__scanner{position:absolute;z-index:3;top:8px;right:8px;left:8px;height:3px;border-radius:999px;background:linear-gradient(90deg,rgba(22,119,255,0),#69b1ff 18%,#1677ff 50%,#69b1ff 82%,rgba(22,119,255,0));box-shadow:0 0 8px #69b1ff,0 0 20px rgba(22,119,255,.7);animation:wg-pay-scan 1.5s linear infinite alternate}.wg-pay__corner{position:absolute;z-index:4;width:22px;height:22px;border:3px solid var(--p);animation:wg-pay-corner .8s ease-in-out infinite}.wg-pay__corner--tl{top:5px;left:5px;border-right:0;border-bottom:0}.wg-pay__corner--tr{top:5px;right:5px;border-bottom:0;border-left:0;animation-name:wg-pay-corner-tr}.wg-pay__corner--bl{bottom:5px;left:5px;border-top:0;border-right:0;animation-name:wg-pay-corner-bl}.wg-pay__corner--br{right:5px;bottom:5px;border-top:0;border-left:0;animation-name:wg-pay-corner-br}.wg-pay__scan-note{color:var(--ui-color-primary-text,#0958d9);font-size:12px;font-weight:600}.wg-pay__details{display:flex;flex-direction:column;padding:36px}.wg-pay__amount{padding-bottom:24px;border-bottom:1px solid var(--line)}.wg-pay__amount span,.wg-pay__transfer span{display:block;color:var(--muted);font-size:12px}.wg-pay__amount strong{display:block;margin-top:4px;color:var(--p);font-size:32px;line-height:1.25;letter-spacing:-.02em}.wg-pay dl{margin:18px 0}.wg-pay dl div{display:grid;grid-template-columns:140px 1fr;gap:16px;padding:8px 0}.wg-pay dt{color:var(--muted)}.wg-pay dd{margin:0;color:var(--text);font-weight:600;text-align:right}.wg-pay__transfer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 16px;border:1px dashed #91caff;border-radius:var(--ui-radius-lg,8px);background:var(--pbg)}.wg-pay__transfer strong{color:var(--ui-color-primary-text,#0958d9);font:700 16px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em}.wg-pay__expiry{margin:18px 0 10px;color:var(--secondary)}.wg-pay__notice{margin:0;padding:10px 12px;border-radius:var(--ui-radius-lg,8px);background:var(--ui-color-warning-bg,#fffbe6);color:var(--ui-color-warning-text,#874d00);font-size:12px}.wg-pay__back{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;margin-top:auto;padding-top:22px;color:var(--secondary);font-weight:600;text-decoration:none}.wg-pay__back:hover{color:var(--p)}.wg-pay__back:focus-visible,.wg-pay__result a:focus-visible{outline:var(--ui-focus-width,2px) solid var(--p);outline-offset:var(--ui-focus-offset,2px);border-radius:4px}.wg-pay__result{display:none;flex-direction:column;align-items:center;min-height:380px;padding:64px 32px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--ui-shadow-overlay,0 6px 16px rgba(0,0,0,.08));text-align:center}.wg-pay__result>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:#fff;font-size:28px;font-weight:700}.wg-pay__result h3{margin:18px 0 6px;font-size:24px}.wg-pay__result p{max-width:480px;margin:0;color:var(--secondary)}.wg-pay__result a{margin-top:24px;padding:9px 16px;border-radius:var(--ui-radius-lg,8px);background:var(--ui-color-fill-secondary,#f5f5f5);color:var(--text);font-weight:600;text-decoration:none}.wg-pay__result--success>span{background:var(--ui-color-success,#52c41a)}.wg-pay__result--success h3{color:var(--ui-color-success-text,#237804)}.wg-pay__result--error>span{background:var(--ui-color-error,#ff4d4f)}.wg-pay__result--error h3{color:var(--ui-color-error-text,#a8071a)}.wg-pay[data-payment-state="success"] .wg-pay__card,.wg-pay[data-payment-state="error"] .wg-pay__card{display:none}.wg-pay[data-payment-state="success"] .wg-pay__result--success,.wg-pay[data-payment-state="error"] .wg-pay__result--error{display:flex}.wg-pay__footer{display:flex;align-items:center;justify-content:center;margin-top:16px;color:var(--muted);font-size:12px}@keyframes wg-pay-scan{from{transform:translateY(0)}to{transform:translateY(201px)}}@keyframes wg-pay-pulse{0%,100%{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}@keyframes wg-pay-corner{0%,100%{transform:translate(0)}50%{transform:translate(-2px,-2px)}}@keyframes wg-pay-corner-tr{0%,100%{transform:translate(0)}50%{transform:translate(2px,-2px)}}@keyframes wg-pay-corner-bl{0%,100%{transform:translate(0)}50%{transform:translate(-2px,2px)}}@keyframes wg-pay-corner-br{0%,100%{transform:translate(0)}50%{transform:translate(2px,2px)}}@media(max-width:767px){.wg-pay__card{grid-template-columns:1fr}.wg-pay__qr-pane{padding:28px 20px 24px}.wg-pay__details{padding:26px 22px}.wg-pay__qr-container{width:204px;height:204px}.wg-pay__amount strong{font-size:28px}.wg-pay dl div{grid-template-columns:1fr;gap:1px}.wg-pay dd{text-align:left}.wg-pay__transfer{align-items:flex-start;flex-direction:column;gap:4px}.wg-pay__back{width:100%}@keyframes wg-pay-scan{from{transform:translateY(0)}to{transform:translateY(185px)}}}@media(prefers-reduced-motion:reduce){.wg-pay__scanner,.wg-pay__corner,.wg-pay__pending i{animation:none}.wg-pay__scanner{top:50%}}
.wg-pay__value-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.wg-pay__amount .wg-pay__value-row{margin-top:4px}.wg-pay__amount .wg-pay__value-row>strong{margin-top:0}.wg-pay dd:has(.wg-pay__copy){display:flex;align-items:center;justify-content:flex-end;gap:8px}.wg-pay__inline-value{font:600 14px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.wg-pay .ui-copy.wg-pay__copy{position:relative;display:inline-grid;flex:0 0 auto;place-items:center;width:32px;height:32px;min-height:32px;padding:0;border:1px solid var(--ui-color-border,#d9d9d9);border-radius:var(--ui-radius-sm,6px);background:#fff;color:var(--secondary);box-shadow:none;cursor:pointer}.wg-pay .ui-copy.wg-pay__copy:hover{border-color:var(--p);color:var(--p)}.wg-pay .ui-copy.wg-pay__copy:focus-visible{outline:var(--ui-focus-width,2px) solid var(--p);outline-offset:var(--ui-focus-offset,2px)}.wg-pay .ui-copy.wg-pay__copy.is-copied{border-color:var(--ui-color-success,#52c41a);color:var(--ui-color-success,#52c41a)}.wg-pay .ui-copy.wg-pay__copy svg{display:block;width:15px;height:15px}.wg-pay .ui-copy.wg-pay__copy .ui-copy__label,.wg-pay .ui-copy.wg-pay__copy .ui-copy__status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.wg-pay__countdown{--ui-countdown-ratio:1;margin:18px 0 10px;padding:14px 16px;border:1px solid #ffe58f;border-radius:var(--ui-radius-lg,8px);background:var(--ui-color-warning-bg,#fffbe6)}.wg-pay__countdown-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:var(--ui-color-warning-text,#874d00)}.wg-pay__countdown-head>span{font-weight:600}.wg-pay__countdown-head small{color:var(--secondary);font-size:11px}.wg-pay__countdown .ui-countdown__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.wg-pay__countdown .ui-countdown__grid>span{display:flex;align-items:center;flex-direction:column;padding:6px 4px;border:1px solid rgba(250,173,20,.25);border-radius:6px;background:rgba(255,255,255,.72)}.wg-pay__countdown .ui-countdown__grid strong{color:var(--ui-color-warning-text,#874d00);font-size:18px;line-height:1.2;font-variant-numeric:tabular-nums}.wg-pay__countdown .ui-countdown__grid small{color:var(--muted);font-size:10px}.wg-pay__timebar{height:6px;margin-top:10px;overflow:hidden;border-radius:99px;background:rgba(250,173,20,.18)}.wg-pay__timebar i{display:block;width:100%;height:100%;border-radius:inherit;background:var(--ui-color-warning,#faad14);transform:scaleX(var(--ui-countdown-ratio));transform-origin:left center;transition:transform .25s linear}.wg-pay__countdown .ui-countdown__complete{margin:10px 0 0;color:var(--ui-color-error-text,#a8071a);font-weight:600}.wg-pay[data-payment-state="success"] .wg-pay__countdown,.wg-pay[data-payment-state="error"] .wg-pay__countdown{display:none}@media(max-width:767px){.wg-pay__countdown-head{align-items:flex-start;flex-direction:column;gap:2px}.wg-pay dd:has(.wg-pay__copy){justify-content:flex-start}.wg-pay__value-row{width:100%}}@media(prefers-reduced-motion:reduce){.wg-pay__timebar i{transition:none}}
.wg-pay__result--success{padding:48px 32px}.wg-pay__success-icon svg{width:26px;height:26px}.wg-pay__success-eyebrow{margin-top:16px;padding:4px 10px;border-radius:999px;background:var(--ui-color-success-bg,#f6ffed);color:var(--ui-color-success-text,#237804);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.wg-pay__result--success .wg-pay__success-copy{max-width:520px;margin:0;color:var(--secondary)}.wg-pay__receipt{width:min(560px,100%);margin-top:28px;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--ui-color-fill-quaternary,#fafafa);text-align:left}.wg-pay__receipt-amount{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line)}.wg-pay__receipt-amount span{color:var(--muted);font-size:12px}.wg-pay__receipt-amount strong{color:var(--ui-color-success-text,#237804);font-size:26px;line-height:1.2}.wg-pay__receipt dl{margin:14px 0 0}.wg-pay__receipt dl div{grid-template-columns:130px minmax(0,1fr);padding:7px 0}.wg-pay__receipt dd:has(.wg-pay__copy){display:flex;align-items:center;justify-content:flex-end;gap:8px}.wg-pay__success-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:24px}.wg-pay__result .wg-pay__success-actions a{margin-top:0;padding:10px 18px;border:1px solid transparent;border-radius:var(--ui-radius-lg,8px);font-weight:600;text-decoration:none}.wg-pay__result .wg-pay__success-primary{background:var(--p);color:#fff}.wg-pay__result .wg-pay__success-primary:hover{background:#003eb3}.wg-pay__result .wg-pay__success-secondary{border-color:var(--ui-color-border,#d9d9d9);background:#fff;color:var(--text)}.wg-pay[data-payment-state="success"] .wg-pay__success-icon{animation:wg-pay-success-pop .42s cubic-bezier(.2,.8,.2,1) both}@keyframes wg-pay-success-pop{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.08)}100%{opacity:1;transform:scale(1)}}@media(max-width:767px){.wg-pay__result--success{padding:36px 20px}.wg-pay__receipt{padding:18px}.wg-pay__receipt-amount{align-items:flex-start;flex-direction:column;gap:4px}.wg-pay__receipt dl div{grid-template-columns:1fr;gap:2px}.wg-pay__receipt dd,.wg-pay__receipt dd:has(.wg-pay__copy){justify-content:flex-start;text-align:left}.wg-pay__success-actions{width:100%;flex-direction:column}.wg-pay__result .wg-pay__success-actions a{width:100%}}@media(prefers-reduced-motion:reduce){.wg-pay[data-payment-state="success"] .wg-pay__success-icon{animation:none}}
@media(prefers-reduced-motion:reduce){.wg-pay__qr-art{transition:none}}