/* ============================================================ * 深色模式（全站通用） * 由属性触发，theme.js 负责切换。 * 仅需在每页末尾引入本样式（位于页面自有样式之后）。 * ============================================================ */ /* ---- 浅色默认变量补充（供内联样式使用 var(--input-bg) 自适应） ---- */ :root { --input-bg: #fafbfc; --hover-bg: #f8f9fa; } /* ============================================================ * 一、变量覆盖 * ============================================================ */ [data-theme="dark"] { /* 通用（主页 / 烧录 / 激活 / 工具 / OTA / 服务器） */ --primary: #4db6e0; --primary-dark: #3aa0cf; --primary-light: #74c9ef; --secondary: #f6b428; --secondary-light: #f8c850; --bg: #0e1420; --card-bg: #171f2e; --text: #e6ecf4; --text-secondary: #93a3b8; --border: #2b3648; --danger: #f0716b; --warning: #f5b450; --success: #57c784; --shadow: 0 4px 20px rgba(0, 0, 0, 0.35); --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.5); --input-bg: #131c2c; --hover-bg: #1a2436; /* AI 网关 */ --ai-primary: #9683ff; --ai-primary-2: #6cd4fa; --ai-primary-grad: linear-gradient(135deg, #7c5cff 0%, #6cb4f0 100%); --ai-accent: #ff9d74; --ai-accent-grad: linear-gradient(135deg, #ff8a65 0%, #ffb74d 100%); --ai-green: #7ed48b; --ai-red: #ff7875; --ai-bg: linear-gradient(160deg, #141220 0%, #0f1826 50%, #1d1410 100%); --ai-card: rgba(26, 30, 44, 0.88); --ai-card-solid: #1a1e2c; --ai-text: #eae8f7; --ai-text-2: #9d99b5; --ai-border: #302c48; --ai-shadow: 0 10px 34px rgba(0, 0, 0, 0.45); --ai-shadow-hover: 0 16px 44px rgba(0, 0, 0, 0.6); } /* ============================================================ * 二、全局基础元素 * ============================================================ */ /* 滚动条 */ [data-theme="dark"] ::-webkit-scrollbar-thumb { background: #3a475c; } [data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: #4a5870; } /* 输入框 / 下拉框 / 文本域（排除 range 滑块，保留其自身渐变/主题色） background 用 !important：可覆盖各工具 JS 注入的内联 background（如 #fafbfc） */ [data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), [data-theme="dark"] select, [data-theme="dark"] textarea { background: var(--input-bg) !important; color: var(--text); } [data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):focus, [data-theme="dark"] select:focus, [data-theme="dark"] textarea:focus { background: #1a2436 !important; } /* 下拉选项列表 */ [data-theme="dark"] select option { background: var(--card-bg) !important; color: var(--text) !important; } /* 主站烧录弹窗输入框保持原有深色 */ [data-theme="dark"] .flash-form-group select, [data-theme="dark"] .flash-form-group input { background: #0d1b2a !important; } /* 主题切换按钮（各页导航中的 .nav-btn 样式已统一，这里兜底） */ [data-theme="dark"] .theme-toggle { color: var(--text-secondary); } /* ============================================================ * 三、导航栏 / 下拉菜单 / 页脚 * ============================================================ */ [data-theme="dark"] .navbar, [data-theme="dark"] .flasher-nav, [data-theme="dark"] .tools-nav, [data-theme="dark"] .ota-nav, [data-theme="dark"] .server-nav { background: rgba(13, 18, 30, 0.88); } /* 主站导航（首页） */ [data-theme="dark"] .navbar { border-bottom-color: rgba(255, 255, 255, 0.08); } [data-theme="dark"] .nav-dropdown-menu, [data-theme="dark"] .nav-links.open { background: rgba(23, 31, 46, 0.98); } [data-theme="dark"] .footer { background: rgba(14, 20, 32, 0.9); border-top-color: rgba(255, 255, 255, 0.08); } [data-theme="dark"] .services-divider::after { border-bottom-color: rgba(255, 255, 255, 0.25); } /* 域名迁移提示条（内联在 index.html 的