/* news.css — 资讯栏目（列表 + 文章正文）
   复用 site.css 的 .block / .sec-head / .card / .grid / .faq-list / .lead 等类；
   本文件只补充资讯栏专属样式，保持与全站视觉一致。 */

/* ===== 资讯列表 ===== */
.news-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
  gap:24px;
  margin-top:20px;
}
.news-card{
  background:#fff;
  border:1px solid #e6e9ef;
  border-radius:14px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  box-shadow:0 2px 10px rgba(20,30,50,.04);
  transition:transform .2s ease, box-shadow .2s ease;
}
.news-card:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 24px rgba(20,30,50,.10);
}
.news-card .thumb{
  aspect-ratio:16/9;
  overflow:hidden;
  background:#eef3fb;
}
.news-card .thumb img{
  width:100%;height:100%;
  object-fit:cover;display:block;
}
.news-card .body{
  padding:16px 18px 20px;
  display:flex;flex-direction:column;flex:1;
}
.news-card .cat{
  font-size:12px;color:#0a6bd0;font-weight:700;letter-spacing:.04em;
}
.news-card h3{
  font-size:17px;margin:8px 0 8px;line-height:1.4;
}
.news-card h3 a{color:#1f2733;text-decoration:none}
.news-card h3 a:hover{color:#0a6bd0}
.news-card .excerpt{
  font-size:14px;color:#5b6675;line-height:1.7;flex:1;
}
.news-card .date{
  font-size:12.5px;color:#8a93a3;margin-top:14px;
}

/* ===== 文章正文 ===== */
.article{max-width:760px;margin:0 auto}
.article .post-meta{
  font-size:13.5px;color:#8a93a3;margin:6px 0 18px;
}
.article .lead{font-size:16px;color:#3a4453;line-height:1.85}
.article h2{font-size:21px;margin:32px 0 12px;line-height:1.4}
.article h3{font-size:17px;margin:22px 0 10px;line-height:1.4}
.article ul,.article ol{margin:10px 0 16px;padding-left:22px}
.article li{margin:6px 0}
.article figure{margin:22px 0}
.article figure img{
  width:100%;border-radius:10px;display:block;
}
.article figcaption{
  font-size:12.5px;color:#8a93a3;text-align:center;margin-top:8px;
}
.article .back-news{
  margin-top:30px;font-size:14px;
}
.article .back-news a{color:#0a6bd0;text-decoration:none}
.article .back-news a:hover{text-decoration:underline}

@media (max-width:620px){
  .news-grid{grid-template-columns:1fr;gap:18px}
}