/* ============================================================
   登录页暗黑主题（2026-10-27）
   作用范围：仅 .login-body 登录页（login.php），
             通过 login.php 单独引入，叠加在 /css/login.css 之后。
   设计：深色底 + 玻璃质感卡片 + 靛蓝/青色高光，
        保持与旧版登录页同一套信息结构与交互，只换配色与层次。
   ============================================================ */

/* 画布底色：login.css 里 html 仍是浅蓝底纹，这里换成深色，避免边缘露出 */
html:has(body.login-body) {
    background: #070b16;
}

body.login-body {
    color-scheme: dark;
    color: #e2e8f0;
    background:
        radial-gradient(circle at 12% 12%, rgba(99, 102, 241, 0.22), transparent 45%),
        radial-gradient(circle at 88% 88%, rgba(14, 165, 233, 0.18), transparent 45%),
        linear-gradient(150deg, #0b1120 0%, #0d1424 55%, #070b16 100%);
}

/* 卡片 */
.login-body .login-card {
    background: rgba(17, 24, 39, 0.82);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(148, 163, 184, 0.16);
    box-shadow:
        0 24px 60px -12px rgba(0, 0, 0, 0.75),
        0 0 0 1px rgba(255, 255, 255, 0.02) inset;
}

/* 品牌区 */
.login-body .login-logo {
    background: linear-gradient(135deg, #818cf8 0%, #22d3ee 100%);
    box-shadow: 0 8px 22px -6px rgba(99, 102, 241, 0.6);
}
.login-body .login-name { color: #f1f5f9; }
.login-body .login-sub  { color: #94a3b8; }

/* 魔法链接（邮箱登录）入口 */
.login-body .login-magic {
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.14) 0%, rgba(14, 165, 233, 0.12) 100%);
    border-color: rgba(129, 140, 248, 0.35);
}
.login-body .login-magic:hover {
    border-color: rgba(165, 180, 252, 0.7);
    box-shadow: 0 10px 26px -8px rgba(99, 102, 241, 0.5);
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.2) 0%, rgba(14, 165, 233, 0.16) 100%);
}
.login-body .login-magic-title { color: #e2e8f0; }
.login-body .login-magic-sub   { color: #94a3b8; }
.login-body .login-magic-arrow {
    background: linear-gradient(135deg, #6366f1, #0ea5e9);
    box-shadow: 0 4px 12px -4px rgba(99, 102, 241, 0.6);
}

/* 分隔线 */
.login-body .login-divider { color: #64748b; }
.login-body .login-divider::before,
.login-body .login-divider::after {
    background: rgba(148, 163, 184, 0.2);
}

/* 表单 */
/* login.css 里全局 fieldset 是浅蓝底(#eaf6f7)，深色卡片里必须清掉 */
.login-body .login-fieldset { background: transparent; }
.login-body .login-row label { color: #cbd5e1; }
.login-body .login-row input[type=text],
.login-body .login-row input[type=password] {
    background: rgba(15, 23, 42, 0.7);
    border-color: #334155;
    color: #e2e8f0;
}
.login-body .login-row input::placeholder { color: #64748b; }
.login-body .login-row input:focus {
    border-color: #6366f1;
    background: rgba(15, 23, 42, 0.95);
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.28);
}

/* 按钮 */
.login-body .login-btn {
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
    box-shadow: 0 6px 18px -4px rgba(79, 70, 229, 0.7);
}
.login-body .login-btn:hover {
    background: linear-gradient(135deg, #818cf8 0%, #6366f1 100%);
    box-shadow: 0 10px 24px -4px rgba(99, 102, 241, 0.75);
}

/* 辅助链接 */
.login-body .login-forgot { color: #a5b4fc; }
.login-body .login-forgot:hover { color: #c7d2fe; }
.login-body .login-back { color: #94a3b8; }
.login-body .login-back:hover { color: #c7d2fe; }

/* 提示/错误输出 */
.login-body .login-output { color: #fca5a5; }
/* login_check.php 里成功提示写的是内联深绿色，深色底上看不清，这里提亮 */
.login-body .login-output span#login-ok-msg { color: #4ade80 !important; }
/* 输出区里的跳转链接仍沿用浅绿底，与深色卡片对比清晰 */
.login-body .login-output .greenlink { color: #15803d; }

.login-body .login-footer { color: #64748b; }