/* =========================================================
   400keji.com · 明亮通透主题覆盖层（Direction A）
   仅用 !important 覆盖原深色硬编码色，原文件不动，可一键回滚
   ========================================================= */
:root{
  --bg:#f4f8fd; --bg2:#eaf1fb; --card:#ffffff; --line:#dce4f0;
  --gold:#e63946; --blue:#185FA5; --ink:#16233a; --gray:#5b6b83;
}
body{color:var(--ink);background:var(--bg)}
a{color:inherit}

/* 顶栏 + 导航 */
.topbar{background:#ffffff;border-bottom:1px solid var(--line)}
.logo{color:#16233a}
.tel{color:var(--gray)} .tel b{color:var(--gold)}
nav{background:#ffffff;border-bottom:1px solid var(--line)}
nav a{color:#16233a}
nav a:hover,nav a.active{color:#185FA5}
nav .navdd>a{color:#16233a}
nav .navdd>a:hover{color:#185FA5}
nav .navdd-menu{background:#ffffff;border:1px solid var(--line)}
nav .navdd-menu a{color:#16233a}
nav .navdd-menu a:hover{background:rgba(24,95,165,.08);color:#185FA5}
.city-select{color:#16233a;background:#fff;border-color:var(--line)}

/* 英雄区：标题压图 banner（图在 ::after 内联，此处只管底色与文字） */
.hero{background:linear-gradient(135deg,#e3edfb,#eaf1fb)!important}
.hero h1,.hero p,.hero .tag,.hero .hero-text{color:#fff!important}
.hero .tag{border-color:rgba(255,255,255,.7)!important}
.hero h1 em{color:#ffd9a0}

/* 按钮 */
.btn.ghost{color:#16233a;border-color:var(--line)}
.btn.ghost:hover{border-color:var(--gold);color:var(--gold)}

/* 白底卡片里的白字改深字（通用 + 内容页） */
.card h3,.svc-t,.pv-hd,.pcard .pt b,.step h4,.fq b,.cta h2,.city-local .sec-t,
.article h2,.article h3,.rel .grid .card h3 a,.toc a,.note,.story-local{color:#16233a!important}
.sec-t{color:#16233a}

/* 页脚 */
footer{background:#f4f8fd;color:#5b6b83;border-top:1px solid var(--line)}
.foot h4{color:var(--gold)}
.foot a{color:#5b6b83}
.foot a:hover{color:#185FA5}
.cp{color:#8a96a8;border-top:1px solid #dce4f0}
.foot-guide a{color:#5b6b83}
.foot-guide a:hover{color:#185FA5}

/* 城市栏 / 城市条 */
.citybar{background:rgba(24,95,165,.06);border-color:#dce4f0}
.citybar-hd{color:#5b6b83}
.citybar-toggle{border-color:#dce4f0}
.citybar-bd a{color:#5b6b83;background:#fff;border-color:#dce4f0}
.citybar-bd a:hover{border-color:var(--gold);color:#185FA5}
.city-bar{background:rgba(24,95,165,.06);border-bottom:1px solid rgba(24,95,165,.25);color:#5b6b83}
.city-bar b{color:var(--gold)}
.city-bar a{color:var(--gold)}
.city-bar span{color:var(--gray)}

/* 城市本地化区 + CTA */
.city-local{background:linear-gradient(180deg,var(--bg2),var(--bg))!important}
.city-local .cl-promise{background:#fff5e1!important;border:1px solid #f0c36c!important;color:#7a4f00!important}
.cta{background:linear-gradient(180deg,#eaf1fb,#f4f8fd)!important}
.cta h2{color:#16233a!important}

/* 案例卡片亮色覆盖（适配 case/index.html 深色硬编码） */
.case{background:#ffffff!important;border:1px solid #dce4f0!important;box-shadow:0 2px 8px rgba(24,95,165,.06)!important}
.case:hover{transform:translateY(-4px)!important;border-color:#185FA5!important;box-shadow:0 12px 32px rgba(24,95,165,.12)!important}
.case .ph{background:#eaf1fb!important;background-image:none!important}
.case .ov{background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.25) 55%,rgba(255,255,255,.96) 100%)!important}
.case .pill{color:#185FA5!important;border-color:rgba(24,95,165,.35)!important;background:rgba(255,255,255,.9)!important}
.case .ct b{color:#16233a!important}
.case .ct p{color:#5b6b83!important}
.case .more{color:#185FA5!important}
.case .more:hover{color:#e63946!important}

/* 案例详情页亮色覆盖 */
.case-cover{background:#ffffff!important;border:1px solid #dce4f0!important;box-shadow:0 2px 8px rgba(24,95,165,.06)!important}
.case-cover-ov{background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.35) 55%,rgba(255,255,255,.96) 100%)!important}
.case-pill{color:#185FA5!important;border-color:rgba(24,95,165,.35)!important;background:rgba(255,255,255,.9)!important}
.case-cover-t{color:#16233a!important}
.art-body{color:#5b6b83!important}
.art-body h2,.art-body h3{color:#16233a!important}
.back{color:#185FA5!important;border-color:rgba(24,95,165,.35)!important}
.back:hover{background:rgba(24,95,165,.08)!important}

/* ===== FAQ 详情页（/faq/）亮色覆盖 =====
   原模板大量硬编码深色（#0e1d36 卡片 / #fff 标题），明亮主题下会
   出现「白字压浅底 / 深字压深底」导致常见问题文字看不见，需逐个翻白 */
.faq-hero h1,.faq-hero p{color:#16233a!important}
.faq-tools input{background:#ffffff!important;color:#16233a!important;border:1px solid #dce4f0!important}
.faq-tools input::placeholder{color:#9fb1cc!important}
.faq-count{color:#e63946!important}
.faq-group{background:#ffffff!important;border:1px solid #dce4f0!important}
.faq-group>summary{color:#16233a!important;font-weight:700!important}
.faq-group>summary::after{color:#185FA5!important}
.faq details.fq{background:#ffffff!important;border:1px solid #dce4f0!important}
.faq details.fq>summary{color:#16233a!important}
.faq details.fq>summary::after{color:#185FA5!important}
.faq details.fq b{color:#16233a!important}
.fa{color:#5b6b83!important}
.faq-more{color:#185FA5!important}
.city-sw{background:#ffffff!important;border:1px solid #dce4f0!important}
.city-sw>summary{color:#16233a!important}
.city-sw>summary::after{color:#185FA5!important}
.city-grid a{color:#5b6b83!important;border-color:#dce4f0!important}
.city-grid a:hover{color:#185FA5!important;border-color:#185FA5!important}
.city-grid a.cur{background:#e63946!important;color:#ffffff!important;border-color:#e63946!important}
.breadcrumb{color:#5b6b83!important}
.breadcrumb a{color:#5b6b83!important}
.breadcrumb a:hover{color:#185FA5!important}
.foot{color:#5b6b83!important;border-top:1px solid #dce4f0!important}
.foot a{color:#e63946!important}