/* ===== index-home.css · 方向B 首页重构（2026-10-30）
   作用域：body.nh-page 下的 header.hd / main.nh / section.qa / footer
   原则：只做视觉与信息层级；不改表单 DOM、不改 JS 依赖的 id / name / 内联事件
   旧 CSS：index2.css + index1.css 仍加载（表单控件沿用其行为），本文件在其后覆盖
   ==================================================================== */
:root{
  --navy-900:#06182A;--navy-800:#0A2942;--navy-700:#0E3A5C;
  --accent:#38BDF8;--accent-2:#22D3EE;
  --cta:#C2410C;--cta-d:#9A3412;
  --bg:#F4F7FB;--ink:#0B1E33;--text:#3A4B5E;--muted:#6B7C8F;
  --line:#E3EAF2;--line-2:#CBD6E2;
  --r:8px;--r-md:12px;--r-lg:20px;
}
body.nh-page{background:var(--bg);color:var(--text);font-family:"Microsoft YaHei","微软雅黑",system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.6;margin:0;min-width:0!important}
body.nh-page *{box-sizing:border-box}
.nh-wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}

/* ---------- 顶部长文：视觉隐藏但保留（SEO 关键词密度） ---------- */
body.nh-page .toptext{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0;padding:0;border:0}

/* ---------- 头部 ---------- */
body.nh-page header.hd{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:30}
body.nh-page header.hd .nh-wrap{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:16px}
body.nh-page header.hd .hd-logo img{height:44px;width:auto;display:block}
body.nh-page header.hd nav.hd-nav{display:flex;align-items:center;gap:26px}
body.nh-page header.hd nav.hd-nav a{color:var(--text);font-size:15px;text-decoration:none;padding:6px 0}
body.nh-page header.hd nav.hd-nav a:hover{color:var(--accent,#0B6FB8)}
body.nh-page header.hd .hd-tel{color:var(--ink);font-weight:700;font-size:15px;white-space:nowrap}
body.nh-page header.hd .hd-tel small{display:block;font-weight:400;color:var(--muted);font-size:12px}

/* ---------- 英雄区（深色 + 悬浮查询卡） ---------- */
body.nh-page main.nh{display:block}
body.nh-page .hero{background:linear-gradient(160deg,#06182A 0%,#0A2942 55%,#0E3A5C 100%);color:#fff;padding:44px 0 64px;position:relative;overflow:hidden}
body.nh-page .hero::after{content:"";position:absolute;inset:auto -80px -120px auto;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.20),rgba(56,189,248,0) 70%);pointer-events:none}
body.nh-page .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 560px;gap:40px;align-items:start;position:relative;z-index:2}
body.nh-page .hero-l h1{font-size:34px;line-height:1.28;margin:0 0 14px;color:#fff;font-weight:700;letter-spacing:.5px}
body.nh-page .hero-l .lead{font-size:16px;line-height:1.8;color:#C7D7E6;margin:0 0 22px;max-width:36em}
body.nh-page .hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}
body.nh-page .hero-tags span{display:inline-block;padding:6px 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;font-size:13px;color:#DCE8F3;background:rgba(255,255,255,.06)}
body.nh-page .hero-note{font-size:13px;color:#8FA8BF;line-height:1.7;margin:0}

/* ---------- 查询卡（包住原 .chaxunbox，DOM 不动） ---------- */
body.nh-page .qcard{background:#fff;border-radius:var(--r-lg);box-shadow:0 24px 60px rgba(3,17,32,.35);padding:22px 22px 18px;color:var(--text)}
body.nh-page .qcard h2{font-size:18px;color:var(--ink);margin:0 0 12px;font-weight:700;text-align:left}
body.nh-page .chaxunbox{border:0!important;border-radius:0!important;margin-top:0!important;background:transparent!important;width:auto!important;padding:0!important;float:none!important}
body.nh-page .chaxunbox .box{margin:0!important}
body.nh-page .chaxunbox .inputbox{width:100%!important}
body.nh-page .chaxunbox .top2{width:auto!important;margin:0!important;display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px 10px;align-items:start}
body.nh-page .chaxunbox .leftbox,
body.nh-page .chaxunbox .rightbox{width:auto!important;float:none!important;display:contents}
body.nh-page .chaxunbox .provincesel,
body.nh-page .chaxunbox .hphmjc,
body.nh-page .chaxunbox .citysel,
body.nh-page .chaxunbox .hphmno,
body.nh-page .chaxunbox .hpzl,
body.nh-page .chaxunbox .engineno,
body.nh-page .chaxunbox .classno{margin:0 0 10px 0!important;width:auto!important;float:none!important;text-align:left}
body.nh-page .chaxunbox .hphmjc1,
body.nh-page .chaxunbox .hphmjc2{float:none!important;display:inline-block;vertical-align:middle}
body.nh-page .chaxunbox .citysel,
body.nh-page .chaxunbox .hphmno{margin-bottom:10px!important}
body.nh-page .chaxunbox select,
body.nh-page .chaxunbox input.myinput,
body.nh-page .chaxunbox input[type=text]{
  height:42px;border:1px solid var(--line-2);border-radius:var(--r);font-size:15px;color:var(--ink);
  background:#fff;padding:0 10px;outline:none;max-width:100%}
body.nh-page .chaxunbox select:focus,
body.nh-page .chaxunbox input[type=text]:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(56,189,248,.18)}
body.nh-page .chaxunbox .historylist{width:auto!important;min-height:0!important;font-size:13px;color:var(--muted);margin:0 0 8px}
body.nh-page .chaxunbox .querybtn{margin-top:6px!important;float:none!important}
body.nh-page .chaxunbox .linesarrow{display:none!important}
body.nh-page .chaxunbox .btnlist1,
body.nh-page .chaxunbox .btnlist2,
body.nh-page .chaxunbox .btnlist3{float:none!important;display:inline-block;margin:0 8px 8px 0}
body.nh-page .chaxunbox input.btn{min-width:150px;height:48px;border:0;border-radius:var(--r);background:var(--cta);color:#fff;font-size:16px;font-weight:700;cursor:pointer}
body.nh-page .chaxunbox input.btn:hover{background:var(--cta-d)}
body.nh-page .chaxunbox .safe-line{font-size:13px;color:var(--muted);margin:4px 0 0}

/* ---------- 问答区：18 条卡片化（DOM/链接/分页不变） ---------- */
body.nh-page .qa{padding:44px 0 12px}
body.nh-page .qa .middletitle{margin:0 0 18px}
body.nh-page .qa .middletext{font-size:22px;font-weight:700;color:var(--ink);display:block;text-align:left}
body.nh-page .qa .middlebox{background:transparent!important;border:0!important;width:auto!important;padding:0!important;margin:0 auto!important}
body.nh-page .qa .listbox{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:18px 18px 6px}
body.nh-page .qa ul.title_three{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
body.nh-page .qa ul.title_three li{list-style:none;padding:0!important;margin:0}
body.nh-page .qa ul.title_three li a{display:block!important;width:auto!important;padding:11px 13px;background:#F7FAFD;border:1px solid var(--line);border-radius:var(--r);color:#17304A!important;font-size:14px;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.nh-page .qa ul.title_three li a:hover{background:#EAF5FD;border-color:var(--accent);color:#0B6FB8!important}
body.nh-page .qa ul.pagination{margin:16px 0 0;display:flex;gap:8px;justify-content:center;list-style:none;padding:0}
body.nh-page .qa ul.pagination li a{display:inline-block;min-width:34px;height:34px;line-height:32px;text-align:center;border:1px solid var(--line-2);border-radius:var(--r);color:var(--text);font-size:14px;text-decoration:none}
body.nh-page .qa ul.pagination li.active a{background:var(--navy-800);border-color:var(--navy-800);color:#fff}

/* ---------- 页脚 ---------- */
body.nh-page .footer{background:var(--navy-900)!important;color:#9FB3C6!important;padding:28px 0!important;margin-top:36px}
body.nh-page .footer .footer-content{max-width:1200px;margin:0 auto;padding:0 24px;font-size:13px;line-height:1.9;color:#9FB3C6;text-align:left}
body.nh-page .footer .foot-menu{padding-top:8px!important;color:#8AA0B4}
body.nh-page .footer a{color:#CFE0EF!important;text-decoration:none}
body.nh-page .footer #beian{margin-top:6px;font-size:12px;color:#7C93A8}

/* ---------- 响应式 ---------- */
@media (max-width:1180px){
  body.nh-page .hero-grid{grid-template-columns:minmax(0,1fr) 500px;gap:28px}
  body.nh-page .hero-l h1{font-size:30px}
}
@media (max-width:980px){
  body.nh-page .hero-grid{grid-template-columns:1fr}
  body.nh-page .hero-l h1{font-size:27px}
  body.nh-page .qa ul.title_three{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  body.nh-page .nh-wrap{padding:0 16px}
  body.nh-page header.hd nav.hd-nav{display:none}
  body.nh-page .hero{padding:30px 0 44px}
  body.nh-page .hero-l h1{font-size:23px}
  body.nh-page .qcard{padding:16px;border-radius:var(--r-md)}
  body.nh-page .chaxunbox .top2{grid-template-columns:1fr}
  body.nh-page .chaxunbox input.btn{width:100%;margin:0 0 8px}
  body.nh-page .chaxunbox .btnlist1,
  body.nh-page .chaxunbox .btnlist2,
  body.nh-page .chaxunbox .btnlist3{display:block;margin:0 0 8px}
  body.nh-page .qa ul.title_three{grid-template-columns:1fr}
}

/* ===== v3 精简版 2026-10-30 21:40（首页专属，作用域 body.nh-page → 文章页零影响） =====
   目标：可见控件只留 省/字母/车牌/城市/号牌种类，单一「立即查询」满宽居中
   两行：第一行 省+字母+车牌；第二行 城市+号牌种类 */
body.nh-page .chaxunbox .engineno,
body.nh-page .chaxunbox .classno{display:none!important}
body.nh-page .chaxunbox .inputbox{display:flex!important;flex-wrap:wrap;gap:10px;align-items:flex-start}
body.nh-page .chaxunbox .top2{display:contents!important}
body.nh-page .chaxunbox .provincesel{flex:0 0 96px;order:1;margin:0!important}
body.nh-page .chaxunbox .hphmjc{flex:0 0 68px;order:2;margin:0!important}
body.nh-page .chaxunbox .hphmno{flex:1 1 120px;min-width:0;order:3;margin:0!important}
body.nh-page .chaxunbox .hphmno input{width:100%!important;box-sizing:border-box}
body.nh-page .chaxunbox select{width:100%!important;box-sizing:border-box}
body.nh-page .chaxunbox .citysel{flex:1 1 45%;min-width:0;order:4;margin:0!important}
body.nh-page .chaxunbox .hpzl{flex:1 1 45%;min-width:0;order:5;margin:0!important}
body.nh-page .chaxunbox .querybtn{margin:6px 0 0!important;float:none!important;text-align:center;clear:both}
body.nh-page .chaxunbox .querybtn .linesarrow{display:none}
body.nh-page .chaxunbox .querybtn .btnlist1{width:100%!important;margin:0!important;float:none!important;display:block}
body.nh-page .chaxunbox .querybtn input.btn{width:100%!important;min-width:0;height:52px;margin:0!important;
  font-size:18px;letter-spacing:1px;border-radius:10px}
@media (max-width:640px){
  body.nh-page .chaxunbox .provincesel{flex:0 0 86px}
  body.nh-page .chaxunbox .hphmjc{flex:0 0 58px}
  body.nh-page .chaxunbox .citysel,
  body.nh-page .chaxunbox .hpzl{flex:1 1 45%}
}


/* ===== 移动端横向溢出修复（2026-10-30 主我加；仅首页作用域，勿挪到共用 css） ===== */
@media (max-width:768px){
  body.nh-page .middletitle,
  body.nh-page .middletext,
  body.nh-page .shadow{width:auto!important;min-width:0!important;max-width:100%!important;}
  body.nh-page .footer-content,
  body.nh-page .foot-menu,
  body.nh-page .footer-content > div{width:auto!important;min-width:0!important;max-width:100%!important;}
}


/* ===== v3.1 输入区一体化（2026-10-30 21:40 主我改；老板口径：粤 A XT134 小型汽车 → 立即查询）===== */
/* 城市选择不再显示（保留 DOM 与默认值，避免 js 取值断链） */
body.nh-page .chaxunbox .citysel{display:none!important}
/* 字母两级下拉不再挤成小方块：给足宽度，两个并排 */
body.nh-page .chaxunbox .hphmjc{display:flex!important;gap:6px;align-items:center}
body.nh-page .chaxunbox .hphmjc1,
body.nh-page .chaxunbox .hphmjc2{flex:1 1 0!important;min-width:52px!important;width:auto!important;margin:0!important;float:none!important}
body.nh-page .chaxunbox .hphmjc1>select,
body.nh-page .chaxunbox .hphmjc2>select{width:100%!important}

@media (min-width:641px){
  body.nh-page .chaxunbox .inputbox{flex-wrap:nowrap!important}
  body.nh-page .chaxunbox .provincesel{flex:0 0 92px!important}
  body.nh-page .chaxunbox .hphmjc{flex:0 0 124px!important}
  body.nh-page .chaxunbox .hphmno{flex:1 1 140px!important}
  body.nh-page .chaxunbox .hpzl{flex:0 0 132px!important}
}


/* ===== v3.2 车友问答列表：不截断、排版成网格（2026-10-30 主我；仅首页作用域） ===== */
body.nh-page .qa-box .middletitle{text-align:left!important;margin-bottom:10px}
body.nh-page .qa-box .middletext{font-size:20px;font-weight:700}
body.nh-page .qa-box .listbox{width:auto!important;max-width:100%;padding:0 2px}
body.nh-page .qa-box .title_three{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px;margin:0!important;padding:0!important;list-style:none}
body.nh-page .qa-box .title_three>li{float:none!important;width:auto!important;margin:0!important;display:block}
body.nh-page .qa-box .title_three>li>a{display:block!important;width:auto!important;max-width:100%;
  white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
  line-height:1.45!important;padding:9px 12px!important;border:1px solid var(--line-2);border-radius:8px;
  background:#fbfcfe;color:var(--text);font-size:14px;word-break:break-word;box-sizing:border-box}
body.nh-page .qa-box .title_three>li>a:hover{background:#f2f7ff;border-color:#bcd4ff;color:#0a5bd3}
@media (max-width:900px){body.nh-page .qa-box .title_three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){body.nh-page .qa-box .title_three{grid-template-columns:1fr}}


/* ===== v3.3 省份选择也去掉（2026-10-30 21:41 主我；老板口径：粤 A XT134 小型汽车 → 立即查询）===== */
body.nh-page .chaxunbox .provincesel{display:none!important}
@media (min-width:641px){
  body.nh-page .chaxunbox .hphmjc{flex:0 0 132px!important}
  body.nh-page .chaxunbox .hphmno{flex:1 1 160px!important}
  body.nh-page .chaxunbox .hpzl{flex:0 0 140px!important}
}


/* ===== v3.4 车牌号输入框加宽 + 号牌种类收窄（2026-10-30 21:44 主我） ===== */
@media (min-width:641px){
  body.nh-page .chaxunbox .hphmjc{flex:0 0 116px!important}
  body.nh-page .chaxunbox .hphmno{flex:1 1 240px!important;min-width:180px!important}
  body.nh-page .chaxunbox .hpzl{flex:0 0 124px!important}
}
body.nh-page .chaxunbox .hphmno input{width:100%!important;min-width:0!important;padding:0 12px!important}


/* ===== v3.5 输入控件同一高度、同一基线（2026-10-30 21:46 主我） ===== */
body.nh-page .chaxunbox .inputbox{align-items:center!important}
body.nh-page .chaxunbox .provincesel,
body.nh-page .chaxunbox .hphmjc,
body.nh-page .chaxunbox .hphmjc1,
body.nh-page .chaxunbox .hphmjc2,
body.nh-page .chaxunbox .citysel,
body.nh-page .chaxunbox .hphmno,
body.nh-page .chaxunbox .hpzl{margin:0!important;padding:0!important;float:none!important;height:44px!important;display:flex!important;align-items:center}
body.nh-page .chaxunbox .hphmjc1>select,
body.nh-page .chaxunbox .hphmjc2>select,
body.nh-page .chaxunbox .hphmno>input,
body.nh-page .chaxunbox .hpzl>select{height:44px!important;line-height:42px!important;padding:0 10px!important;box-sizing:border-box!important;margin:0!important;font-size:15px!important}


/* ===== v3.5b 修正：省份/城市仍隐藏（v3.5 的 display:flex 覆盖了隐藏，此处夺回） ===== */
body.nh-page .chaxunbox .provincesel,
body.nh-page .chaxunbox .citysel{display:none!important}


/* ===== v3.6 车牌号输入文字必须黑色（原 JS 会把空值刷成 #ccc，行内样式需 !important 压过）===== */
body.nh-page .chaxunbox .hphmno>input#my_cphm{color:#111!important;caret-color:#111}
body.nh-page .chaxunbox .hphmno>input#my_cphm::placeholder{color:#9aa4b2!important;opacity:1}


/* ===== v3.7 问答区：标题不压蓝条 + 网格密排不留空洞（2026-10-30 22:03 主我） ===== */
body.nh-page .qa-box{margin-top:22px!important}
body.nh-page .qa-box .middletitle{margin:0 0 14px!important;padding-top:6px!important}
body.nh-page .qa-box .title_three{grid-auto-flow:row dense;row-gap:10px!important}
body.nh-page .qa-box .title_three>li{align-self:stretch}
body.nh-page .qa-box .title_three>li>a{min-height:100%;height:auto!important;display:flex!important;align-items:center;justify-content:center;text-align:center!important}