.invite-modal .ant-modal{width:490px!important}.invite-modal .ant-modal-content{background:#fff;margin:0 auto;padding:0;width:490px}.invite-modal-content{align-items:center;background-position:50%;background-size:cover;border-radius:8px;color:#000;display:flex;flex-direction:column;height:auto;justify-content:flex-start;overflow:hidden;padding:32px 20px 20px;position:relative;width:100%}.invite-modal-content .title{color:#000;font-size:28px;font-weight:600;line-height:1.4;margin:0;text-align:center}.invite-modal-content .desc{word-wrap:break-word;color:#000000b3;font-size:14px;line-height:17px;margin:8px 0 0;text-align:center;white-space:pre-wrap}.invite-modal-content .desc .desc-highlight{color:#ff3a2d}.invite-modal-content .invite-main-content{display:flex;flex-direction:column;gap:12px;margin-top:20px;width:100%}.invite-modal-content .invite-main-content .function-section{background-color:#fff;border-radius:8px;box-shadow:0 -4px 20px #0000000d;display:flex;flex-direction:column;padding:20px 16px;width:100%}.invite-modal-content .invite-main-content .function-section .section-title{color:#000;font-size:16px;font-weight:500;line-height:22px;margin-bottom:24px}.invite-modal-content .invite-main-content .function-section .input-group{align-items:center;display:flex}.invite-modal-content .invite-main-content .function-section .input-group .function-input{background-color:#f4f5fa;border:none;border-radius:20px 0 0 20px;box-shadow:none;color:#666a7c;flex:1;font-size:12px;height:38px;outline:none;padding:0 16px;transition:all .2s ease}.invite-modal-content .invite-main-content .function-section .input-group .function-input.readonly{background:#f8f8f8;color:#666;cursor:not-allowed}.invite-modal-content .invite-main-content .function-section .input-group .function-input::-moz-placeholder{color:#b8b8b8}.invite-modal-content .invite-main-content .function-section .input-group .function-input::placeholder{color:#b8b8b8}.invite-modal-content .invite-main-content .function-section .input-group .function-btn{align-items:center;background:linear-gradient(90deg,#0032ff -17.51%,#7d71ff 108.12%);border:none;border-radius:0 20px 20px 0;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:38px;justify-content:center;min-width:110px;padding:0;transition:all .2s ease;white-space:nowrap}.invite-modal-content .invite-main-content .function-section .input-group .function-btn .loading-spinner{animation:spin 1s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:18px;width:18px}.invite-modal-content .invite-bottom-section{align-items:center;display:flex;gap:4px;justify-content:space-between;margin-top:16px;position:relative;width:100%;z-index:1}.invite-modal-content .invite-bottom-section .invite-code-section{align-items:center;display:flex;justify-content:center}.invite-modal-content .invite-bottom-section .invite-code-section .invite-code-label{color:#000;font-size:14px;font-weight:400;margin-right:2px}.invite-modal-content .invite-bottom-section .invite-code-section .invite-code-value{color:#0032ff;font-size:14px;font-weight:500;margin-right:12px}.invite-modal-content .invite-bottom-section .invite-code-section .components-icon{color:#9093a5;cursor:pointer}.invite-modal-content .invite-bottom-section .invite-details{color:#0009;cursor:pointer;font-size:14px;text-align:center;text-decoration:underline}.invite-modal-content .invite-bottom-section .invite-details:hover{color:#000c}