/* ==========================================================================
   MARATHON ACID — wp-login.php 定制样式
   ========================================================================== */

:root {
	--acid: #c8ff00;
	--magenta: #ff2d78;
	--bg: #090b06;
	--panel: #12170c;
	--line: #263117;
	--line-strong: #3a4a1e;
	--ink: #eaf4d6;
	--ink-dim: #9aa884;
	--font-mono: "JetBrains Mono", "Consolas", "Sarasa Mono SC", monospace;
	--font-display: "Archivo Black", "Arial Black", "Impact", "Microsoft YaHei", sans-serif;
}

body.login {
	background: var(--bg) !important;
	color: var(--ink);
	font-family: "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif;
	/* 背景网格 */
	background-image:
		linear-gradient(rgba(200, 255, 0, .05) 1px, transparent 1px),
		linear-gradient(90deg, rgba(200, 255, 0, .05) 1px, transparent 1px) !important;
	background-size: 56px 56px !important;
	display: flex; align-items: center; justify-content: center;
	min-height: 100vh;
}

/* 扫描线覆盖 */
body.login::after {
	content: "";
	position: fixed; inset: 0; pointer-events: none;
	background: repeating-linear-gradient(to bottom, transparent 0 3px, rgba(0,0,0,.16) 3px 4px);
}

#login {
	width: 400px; max-width: 92vw;
	padding: 4% 0 0;
}

/* LOGO 区域 */
#login h1 a {
	background-image: none !important;
	width: auto; height: auto;
	font-size: 0;
	position: relative;
}
#login h1 a::before {
	content: "TERMINAL // ACCESS";
	font-family: var(--font-mono);
	font-size: 13px; letter-spacing: .35em;
	color: var(--acid);
	display: block; text-align: center;
}
#login h1 a::after {
	content: "▸ AUTH REQUIRED_";
	font-family: var(--font-mono);
	font-size: 10px; letter-spacing: .2em;
	color: var(--ink-dim);
	display: block; text-align: center; margin-top: 10px;
}

/* 表单面板 */
.login form {
	background: var(--panel) !important;
	border: 1px solid var(--line-strong) !important;
	box-shadow: 0 0 60px rgba(200, 255, 0, .08) !important;
	padding: 30px 30px 26px !important;
	margin-top: 26px !important;
	border-radius: 0 !important;
	position: relative;
	clip-path: polygon(16px 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 16px);
}
.login form::before {
	content: "";
	position: absolute; top: 0; left: 0; right: 0; height: 3px;
	background: linear-gradient(90deg, var(--acid), var(--magenta));
}

.login label {
	font-family: var(--font-mono); font-size: 11px !important;
	letter-spacing: .18em; text-transform: uppercase;
	color: var(--ink-dim) !important;
}

.login input[type="text"],
.login input[type="password"],
.login input[type="email"] {
	background: var(--bg) !important;
	border: 1px solid var(--line-strong) !important;
	border-radius: 0 !important;
	color: var(--acid) !important;
	font-family: var(--font-mono) !important;
	font-size: 15px !important;
	padding: 10px 14px !important;
	box-shadow: none !important;
	transition: border-color .2s, box-shadow .2s;
}
.login input[type="text"]:focus,
.login input[type="password"]:focus,
.login input[type="email"]:focus {
	border-color: var(--acid) !important;
	box-shadow: 0 0 0 1px var(--acid), 0 0 22px rgba(200, 255, 0, .2) !important;
}

.login .button-primary {
	background: var(--acid) !important;
	border: none !important;
	border-radius: 0 !important;
	color: #000 !important;
	font-family: var(--font-mono) !important;
	font-weight: 700;
	font-size: 13px !important;
	letter-spacing: .18em;
	text-transform: uppercase;
	text-shadow: none !important;
	box-shadow: none !important;
	padding: 4px 24px !important;
	height: auto !important;
	min-height: 44px;
	float: none !important;
	width: 100%;
	margin-top: 8px;
	clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
	transition: box-shadow .25s, transform .2s !important;
}
.login .button-primary:hover {
	box-shadow: 0 0 30px rgba(200, 255, 0, .5) !important;
	transform: translateY(-2px);
}

.login .button.wp-hide-pw {
	background: transparent !important;
	border: none !important;
	color: var(--ink-dim) !important;
	box-shadow: none !important;
}

/* 记住我 / 链接 */
.login .forgetmenot label { color: var(--ink-dim) !important; text-transform: none; letter-spacing: normal; }
.login input[type="checkbox"] {
	background: var(--bg) !important;
	border: 1px solid var(--line-strong) !important;
	border-radius: 0 !important;
}
.login input[type="checkbox"]:checked::before { color: var(--acid) !important; }

#nav a, #backtoblog a {
	color: var(--ink-dim) !important;
	font-family: var(--font-mono);
	font-size: 11px; letter-spacing: .1em;
	text-transform: uppercase;
}
#nav a:hover, #backtoblog a:hover { color: var(--acid) !important; }

/* 消息 / 错误框 */
.login .message, .login .success, .login #login_error {
	background: var(--panel) !important;
	border-left: 3px solid var(--acid) !important;
	border-radius: 0 !important;
	color: var(--ink) !important;
	font-family: var(--font-mono);
	font-size: 13px;
	box-shadow: none !important;
}
.login #login_error { border-left-color: var(--magenta) !important; }

.login .privacy-policy-page-link { text-align: center; }
.login .privacy-policy-page-link a { color: var(--ink-dim) !important; font-size: 11px; }

/* 语言切换器 */
.login .language-switcher label { color: var(--ink-dim); }
.login .language-switcher select {
	background: var(--bg); border: 1px solid var(--line-strong);
	color: var(--ink); border-radius: 0;
}
