*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Microsoft YaHei",Arial;background:#061427;color:#0f172a}.page{max-width:430px;min-height:100vh;margin:0 auto;padding:20px;position:relative;overflow:hidden;background:linear-gradient(160deg,#eaf3ff 0%,#fff 48%,#dcf7ff 100%)}.inner{position:relative;z-index:2}.logo{text-align:center;margin:12px 0 18px}.logo .mark{width:66px;height:66px;border-radius:24px;background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:900;margin:0 auto 12px;box-shadow:0 16px 35px rgba(37,99,235,.32)}.logo img{max-width:72px;max-height:72px;border-radius:20px;margin:0 auto 12px;display:block}h1{font-size:30px;margin:0;text-align:center}.sub{text-align:center;color:#64748b;font-size:14px;margin:10px 0 20px}.card{background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-radius:28px;padding:24px;box-shadow:0 25px 65px rgba(15,23,42,.14)}label{display:block;font-size:14px;font-weight:800;color:#334155;margin:12px 0 8px}input{width:100%;height:50px;border:1px solid #cbd5e1;border-radius:16px;padding:0 15px;font-size:15px}.btn,button{display:block;width:100%;height:52px;border:0;border-radius:17px;background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;text-align:center;text-decoration:none;font-size:16px;font-weight:900;margin-top:19px;line-height:52px}.safe{display:flex;gap:8px;justify-content:center;color:#64748b;font-size:13px;margin-top:16px}.footer{text-align:center;color:#94a3b8;font-size:12px;margin-top:14px}.audit{text-align:center;padding-top:40px}.loader{width:84px;height:84px;border-radius:50%;border:8px solid #dbeafe;border-top-color:#2563eb;margin:25px auto;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress{height:12px;border-radius:99px;background:#e5e7eb;overflow:hidden;margin:22px 0}.bar{height:100%;width:0;background:linear-gradient(90deg,#2563eb,#06b6d4);animation:load 3s forwards}@keyframes load{to{width:100%}}.check{width:80px;height:80px;border-radius:50%;background:#22c55e;color:#fff;display:flex;align-items:center;justify-content:center;font-size:46px;margin:18px auto 14px}.amount{font-size:44px;font-weight:900;color:#ef4444;margin:12px 0 4px}.info{background:#f8fafc;border-radius:18px;padding:18px;margin-top:18px}.row{display:flex;justify-content:space-between;border-bottom:1px dashed #cbd5e1;padding:10px 0;font-size:14px}.qrbox{background:#fff;border-radius:24px;padding:18px;margin-top:18px;text-align:center}.qrbox img{width:180px;height:180px;object-fit:cover;border-radius:16px}.qr-placeholder{width:180px;height:180px;margin:0 auto;border-radius:16px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#64748b}