:root{--color-bg:#fff;--color-text:#1a1a1a;--color-text-secondary:#666;--color-text-tertiary:#999;--color-primary:#06f;--color-primary-hover:#0052cc;--color-success:#00c853;--color-error:#ff1744;--color-warning:#ff9100;--color-surface:#f7f7f7;--space-xs:0.5rem;--space-sm:0.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-xxl:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;color:var(--color-text)}#app{min-height:100vh;background:var(--color-bg);display:flex;flex-direction:column}.payment-page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);max-width:28rem;margin:0 auto;width:100%}.payment-content{width:100%;text-align:center}.status-view{animation:enter .3s ease-out}@keyframes enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.status-icon{width:5rem;height:5rem;margin:0 auto var(--space-lg);display:flex;align-items:center;justify-content:center}.status-icon svg{width:100%;height:100%}.wx-scan-header{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.75rem;margin-bottom:var(--space-sm);flex-wrap:nowrap}.wx-brand-icon-wrap{width:2.5rem;height:2.5rem;flex-shrink:0}.wx-brand-icon{width:100%;height:100%;display:block;border-radius:.35rem}.wx-scan-title{margin-bottom:0;text-align:left}.status-heading{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-xs);letter-spacing:-.01em}.qr-loading{font-size:.875rem;color:var(--color-text-secondary);margin:var(--space-lg) 0}.status-heading.success{color:var(--color-success)}.status-heading.error{color:var(--color-error)}.status-message{font-size:.9375rem;color:var(--color-text-secondary);margin-bottom:var(--space-xl)}.amount-section{margin-bottom:var(--space-lg);padding:var(--space-md) 0}.amount-caption{display:block;font-size:.875rem;color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.amount-number{display:block;font-size:2.5rem;font-weight:600;color:var(--color-text);font-feature-settings:"tnum";letter-spacing:-.03em;line-height:1.2}.qr-wrap{margin:var(--space-lg) auto;padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-lg);display:inline-block}.qr-img{display:block;width:220px;height:220px;vertical-align:middle}.qr-hint{font-size:.8125rem;color:var(--color-text-tertiary);margin-top:var(--space-md)}.action-button{width:100%;padding:var(--space-md) var(--space-lg);font-size:.9375rem;font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.action-button.primary{background:var(--color-primary);color:#fff}.action-button.primary:hover{background:var(--color-primary-hover)}.action-button.primary:active{transform:scale(.98)}.page-footer{margin-top:auto;padding-top:var(--space-xl)}.page-footer small{font-size:.8125rem;color:var(--color-text-tertiary)}@media (max-width:480px){html{font-size:15px}.payment-page{padding:var(--space-lg);justify-content:flex-start;padding-top:15vh}.status-icon{width:4rem;height:4rem}.amount-number{font-size:2rem}}@media (min-width:768px){.payment-page{max-width:24rem}.status-heading{font-size:1.375rem}.amount-number{font-size:3rem}}@media (min-width:1200px){html{font-size:17px}}