.mobile-navbar{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #f0f0f0;border-radius:12px 12px 0 0}.mobile-navbar__inner{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 16px}.mobile-navbar__side{width:44px;display:flex;align-items:center}.mobile-navbar__back{cursor:pointer}.mobile-navbar__back-icon{width:13px;height:13px;border-left:2px solid #333;border-bottom:2px solid #333;transform:rotate(45deg);margin-left:4px}.mobile-navbar__title{font-size:17px;font-weight:500;color:#333}.pay-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;background:linear-gradient(135deg,#f5f7fa,#e8ecf1)}.pay-card{width:100%;max-width:480px;background:#fff;border-radius:12px;box-shadow:0 4px 24px #00000014;overflow:hidden}.pay-header{padding:32px 24px 24px;text-align:center;border-bottom:1px solid #f0f0f0}.pay-logo-img{width:120px;height:42px;display:block;margin:0 auto 12px;object-fit:contain}.pay-logo{font-size:14px;color:#999;margin-bottom:16px}.pay-amount{display:flex;align-items:baseline;justify-content:center;margin-bottom:8px}.pay-amount-symbol{font-size:28px;color:#ff5722;font-weight:500}.pay-amount-num{font-size:48px;color:#ff5722;font-weight:500;line-height:1}.pay-desc{font-size:14px;color:#999;margin-top:8px}.pay-out-trade-no{font-size:12px;color:#bbb;margin-top:12px;word-break:break-all}.pay-action{padding:24px;text-align:center}.pay-btn{display:block;width:100%;max-width:320px;margin:0 auto;padding:14px 0;font-size:18px;font-weight:500;color:#fff;background:#ff5722;border:none;border-radius:24px;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;transition:opacity .2s}.pay-btn:hover{opacity:.9}.pay-btn:active{opacity:.8}.loading-box{padding:48px 24px;text-align:center}.spinner{width:40px;height:40px;margin:0 auto 16px;border:3px solid #f0f0f0;border-top-color:#ff5722;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:14px;color:#999}.native-pay-method,.jsapi-pay-method{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px 24px 0;font-size:15px;color:#333}.wechat-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:12px;color:#fff;background:#07c160;border-radius:4px}.qrcode-section{display:flex;flex-direction:column;align-items:center;padding:24px}.qrcode-box{width:220px;height:220px;background:#fbfbfb;border:1px solid #f0f0f0;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:12px;box-sizing:border-box;margin-bottom:4px;box-shadow:0 2px 8px #00000005}.qrcode-img{width:196px;height:196px;display:block}.qrcode-placeholder{display:flex;align-items:center;justify-content:center;width:196px;height:196px;color:#999;font-size:14px}.countdown-hint{display:flex;align-items:center;gap:6px;padding:6px 16px;font-size:11px;color:#999;font-weight:500;margin-bottom:4px}.wechat-hint{display:flex;align-items:center;gap:6px;padding:6px 16px;background:#f0fdf4;border-radius:100px;font-size:13px;color:#16a34a;font-weight:500;margin-bottom:12px}.native-tip{text-align:center;font-size:14px;color:#666;padding:0 24px 16px}.native-tip--warn{color:#ff5722}.native-safe-tip{text-align:center;font-size:12px;color:#bbb;padding:0 24px 24px}.jsapi-info{text-align:center;font-size:14px;color:#666;padding:24px 24px 16px}.jsapi-btn{display:block;width:calc(100% - 48px);margin:0 auto 24px;padding:14px 0;font-size:16px;color:#fff;background:#07c160;border:none;border-radius:24px;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;transition:opacity .2s}.jsapi-btn:hover{opacity:.9}.jsapi-btn:disabled{opacity:.6;cursor:not-allowed}.polling-bar{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px 24px;font-size:14px;color:#666}.polling-dot{width:8px;height:8px;background:#ff5722;border-radius:50%;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.result-box{padding:48px 24px 32px;text-align:center}.result-icon{margin-bottom:16px}.result-title{font-size:20px;font-weight:500;color:#333;margin-bottom:16px}.result-amount{display:flex;align-items:baseline;justify-content:center;margin-bottom:8px}.result-amount-symbol{font-size:24px;color:#07c160;font-weight:500}.result-amount-num{font-size:40px;color:#07c160;font-weight:500}.result-desc{font-size:14px;color:#999;margin-bottom:8px}.result-order{font-size:12px;color:#bbb;margin-bottom:24px;word-break:break-all}.result-message{font-size:14px;color:#ff5722;margin-bottom:24px}.back-btn{display:block;width:100%;max-width:280px;margin:16px auto 0;padding:12px 0;font-size:16px;color:#fff;background:#07c160;border:none;border-radius:24px;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;transition:opacity .2s}.back-btn:hover{opacity:.9}.result-safe-tip{font-size:14px;color:#07c160;cursor:pointer;margin-top:16px}.result-failed .result-title{color:#ff4d00}.retry-btn{display:block;width:100%;max-width:280px;margin:0 auto;padding:14px 0;font-size:16px;color:#fff;background:#ff5722;border:none;border-radius:24px;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;transition:opacity .2s}.retry-btn:hover{opacity:.9}@media (max-width: 480px){.pay-page{display:block;padding:0;background:#f5f5f5;overflow-x:hidden;min-height:100vh}.mobile-navbar{border-radius:0;margin:0;box-shadow:0 0 0 1px #0000000f,0 4px 20px #0000001a}.pay-card{width:calc(100% - 30px);max-width:100%;border-radius:12px;min-height:auto;margin:15px;box-shadow:0 0 0 1px #0000000f,0 4px 20px #0000001a}.pay-header{padding:24px 16px 20px}.pay-amount-num{font-size:44px}.jsapi-btn{width:calc(100% - 32px)}}