:root{color:#1f2933;background:#f4f6f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.page{min-height:100vh;padding:48px 18px;background:linear-gradient(180deg,#f7f9fc,#eef2f7)}.panel{width:min(100%,480px);margin:0 auto;padding:34px 24px;background:#fff;border-radius:8px;box-shadow:0 18px 48px #1f29331a}.title{text-align:center;font-size:28px;font-weight:800}.subtitle{margin-top:10px;text-align:center;color:#7b8794;font-size:16px}.price{margin:36px 0 30px;text-align:center;color:#d93025}.price span{font-size:44px;font-weight:800}.price em{margin-left:8px;color:#7b8794;font-size:18px;font-style:normal}.row,.buy-row,.total{display:flex;align-items:center;justify-content:space-between;min-height:58px;border-top:1px solid #eef2f7;font-size:16px}.field{display:grid;gap:10px;margin-bottom:16px;padding-top:16px;border-top:1px solid #eef2f7;font-size:16px}.field span{color:#52606d}.field input{width:100%;height:48px;padding:0 14px;border:1px solid #d9e2ec;border-radius:6px;color:#1f2933;background:#fff;outline:none}.field input:focus{border-color:#1677ff}.row span,.buy-row span,.total span{color:#52606d}.row strong,.total strong{min-width:0;font-weight:700;text-align:right;overflow-wrap:anywhere}.buy-row{min-height:82px}.stepper{display:grid;grid-template-columns:48px 64px 48px;height:46px;border:1px solid #d9e2ec;border-radius:8px;overflow:hidden}.stepper button{border:0;background:#f8fafc;color:#1f2933;font-size:24px}.stepper button:disabled{color:#cbd2d9}.stepper strong{display:grid;place-items:center;border-inline:1px solid #d9e2ec}.total{margin-top:16px;border-bottom:0}.total strong{color:#d93025;font-size:26px}.pay-btn,.ghost-btn{width:100%;height:52px;margin-top:26px;border:0;border-radius:6px;background:#1677ff;color:#fff;font-size:18px;font-weight:700}.pay-btn:disabled{background:#9fb3c8}.ghost-btn{background:#eef2f7;color:#1f2933}.notice{margin:18px 0;padding:12px 14px;border-radius:6px;font-size:14px}.error{color:#b42318;background:#fef3f2}.result-panel{text-align:center}.result-panel h1{margin:18px 0 8px;font-size:26px}.result-panel p{margin:0 0 24px;color:#697586}.status-mark{display:inline-grid;place-items:center;width:76px;height:76px;border-radius:50%;color:#fff;font-weight:800}.status-mark.pending{background:#f59e0b}.status-mark.success{background:#16a34a}.status-mark.fail{background:#d92d20}.summary{margin-top:16px;text-align:left}