body{margin:0;padding:0;overflow-x:hidden}#app{width:100%;min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.page-wrapper[data-v-4bb7dda4]{background-color:#f8fafc;min-height:100vh;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;position:relative;overflow-x:hidden}.header-bg[data-v-4bb7dda4]{z-index:0;background:linear-gradient(135deg,#1e40af 0%,#3b82f6 100%);border-bottom-right-radius:40px;border-bottom-left-radius:40px;height:220px;position:absolute;top:0;left:0;right:0;overflow:hidden}.bg-circle[data-v-4bb7dda4]{filter:blur(40px);background:#ffffff1a;border-radius:50%;position:absolute}.circle-1[data-v-4bb7dda4]{width:200px;height:200px;top:-50px;right:-50px}.circle-2[data-v-4bb7dda4]{background:#ffffff0d;width:150px;height:150px;bottom:-30px;left:-20px}.container[data-v-4bb7dda4]{z-index:1;max-width:500px;margin:0 auto;padding:12px 16px;position:relative}.glass-card[data-v-4bb7dda4]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;padding:16px;box-shadow:0 15px 25px -5px #00000014}.header-content[data-v-4bb7dda4]{text-align:center;margin-bottom:12px}.badge[data-v-4bb7dda4]{color:#2563eb;background:#3b82f61a;border-radius:100px;margin-bottom:4px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.main-title[data-v-4bb7dda4]{color:#1e293b;font-size:20px;font-weight:700}.amount-card-wrapper[data-v-4bb7dda4]{margin-bottom:16px;position:relative}.amount-card[data-v-4bb7dda4]{text-align:center;z-index:1;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:16px;padding:12px;position:relative}.card-glow[data-v-4bb7dda4]{pointer-events:none;background:linear-gradient(135deg,#3b82f60d 0%,#0000 100%);border-radius:16px;position:absolute;inset:0}.security-bar[data-v-4bb7dda4]{background:#f1f5f9;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:6px 12px;display:flex}.security-item[data-v-4bb7dda4]{color:#64748b;align-items:center;gap:4px;font-size:10px;display:flex}.security-divider[data-v-4bb7dda4]{background:#cbd5e1;width:1px;height:10px}.amount-label[data-v-4bb7dda4]{color:#64748b;margin-bottom:4px;font-size:13px}.amount-value[data-v-4bb7dda4]{color:#1e293b;margin-bottom:4px}.amount-value .symbol[data-v-4bb7dda4]{margin-right:2px;font-size:20px;font-weight:700}.amount-value .number[data-v-4bb7dda4]{letter-spacing:-1px;font-size:40px;font-weight:800}.status-tag[data-v-4bb7dda4]{color:#16a34a;background:#f0fdf4;border-radius:100px;align-items:center;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.check-icon[data-v-4bb7dda4]{width:14px;height:14px;margin-right:2px}.flow-section[data-v-4bb7dda4]{margin-bottom:16px}.section-title[data-v-4bb7dda4]{color:#1e293b;border-left:3px solid #3b82f6;margin-bottom:10px;padding-left:8px;font-size:15px;font-weight:700}.steps-list-horizontal[data-v-4bb7dda4]{justify-content:space-between;align-items:center;padding:0 10px;display:flex}.step-item-h[data-v-4bb7dda4]{flex-direction:column;flex:1;align-items:center;display:flex}.step-icon-h[data-v-4bb7dda4]{color:#64748b;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-bottom:4px;font-size:11px;font-weight:700;display:flex;position:relative}.step-item-h.active .step-icon-h[data-v-4bb7dda4]{color:#fff;background:#3b82f6}.step-number[data-v-4bb7dda4]{z-index:2;position:relative}.step-pulse[data-v-4bb7dda4]{background:#3b82f666;border-radius:50%;width:100%;height:100%;animation:2s infinite pulse-4bb7dda4;position:absolute}@keyframes pulse-4bb7dda4{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.step-label-h[data-v-4bb7dda4]{color:#1e293b;white-space:nowrap;font-size:12px}.step-arrow[data-v-4bb7dda4]{color:#e2e8f0;align-items:center;margin-bottom:16px;display:flex}.qr-section[data-v-4bb7dda4]{text-align:center;background:#f8fafc;border-radius:12px;margin-bottom:16px;padding:12px}.qr-wrapper[data-v-4bb7dda4]{background:#fff;border-radius:8px;margin-bottom:8px;padding:8px;display:inline-block;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.qr-img[data-v-4bb7dda4]{width:210px;height:210px;display:block}.qr-scan-line[data-v-4bb7dda4]{background:linear-gradient(90deg,#0000,#3b82f6,#0000);height:2px;animation:3s linear infinite scan-4bb7dda4;position:absolute;top:0;left:0;right:0}@keyframes scan-4bb7dda4{0%{top:0}to{top:100%}}.qr-hint[data-v-4bb7dda4]{color:#64748b;font-size:20px}.primary-btn[data-v-4bb7dda4]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;height:48px;font-size:15px;font-weight:700;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 12px -3px #2563eb40}.primary-btn[data-v-4bb7dda4]:active{transform:scale(.98)}.primary-btn[data-v-4bb7dda4]:after{content:"";pointer-events:none;background:radial-gradient(circle,#fff3 0%,#0000 70%);width:200%;height:200%;transition:transform .5s ease-out;position:absolute;top:-50%;left:-50%;transform:scale(0)}.primary-btn[data-v-4bb7dda4]:active:after{transform:scale(1)}.arrow-right[data-v-4bb7dda4]{width:18px;height:18px;margin-left:6px}.fade-in-up[data-v-4bb7dda4]{animation:.8s ease-out fadeInUp-4bb7dda4}@keyframes fadeInUp-4bb7dda4{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.footer-info[data-v-4bb7dda4]{text-align:center;margin-top:12px}.footer-info p[data-v-4bb7dda4]{color:#94a3b8;font-size:11px}