@charset "utf-8";
/* ==========================================================
   应用领域列表页 独立样式
   ========================================================== */
.ap-sec{background:var(--bg-light);}
.ap-panel{display:none;}
.ap-panel.on{display:block;}

/* 领域抬头 */
.ap-head{display:flex;align-items:center;gap:14px;}
.ap-icon{width:44px;height:44px;flex:none;display:flex;align-items:center;justify-content:center;}
.ap-icon svg{width:40px;height:40px;fill:var(--ink);stroke:none;}
.ap-head h2{font-size:clamp(20px,2.4vw,30px);color:var(--ink);letter-spacing:4px;}
.ap-slogan{color:var(--blue);font-weight:700;font-size:clamp(15px,1.6vw,19px);line-height:1.7;margin:18px 0 30px;letter-spacing:1px;}

/* 案例卡片：参照新闻列表的三列网格（图在上、文在下） */
.ap-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.ap-case{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:.25s;}
.ap-case:hover{box-shadow:0 12px 26px rgba(15,45,90,.14);transform:translateY(-4px);}
/* 列表图改用 <img>（asp:Image）承载，不再走 data-slot 背景图；.img-slot 底色保留作缺图占位，object-fit:cover 等价原 background-size:cover */
.ap-case-img{height:200px;}
.ap-case-img img{width:100%;height:100%;object-fit:cover;display:block;}
.ap-case-info{flex:1;display:flex;flex-direction:column;padding:20px 22px 22px;}
.ap-case-info h3{font-size:16px;color:var(--ink);letter-spacing:1px;line-height:1.5;}
.ap-case-info > p{color:var(--muted);font-size:13px;line-height:1.8;margin:10px 0 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.ap-more{align-self:flex-start;margin-top:auto;background:var(--blue);color:#fff;border-radius:12px;padding:3px 22px;font-size:12px;letter-spacing:1px;transition:.25s;}
.ap-case:hover .ap-more{background:var(--orange);}

/* ---------- 自适应 ---------- */
@media (max-width:992px){
  .ap-cases{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:640px){
  .ap-cases{grid-template-columns:1fr;}
}