/* 运维护航平台品牌覆盖样式: 只作用于品牌触点。 */

:root {
	--ops-brand: #123b57;
	--ops-brand-700: #071d2e;
	--ops-brand-50: #edf5f5;
	--ops-accent: #45d5c2;
	--ops-signal: #e8a43a;
}

html.ops-login-page,
body.ops-login-page {
	min-height: 100%;
}

body.ops-login-page {
	background:
		radial-gradient(circle at 88% 12%, rgb(69 213 194 / 16%), transparent 28%),
		linear-gradient(135deg, var(--ops-brand-700) 0%, var(--ops-brand) 100%);
}

body.ops-login-page .page-card-head .app-logo {
	box-sizing: content-box;
	height: 48px;
	max-width: min(318px, 82vw);
	padding: 8px 12px;
	background: rgb(255 255 255 / 94%);
	border-radius: 10px;
	object-fit: contain;
}

body.ops-login-page .page-card-head-text h4 {
	color: var(--text-color);
	font-size: 1.25rem;
	font-weight: 700;
}

body.ops-login-page .page-card-subtitle {
	color: var(--text-muted);
}

.ops-brand-text {
	font-weight: 700;
	letter-spacing: 0.02em;
}

html[data-theme="dark"] #brand-logo {
	box-sizing: content-box;
	padding: 4px 6px;
	background: #fff;
	border-radius: 6px;
}

.web-footer .footer-copyright,
.footer-powered {
	color: #64748b;
	font-size: 0.75rem;
}

.web-footer .footer-copyright a,
.footer-powered a {
	color: var(--ops-brand);
}

@media (width <= 480px) {
	body.ops-login-page .page-card-head .app-logo {
		height: 40px;
		max-width: 76vw;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.ops-login-page *,
	body.ops-login-page *::before,
	body.ops-login-page *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}