/** * 登录页:与 frontend/prototype/login.html + prototype.css 一致。 * 主应用 style.css 的 :root 为 18px,会缩放所有 rem;此处强制等同原型的 html/body 15px 基准。 */ html.cxxfds-login-page { font-size: 15px !important; -webkit-text-size-adjust: 100%; } html.cxxfds-login-page body.login-page-wls { font-size: 15px; line-height: normal; } /** #app 等价于原型里 body 的 flex 子节点链 */ body.login-page-wls #app { flex: 1 1 auto; display: flex; flex-direction: column; min-height: 0; width: 100%; } body.login-page-wls #app > .login-page-wls__wrap { flex: 1 1 auto; min-height: 0; } /** 抵消全局 style.css 里 h1,h2 { font-family: var(--heading) },登录页沿用 body.login-page-wls 的字体栈 */ body.login-page-wls h1.login-page-wls__title { font-family: inherit; font-size: inherit; font-weight: 700; letter-spacing: inherit; line-height: inherit; margin: 0 0 0.75rem; } body.login-page-wls h2.login-page-wls__card-title { font-family: inherit; } body.login-page-wls .login-page-wls__title-main { font-weight: 700; } body.login-page-wls .login-page-wls__logo-img { display: block; width: 72px; height: 72px; object-fit: contain; } body.login-page-wls .login-page-wls__hint--error { color: #052d62; } /** 成功提示:仅保留主题字色,无底色与描边 */ body.login-page-wls .login-page-wls__hint--success { color: #052d62 !important; background: none !important; border: none !important; border-radius: 0 !important; padding: 0 !important; box-sizing: border-box; } /** 显式校验:与主题色 #052d62 一致 */ body.login-page-wls .login-page-wls__input.login-page-wls__input--error { border-color: #052d62; box-shadow: 0 0 0 2px rgba(5, 45, 98, 0.22); } body.login-page-wls .login-page-wls__input.login-page-wls__input--error:focus { border-color: #052d62; box-shadow: 0 0 0 3px rgba(5, 45, 98, 0.25); } body.login-page-wls .login-page-wls__slogan.login-page-wls__slogan--error { color: #052d62; } body.login-page-wls .login-page-wls__contact { display: grid; gap: 0.45rem; margin-top: 0.95rem; padding-top: 0.9rem; border-top: 1px solid rgba(5, 45, 98, 0.14); color: #314158; font-size: 0.92rem; line-height: 1.35; } body.login-page-wls .login-page-wls__contact-entry { display: flex; flex-wrap: wrap; align-items: center; } body.login-page-wls .login-page-wls__contact-label { color: inherit; } body.login-page-wls .login-page-wls__contact a { color: inherit; text-decoration: none; } body.login-page-wls .login-page-wls__contact a:hover { color: #052d62; text-decoration: underline; } /** * 评审关闭弹窗确认按钮:与 .login-page-wls__submit 同色。 * 必须用固定 #052d62,不能用品牌 --primary(评审登录页主题常为红色)。 */ body.login-page-wls .el-button.login-page-wls__msgbox-confirm, .el-overlay-message-box .el-button.login-page-wls__msgbox-confirm, .login-page-wls__msgbox .el-button.login-page-wls__msgbox-confirm { --el-button-bg-color: #052d62 !important; --el-button-border-color: rgba(255, 211, 106, 0.38) !important; --el-button-hover-bg-color: #052d62 !important; --el-button-hover-border-color: rgba(255, 244, 204, 0.5) !important; --el-button-active-bg-color: #052d62 !important; --el-button-active-border-color: rgba(255, 211, 106, 0.38) !important; --el-button-text-color: #fff !important; --el-button-hover-text-color: #fff !important; --el-button-active-text-color: #fff !important; background-color: #052d62 !important; border-color: rgba(255, 211, 106, 0.38) !important; color: #fff !important; font-weight: 600; box-shadow: 0 2px 14px rgba(0, 0, 0, 0.28); } body.login-page-wls .el-button.login-page-wls__msgbox-confirm:hover, .el-overlay-message-box .el-button.login-page-wls__msgbox-confirm:hover, .login-page-wls__msgbox .el-button.login-page-wls__msgbox-confirm:hover { filter: brightness(1.1); border-color: rgba(255, 244, 204, 0.5) !important; box-shadow: 0 4px 18px rgba(0, 0, 0, 0.32); }