.auth-modal{width:min(850px,calc(100vw - 32px));max-width:850px;border-radius:16px;max-height:calc(100dvh - 32px);padding:0;overflow:auto;background:#fff;box-shadow:0 24px 100px #102c6438}.auth-modal::backdrop{background:#15254280;backdrop-filter:blur(5px)}.auth-modal .modal-heading{padding:30px 42px 20px;text-align:center;border:0}.auth-modal .modal-heading h2{font-size:22px;color:#172236}.auth-modal .modal-close{right:15px;top:15px}.auth-layout{display:grid;grid-template-columns:310px minmax(0,1fr);padding:18px 42px 36px;gap:38px}.auth-aside{text-align:center;border-right:1px solid #edf0f4;padding-right:30px;min-width:0}.auth-aside-head{display:flex;gap:8px;align-items:center;justify-content:center;margin:0 0 8px}.auth-aside-head h3{font-size:18px;font-weight:600;color:#26334a}.auth-wechat-mark{color:#27bd69;display:inline-flex}.auth-wechat-mark svg{width:22px;height:22px}.auth-wx-frame{display:block;width:300px;height:360px;border:0;margin-left:-10px;max-width:none}.auth-aside-note{font-size:12px;color:#8491a6;line-height:1.7;margin-top:18px}.auth-main{min-width:0}.auth-modal .auth-tabs{display:flex;gap:0;background:transparent;border-bottom:1px solid #edf0f4;border-radius:0;padding:0;margin:0 0 23px}.auth-modal .auth-tabs button{flex:1;white-space:nowrap;border:0;border-radius:0;border-bottom:3px solid transparent;background:transparent;color:#343e50;font-size:16px;font-weight:600;padding:8px 0 14px}.auth-modal .auth-tabs button.active{background:transparent;color:#1680ff;border-color:#1680ff}.auth-input{display:flex;align-items:center;gap:10px;min-width:0;width:100%;border:1px solid #e8ebef;border-radius:6px;background:#fafbfc;min-height:48px;margin:0 0 16px;padding:0 13px}.auth-input:focus-within{border-color:#98c8ff;background:#fff;box-shadow:0 0 0 3px #1980ff09}.auth-input>.icon{color:#9ba7b7;width:18px;height:18px;flex-shrink:0}.auth-modal #auth-form .auth-input input{width:100%;min-width:0;border:0;border-radius:0;outline:0;background:transparent;padding:12px 0!important;font-size:14px;color:#24324a;box-shadow:none}.auth-input input::placeholder{color:#a1a9b7;font-size:13px}.auth-eye{background:none;border:0;padding:4px;color:#8898af;display:flex}.auth-eye .icon{width:18px;height:18px}.auth-captcha-row{display:grid;grid-template-columns:minmax(0,1fr) 124px;gap:10px;align-items:start;margin-bottom:16px}.auth-captcha-row .auth-input{margin:0}.auth-captcha{border:1px solid #e9eef6;background:#f0f6ff;position:relative;border-radius:6px;height:48px;overflow:hidden;padding:0}.auth-captcha img{width:100%;height:100%;object-fit:contain;position:relative;z-index:1}.auth-captcha>span{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;color:#8192af}.auth-sms-row{display:flex;gap:10px;margin-bottom:4px}.auth-sms-row .auth-input{margin:0}.auth-send{border:1px solid #dceaff;border-radius:6px;background:#f4f8ff;color:#1879f6;font-size:13px;white-space:nowrap;padding:0 12px;min-width:106px}.auth-send:disabled{color:#94a6bf}.auth-options{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#788398;margin:12px 0 8px}.auth-options label{display:flex;align-items:center;gap:7px}.auth-options input,.auth-consent input{accent-color:#1988ff;width:15px;height:15px;flex-shrink:0}.auth-modal .auth-consent{font-size:12px;line-height:1.7;display:flex;align-items:flex-start;gap:7px;margin:16px 0 8px;color:#7d899d}.auth-modal .form-error{font-size:12px;min-height:18px;margin:8px 0 10px}.auth-submit{min-height:48px;border-radius:6px;background:linear-gradient(95deg,#198bff,#216cff);font-size:16px;box-shadow:0 6px 16px #2685ff18}.auth-bottom-note{font-size:12px;color:#97a1b1;line-height:1.8;margin-top:16px}.auth-loading{font-size:13px;color:#8b98ac;padding:60px 8px}.auth-wx-message{padding:55px 15px;min-height:250px}.auth-wx-message>.icon{width:48px;height:48px;color:#28b98d}.auth-wx-message p{font-size:14px;line-height:1.9;margin:16px 0;color:#77869b}.auth-aside .text-btn{font-size:12px}.auth-bind-note{font-size:13px;line-height:1.8;color:#637891;background:#f3f8ff;border-radius:8px;padding:14px;margin-bottom:18px}.auth-brand-art{width:150px;height:150px;display:grid;place-items:center;border-radius:36px;background:linear-gradient(135deg,#e2f7ff,#deebff);transform:rotate(-8deg);margin:50px auto 28px;box-shadow:12px 16px 0 #f1f7ff}.auth-brand-art .icon{width:84px;height:84px;color:#298cff}.auth-aside h4{font-size:21px;line-height:1.7;letter-spacing:1px;color:#3d5476}.auth-mobile-qr,.auth-back-password{display:none}.auth-qr-only .auth-layout{grid-template-columns:1fr;max-width:390px;margin:auto}.auth-qr-only .auth-main{display:none}.auth-qr-only .auth-aside{border:0;padding:0}.auth-qr-only .auth-wx-frame{margin:auto}.auth-qr-only .auth-back-password{display:inline-block;margin-top:18px}
@media(max-width:700px){.auth-modal{width:calc(100vw - 24px);max-width:430px;border-radius:12px;max-height:calc(100dvh - 24px)}.auth-modal .modal-heading{padding:28px 25px 10px}.auth-modal .modal-heading h2{font-size:18px}.auth-layout{display:block;padding:15px 24px 28px}.auth-aside{display:none}.auth-qr-only .auth-aside{display:block}.auth-modal .auth-tabs button{font-size:15px}.auth-mobile-qr{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;background:transparent;color:#25a868;padding:18px 0 0;font-size:13px}.auth-mobile-qr .icon{width:21px;height:21px}.auth-qr-only .auth-layout{padding-inline:10px}.auth-captcha-row{grid-template-columns:minmax(0,1fr) 110px}.auth-input{padding:0 10px}.auth-modal .auth-tabs{margin-bottom:20px}}
@media(max-width:350px){.auth-layout{padding-inline:16px}.auth-modal .modal-heading h2{font-size:16px}.auth-qr-only .auth-wx-frame{width:300px;max-width:100%}.auth-captcha-row{grid-template-columns:minmax(0,1fr) 100px}.auth-input>.icon{display:none}}

.auth-modal .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.auth-modal .auth-input>.icon{position:static;flex-shrink:0}.auth-modal #auth-form .auth-input input:focus{border:0!important;box-shadow:none}.auth-modal .auth-eye{flex-shrink:0}

.auth-policy{font-size:12px;color:#8491a6;line-height:1.8;margin:0 0 16px}.auth-policy-name{color:#1680ff}.auth-aside-note[hidden]{display:none}
