@charset "utf-8";
/* ==========================================================
   应用案例详情页 独立样式
   ========================================================== */
.apd-sec{background:var(--bg-light);}
.apd-wrap{max-width:min(1000px,92%);}

/* 领域抬头 */
.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,28px);color:var(--ink);}

.apd-title{font-size:clamp(18px,2.2vw,26px);color:var(--ink);margin:22px 0 10px;}
.apd-desc{color:var(--muted);font-size:13px;line-height:1.9;margin-bottom:26px;}

/* 主图：悬停浮出 MORE */
.apd-main{position:relative;display:block;height:clamp(300px,44vw,620px);background-size:cover;background-position:center;}
.apd-hover{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--blue);color:#fff;border-radius:14px;padding:6px 30px;font-size:13px;opacity:0;transition:.3s;}
.apd-main:hover .apd-hover{opacity:1;}

/* 正文：内容来自后台编辑器，统一用 .appdetail 下裸标签(h3/h4/p/table/ol/ul/li/img/strong)，不用 class 与 div */
.appdetail{color:var(--muted);font-size:14px;line-height:1.9;}
/* h3=橙条小节标题（复刻子页公共 .bar-title，避免改动公共样式） */
.appdetail h3{display:flex;align-items:center;gap:10px;font-size:clamp(17px,1.8vw,21px);color:var(--ink);margin:36px 0 16px;}
.appdetail h3::before{content:"";flex:none;width:4px;height:20px;background:var(--orange);}
/* h4=蓝色子标题 */
.appdetail h4{color:var(--blue);font-size:15px;margin:16px 0 4px;}
/* p=正文段落 */
.appdetail p{margin:0 0 10px;}
/* 参数表（原 .apd-table） */
.appdetail table{width:100%;border-collapse:collapse;font-size:13px;margin:6px 0 12px;}
.appdetail th,.appdetail td{border:1px solid var(--line);background:#fff;padding:10px 14px;text-align:left;color:#3c4a5c;font-weight:400;}
.appdetail th{background:#f2f5f9;color:var(--ink);}
/* 列表 */
.appdetail ol,.appdetail ul{padding-left:20px;margin:0 0 12px;font-size:13px;line-height:2;}
.appdetail li{margin-bottom:4px;}
/* 图片：居中自适应 */
.appdetail img{display:block;width:100%;height:auto;margin:10px auto;}
/* 加粗（b 用 strong 替换） */
.appdetail strong{font-weight:700;color:var(--ink);}

/* 现场图集 */
.apd-gals{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px;}
.apd-gals .img-slot{height:clamp(200px,26vw,360px);background-size:cover;background-position:center;}

/* ---------- 自适应 ---------- */
@media (max-width:768px){
  .apd-gals{grid-template-columns:1fr;}
  .appdetail table{display:block;overflow-x:auto;}
}