/* 51学通信 · AI工坊 - 全站统一深色主题覆盖 */

/* === 统一色板 === */
:root {
    --uni-bg: #0a0f1e;
    --uni-bg2: #111827;
    --uni-card: #1a2236;
    --uni-card-h: #1f2b45;
    --uni-text: #f0f4f8;
    --uni-text2: #94a3b8;
    --uni-text3: #64748b;
    --uni-blue: #3b82f6;
    --uni-purple: #8b5cf6;
    --uni-green: #10b981;
    --uni-orange: #f59e0b;
    --uni-cyan: #06b6d4;
    --uni-border: #1e293b;
    --uni-gradient: linear-gradient(135deg, #3b82f6, #8b5cf6);
}

/* === 全局背景 === */
body {
    background: var(--uni-bg) !important;
    color: var(--uni-text) !important;
    padding-top: 56px !important;
}

/* === 通用卡片覆盖 === */
.card, .input-panel, .output-panel, .result-card, .error-card,
.settings-panel, .section, .section-body, .tips-card,
.progress-card, .loading-card, .chat-container, .sidebar-panel {
    background: var(--uni-card) !important;
    color: var(--uni-text) !important;
    border-color: var(--uni-border) !important;
}

/* === 输入框/选择框深色 === */
input, select, textarea {
    background: var(--uni-bg2) !important;
    color: var(--uni-text) !important;
    border-color: var(--uni-border) !important;
}
input:focus, select:focus, textarea:focus {
    border-color: var(--uni-blue) !important;
    outline: none !important;
}
input::placeholder, textarea::placeholder {
    color: var(--uni-text3) !important;
}

/* === 标签/辅助文字 === */
label, .hint, .subtitle, .header-sub, .result-meta {
    color: var(--uni-text2) !important;
}

/* === 按钮主色 === */
.btn-primary, .btn-p {
    background: var(--uni-gradient) !important;
    color: #fff !important;
    border: none !important;
}

/* === 链接 === */
a { color: var(--uni-blue); }
a:hover { color: var(--uni-purple); }

/* === PPT生成器特有覆盖 === */
.header {
    background: var(--uni-bg2) !important;
    border-bottom: 1px solid var(--uni-border) !important;
}
.header-title, .logo h1, .header h1 {
    color: var(--uni-text) !important;
}
.header-actions a { color: var(--uni-text2) !important; }

/* === 聊天(QA)特有 === */
.chat-messages { background: var(--uni-bg) !important; }
.user-msg { background: rgba(59,130,246,.15) !important; }
.ai-msg { background: var(--uni-card) !important; }
.chat-input-area {
    background: var(--uni-bg2) !important;
    border-top: 1px solid var(--uni-border) !important;
}
.chat-input-area textarea {
    background: var(--uni-card) !important;
    color: var(--uni-text) !important;
}

/* === 登录页覆盖 === */
.login-container, .container {
    /* 保持居中布局 */
}

/* === 用户中心覆盖 === */
.navbar {
    background: var(--uni-bg2) !important;
    border-bottom: 1px solid var(--uni-border) !important;
}
.info-grid { color: var(--uni-text2) !important; }
.section-header {
    color: var(--uni-text) !important;
    border-color: var(--uni-border) !important;
}

/* === 滚动条 === */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--uni-bg); }
::-webkit-scrollbar-thumb { background: var(--uni-border); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--uni-text3); }

/* === 移动端 === */
@media (max-width: 768px) {
    body { padding-top: 56px !important; }
}
