/* ============================================================
   AIPilot 工具页浅色科技风覆盖层
   用于统一覆盖工具页内联深色样式（!important 确保生效）
   设计语言与 css/site.css 一致：科技蓝 #4F6BFE · 浅色背景 · 大圆角
   ============================================================ */

/* 基础：浅色背景 + 深色文字 */
body {
    background: #F7F8FC !important;
    color: #0F172A !important;
}

/* 容器与导航 */
nav {
    background: rgba(255, 255, 255, 0.9) !important;
    border-bottom: 1px solid #E8EAF3 !important;
}

.logo {
    background: linear-gradient(135deg, #4F6BFE, #6E5BFF) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.nav-links a { color: #64748B !important; }
.nav-links a:hover, .nav-links a.active { color: #4F6BFE !important; }

.lang-switch {
    background: #fff !important;
    border: 1px solid #E8EAF3 !important;
}
.lang-switch button { color: #64748B !important; }
.lang-switch button.active { background: #4F6BFE !important; color: #fff !important; }

/* 面板与卡片 */
.panel, .card, .result-card, .step-card, .plan-card, .feature-box, .info-box, .copy-card, .tip-box {
    background: #FFFFFF !important;
    border: 1px solid #E8EAF3 !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 4px 12px rgba(15, 23, 42, 0.04) !important;
    border-radius: 16px !important;
}

/* 标题与文字 */
h1, h2, h3, h4, h5, .panel h3, .card h3, .step-card h3, .section-title {
    color: #0F172A !important;
    background: none !important;
    -webkit-text-fill-color: #0F172A !important;
}

p, li, label, .desc, .sub, .section-sub { color: #334155 !important; }
.text-muted, .muted, .hint, .placeholder { color: #64748B !important; }
small, .small, .tag { color: #64748B !important; }

/* 链接 */
a { color: #4F6BFE !important; }
a:hover { color: #3E56E8 !important; }

/* 输入框 */
input, select, textarea {
    background: #FFFFFF !important;
    border: 1.5px solid #E8EAF3 !important;
    color: #0F172A !important;
    border-radius: 10px !important;
}
input:focus, select:focus, textarea:focus {
    border-color: #4F6BFE !important;
    box-shadow: 0 0 0 3px rgba(79, 107, 254, 0.12) !important;
}
label { color: #334155 !important; }

/* 按钮 */
.btn { border-radius: 12px !important; }
.btn-primary {
    background: linear-gradient(135deg, #4F6BFE, #6E5BFF) !important;
    color: #fff !important;
}
.btn-accent {
    background: linear-gradient(135deg, #4F6BFE, #6E5BFF) !important;
    color: #fff !important;
}
.btn-outline {
    background: #fff !important;
    color: #4F6BFE !important;
    border: 1.5px solid #D4DCFF !important;
}

/* 徽章与标签 */
.chip { background: #fff !important; border-color: #E8EAF3 !important; color: #64748B !important; }
.chip:hover { border-color: #4F6BFE !important; color: #4F6BFE !important; }
.chip.active { background: #4F6BFE !important; color: #fff !important; }
.badge, .tag-badge { background: #EEF1FF !important; color: #4F6BFE !important; }

/* 表格 */
table { background: #fff !important; }
th { color: #0F172A !important; border-bottom: 1px solid #E8EAF3 !important; }
td { color: #334155 !important; border-bottom: 1px solid #F1F3FA !important; }
tr:hover td { background: #F7F8FC !important; }

/* 页脚 */
footer {
    background: #F7F8FC !important;
    border-top: 1px solid #E8EAF3 !important;
    color: #64748B !important;
}
footer a { color: #64748B !important; }

/* 通用深色值覆盖（各种可能出现的深色值） */
code, pre { background: #F7F8FC !important; color: #334155 !important; }
hr { border-color: #E8EAF3 !important; }
.divider { border-color: #E8EAF3 !important; }


/* ============================================================
   工具页深色类统一浅色化（79个类）
   ============================================================ */

/* 卡片/面板/区块：统一白底浅边 */
.panel, .guarantee-box, .m-val, .gbox, .k-val, .kpi-card, .prompt-card,
.type-card, .metric-card, .fill, .m-card, .engine-card, .feat, .api-card,
.code-block, .toast, .lang-chip, .cat-toggle, .stat-pill, .formula-card,
.tool-card, .cat, .tool, .module-card, .case-card, .email-item, .plan-section,
.count, .feedback-item, .summary-card, .mode-tab, .section-header, .result-card,
.config-block, .mem-card, .graph-node, .tag, .card, .model, .category-tag,
.buy-card, .report-preview, .ind-tag, .w-card, .cal-day, .topic-card,
.tool-chip, .cat-chip, .style-tag, .prompt-text, .param-chip, .btn-batch,
.scene-block, .scene-type, .stat-card, .badge-info, .metric-bar, .diag-card,
.scenario-card, .template-list, .t-card, .inc-card, .ind, .scene-card,
.tip-card, .flow-card, .metric, .k-card, .plat-tag, .f-card, .cat-card,
.feature-item {
    background: #FFFFFF !important;
    border-color: #E8EAF3 !important;
    color: #334155 !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 4px 12px rgba(15, 23, 42, 0.04) !important;
    border-radius: 16px !important;
}

/* 内部文字：标题深色、正文灰色 */
.scenario-card h3, .scenario-card h4, .template-list h3, .template-list h4,
.guarantee-box h3, .guarantee-box strong, .kpi-card .k-label, .metric-card .m-label,
.prompt-card h4, .type-card h3, .engine-card h3, .summary-card h3,
.plan-section h3, .case-card h3, .topic-card h3, .module-card h3,
.mem-card h3, .flow-card h3, .diag-card h3, .t-card h3, .stat-card .v {
    color: #0F172A !important;
}
.scenario-card p, .scenario-card .desc, .template-list p, .guarantee-box p,
.kpi-card .k-val, .metric-card .m-val, .prompt-card p, .type-card p,
.engine-card p, .summary-card p, .case-card p, .module-card p, .mem-card p,
.flow-card p, .diag-card p, .t-card p, .tip-card p, .inc-card p, .feature-item p {
    color: #334155 !important;
}

/* 激活/选中态：科技蓝强调（保留交互反馈） */
.active, .checked, .on, .selected, .chip.active, .cat-toggle.on, .mode-tab.on {
    background: #4F6BFE !important;
    color: #FFFFFF !important;
    border-color: #4F6BFE !important;
}
.active:hover, .on:hover {
    background: #3E56E8 !important;
    color: #FFFFFF !important;
}

/* 复制成功/绿色强调 → 保留绿色语义但提亮 */
.copied, .btn-green {
    background: #10B981 !important;
    color: #FFFFFF !important;
}

/* 次级按钮 */
.btn-secondary, .btn-export, .btn-batch {
    background: #FFFFFF !important;
    color: #4F6BFE !important;
    border: 1.5px solid #D4DCFF !important;
    border-radius: 10px !important;
}

/* 输入/文本区域深色覆盖 */
.code-block pre, .prompt-text, .config-block pre {
    background: #F7F8FC !important;
    color: #334155 !important;
}

/* ============================================================
   追加：工具页深色类统一浅色化（第2轮）
   ============================================================ */

/* 购买区/卡片/数据条等：白底浅边 */
.buy-section, .gauge-bar, .budget-bar, .persona-card, .testimonial,
.badge-warn, .metric-bad, .cta-box, .buy-card {
    background: #FFFFFF !important;
    border: 1px solid #E8EAF3 !important;
    color: #334155 !important;
    border-radius: 16px !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 4px 12px rgba(15, 23, 42, 0.04) !important;
}
/* buy-section 内部 */
.buy-section h2 { color: #0F172A !important; }
.buy-section .final-price, .buy-card .price, .buy-section .price { color: #4F6BFE !important; font-weight: 800 !important; }
.buy-section .includes, .buy-section p, .buy-card p { color: #334155 !important; }
.buy-section .includes { background: #F7F8FC !important; border-radius: 10px !important; padding: 12px 16px !important; }

/* 数据条/进度条：主色填充（保留语义） */
.gauge-bar, .budget-bar, .metric-bar { background: #EEF1FF !important; border-color: #E8EAF3 !important; color: #334155 !important; }
.gauge-bar .fill, .budget-bar .fill, .metric-bar .fill { background: linear-gradient(135deg, #4F6BFE, #6E5BFF) !important; }

/* 状态标签 */
.sev-low { background: #E7F9EF !important; color: #0F9D58 !important; }
.badge-warn { background: #FFF4E0 !important; color: #B45309 !important; }
.metric-bad { background: #FEE2E2 !important; color: #B91C1C !important; }
.off { background: #F1F3FA !important; color: #64748B !important; }
.accent { color: #6E5BFF !important; }

/* 生成按钮 */
.btn-gen {
    background: linear-gradient(135deg, #4F6BFE, #6E5BFF) !important;
    color: #FFFFFF !important;
    border-radius: 12px !important;
}