.payment-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.payment-page .payment-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f8f9fa;padding:0 20px;box-sizing:border-box;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.payment-page .card{width:100%;max-width:340px;background:#fff;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.08);padding:32px 24px;text-align:center}.payment-page .icon{width:60px;height:60px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;border-radius:50%}.payment-page .icon.loading{background:#f0f9eb}.payment-page .icon.success{background:#07c160}.payment-page .icon.error{background:#fff2f0}.payment-page .spinner{width:28px;height:28px;border:3px solid rgba(7,193,96,.2);border-left-color:#07c160;border-radius:50%;animation:payment-spin 1s linear infinite}.payment-page .title{font-size:20px;font-weight:600;color:#1a1a1a;margin:0 0 8px;line-height:1.4}.payment-page .subtitle{font-size:15px;color:#8c8c8c;margin:0 0 24px;line-height:1.5;min-height:36px}.payment-page .retry-btn{width:100%;padding:12px;background:#f0f0f0;color:#333;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s;box-shadow:0 2px 6px rgba(0,0,0,.1)}.payment-page .retry-btn:hover{background:#dcdcdc}@keyframes payment-spin{to{transform:rotate(1turn)}}