/* ============================================================
   info.css · 资讯/政策静态页族（通知公告、政策法规、行业
   动态、考证经验、安全知识、河南政策汇总、培训动态）
   布局：Hero + 精选大卡 + 文章网格 + 标签行 + 声明条
   ============================================================ */

/* ---------- Hero ---------- */
.hero-info{ min-height:430px; padding:170px 0 80px; }
.hero-info .hi-inner{ display:flex; align-items:flex-end; justify-content:space-between; gap:30px; }
.hero-info h1{ color:#FFF; margin-bottom:14px; text-shadow:0 2px 16px rgba(0,0,0,.22); }
.hero-info p{ color:rgba(255,255,255,.88); max-width:600px; font-size:15px; }
.hero-info .hi-meta{ display:flex; gap:10px; flex-wrap:wrap; }
.hero-info .hi-meta span{ display:inline-flex; align-items:center; gap:7px; padding:8px 16px; border-radius:999px; background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.28); color:#FFF; font-size:13px; font-weight:600; backdrop-filter:blur(6px); }
.hero-info .hi-meta svg{ color:#F5E3B3; }

/* ---------- 精选大卡 ---------- */
.feat-card{
  background:#FFF; border:1px solid var(--line); border-radius:24px; overflow:hidden;
  box-shadow:var(--shadow-l); display:grid; grid-template-columns:1.2fr 1fr; margin-bottom:44px;
}
.feat-card .fc-img{ min-height:300px; position:relative; overflow:hidden; }
.feat-card .fc-img img{ width:100%; height:100%; object-fit:cover; transition:transform .6s; }
.feat-card:hover .fc-img img{ transform:scale(1.05); }
.feat-card .fc-body{ padding:36px 38px; display:flex; flex-direction:column; }
.feat-card .fc-body .tag{ align-self:flex-start; margin-bottom:16px; }
.feat-card .fc-body h2{ font-size:22px; margin-bottom:12px; }
.feat-card .fc-body p{ font-size:14px; flex:1; }
.feat-card .fc-body .fc-foot{ display:flex; justify-content:space-between; align-items:center; margin-top:20px; font-size:13px; color:var(--ink-3); }
.feat-card .fc-body .fc-foot a{ color:var(--amber); font-weight:600; }

/* ---------- 文章网格 ---------- */
.art-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.art-card{
  background:#FFF; border:1px solid var(--line); border-radius:22px; overflow:hidden;
  box-shadow:var(--shadow-c); transition:transform .35s,box-shadow .35s; display:flex; flex-direction:column;
}
.art-card:hover{ transform:translateY(-7px); box-shadow:var(--shadow-l); }
.art-card .ac-img{ height:190px; overflow:hidden; position:relative; }
.art-card .ac-img img{ width:100%; height:100%; object-fit:cover; transition:transform .6s; }
.art-card:hover .ac-img img{ transform:scale(1.07); }
.art-card .ac-img .tag{ position:absolute; left:14px; top:14px; }
.art-card .ac-body{ padding:20px 22px 24px; flex:1; display:flex; flex-direction:column; }
.art-card .ac-body h3{ font-size:16px; margin-bottom:10px; }
.art-card .ac-body p{ font-size:13.5px; flex:1; }
.art-card .ac-body .ac-foot{ display:flex; justify-content:space-between; margin-top:16px; font-size:12.5px; color:var(--ink-3); }
.art-card .ac-body .ac-foot a{ color:var(--amber); font-weight:600; }

/* ---------- 标签行 ---------- */
.tag-row{ display:flex; gap:12px; flex-wrap:wrap; justify-content:center; }
.tag-row a{ padding:9px 20px; border-radius:999px; background:#FFF; border:1.5px solid var(--line); font-size:13.5px; font-weight:600; color:var(--ink-2); transition:all .3s; }
.tag-row a:hover{ border-color:var(--amber); color:var(--amber); transform:translateY(-2px); }

/* ---------- 声明条 ---------- */
.note-band{ background:#FFF; border:1px solid var(--line); border-left:5px solid var(--amber); border-radius:16px; padding:20px 26px; box-shadow:var(--shadow-c); font-size:13.5px; color:var(--ink-2); display:flex; gap:12px; align-items:flex-start; }
.note-band svg{ flex:none; margin-top:4px; color:var(--amber); }

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .feat-card{ grid-template-columns:1fr; }
  .art-grid{ grid-template-columns:1fr 1fr; }
}
@media (max-width:640px){
  .art-grid{ grid-template-columns:1fr; }
  .hero-info{ padding:130px 0 60px; }
  .hero-info .hi-inner{ flex-direction:column; align-items:flex-start; }
  .feat-card .fc-body{ padding:24px 22px; }
}