/*! 数智化转型网 · 登录页 v1.0
 *  深蓝 #1a3cb8 ／ 青 #00b4ff，仅在 wp-login.php 加载。
 */

/* ============================================================
   1. 背景
   ============================================================ */
body.szh-login {
	--szh-blue:       #1a3cb8;
	--szh-blue-hover: #152e8c;
	--szh-cyan:       #00b4ff;
	--szh-ink:        #1b2233;
	--szh-text:       #3c4257;
	--szh-muted:      #7a8194;
	--szh-line:       #e3e7f0;
	--szh-tint:       #eef3ff;

	background-color: #162f92;
	background-image:
		radial-gradient(1100px 520px at 10% -10%, rgba(0, 180, 255, .26), transparent 62%),
		radial-gradient(900px 480px at 100% 0%, rgba(255, 255, 255, .12), transparent 58%),
		linear-gradient(160deg, #162f92 0%, #1a3cb8 46%, #0f2268 100%);
	background-attachment: fixed;
	min-height: 100vh;
}

/* ============================================================
   2. 站名：去掉通用的 WordPress logo 底图，改用站名当标题
   ============================================================ */
body.szh-login h1 a {
	background-image: none;
	height: auto;
	margin-bottom: 16px;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 1px;
	color: #fff;
	text-shadow: 0 2px 14px rgba(4, 14, 48, .38);
}

/* ============================================================
   3. 登录卡片
   ============================================================ */
body.szh-login #login {
	padding: 6vh 20px 4vh;
	width: 400px;
}

body.szh-login form {
	box-sizing: border-box;
	padding: 24px 28px 22px;
	border: 0;
	border-radius: 10px;
	background: rgba(255, 255, 255, .97);
	box-shadow: 0 22px 60px rgba(6, 16, 52, .34);
}

body.szh-login form label {
	color: var(--szh-text);
}

body.szh-login form .forgetmenot label {
	color: var(--szh-text);
}

body.szh-login .wp-pwd button.button {
	background: transparent;
	border: 0;
	box-shadow: none;
	color: var(--szh-muted);
}

/* 输入框 */
body.szh-login #user_login,
body.szh-login #user_pass,
body.szh-login .login-hide-labels input[type="text"],
body.szh-login .login-hide-labels input[type="password"] {
	box-sizing: border-box;
	padding: 10px 12px;
	font-size: 15px;
	color: var(--szh-ink);
	border: 1px solid var(--szh-line);
	border-radius: 6px;
	background: #fff;
	box-shadow: 0 2px 8px rgba(8, 20, 60, .08);
}

body.szh-login #user_login:focus,
body.szh-login #user_pass:focus {
	border-color: var(--szh-blue);
	box-shadow: 0 0 0 3px rgba(26, 60, 184, .14);
}

body.szh-login .forgetmenot input[type="checkbox"] {
	box-shadow: none;
	margin-top: 2px;
}

/* 记住我 / 登录 之间的间距 */
body.szh-login .forgetmenot {
	margin-bottom: 6px;
}

/* ============================================================
   4. 提交按钮

   注意：登录页提交按钮的 class 是 .button.button-primary.button-large，
   它没有 .wp-core-ui 这个祖先类。写 .login .wp-core-ui .button-primary
   整条会落空 —— 必须用 body.login 直接命中。
   ============================================================ */
body.szh-login .button.button-primary.button-large {
	width: 100%;
	height: 42px;
	line-height: 40px;
	padding: 0 14px;
	margin-top: 4px;
	border-radius: 6px;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 2px;
	color: #fff;
	border-color: var(--szh-blue);
	background: var(--szh-blue);
	background-image: linear-gradient(180deg, #2c4fd8, var(--szh-blue));
	box-shadow: none;
	text-shadow: none;
}

body.szh-login .button.button-primary.button-large:hover {
	color: #fff;
	border-color: var(--szh-blue-hover);
	background: var(--szh-blue-hover);
	background-image: linear-gradient(180deg, #2444c4, var(--szh-blue-hover));
}

body.szh-login .button.button-primary.button-large:focus {
	color: #fff;
	box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--szh-cyan);
}

/* ============================================================
   5. 错误 / 提示条
   ============================================================ */
body.szh-login #login_error,
body.szh-login .message,
body.szh-login .success {
	box-sizing: border-box;
	border-left-width: 4px;
	border-left-color: var(--szh-blue);
	border-radius: 4px;
	background: var(--szh-tint);
	color: var(--szh-ink);
}

body.szh-login #login_error {
	border-left-color: #d63638;
	background: #fdecec;
}

body.szh-login .success {
	border-left-color: #12a05c;
	background: #eaf7f0;
}

/* ============================================================
   6. 底部链接（在蓝底上，必须是浅色）
   ============================================================ */
body.szh-login #nav,
body.szh-login #backtoblog {
	text-align: center;
	padding: 0;
}

body.szh-login #nav a,
body.szh-login #backtoblog a {
	color: rgba(255, 255, 255, .86);
}

body.szh-login #nav a:hover,
body.szh-login #backtoblog a:hover {
	color: var(--szh-cyan);
}

body.szh-login .privacy-policy-text {
	color: rgba(255, 255, 255, .74);
}

body.szh-login .privacy-policy-text a {
	color: #fff;
}

/* 语言切换 */
body.szh-login .language-switcher {
	color: rgba(255, 255, 255, .78);
}

body.szh-login .language-switcher select {
	border-radius: 6px;
	border-color: rgba(255, 255, 255, .5);
	padding: 3px 6px;
}