@keyframes vi-pop{0%{opacity:0;transform:scale(.94)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.vip-backdrop{z-index:9999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.vip-card{background:#fff;border-radius:16px;width:100%;max-width:440px;margin:0 16px;animation:.25s vi-pop;overflow:hidden;box-shadow:0 20px 60px #0000002e}.vip-head{background:linear-gradient(135deg,#00a99d 0%,#007a74 100%);padding:24px 24px 20px;position:relative}.vip-close{cursor:pointer;color:#fff;background:#ffffff2e;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex;position:absolute;top:14px;right:14px}.vip-close:hover{background:#ffffff52}.vip-icon{background:#ffffff2e;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;display:flex}.vip-title{font-family:var(--fh);color:#fff;margin:0 0 6px;font-size:20px;font-weight:700}.vip-intro{color:#ffffffd1;margin:0;font-size:15px;line-height:1.5}.vip-body{padding:22px 24px 24px}.vip-error{color:#c0392b;background:#fff0f0;border:1px solid #fcc;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:15px}.vip-form{flex-direction:column;gap:14px;display:flex}.vip-label{color:#1a1a1a;font-size:15px;font-weight:600;font-family:var(--fh);margin-bottom:6px;display:block}.vip-required{color:#00a99d}.vip-hint{color:#999;font-size:15px;font-weight:400}.vip-field-wrap{position:relative}.vip-field-icon{color:#ccc;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.vip-field-icon--code{pointer-events:none;left:10px}.vip-phone-row{gap:8px;display:flex}.vip-input{color:#1a1a1a;width:100%;font-size:15px;font-family:var(--fb);background:#fff;border:1.5px solid #ccc;border-radius:8px;outline:none;padding:10px 14px;transition:border-color .2s}.vip-input:focus{border-color:#00a99d}.vip-input--icon{padding-left:34px}.vip-input--code{cursor:pointer;background:#f5f5f5;width:130px;padding-left:28px}.vip-input--grow{flex:1}.vip-actions{flex-direction:column;gap:10px;margin-top:4px;display:flex}.vip-submit{color:#fff;cursor:pointer;opacity:1;width:100%;font-size:15px;font-weight:700;font-family:var(--fh);letter-spacing:.3px;background:linear-gradient(135deg,#00a99d 0%,#007a74 100%);border:none;border-radius:8px;padding:12px;transition:opacity .2s}.vip-submit:hover{opacity:.9}.vip-submit:disabled{cursor:wait;opacity:.7}.vip-skip{color:#555;cursor:pointer;width:100%;font-size:15px;font-family:var(--fb);background:0 0;border:1.5px solid #ccc;border-radius:8px;padding:11px;transition:all .2s}.vip-skip:hover{color:#00a99d;border-color:#00a99d}