*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;background:#f5f6f8;color:#182129;overscroll-behavior-y:contain;-webkit-font-smoothing:antialiased}button{font-family:inherit;touch-action:manipulation;border:none;outline:none;cursor:pointer}.page{max-width:480px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;background:#f5f6f8}.center-screen{height:100%;display:flex;align-items:center;justify-content:center}.spinner{width:32px;height:32px;border:3px solid #d8dee8;border-top-color:#1677ff;border-radius:50%;animation:spin .8s linear infinite}.spinner-white{width:30px;height:30px;border-color:#ffffff59;border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.merchant{display:flex;flex-direction:column;align-items:center;padding:28px 16px 10px}.merchant-logo{width:52px;height:52px;border-radius:14px;background:#1677ff;color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;font-weight:600}.merchant-name{margin-top:10px;font-size:17px;font-weight:600}.merchant-sub{margin-top:4px;font-size:13px;color:#8a939f}.amount-card{background:#fff;margin:14px 14px 0;border-radius:16px;padding:20px 20px 16px;box-shadow:0 1px 4px #1821290a}.amount-label{font-size:13px;color:#8a939f}.amount-display{margin-top:8px;font-size:44px;font-weight:600;font-family:DIN Alternate,Menlo,Consolas,monospace;letter-spacing:1px;word-break:break-all;min-height:56px}.amount-display.empty{color:#c2c8d0}.keypad{background:#fff;margin:14px;border-radius:16px;padding:6px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;box-shadow:0 1px 4px #1821290a}.key{height:58px;border-radius:10px;font-size:24px;background:#f5f6f8;color:#182129;-webkit-user-select:none;user-select:none}.key:active{background:#e8ebef}.key:disabled{opacity:.5}.key-dot{font-size:28px;line-height:1}.pay-bar{margin-top:auto;padding:12px 14px calc(14px + env(safe-area-inset-bottom))}.pay-btn{width:100%;height:50px;border-radius:25px;background:linear-gradient(90deg,#1677ff,#3c9bff);color:#fff;font-size:17px;font-weight:600}.pay-btn:disabled{background:#c2c8d0}.result{flex:1;display:flex;flex-direction:column;align-items:center;padding:64px 24px 0}.result-icon{width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center}.result-icon.ok{background:#00b578}.result-icon.wait{background:#1677ff}.result-icon.fail{background:#ff4d4f}.result-title{margin-top:18px;font-size:19px;font-weight:600}.result-amount{margin-top:10px;font-size:36px;font-weight:600;font-family:Menlo,Consolas,monospace}.result-meta{margin-top:18px;font-size:13px;color:#8a939f;text-align:center;line-height:1.9}.result-actions{margin-top:auto;width:100%;padding:12px 14px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px}.btn-primary{height:48px;border-radius:24px;background:#1677ff;color:#fff;font-size:16px;font-weight:500}.btn-primary:active{background:#0e6ae0}.btn-ghost{height:48px;border-radius:24px;background:transparent;color:#5a6472;font-size:15px}.guide{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 32px;text-align:center}.guide-badge{width:88px;height:88px;border-radius:24px;background:#1677ff;color:#fff;font-size:44px;display:flex;align-items:center;justify-content:center;font-weight:600}.guide-badge.badge-error{background:#ff4d4f;font-size:52px}.guide-title{margin-top:22px;font-size:18px;font-weight:600}.guide-sub{margin-top:10px;font-size:14px;color:#8a939f;line-height:1.8}.guide-actions{margin-top:32px;width:220px}.toast{position:fixed;top:18px;left:50%;transform:translate(-50%);background:rgba(24,33,41,.88);color:#fff;padding:10px 18px;border-radius:10px;font-size:14px;max-width:80vw;z-index:99}