/** * 会员端认证页（登录 / 注册 / 找回密码） * */ :root { --pa-ink: #0f172a; --pa-muted: #64748b; --pa-accent: #1668dc; --pa-accent-2: #0958d9; --pa-line: rgba(15, 23, 42, 0.1); --pa-font: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans SC", sans-serif; } html.portal-page, body.portal-page.portal-auth { height: 100%; } body.portal-page.portal-auth { margin: 0; font-family: var(--pa-font); -webkit-font-smoothing: antialiased; color: #334155; background-color: #94a3b8; background-image: radial-gradient(ellipse 90% 60% at 20% -10%, rgba(22, 104, 220, 0.32), transparent 55%), radial-gradient(ellipse 70% 50% at 100% 20%, rgba(30, 58, 138, 0.2), transparent 50%), linear-gradient(165deg, #f1f5f9 0%, #cbd5e1 55%, #94a3b8 100%); display: flex; align-items: center; justify-content: center; padding: 20px 16px; box-sizing: border-box; min-height: 100vh; } /* 登录卡片 + 底部说明（同一列居中） */ body.portal-page.portal-auth .portal-auth-outer { width: 100%; max-width: 520px; display: flex; flex-direction: column; align-items: stretch; } body.portal-page.portal-auth .portal-auth-outer--wide { max-width: 680px; } body.portal-page.portal-auth .portal-auth-footer { margin: 0; padding: 24px 16px 0; text-align: center; font-size: 12px; line-height: 1.65; color: rgba(248, 250, 252, 0.9); text-shadow: 0 1px 2px rgba(15, 23, 42, 0.35); } /* 登录卡片 */ body.portal-page.portal-auth .portal-wrap { width: 100%; max-width: 480px; background: rgba(255, 255, 255, 0.96); border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.9); box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.04), 0 24px 56px -16px rgba(15, 23, 42, 0.22); padding: 32px 32px 28px; box-sizing: border-box; backdrop-filter: blur(12px); } /* 注册 / 找回 */ body.portal-page.portal-auth .wrap { width: 100%; max-width: 520px; margin: 0 auto; background: rgba(255, 255, 255, 0.96); border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.9); box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.04), 0 24px 56px -16px rgba(15, 23, 42, 0.2); padding: 32px 32px 28px; box-sizing: border-box; backdrop-filter: blur(12px); max-height: calc(100vh - 48px); overflow-y: auto; } body.portal-page.portal-auth .wrap--register { max-width: 680px; padding: 28px 28px 24px; } body.portal-page.portal-auth .portal-auth-logo { display: block; width: 56px; height: 56px; margin: 0 auto 14px; object-fit: contain; border-radius: 12px; } body.portal-page.portal-auth .portal-title, body.portal-page.portal-auth .title { font-size: 1.625rem; font-weight: 700; letter-spacing: 0.04em; color: var(--pa-ink); text-align: center; margin: 0 0 8px; } body.portal-page.portal-auth .portal-sub, body.portal-page.portal-auth .sub { text-align: center; color: var(--pa-muted); font-size: 14px; line-height: 1.6; margin-bottom: 20px; } body.portal-page.portal-auth .layui-tab-title { border-bottom: 1px solid var(--pa-line); } body.portal-page.portal-auth .layui-tab-brief > .layui-tab-title .layui-this { color: var(--pa-accent-2); } body.portal-page.portal-auth .layui-tab-brief > .layui-tab-title .layui-this:after { border-bottom-color: var(--pa-accent) !important; border-bottom-width: 3px !important; } body.portal-page.portal-auth .layui-tab-title li { font-size: 15px; font-weight: 600; color: #475569; } body.portal-page.portal-auth .portal-wrap .layui-tab-title li { font-size: 18px; padding: 0 20px; } body.portal-page.portal-auth .layui-input, body.portal-page.portal-auth .layui-textarea, body.portal-page.portal-auth select { height: 48px; border-radius: 10px !important; border: 1px solid var(--pa-line) !important; font-size: 15px; padding-left: 14px; padding-right: 14px; } body.portal-page.portal-auth .layui-input:focus, body.portal-page.portal-auth .layui-textarea:focus { border-color: var(--pa-accent) !important; box-shadow: 0 0 0 3px rgba(22, 104, 220, 0.12) !important; } body.portal-page.portal-auth .layui-form-item { margin-bottom: 14px; } /* 注册页：左标签 + 右输入 */ body.portal-page.portal-auth .portal-auth-form--horizontal .layui-form-item { margin-bottom: 12px; display: flex; align-items: flex-start; } body.portal-page.portal-auth .portal-auth-form--horizontal .layui-form-label { width: 118px; flex-shrink: 0; float: none; padding: 14px 10px 14px 0; text-align: right; font-size: 14px; font-weight: 600; color: var(--pa-ink); line-height: 20px; white-space: nowrap; box-sizing: border-box; } body.portal-page.portal-auth .portal-auth-form--horizontal .layui-input-block { flex: 1; min-width: 0; margin-left: 0 !important; } body.portal-page.portal-auth .portal-auth-form--horizontal .layui-input-block .layui-form-select, body.portal-page.portal-auth .portal-auth-form--horizontal .layui-input-block > .layui-input { width: 100%; } body.portal-page.portal-auth .portal-auth-form--horizontal .form-submit-row { margin-top: 6px; margin-bottom: 0; } body.portal-page.portal-auth .portal-auth-form--horizontal .form-submit-row .layui-input-block { padding-left: 118px; box-sizing: border-box; } body.portal-page.portal-auth .field-req { color: #ef4444; font-weight: 700; margin-left: 2px; } body.portal-page.portal-auth .field-hint { font-size: 12px; color: var(--pa-muted); line-height: 1.45; margin-top: 6px; } body.portal-page.portal-auth .sms-dev-hint { margin-top: 8px; padding: 8px 10px; border-radius: 8px; background: rgba(22, 104, 220, 0.08); border: 1px dashed rgba(22, 104, 220, 0.35); color: #1e40af; } body.portal-page.portal-auth .sms-dev-hint b { font-size: 15px; letter-spacing: 0.08em; } body.portal-page.portal-auth .captcha-row, body.portal-page.portal-auth .code-inline, body.portal-page.portal-auth .code-row { display: flex; gap: 10px; align-items: center; } body.portal-page.portal-auth .captcha-row .captcha-input, body.portal-page.portal-auth .code-inline .layui-input, body.portal-page.portal-auth .code-row .left { flex: 1; min-width: 0; } body.portal-page.portal-auth .captcha-row .captcha-box, body.portal-page.portal-auth .captcha-row .right { width: 38%; flex-shrink: 0; } body.portal-page.portal-auth .captcha-box img, body.portal-page.portal-auth .captcha-row img { display: block; width: 100%; height: 48px; border-radius: 10px; border: 1px solid var(--pa-line); object-fit: cover; box-sizing: border-box; } body.portal-page.portal-auth #btnSmsCode, body.portal-page.portal-auth #btnRegSmsCode, body.portal-page.portal-auth #btnGuestSmsCode, body.portal-page.portal-auth #btnResetSmsCode { height: 48px; border-radius: 10px !important; border: 1px solid rgba(22, 104, 220, 0.35) !important; color: var(--pa-accent-2) !important; background: rgba(22, 104, 220, 0.08) !important; font-weight: 600; padding: 0 16px; } body.portal-page.portal-auth .layui-btn-fluid { height: 50px !important; border-radius: 12px !important; font-size: 16px !important; font-weight: 700 !important; letter-spacing: 0.06em; background: linear-gradient(135deg, var(--pa-accent) 0%, var(--pa-accent-2) 100%) !important; border: none !important; box-shadow: 0 10px 28px rgba(22, 104, 220, 0.32); } body.portal-page.portal-auth .layui-btn-fluid:hover { opacity: 0.95; } body.portal-page.portal-auth .hint, body.portal-page.portal-auth .footer-tip { font-size: 12px; color: var(--pa-muted); margin-top: 12px; line-height: 1.65; } body.portal-page.portal-auth .switch-link, body.portal-page.portal-auth .footer-tip a { text-align: center; font-size: 13px; color: var(--pa-muted); } body.portal-page.portal-auth .switch-link a, body.portal-page.portal-auth .footer-tip a { color: var(--pa-accent-2); text-decoration: none; font-weight: 500; } body.portal-page.portal-auth .switch-link a:hover, body.portal-page.portal-auth .footer-tip a:hover { text-decoration: underline; } @media (max-width: 640px) { body.portal-page.portal-auth .portal-wrap, body.portal-page.portal-auth .wrap { padding: 24px 18px 22px; border-radius: 16px; } body.portal-page.portal-auth .portal-auth-outer--wide { max-width: 100%; } body.portal-page.portal-auth .wrap--register { max-width: 100%; } body.portal-page.portal-auth .portal-auth-form--horizontal .layui-form-item { flex-direction: column; align-items: stretch; } body.portal-page.portal-auth .portal-auth-form--horizontal .layui-form-label { width: 100%; text-align: left; padding: 0 0 6px; } body.portal-page.portal-auth .portal-auth-form--horizontal .form-submit-row .layui-input-block { padding-left: 0; } body.portal-page.portal-auth .portal-title, body.portal-page.portal-auth .title { font-size: 1.35rem; } body.portal-page.portal-auth .layui-tab-title li { font-size: 14px; padding: 0 12px; } body.portal-page.portal-auth .captcha-row .captcha-box, body.portal-page.portal-auth .captcha-row .right { width: 40%; } }