:root{--green: #07c160;--green-dark: #06ad56;--green-light: #e8f8ee;--gold: #c9902e;--gold-light: #fdf6e8;--ink: #1a1a2e;--warm-bg: #f5f0eb;--warm-card: #ffffff;--muted: #8e8ea0;--subtle: #c4c4cf;--border: #e8e4df;--error: #e74c3c;--radius: 16px;--radius-sm: 10px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:Noto Sans SC,-apple-system,Segoe UI,sans-serif;background:var(--warm-bg);color:var(--ink);min-height:100vh;display:flex;align-items:center;justify-content:center;background-image:radial-gradient(ellipse at 20% 50%,rgba(7,193,96,.04) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(201,144,46,.05) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(26,26,46,.02) 0%,transparent 50%)}#root{width:100%;padding:24px}.container{max-width:440px;margin:0 auto}.card{background:var(--warm-card);border-radius:var(--radius);box-shadow:0 1px 3px #0000000a,0 8px 32px #0000000f;padding:40px 36px 36px;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--green),var(--gold));opacity:.6}.header{text-align:center;margin-bottom:32px}.header-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--green) 0%,#06a34e 100%);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:28px;box-shadow:0 4px 12px #07c1604d}.header h1{font-family:"Noto Serif SC",serif;font-weight:700;font-size:22px;letter-spacing:.02em;color:var(--ink)}.header p{font-size:14px;color:var(--muted);margin-top:4px}.steps{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:36px}.step-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative}.step-dot.active{background:var(--green);color:#fff;box-shadow:0 2px 8px #07c16059}.step-dot.done{background:var(--green);color:#fff}.step-dot.pending{background:var(--border);color:var(--subtle)}.step-line{width:48px;height:2px;background:var(--border);transition:background .4s ease}.step-line.done{background:var(--green)}.step-label{font-size:11px;color:var(--muted);text-align:center;margin-top:6px;transition:color .3s}.step-label.active{color:var(--green);font-weight:600}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:13px;font-weight:600;color:var(--ink);margin-bottom:6px}.input-wrapper{position:relative}.input-wrapper .icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:18px;opacity:.35;pointer-events:none}input,.captcha-display{width:100%;padding:12px 14px 12px 44px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:15px;font-family:inherit;background:#fafafc;transition:all .2s;outline:none;color:var(--ink)}input:focus{border-color:var(--green);background:#fff;box-shadow:0 0 0 3px #07c1601a}input::placeholder{color:var(--subtle)}.input-error input{border-color:var(--error);background:#fef2f2}.input-error input:focus{box-shadow:0 0 0 3px #e74c3c1a}.error-text{font-size:12px;color:var(--error);margin-top:4px;display:flex;align-items:center;gap:4px}.captcha-row{display:flex;gap:12px;align-items:stretch}.captcha-display{width:120px;padding:12px;text-align:center;font-family:Courier New,monospace;font-size:20px;font-weight:700;letter-spacing:6px;background:linear-gradient(135deg,#f0ede8,#e8e4df);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--ink);display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;overflow:hidden}.captcha-display:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.02) 2px,rgba(0,0,0,.02) 4px);pointer-events:none}.captcha-input{flex:1}.captcha-input input{padding-left:14px}.btn{width:100%;padding:14px;border:none;border-radius:var(--radius-sm);font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--green) 0%,#06a34e 100%);color:#fff;box-shadow:0 4px 14px #07c1604d}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #07c16059}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--gold-light);color:var(--gold);border:1.5px solid var(--gold)}.btn-secondary:hover:not(:disabled){background:#fdf3e0}.btn .spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.qr-section{text-align:center;padding:8px 0}.qr-wrapper{display:inline-block;padding:16px;background:#fff;border:1.5px solid var(--border);border-radius:var(--radius-sm);margin-bottom:16px;box-shadow:0 2px 8px #0000000a}.qr-wrapper img{width:200px;height:200px;display:block}.qr-hint{font-size:14px;color:var(--muted);line-height:1.6}.qr-hint strong{color:var(--ink);font-weight:600}.qr-price{font-size:28px;font-weight:700;color:var(--gold);margin:8px 0}.pay-status{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:24px;font-size:14px;font-weight:600;margin-top:16px}.pay-status.polling{background:#fff8e1;color:#f59e0b}.pay-status.success{background:var(--green-light);color:var(--green)}.success-screen{text-align:center;padding:20px 0}.success-icon{width:72px;height:72px;border-radius:50%;background:var(--green-light);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:36px;animation:popIn .5s cubic-bezier(.34,1.56,.64,1)}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.success-screen h2{font-family:"Noto Serif SC",serif;font-size:20px;margin-bottom:8px}.success-screen p{color:var(--muted);font-size:14px;line-height:1.6}.step-content{animation:fadeSlideIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.countdown{font-size:13px;color:var(--muted);margin-top:12px;text-align:center}.countdown a{color:var(--green);cursor:pointer;font-weight:600;text-decoration:none}.countdown a:hover{text-decoration:underline}.footer{text-align:center;margin-top:24px;font-size:12px;color:var(--subtle)}.footer a{color:var(--muted);text-decoration:none}.footer a:hover{color:var(--ink)}@media (max-width: 480px){.card{padding:28px 20px 24px}.captcha-row{flex-direction:column}.captcha-display{width:100%;height:44px}}