/* ===============================================================
   鸣数IP 红焰主题 — 黑底红焰渐变（透光玻璃风格）
   亮色模式：仅调细节，不破白色系
   暗色模式：全元素覆盖，透光玻璃质感按钮
   =============================================================== */

html, body { line-height: 1.6 !important; }


/* 亮色模式微调 */
[data-theme="light"] body { background: #f0f2f5 !important; }
[data-theme="light"] .top-bar { height: 60px !important; }
[data-theme="light"] .card, [data-theme="light"] .card-full-post, [data-theme="light"] .card-full-cover { border-radius: 12px !important; }
[data-theme="light"] .btn, [data-theme="light"] input, [data-theme="light"] textarea,
[data-theme="light"] select { border-radius: 8px !important; }
[data-theme="light"] .nav-item { font-size: 15px !important; border-radius: 8px !important; }
[data-theme="light"] .page-header h2 { font-size: 22px !important; font-weight: 700 !important; }
[data-theme="light"] .theme-toggle { width: 40px !important; height: 40px !important; }
[data-theme="light"] ::-webkit-scrollbar { width: 6px; height: 6px; }


/* 强制图标背景 */
[data-theme="dark"] .icon-svg { background: currentColor !important; -webkit-mask-size: contain !important; mask-size: contain !important; }


/* ==================== 暗色模式 — 红焰全覆盖 ==================== */

/* --- CSS 变量 --- */
[data-theme="dark"] {
    --bg-primary: #0a0a0a !important; --bg-secondary: #0d0d0d !important;
    --bg-card: #121212 !important; --bg-input: #0d0d0d !important;
    --bg-hover: #1a0a0a !important;
    --border-color: #3a1515 !important; --border-active: #d6393a !important;
    --text-primary: #f5f5f5 !important; --text-secondary: #9e9e9e !important;
    --text-dim: #666 !important;
    --accent-purple: #d6393a !important; --accent-cyan: #ff1744 !important;
    --accent-pink: #d6393a !important; --accent-green: #00e676 !important;
    --gradient-purple: linear-gradient(135deg, #d6393a, #ff1744) !important;
    --gradient-cyan: linear-gradient(135deg, #d6393a, #ff1744) !important;
    --gradient-danger: linear-gradient(135deg, #f00, #c00) !important;
    --shadow-card: none !important;
    /* 首页变量覆盖 */
    --home-bg: #0a0a0a !important;
    --home-card-bg: #121212 !important;
    --home-text: #f5f5f5 !important;
    --home-text-dim: #9e9e9e !important;
    --home-border: #3a1515 !important;
    --home-shadow: 0 2px 12px rgba(0,0,0,0.3) !important;
    --home-shadow-hover: 0 12px 40px rgba(0,0,0,0.45) !important;
    --accent-primary: #d6393a !important;
    --accent-secondary: #ff1744 !important;
    --gradient-primary: linear-gradient(135deg, #d6393a, #ff1744) !important;
    --gradient-warm: linear-gradient(135deg, #d6393a, #ff1744) !important;
    --feature-bg: rgba(214,57,58,0.1) !important;
    --pro-accent: #d6393a !important;
    --pro-gradient: linear-gradient(135deg, #d6393a, #ff1744) !important;
    --wizard-accent: #ff1744 !important;
    --wizard-gradient: linear-gradient(135deg, #d6393a, #ff1744) !important;
    --shadow-btn: 0 2px 8px rgba(214,57,58,0.3) !important;
    --accent-red: #ff5252 !important;
}

/* --- 基底 --- */
[data-theme="dark"] body { background: var(--bg-primary) !important; color: var(--text-primary) !important; }
[data-theme="dark"] .top-bar { background: var(--bg-secondary) !important; border-bottom: 1px solid var(--border-color) !important; height: 60px !important; }
[data-theme="dark"] .sidebar { background: var(--bg-primary) !important; border-right: 1px solid var(--border-color) !important; }

/* --- 卡片 --- */
[data-theme="dark"] .card, [data-theme="dark"] .card-full-post, [data-theme="dark"] .card-full-cover { background: var(--bg-card) !important; border: 1px solid var(--border-color) !important; border-radius: 12px !important; font-size: 12px !important; }
[data-theme="dark"] .card:hover { border-color: var(--accent-cyan) !important; border-style: dashed !important; }
[data-theme="dark"] .grid-preview { border: none !important; }
[data-theme="dark"] .grid-preview:hover { border: none !important; }
[data-theme="dark"] .card-header { background: linear-gradient(135deg, rgba(255,82,82,0.18) 0%, rgba(0,0,0,0.2) 100%) !important; border-bottom: 2px solid rgba(255,82,82,0.3) !important; border-radius: 10px 10px 0 0 !important; }
[data-theme="dark"] .card-header h3 { color: var(--text-primary) !important; font-size: 16px !important; font-weight: 600 !important; }
[data-theme="dark"] .card-header h3 .icon-svg { color: #ff5252 !important; }

/* --- 侧边栏导航 --- */
[data-theme="dark"] .nav-item { color: var(--text-secondary) !important; font-size: 15px !important; padding: 12px 20px !important; margin: 4px 12px !important; border-radius: 8px !important; transition: all 0.15s !important; }
[data-theme="dark"] .nav-item:hover { background: rgba(255,82,82,0.1) !important; color: var(--text-primary) !important; }
[data-theme="dark"] .nav-item.active { background: rgba(255,82,82,0.15) !important; color: #ff5252 !important; border-left: 2px solid #ff5252 !important; }
[data-theme="dark"] .nav-item .nav-icon svg, [data-theme="dark"] .nav-item .icon-svg { color: inherit !important; }

/* --- Logo --- */
[data-theme="dark"] .logo { color: #ff5252 !important; background: none !important; -webkit-text-fill-color: initial !important; }

/* ==================== 按钮系统 — 透光玻璃风 ==================== */

/* 基础按钮圆角 */
[data-theme="dark"] .btn { border-radius: 8px !important; }

/* 主色按钮（gradient-purple / primary / submit）— 透光渐变 */
[data-theme="dark"] .btn-gradient-purple,
[data-theme="dark"] .btn-primary,
[data-theme="dark"] button[type="submit"] {
    background: linear-gradient(135deg, rgba(255,82,82,0.7) 0%, rgba(255,23,68,0.5) 100%) !important;
    border: 1px solid rgba(255,82,82,0.45) !important;
    color: #fff !important;
    backdrop-filter: blur(12px) !important;
    box-shadow: 0 0 10px rgba(255,82,82,0.25), inset 0 1px 0 rgba(255,255,255,0.15) !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3) !important;
}
[data-theme="dark"] .btn-gradient-purple:hover,
[data-theme="dark"] .btn-primary:hover {
    background: linear-gradient(135deg, rgba(255,100,100,0.85) 0%, rgba(255,23,68,0.7) 100%) !important;
    box-shadow: 0 0 20px rgba(255,82,82,0.4), inset 0 1px 0 rgba(255,255,255,0.2) !important;
    transform: translateY(-1px) !important;
}

/* 通用渐变按钮 */
[data-theme="dark"] .btn-gradient {
    background: linear-gradient(135deg, rgba(255,82,82,0.7) 0%, rgba(255,23,68,0.5) 100%) !important;
    border: 1px solid rgba(255,82,82,0.45) !important;
    color: #fff !important;
    backdrop-filter: blur(12px) !important;
    box-shadow: 0 0 10px rgba(255,82,82,0.25), inset 0 1px 0 rgba(255,255,255,0.15) !important;
}
[data-theme="dark"] .btn-gradient:hover {
    background: linear-gradient(135deg, rgba(255,100,100,0.85) 0%, rgba(255,23,68,0.7) 100%) !important;
    box-shadow: 0 0 20px rgba(255,82,82,0.4), inset 0 1px 0 rgba(255,255,255,0.2) !important;
}

/* 渐变青色按钮 */
[data-theme="dark"] .btn-gradient-cyan {
    background: linear-gradient(135deg, rgba(255,82,82,0.65) 0%, rgba(255,23,68,0.45) 100%) !important;
    color: #fff !important;
    border: 1px solid rgba(255,82,82,0.4) !important;
    backdrop-filter: blur(12px) !important;
    box-shadow: 0 0 10px rgba(255,82,82,0.25), inset 0 1px 0 rgba(255,255,255,0.15) !important;
}

/* Outline 按钮 — 微透光底 */
[data-theme="dark"] .btn-outline {
    background: rgba(255,82,82,0.06) !important;
    border: 1px solid rgba(255,82,82,0.25) !important;
    color: #ccc !important;
    backdrop-filter: blur(4px) !important;
}
[data-theme="dark"] .btn-outline:hover {
    border-color: rgba(255,82,82,0.55) !important;
    color: #ff8a80 !important;
    background: rgba(255,82,82,0.15) !important;
    box-shadow: 0 0 10px rgba(255,82,82,0.2) !important;
}

/* Danger outline 按钮 */
[data-theme="dark"] .btn-danger-outline {
    border: 1px solid rgba(255,82,82,0.3) !important;
    color: #ff8a80 !important;
    background: rgba(255,82,82,0.06) !important;
}
[data-theme="dark"] .btn-danger-outline:hover {
    border-color: rgba(255,82,82,0.6) !important;
    background: rgba(255,82,82,0.15) !important;
    box-shadow: 0 0 10px rgba(255,82,82,0.25) !important;
}

/* Link 按钮 */
[data-theme="dark"] .btn-link { color: #ff8a80 !important; }
[data-theme="dark"] .btn-link:hover { color: #ff5252 !important; }

/* ==================== 模式栏按钮 ==================== */
[data-theme="dark"] .synthesis-mode-bar { background: var(--bg-secondary) !important; border-bottom: 1px solid var(--border-color) !important; }
[data-theme="dark"] .mode-btn { color: var(--text-secondary) !important; border: 1px solid var(--border-color) !important; border-radius: 8px !important; font-size: 14px !important; padding: 8px 20px !important; background: transparent !important; }
[data-theme="dark"] .mode-btn:hover { border-color: rgba(255,82,82,0.4) !important; color: #ff8a80 !important; background: rgba(255,82,82,0.08) !important; }
[data-theme="dark"] .mode-btn.active {
    background: linear-gradient(135deg, rgba(255,82,82,0.7) 0%, rgba(255,23,68,0.5) 100%) !important;
    color: #fff !important;
    border: 1px solid rgba(255,82,82,0.45) !important;
    backdrop-filter: blur(10px) !important;
    box-shadow: 0 0 12px rgba(255,82,82,0.3), inset 0 1px 0 rgba(255,255,255,0.15) !important;
}

/* ==================== Tabs 标签 ==================== */
[data-theme="dark"] .tab, [data-theme="dark"] .card-tabs .tab { color: var(--text-secondary) !important; border: 1px solid var(--border-color) !important; border-radius: 8px !important; background: transparent !important; }
[data-theme="dark"] .card-tabs .tab:hover, [data-theme="dark"] .tab:hover { border-color: rgba(255,82,82,0.4) !important; color: #ff8a80 !important; background: rgba(255,82,82,0.06) !important; }
[data-theme="dark"] .card-tabs .tab.active, [data-theme="dark"] .tab.active {
    background: linear-gradient(135deg, rgba(255,82,82,0.65) 0%, rgba(255,23,68,0.45) 100%) !important;
    color: #fff !important;
    border: 1px solid rgba(255,82,82,0.4) !important;
    backdrop-filter: blur(8px) !important;
    box-shadow: 0 0 10px rgba(255,82,82,0.25), inset 0 1px 0 rgba(255,255,255,0.12) !important;
}

/* 任务tab按钮 */
[data-theme="dark"] .task-tab { color: #ccc !important; background: transparent !important; border: 1px solid rgba(255,82,82,0.15) !important; }
[data-theme="dark"] .task-tab:hover { color: #ff8a80 !important; background: rgba(255,82,82,0.08) !important; border-color: rgba(255,82,82,0.35) !important; }
[data-theme="dark"] .task-tab.active {
    background: linear-gradient(135deg, rgba(255,82,82,0.65) 0%, rgba(255,23,68,0.45) 100%) !important;
    color: #fff !important;
    border: 1px solid rgba(255,82,82,0.4) !important;
    backdrop-filter: blur(8px) !important;
    box-shadow: 0 0 10px rgba(255,82,82,0.25), inset 0 1px 0 rgba(255,255,255,0.12) !important;
}

/* ==================== 步骤条 ==================== */
[data-theme="dark"] .step { padding: 12px 20px !important; background: var(--bg-card) !important; border: 1px solid var(--border-color) !important; border-radius: 8px !important; }
[data-theme="dark"] .step:hover { border-color: rgba(255,82,82,0.3) !important; }
[data-theme="dark"] .step.active { background: rgba(255,82,82,0.08) !important; border-color: #ff5252 !important; box-shadow: 0 0 8px rgba(255,82,82,0.1) !important; }
[data-theme="dark"] .step-number { background: var(--bg-input) !important; border: 1px solid var(--border-color) !important; color: var(--text-secondary) !important; }
[data-theme="dark"] .step.active .step-number {
    background: linear-gradient(135deg, rgba(255,82,82,0.75) 0%, rgba(255,23,68,0.55) 100%) !important;
    color: #fff !important;
    border: 1px solid rgba(255,82,82,0.5) !important;
    backdrop-filter: blur(6px) !important;
    box-shadow: 0 0 8px rgba(255,82,82,0.3) !important;
}
[data-theme="dark"] .step-title { color: var(--text-secondary) !important; }
[data-theme="dark"] .step.active .step-title { color: #ff8a80 !important; }

/* ==================== 输入框 ==================== */
[data-theme="dark"] input, [data-theme="dark"] textarea, [data-theme="dark"] select { background: var(--bg-input) !important; border: 1px solid var(--border-color) !important; border-radius: 8px !important; color: var(--text-primary) !important; padding: 10px 14px !important; }
[data-theme="dark"] input:focus, [data-theme="dark"] textarea:focus, [data-theme="dark"] select:focus { border-color: #ff5252 !important; box-shadow: 0 0 0 2px rgba(255,82,82,0.25), 0 0 10px rgba(255,82,82,0.15) !important; outline: none !important; }
[data-theme="dark"] label { color: var(--text-secondary) !important; }
[data-theme="dark"] input[type="checkbox"], [data-theme="dark"] input[type="radio"] { accent-color: #ff5252 !important; }

/* ==================== 页面标题 ==================== */
[data-theme="dark"] .page-header h2 { font-size: 22px !important; font-weight: 700 !important; color: var(--text-primary) !important; border-bottom: 1px solid var(--border-color) !important; }

/* ==================== 模态框 ==================== */
[data-theme="dark"] .modal-overlay { background: rgba(10,10,10,0.8) !important; backdrop-filter: blur(4px) !important; }
[data-theme="dark"] .modal-content { background: var(--bg-card) !important; border: 1px solid var(--border-color) !important; border-radius: 16px !important; box-shadow: 0 8px 32px rgba(0,0,0,0.4) !important; }

/* ==================== 主题切换按钮 ==================== */
[data-theme="dark"] .theme-toggle { background: var(--bg-card) !important; border: 1px solid var(--border-color) !important; color: var(--text-secondary) !important; width: 40px !important; height: 40px !important; }
[data-theme="dark"] .theme-toggle:hover { border-color: #ff5252 !important; color: #ff5252 !important; }

/* ==================== 进度条/状态 ==================== */
[data-theme="dark"] .progress-bar {
    background: linear-gradient(135deg, rgba(255,82,82,0.75), rgba(255,23,68,0.55)) !important;
    backdrop-filter: blur(4px) !important;
    box-shadow: 0 0 8px rgba(255,82,82,0.3) !important;
}
[data-theme="dark"] .status-dot.running { background: var(--accent-green) !important; }
[data-theme="dark"] .status-text.running { background: rgba(0,230,118,0.15) !important; color: var(--accent-green) !important; }

[data-theme="dark"] .settings-group h3 { color: #ff5252 !important; }

/* ==================== 向导页/其他小元素 ==================== */
[data-theme="dark"] .wizard-header h1 .icon-svg { color: #ff5252 !important; }
[data-theme="dark"] .help-content .icon-svg { color: #ff5252 !important; }
[data-theme="dark"] .sidebar-header p { color: var(--text-secondary) !important; }
[data-theme="dark"] .sidebar-header .icon-svg { color: #ff5252 !important; }
[data-theme="dark"] .progress-step.active .step-number {
    background: linear-gradient(135deg, rgba(255,82,82,0.7), rgba(255,23,68,0.5)) !important;
    backdrop-filter: blur(6px) !important;
    border: 1px solid rgba(255,82,82,0.45) !important;
    box-shadow: 0 0 8px rgba(255,82,82,0.25) !important;
}
[data-theme="dark"] .checkbox-label input[type="checkbox"] { accent-color: #ff5252 !important; }

/* ==================== 下拉选择高亮 ==================== */
[data-theme="dark"] option:checked, [data-theme="dark"] option:hover { background: rgba(255,82,82,0.25) !important; }

/* ==================== 步骤高亮脉冲 ==================== */
@keyframes proStepPulse {
    0% { box-shadow: 0 0 0 0 rgba(255,82,82,0.35); border-color: rgba(255,82,82,0.5); }
    50% { box-shadow: 0 0 24px 8px rgba(255,82,82,0.3); border-color: rgba(255,82,82,0.9); }
    100% { box-shadow: 0 0 0 0 rgba(255,82,82,0.35); border-color: rgba(255,82,82,0.5); }
}
[data-theme="dark"] .pro-step-active { animation: proStepPulse 1.2s ease-in-out infinite !important; border-color: #ff5252 !important; border-width: 2px !important; box-shadow: 0 0 24px 8px rgba(255,82,82,0.3) !important; }

/* ==================== 滚动条 ==================== */
[data-theme="dark"] ::-webkit-scrollbar { width: 6px; height: 6px; }
[data-theme="dark"] ::-webkit-scrollbar-track { background: var(--bg-primary); }
[data-theme="dark"] ::-webkit-scrollbar-thumb { background: var(--border-color); border-radius: 4px; }
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: #ff5252 !important; }

/* ==================== 折叠面板 ==================== */
[data-theme="dark"] .compact-details summary { color: #ff5252 !important; }
[data-theme="dark"] .compact-details summary::before { color: #ff5252 !important; }

/* ==================== 滑块/范围输入 ==================== */
[data-theme="dark"] input[type="range"] { accent-color: #ff5252 !important; height: 22px !important; }
[data-theme="dark"] input[type="range"]::-webkit-slider-runnable-track { background: #ff5252 !important; opacity: 0.5 !important; border: none !important; border-radius: 4px !important; height: 6px !important; }
[data-theme="dark"] input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none !important; appearance: none !important; background: #ff5252 !important; border: 2px solid var(--bg-primary) !important; border-radius: 50% !important; width: 16px !important; height: 16px !important; cursor: pointer !important; margin-top: -5px !important; }

/* ==================== 分段控件/复选框 ==================== */
[data-theme="dark"] .toggle-label input[type="checkbox"] { accent-color: #ff5252 !important; }
[data-theme="dark"] .radio-row input[type="radio"] { accent-color: #ff5252 !important; }
[data-theme="dark"] .tag { border: 1px solid rgba(255,82,82,0.25) !important; color: #ccc !important; background: rgba(255,82,82,0.06) !important; }

/* ==================== 视频预览 ==================== */
[data-theme="dark"] .placeholder-box { border-color: transparent !important; }
[data-theme="dark"] .grid-preview:hover .placeholder-box { border-color: #ff5252 !important; }

/* ==================== 全局硬编码紫色覆盖 ==================== */
[data-theme="dark"] .pip-add-btn:hover { background: rgba(255,82,82,0.08) !important; }
[data-theme="dark"] .vse-template-item:hover { background: rgba(255,82,82,0.06) !important; }
[data-theme="dark"] .vse-template-item.selected { background: rgba(255,82,82,0.12) !important; box-shadow: 0 0 0 1px #ff5252 !important; }

/* ==================== 专注模式 ==================== */
.comfort-mode .btn-gradient-purple, .comfort-mode .btn-primary,
.comfort-mode .mode-btn.active { box-shadow: none !important; filter: brightness(0.7) !important; backdrop-filter: none !important; }
.comfort-mode input:focus { box-shadow: none !important; }
.comfort-mode .pro-step-active { box-shadow: none !important; animation: none !important; }

/* === 发布面板 - 红焰色系 === */
[data-theme="dark"] { --publish-c1: 214,57,58; --publish-c2: 255,87,34; --publish-c3: 255,152,0; }