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