/* Native controls for the small public authentication pages. */
.member-auth-page input, .member-auth-page button, .member-auth-page textarea, .member-auth-page select { font: inherit; }
.member-auth-page .layui-input, .member-auth-page .layui-textarea, .member-auth-page .layui-select { display: block; width: 100%; padding: 0 12px; height: 42px; box-sizing: border-box; border: 1px solid #dcdfe6; border-radius: 4px; background: #fff; color: inherit; }
.member-auth-page .layui-form-item { margin-bottom: 15px; }
.member-auth-page .layui-input:focus { outline: 2px solid #93b4f8; outline-offset: 1px; }
.member-auth-page .member-agreement-dialog { box-sizing: border-box; width: min(720px, calc(100vw - 24px)); max-height: calc(100dvh - 48px); padding: 24px; border: 0; border-radius: 12px; color: #344054; box-shadow: 0 18px 70px #0003; }
.member-agreement-dialog::backdrop { background: #10182870; }
.member-agreement-dialog h2 { margin: 0 0 16px; font-size: 20px; }
.member-agreement-dialog .member-agreement-body { max-height: calc(100dvh - 220px); overflow: auto; overflow-wrap: anywhere; line-height: 1.8; }
.member-agreement-dialog .member-agreement-body [data-agreement-content] { display: block; }
.member-agreement-dialog form { margin: 20px 0 0; text-align: right; }
.member-agreement-dialog button { padding: 9px 20px; border: 0; border-radius: 6px; color: #fff; background: #2563eb; cursor: pointer; }
@media (max-width: 640px) {
  .member-auth-page .member-topbar { width: 100%; gap: 12px; flex-wrap: wrap; }
}