.auth-modal{width:820px;max-width:calc(100vw - 100px);padding:0}.auth-modal__container{will-change:auto!important}.auth-modal__backdrop{-webkit-backdrop-filter:none!important}.auth-modal__layout{min-height:480px;display:flex}.auth-modal__layout .auth-modal__left{color:#fff;background:#111;flex-direction:column;flex:0 0 45%;justify-content:center;gap:8px;padding:20px;display:flex}.auth-modal__layout .auth-modal__right{background:#fff;flex-direction:column;flex:1;justify-content:space-between;gap:12px;padding:40px 60px;display:flex}.auth-modal__layout .auth-modal__right .panel-head{margin-bottom:30px}.auth-modal__layout .auth-modal__right .panel-head .panel-head__title{color:#111;font-size:26px;font-weight:700}.auth-modal__layout .auth-modal__right .panel-head .panel-head__desc{color:#666;font-size:14px}.auth-modal__layout .auth-modal__right .panel-body .ghost{cursor:pointer;background:#fff;border:1px solid #f5f5f5;border-radius:8px;width:100%;height:40px;font-weight:700}.auth-modal__layout .auth-modal__right .panel-body .line{height:15px;position:relative}.auth-modal__layout .auth-modal__right .panel-body .line:before{content:"";background:#f5f5f5;width:100%;height:1px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.auth-modal__layout .auth-modal__right .panel-body .line:after{content:"或";color:#999;background:#fff;padding:0 10px;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-modal__layout .auth-modal__right .form-panel .form-body{flex-direction:column;gap:10px;display:flex}.auth-modal__layout .auth-modal__right .form-panel .form-body .field{flex-direction:column;gap:6px;display:flex}.auth-modal__layout .auth-modal__right .form-panel .form-body .field label{color:#444;font-size:13px}.auth-modal__layout .auth-modal__right .form-panel .form-body .field input{border:1px solid #e5e7eb;border-radius:8px;outline:none;height:38px;padding:0 12px}.auth-modal__layout .auth-modal__right .form-panel .form-body .field input:focus{border-color:#111}.auth-modal__layout .auth-modal__right .form-panel .form-body .field .field-code{align-items:center;gap:8px;display:flex}.auth-modal__layout .auth-modal__right .form-panel .form-body .field .field-code input{flex:1}.auth-modal__layout .auth-modal__right .form-panel .form-body .field .field-code .field-code__btn{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:112px;height:38px;padding:0 10px;font-size:13px}.auth-modal__layout .auth-modal__right .form-panel .form-body .field .field-code .field-code__btn:disabled{color:#9ca3af;cursor:not-allowed;background:#f9fafb}.auth-modal__layout .auth-modal__right .form-panel .form-actions{flex-direction:column;gap:5px;display:flex}.auth-modal__layout .auth-modal__right .form-panel .form-actions .form-actions__error{color:#dc2626;height:15px;font-size:13px;line-height:15px}.auth-modal__layout .auth-modal__right .form-panel .form-actions .form-actions__btn{cursor:pointer;border-radius:8px;height:40px;font-weight:700}.auth-modal__layout .auth-modal__right .form-panel .form-actions .form-actions__btn.primary{color:#fff;background:#000}.auth-modal__error{color:#dc2626;font-size:13px}
