/**
 * 暗色主题配色：本文件仅含颜色/背景/边框/阴影等主题相关样式，
 * 结构样式见 css/common/login.css；亮色配色见 css/light/login.css。
 */

.login-glow { filter: blur(90px); opacity: 0.35; }

.glow-a { background: radial-gradient(circle, rgba(0, 240, 255, 0.55), transparent 70%); }

.glow-b { background: radial-gradient(circle, rgba(255, 0, 229, 0.4), transparent 70%); }

.glow-c { background: radial-gradient(circle, rgba(138, 124, 255, 0.4), transparent 70%); }

.login-card { background: transparent; border: none; box-shadow: none; }

.login-side { background: transparent; }

.login-corner-logo { filter: drop-shadow(0 0 22px rgba(0, 240, 255, 0.65)); }

.login-slogan { color: var(--text-secondary, #9aa3c0); }

.login-features li { color: var(--text-secondary, #9aa3c0); }

.login-features i { color: #00f0ff; background: rgba(0, 240, 255, 0.1); border: 1px solid rgba(0, 240, 255, 0.22); box-shadow: 0 0 10px rgba(0, 240, 255, 0.12); }

.login-side-footer { color: rgba(154, 163, 192, 0.55); }

.login-main { background: linear-gradient(155deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.03) 55%, rgba(0, 240, 255, 0.05)); backdrop-filter: blur(24px) saturate(160%); border: 1px solid rgba(255, 255, 255, 0.16); box-shadow:
        0 24px 80px rgba(0, 0, 0, 0.45),
        0 0 46px rgba(0, 240, 255, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        inset 0 -1px 0 rgba(255, 255, 255, 0.04); }

.login-welcome-sub { color: var(--text-secondary, #9aa3c0); }

.login-field-icon { color: rgba(154, 163, 192, 0.7); }

.login-input { color: var(--text-primary, #e8ecf8); background: rgba(8, 10, 24, 0.55); border: 1px solid rgba(255, 255, 255, 0.1); outline: none; }

.login-input::placeholder { color: rgba(154, 163, 192, 0.5); }

.login-input:focus { border-color: rgba(0, 240, 255, 0.55); background: rgba(8, 10, 24, 0.75); box-shadow: 0 0 0 3px rgba(0, 240, 255, 0.12), 0 0 16px rgba(0, 240, 255, 0.15); }

.login-field:focus-within .login-field-icon { color: #00f0ff; }

.login-captcha-box { background: rgba(10, 12, 26, 0.6); }

.login-captcha-box:hover { box-shadow: 0 0 12px rgba(0, 240, 255, 0.25); }

.login-error { color: #ff6b6b; text-shadow: 0 0 8px rgba(255, 107, 107, 0.4); }

.login-submit:disabled { opacity: 0.55; }

@media (max-width: 760px) { .login-side { border-right: none; border-bottom: 1px solid rgba(255, 255, 255, 0.06); } }

.cc-window { background: transparent; }

.cc-moon { background: radial-gradient(circle at 35% 35%, #fdfdff, #c9d6ff 62%, #93a7e8); box-shadow: 0 0 26px rgba(200, 215, 255, 0.55); opacity: 0.85; }

.cc-skyline { opacity: 0.55; }

.cc-skyline span { border-top: 1px solid rgba(140, 170, 255, 0.1); background-color: #0d1534; background-image: radial-gradient(rgba(255, 214, 120, 0.38) 1.2px, transparent 1.7px); background-size: 13px 15px; background-position: 5px 9px; }

.cc-skyline span:nth-child(2) { background-position: 7px 4px; }

.cc-skyline span:nth-child(4) { background-position: 3px 12px; }

.cc-skyline span:nth-child(5) { background-position: 8px 6px; }

.cc-skyline span:nth-child(7) { background-position: 6px 10px; }

.cc-skyline span:nth-child(8) { background-position: 4px 2px; }

.cc-lamp::before { background: #2a3560; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }

.cc-lamp i { background: linear-gradient(180deg, rgba(255, 236, 190, 0.15), rgba(255, 236, 190, 0)); }

.cc-floor { background: linear-gradient(180deg, rgba(10, 14, 32, 0) 0%, rgba(10, 14, 34, 0.5) 40%, rgba(7, 10, 24, 0.85) 100%); }

.cc-floor::before { background: radial-gradient(ellipse at center, rgba(0, 240, 255, 0.12), transparent 70%); }

.cc-chair { background: linear-gradient(180deg, #131b3a, #0d1330); border: 1px solid rgba(140, 170, 255, 0.1); }

.cc-shoulders { background: linear-gradient(180deg, #1c2650, #131b3c); box-shadow: inset 0 2px 0 rgba(0, 240, 255, 0.32); }

.cc-head { background: linear-gradient(180deg, #232e58, #182142); box-shadow: inset 0 3px 0 rgba(0, 240, 255, 0.4); }

.cc-band { border: 5px solid #2b3766; border-bottom: none; }

.cc-cup { background: #0c1228; border: 1px solid rgba(0, 240, 255, 0.45); box-shadow: 0 0 10px rgba(0, 240, 255, 0.4); }

.cc-mic { background: #0c1228; }

.cc-mic::after { background: #00f0ff; box-shadow: 0 0 8px rgba(0, 240, 255, 0.8); }

.cc-monitor { background: #0a0f22; border: 1px solid rgba(0, 240, 255, 0.24); box-shadow: 0 0 34px rgba(0, 240, 255, 0.16), 0 10px 24px rgba(0, 0, 0, 0.5); }

.cc-screen { background: linear-gradient(160deg, #0d1530, #0a1024); }

.cc-scr-head { background: linear-gradient(90deg, rgba(0, 240, 255, 0.5), rgba(139, 92, 255, 0.35)); }

.cc-scr-wave span { background: linear-gradient(180deg, #00f0ff, #8b5cff); opacity: 0.85; }

.cc-scr-line { background: rgba(154, 163, 192, 0.3); }

.cc-stand { background: #131b3a; }

.cc-board { background: linear-gradient(180deg, #27325e, #1a2344); box-shadow: 0 3px 0 rgba(0, 240, 255, 0.16), 0 16px 32px rgba(0, 0, 0, 0.5); }

.cc-keyboard { background: #0c1226; border: 1px solid rgba(140, 170, 255, 0.16); }

.cc-leg { background: linear-gradient(180deg, #1a2344, #10162e); }