/* 亮色主题覆盖层 (Light Theme Override)
   -------------------------------------------------
   V1.0.0 - 与 terminal.css 配合使用
   通过 body.light-theme 选择器覆盖深色样式
   使用方式：
     1. 在 HTML 中引入此文件（在 terminal.css 之后）
     2. 在 JS 中引入 light-theme.js 控制切换逻辑
*/

/* ========== 基础覆盖 ========== */
body.light-theme {
    background-color: #f5f5f0;
    color: #1a1a1a;
}
body.light-theme::selection { background: #059669; color: #fff; }

/* 禁用深色专属特效 */
body.light-theme::before { opacity: 0 !important; }
body.light-theme .vignette-overlay { opacity: 0; }
body.light-theme .scanner { opacity: 0; }

/* ========== 滚动条 ========== */
body.light-theme ::-webkit-scrollbar-track { background: #e5e5e0; border-left: 1px solid #d4d4d0; }
body.light-theme ::-webkit-scrollbar-thumb { background: #059669; }
body.light-theme ::-webkit-scrollbar-thumb:hover { background: #047857; }
body.light-theme .custom-scrollbar::-webkit-scrollbar-track { background: rgba(0,0,0,0.04); }
body.light-theme .custom-scrollbar::-webkit-scrollbar-thumb { background: rgba(5,150,105,0.35); }

/* ========== SVG 背景 ========== */
body.light-theme #parallax-wrapper svg { opacity: 0.15; }

/* ========== HUD 边框组件 ========== */
body.light-theme .hud-border {
    border-color: rgba(0,0,0,0.1);
    background: rgba(255,255,255,0.6);
    backdrop-filter: blur(4px);
}
body.light-theme .hud-border::before { border-top-color: #059669; border-left-color: #059669; }
body.light-theme .hud-border::after { border-bottom-color: #059669; border-right-color: #059669; }
body.light-theme .hud-border:hover { border-color: rgba(5,150,105,0.3); }

/* ========== 装饰性标题线 ========== */
body.light-theme .hud-title-line::after {
    background: linear-gradient(90deg, #059669 0%, rgba(5,150,105,0) 100%);
}
body.light-theme .hud-title-line.red::after {
    background: linear-gradient(90deg, #dc2626 0%, rgba(220,38,38,0) 100%);
}

/* ========== 导航链接 ========== */
body.light-theme .nav-link {
    border-left-color: rgba(0,0,0,0.08);
}
body.light-theme .nav-link::before { background-color: #059669; }
body.light-theme .nav-link:hover {
    background-color: rgba(5,150,105,0.06);
}
body.light-theme .nav-link:hover .sys-tag {
    color: #059669;
    border-color: rgba(5,150,105,0.5);
}

/* ========== 赛博卡片 ========== */
body.light-theme .terminal-card {
    background: rgba(255,255,255,0.8);
    backdrop-filter: blur(8px);
}
body.light-theme .terminal-card:hover {
    box-shadow: 0 8px 30px rgba(0,0,0,0.06);
    border-color: rgba(5,150,105,0.25);
}

/* ========== 操作按钮 ========== */
body.light-theme .action-btn {
    border-color: rgba(5,150,105,0.35);
    color: #059669;
}
body.light-theme .action-btn::before {
    background: linear-gradient(90deg, transparent, rgba(5,150,105,0.08), transparent);
}
body.light-theme .action-btn:hover {
    background: rgba(5,150,105,0.08);
    box-shadow: 0 0 20px rgba(5,150,105,0.1);
    border-color: rgba(5,150,105,0.5);
}
body.light-theme .action-btn.danger {
    border-color: rgba(220,38,38,0.35);
    color: #dc2626;
}
body.light-theme .action-btn.danger:hover {
    background: rgba(220,38,38,0.06);
    box-shadow: 0 0 20px rgba(220,38,38,0.1);
    border-color: rgba(220,38,38,0.5);
}

/* ========== 错题列表项 ========== */
body.light-theme .question-item {
    background: rgba(255,255,255,0.6);
    border-color: rgba(0,0,0,0.06);
}
body.light-theme .question-item:hover {
    border-color: rgba(220,38,38,0.2);
    background: rgba(254,242,242,0.8);
}

/* ========== sci-card 多色卡片系统 ========== */
body.light-theme .sci-card {
    background: rgba(255,255,255,0.85);
    backdrop-filter: blur(8px);
    border-color: rgba(0,0,0,0.08);
}
body.light-theme .sci-card:hover { background: rgba(255,255,255,0.95); }
body.light-theme .sci-card h2 { color: #1f2937; }
body.light-theme .sci-card p { color: #6b7280; }

body.light-theme .theme-emerald { border-top-color: rgba(5,150,105,0.3); }
body.light-theme .theme-emerald:hover { border-color: rgba(5,150,105,0.4); box-shadow: 0 10px 30px rgba(5,150,105,0.1); }
body.light-theme .theme-blue { border-top-color: rgba(37,99,235,0.3); }
body.light-theme .theme-blue:hover { border-color: rgba(37,99,235,0.4); box-shadow: 0 10px 30px rgba(37,99,235,0.1); }
body.light-theme .theme-amber { border-top-color: rgba(217,119,6,0.3); }
body.light-theme .theme-amber:hover { border-color: rgba(217,119,6,0.4); box-shadow: 0 10px 30px rgba(217,119,6,0.1); }
body.light-theme .theme-purple { border-top-color: rgba(147,51,234,0.3); }
body.light-theme .theme-purple:hover { border-color: rgba(147,51,234,0.4); box-shadow: 0 10px 30px rgba(147,51,234,0.1); }
body.light-theme .theme-red { border-top-color: rgba(220,38,38,0.3); }
body.light-theme .theme-red:hover { border-color: rgba(220,38,38,0.4); box-shadow: 0 10px 30px rgba(220,38,38,0.1); }
body.light-theme .theme-cyan { border-top-color: rgba(8,145,178,0.3); }
body.light-theme .theme-cyan:hover { border-color: rgba(8,145,178,0.4); box-shadow: 0 10px 30px rgba(8,145,178,0.1); }
body.light-theme .theme-gray { border-top-color: rgba(107,114,128,0.3); }
body.light-theme .theme-gray:hover { border-color: rgba(107,114,128,0.4); box-shadow: 0 10px 30px rgba(107,114,128,0.1); }

/* ========== sim-card 卡片 ========== */
body.light-theme .sim-card {
    background: rgba(255,255,255,0.85);
    backdrop-filter: blur(8px);
    border-color: rgba(0,0,0,0.08);
}
body.light-theme .sim-card:hover {
    background: rgba(236,253,245,0.95);
    border-color: rgba(5,150,105,0.3);
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}
body.light-theme .sim-card h3 { color: #1f2937; }
body.light-theme .sim-card p { color: #6b7280; }

/* ========== 搜索框 ========== */
body.light-theme .search-input {
    background: rgba(255,255,255,0.8);
    border-color: rgba(5,150,105,0.3);
    color: #065f46;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06) inset;
}
body.light-theme .search-input:focus {
    border-color: rgba(5,150,105,0.6);
    box-shadow: 0 0 15px rgba(5,150,105,0.1) inset, 0 0 8px rgba(5,150,105,0.15);
}
body.light-theme .search-input::placeholder { color: rgba(5,150,105,0.35); }

/* ========== 模态框 ========== */
body.light-theme .modal { background-color: rgba(0,0,0,0.3); backdrop-filter: blur(8px); }
body.light-theme .modal-content { background-color: #fff; border-color: #059669; }
body.light-theme .modal-content .bg-gray-900 { background: #f9fafb; }
body.light-theme .modal-content .text-gray-300 { color: #374151; }
body.light-theme .modal-content .text-white { color: #111827; }
body.light-theme .modal-content .border-gray-800 { border-color: #e5e7eb; }

/* ========== Tailwind 通用文字色覆盖 ========== */
body.light-theme .text-white { color: #1a1a1a; }
body.light-theme .text-gray-100 { color: #1f2937; }
body.light-theme .text-gray-200 { color: #1f2937; }
body.light-theme .text-gray-300 { color: #4b5563; }
body.light-theme .text-gray-400 { color: #6b7280; }
body.light-theme .text-gray-500 { color: #9ca3af; }
body.light-theme .text-gray-600 { color: #9ca3af; }
body.light-theme .border-gray-800 { border-color: #e5e7eb; }
body.light-theme .border-gray-900 { border-color: #e5e7eb; }
body.light-theme .border-gray-800\/80 { border-color: #e5e7eb; }
body.light-theme .bg-black\/40,
body.light-theme .bg-black\/50 { background: rgba(255,255,255,0.6); }

/* ========== HUD 角标边框 ========== */
body.light-theme .fixed.border-t-2.border-l-2,
body.light-theme .fixed.border-t-2.border-r-2,
body.light-theme .fixed.border-b-2.border-l-2,
body.light-theme .fixed.border-b-2.border-r-2 { border-color: rgba(5,150,105,0.25); }

/* ========== 标题 ========== */
body.light-theme h1 { color: #1a1a1a; filter: none; text-shadow: none; }

/* ========== 主题切换按钮 ========== */
#theme-toggle {
    position: fixed; top: 6px; right: 4px; z-index: 200;
    font-family: 'JetBrains Mono', monospace; font-size: 10px;
    letter-spacing: 0.1em; border: 1px solid rgba(52,211,153,0.5);
    color: #34d399; padding: 6px 12px; background: rgba(0,0,0,0.5);
    cursor: pointer; transition: all 0.3s; display: inline-flex; align-items: center; gap: 6px;
    backdrop-filter: blur(4px);
}
#theme-toggle:hover { background: rgba(52,211,153,0.2); box-shadow: 0 0 15px rgba(52,211,153,0.4); }
body.light-theme #theme-toggle { background: rgba(255,255,255,0.7); border-color: rgba(5,150,105,0.4); color: #059669; }
body.light-theme #theme-toggle:hover { background: rgba(236,253,245,0.9); }