/* ============================================================
   补齐样式：首页 / 文章页使用 v2.css，但这两个页面里有少量
   沿用 style.css 的类名（container / scene / bottom）未定义，
   会导致内容贴浏览器左边、卡片退化为纯文字。此处只补缺失部分，
   不覆盖 v2.css 已有的任何规则。
   ============================================================ */

/* ---- 首页「四大核心卖点」卡片网格 ---- */
#why .whygrid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
}
#why .sechead{margin-bottom:48px}
#why .whycard{
  background:#fff;
  border:1px solid #E4E8EC;
  border-radius:14px;
  padding:30px 26px;
  transition:border-color .25s,transform .25s;
}
#why .whycard:hover{border-color:#C9D8E6;transform:translateY(-3px)}
#why .whycard h3{
  font-size:19px;
  font-weight:800;
  line-height:1.45;
  color:#0B1F33;
  margin-bottom:10px;
}
#why .whycard p{font-size:14.5px;line-height:1.85;color:#6E7C8A}
#why .whycard b{color:#0B1F33}

/* ---- 页脚备案号条 ---- */
footer .bottom{
  margin-top:40px;
  padding-top:22px;
  border-top:1px solid #E4E8EC;
  font-size:12.5px;
  color:#9AA6B1;
  text-align:center;
}
footer .bottom a{color:#9AA6B1;text-decoration:none}
footer .bottom a:hover{color:#12558F}

/* ---- 响应式 ---- */
@media (max-width:1020px){
  #why .whygrid{grid-template-columns:repeat(2,1fr);gap:18px}
  #why .sechead{margin-bottom:36px}
}
@media (max-width:640px){
  #why .whygrid{grid-template-columns:1fr;gap:14px}
  #why .whycard{padding:24px 20px}
  /* 窄屏时标题区改单列，避免主标题被挤出屏幕 */
  #why .sechead{display:block;margin-bottom:28px}
  #why .sechead .no{margin-bottom:10px}
  #why .sechead h2{font-size:26px;line-height:1.35;margin-top:0}
  #why .sechead .sub{font-size:14.5px;margin-top:10px}
}