:root{--ink:#111827;--muted:#5e6b79;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef3ee;font-family:Gill Sans,Avenir Next,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100%;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}img{max-width:100%}#root{min-height:100svh}.payment-page{color:#111827;background:#fff;min-height:100svh}.pay-card{background:#fff;width:min(100%,520px);min-height:100svh;margin:0 auto;padding:20px 20px 24px}.pay-card__head{min-height:108px;padding-top:6px;display:grid;position:relative}.pay-card__head>div{justify-items:center;display:grid}.status-pill{color:#244234;background:#eaf8efeb;border:1px solid #16a34a33;border-radius:999px;justify-self:start;align-items:center;gap:7px;min-height:32px;margin:0 0 14px;padding:0 12px;font-size:.86rem;font-weight:800;display:inline-flex}h1,p{margin:0}h1{color:#111827;letter-spacing:0;font-size:clamp(2.15rem,8vw,3rem);font-weight:900;line-height:1.08}.brand-logo{object-fit:contain;width:118px;height:36px;display:block;position:absolute;top:3px;right:0}.method-tabs{background:#eef0f4;border:1px solid #1118271f;border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:22px 0 18px;padding:6px;display:grid}.method-tab{color:#3f4652;min-height:42px;font:inherit;border-radius:inherit;cursor:pointer;background:0 0;border:0;font-weight:850;transition:color .18s,background .18s,box-shadow .18s}.method-tab[aria-selected=true]{color:#fff;background:var(--method-accent);box-shadow:0 12px 24px color-mix(in srgb, var(--method-accent) 24%, transparent)}.qr-frame{border:1px solid color-mix(in srgb, var(--method-accent) 28%, #1118271f);background:#fff;border-radius:8px;place-items:center;padding:28px 18px;display:grid}.qr-frame img{object-fit:contain;filter:saturate(1.04)contrast(1.03);border-radius:6px;width:100%;max-width:440px;display:block}.pay-note{color:#526070;text-align:center;margin-top:14px;font-size:.95rem;font-weight:750}button:focus-visible{outline:3px solid color-mix(in srgb, var(--method-accent) 44%, transparent);outline-offset:3px}@media (width<=560px){.pay-card{width:100%;padding:20px 20px 18px}.qr-frame{padding:28px 18px}}