.login-modal{--login-accent:#6ee5dd;--login-accent-hover:#4fd8d0;--login-accent-ring:#6ee5dd38;z-index:120;background:#ebeef2eb;justify-content:center;align-items:center;padding:24px;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif;display:flex;position:fixed;inset:0}.login-modal *,.login-modal :before,.login-modal :after{box-sizing:border-box}.login-modal button,.login-modal input{font:inherit}.login-modal input,.password-recovery input{-webkit-user-select:text;user-select:text}.login-modal__panel{width:min(1196px,100vw - 66px);min-height:666px;box-shadow:none;background:#fff;border:1px solid #8e8e8e;border-radius:0;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);column-gap:74px;padding:62px 78px 64px;display:grid;position:relative}.login-modal__close{z-index:2;color:#a3a3a3;cursor:pointer;background:0 0;border:0;width:32px;height:32px;padding:0;font-size:27px;line-height:1;position:absolute;top:13px;right:16px}.login-modal__left,.login-modal__right{flex-direction:column;min-width:0;display:flex}.login-modal__left{align-items:center;padding-top:91px}.login-modal__right{justify-content:flex-start;padding-top:3px}.login-modal__section-title{color:#393536;align-items:center;gap:9px;min-height:31px;font-size:21px;font-weight:400;display:flex}.login-modal__section-title .anticon{color:var(--login-accent);font-size:28px}.login-modal__form-title{color:#343031;text-align:center;margin-bottom:25px;font-size:28px;font-weight:400;line-height:1.4}.login-modal__mode-tabs{justify-content:center;align-items:center;gap:36px;margin-bottom:25px;display:flex}.login-modal__mode-tabs button{color:#9aa0a6;cursor:pointer;background:0 0;border:0;padding:0 0 10px;font-size:22px;font-weight:400;line-height:1.3;position:relative}.login-modal__mode-tabs button.is-active{color:#343031;font-weight:600}.login-modal__mode-tabs button.is-active:after{content:"";background:var(--login-accent);border-radius:2px;height:3px;position:absolute;bottom:0;left:0;right:0}.login-modal__qrcode{background:#fff;border:1px solid #e8ebef;justify-content:center;align-items:center;width:270px;height:270px;margin-top:23px;display:flex;overflow:hidden}.login-modal__qrcode>.ant-qrcode,.login-modal__qrcode>div{box-sizing:border-box;background:#fff!important;width:270px!important;height:270px!important;padding:12px!important}.login-modal__qrcode svg,.login-modal__qrcode canvas{shape-rendering:crispEdges;display:block;width:100%!important;height:100%!important}.login-modal__qrcode>.login-modal__qrcode-placeholder{color:#7b858c;text-align:center;background:#f7fafb;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;width:100%!important;height:100%!important;padding:24px!important}.login-modal__qrcode-placeholder .anticon{color:var(--login-accent);font-size:34px}.login-modal__qrcode-placeholder strong{color:#3f494f;font-size:16px;font-weight:600}.login-modal__qrcode-placeholder span{font-size:13px}.login-modal__qr-tip{color:#aaa;text-align:center;margin-top:18px;font-size:15px;line-height:1.6}.login-modal__qr-tip small{color:#c0c4c7;margin-top:2px;font-size:12px;display:block}.login-modal__qr-status{color:#aeb2b6;cursor:pointer;background:0 0;border:0;max-width:310px;margin-top:8px;padding:0;font-size:12px;line-height:1.45}.login-modal__divider{background:var(--login-accent);width:1px}.login-modal__input{border:1px solid var(--login-accent);color:#333;background:#fff;border-radius:5px;outline:0;width:100%;height:54px;margin:0 0 34px;padding:0 16px;font-size:16px;transition:box-shadow .16s,border-color .16s}.login-modal__input::placeholder{color:#c9c9c9}.login-modal__input:focus{border-color:var(--login-accent-hover);box-shadow:0 0 0 3px var(--login-accent-ring)}.login-modal__captcha-row{grid-template-columns:minmax(0,1fr) 150px;gap:12px;margin-bottom:34px;display:grid}.login-modal__captcha-row .login-modal__input{margin:0}.login-modal__sms-button,.login-modal__submit{background:var(--login-accent);color:#fff;cursor:pointer;border:0;border-radius:4px;transition:background .16s,opacity .16s}.login-modal__sms-button{min-height:54px;font-size:17px}.login-modal__submit{width:100%;height:54px;font-size:27px;font-weight:400}.login-modal__sms-button:hover,.login-modal__submit:hover{background:var(--login-accent-hover)}.login-modal__sms-button:disabled,.login-modal__submit:disabled,.login-modal__qr-status:disabled{opacity:.58;cursor:not-allowed}.login-modal__actions{color:#aaa;justify-content:space-between;align-items:flex-start;gap:18px;min-height:48px;margin-top:24px;font-size:15px;display:flex}.login-modal__actions>button,.login-modal__actions span button{color:var(--login-accent);cursor:pointer;background:0 0;border:0;padding:0}.login-modal__actions>button:first-child{color:#aaa}.login-modal__actions>button .anticon{color:var(--login-accent);vertical-align:-3px;margin-right:8px;font-size:21px}.login-modal__other-title{color:#aaa;margin-top:4px;font-size:16px}.login-modal__other-tip{color:#aaa;background:#f0f0f2;min-height:84px;margin-top:31px;padding:17px 12px;font-size:15px;line-height:1.55}.login-modal__message,.password-recovery__message{color:#0000;text-align:center;min-height:22px;margin-top:10px;font-size:13px;line-height:1.5}.login-modal__message.is-visible,.password-recovery__message.is-visible{color:#ee625d}.password-recovery{background:#fff;border:1px solid #969696;width:min(976px,100vw - 68px);min-height:542px;position:relative}.password-recovery__header{background:var(--login-accent);color:#fff;justify-content:space-between;align-items:center;height:52px;padding:0 25px;font-size:22px;display:flex}.password-recovery__header button{color:#ffffffd9;cursor:pointer;background:0 0;border:0;width:32px;height:32px;padding:0;font-size:27px;line-height:1}.password-recovery__body{flex-direction:column;align-items:center;min-height:488px;padding:88px 24px 42px;display:flex}.password-recovery__body--step-2{background:#f5f6f8;padding-top:90px}.password-recovery__body--step-3{padding-top:73px}.password-recovery__body--step-4{justify-content:flex-start;padding-top:130px}.password-recovery__form{flex-direction:column;gap:40px;width:380px;display:flex}.password-recovery__form--verify{gap:23px}.password-recovery__form--verify p{color:#3e3a3b;white-space:nowrap;margin:-5px 0 -12px;font-size:18px;line-height:1.6}.password-recovery__form--verify p em{color:var(--login-accent);font-style:normal}.password-recovery__input{border:1px solid var(--login-accent);color:#333;background:#fff;border-radius:5px;outline:0;width:100%;height:43px;padding:0 13px}.password-recovery__input::placeholder{color:#c8c8c8}.password-recovery__input:focus{box-shadow:0 0 0 3px var(--login-accent-ring)}.password-recovery__input:disabled{color:#aaa;background:#fff}.password-recovery__primary,.password-recovery__code-row button{background:var(--login-accent);color:#fff;cursor:pointer;border:0;border-radius:4px;height:45px;font-size:22px}.password-recovery__code-row{grid-template-columns:minmax(0,1fr) 164px;gap:10px;display:grid}.password-recovery__code-row button{height:43px;font-size:19px}.password-recovery__primary:disabled,.password-recovery__code-row button:disabled{opacity:.58;cursor:not-allowed}.password-recovery__success{color:#403c3d;align-items:center;gap:9px;font-size:18px;display:flex}.password-recovery__success>.anticon{color:var(--login-accent);font-size:18px}.password-recovery__success button{color:#403c3d;cursor:pointer;background:0 0;border:0;padding:0}.password-recovery__success em{color:var(--login-accent);font-style:normal}@media (max-width:980px){.login-modal{padding:12px}.login-modal__panel{width:min(680px,100vw - 24px);min-height:0;max-height:calc(100vh - 24px);padding:38px 24px 28px;display:block;overflow-y:auto}.login-modal__left{padding-top:4px}.login-modal__divider{width:100%;height:1px;margin:28px 0}.login-modal__qrcode{width:230px;height:230px;margin-top:17px}.login-modal__qrcode>div{width:230px!important;height:230px!important}.login-modal__right{padding-top:0}.login-modal__form-title{margin-bottom:20px;font-size:24px}.login-modal__mode-tabs{gap:24px;margin-bottom:20px}.login-modal__mode-tabs button{font-size:18px}.login-modal__input{height:50px;margin-bottom:18px}.login-modal__captcha-row{grid-template-columns:minmax(0,1fr) 132px;margin-bottom:18px}.login-modal__sms-button{min-height:50px;font-size:15px}.login-modal__submit{height:50px;font-size:22px}.login-modal__other-tip{margin-top:18px}.password-recovery{width:min(640px,100vw - 24px);min-height:500px}.password-recovery__body{min-height:448px}}@media (max-width:520px){.login-modal__panel{padding-inline:18px}.login-modal__left,.login-modal__divider{display:none}.login-modal__actions{align-items:center;font-size:13px}.login-modal__captcha-row{grid-template-columns:minmax(0,1fr) 112px;gap:8px}.login-modal__other-tip{min-height:0;font-size:13px}.password-recovery{width:calc(100vw - 24px);min-height:480px}.password-recovery__header{height:50px;padding-inline:16px;font-size:19px}.password-recovery__body{min-height:428px;padding:72px 20px 32px}.password-recovery__body--step-2{padding-top:66px}.password-recovery__body--step-4{padding-top:120px}.password-recovery__form{width:100%;max-width:380px}.password-recovery__form--verify p{white-space:normal;text-align:center;font-size:15px}.password-recovery__code-row{grid-template-columns:minmax(0,1fr) 120px}.password-recovery__code-row button{font-size:15px}}
.avatar-preset-picker{justify-content:center;gap:24px;padding:12px 0;display:flex}.avatar-preset-picker>button{color:#566261;cursor:pointer;background:#fff;border:2px solid #e7ebeb;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:12px;font-size:14px;display:flex;position:relative}.avatar-preset-picker>button img{object-fit:contain;border-radius:10px;width:112px;height:112px}.avatar-preset-picker>button[aria-pressed=true]{color:#08756f;background:#f0fffb;border-color:#02c8bb}.avatar-preset-picker>button:focus-visible{outline-offset:3px;outline:3px solid #08756f}.avatar-preset-picker>button:disabled{cursor:wait;opacity:.65}.avatar-preset-picker>button i{color:#fff;background:#02c8bb;border-radius:50%;width:22px;height:22px;font-style:normal;position:absolute;top:6px;right:6px}
.registration-modal .ant-modal-container{background:linear-gradient(155deg,#d6fff6,#fff 48%);border-radius:24px;padding:30px 40px}.registration-flow{text-align:center;color:#162b28;padding-top:20px}.registration-flow__progress{background:#dfede9;border-radius:8px;height:6px;overflow:hidden}.registration-flow__progress span{background:#04cdbc;height:100%;transition:width .2s;display:block}.registration-flow__step{color:#627873;margin:26px 0 12px;font-size:13px}.registration-flow h2{margin:0;font-size:28px;font-weight:700}.registration-flow__hint{color:#74857e;margin:12px 0 24px;font-size:14px}.registration-flow__content{flex-direction:column;justify-content:center;min-height:210px;display:flex}.registration-flow__field{text-align:left}.registration-flow__field span{margin-bottom:12px;font-size:14px;display:block}.registration-flow__field input{color:#162b28;background:#fff;border:1px solid #cadbd4;border-radius:12px;width:100%;min-height:56px;padding:14px 18px;font-size:18px}.registration-flow__field input:focus{outline:2px solid #02c8bb}.registration-flow__upload{cursor:pointer;border:1px solid #c8d9d5;border-radius:24px;align-self:center;margin-top:12px;padding:10px 24px;font-size:14px;position:relative;overflow:hidden}.registration-flow__upload input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.registration-flow__upload:focus-within{outline:2px solid #08756f}.registration-flow__custom{color:#627873;justify-content:center;align-items:center;gap:14px;font-size:13px;display:flex}.registration-flow__custom img{object-fit:contain;border-radius:12px}.registration-flow__genders{justify-content:center;gap:24px;display:flex}.registration-flow__genders button{cursor:pointer;background:#fff;border:2px solid #e7ebeb;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:16px;display:flex}.registration-flow__genders button[aria-pressed=true]{color:#08756f;background:#f0fffb;border-color:#02c8bb}.registration-flow__genders button img{object-fit:contain;border-radius:10px}.registration-flow__error{color:#c73838;min-height:22px;margin:14px 0;font-size:13px}.registration-flow__next{color:#073c35;cursor:pointer;background:#05cdbb;border:none;border-radius:28px;width:100%;padding:15px 24px;font-size:16px;font-weight:600}.registration-flow__next[aria-disabled=true]{color:#6d827a;background:#e1eeea}.registration-flow__next:disabled{cursor:wait;opacity:.6}.registration-flow__back{color:#5c7169;cursor:pointer;background:0 0;border:none;margin:16px 0 0;padding:4px 16px}@media (max-width:600px){.registration-modal .ant-modal-container{padding:24px 20px}}