@charset "utf-8";
/* ==========================================================
   案例列表页 / 内容详情页 专用样式  2026-10-09
   依赖 page.css 的 .pg-* 基础
   ========================================================== */

/* ---------- 列表页：导语 ---------- */
.lst-lead{
  margin:0 0 32px;padding:20px 24px;
  background:#f4f9f5;border-left:4px solid var(--lg-green,#118c3c);
  border-radius:0 6px 6px 0;
  font-size:15px;line-height:1.95;color:#55605a;
}

/* ---------- 列表页：卡片网格 ---------- */
.lst-grid{
  list-style:none;margin:0 -12px;padding:0;
  display:flex;flex-wrap:wrap;
}
.lst-grid li{width:50%;padding:0 12px;margin-bottom:24px;}
.lst-card{
  display:block;height:100%;text-decoration:none;overflow:hidden;
  background:#fff;border:1px solid var(--lg-line,#e8ece9);
  border-radius:6px;
  box-shadow:0 4px 18px rgba(28,60,40,.04);
  transition:transform .3s,box-shadow .3s,border-color .3s;
}
.lst-card:hover{
  transform:translateY(-5px);
  border-color:#cfe3d6;
  box-shadow:0 14px 34px rgba(28,60,40,.12);
}
.lst-thumb{
  position:relative;height:196px;overflow:hidden;
  background:#0a5c28;
}
.lst-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.lst-thumb:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(6,64,29,0) 45%,rgba(6,64,29,.7) 100%);
}
.lst-tag{
  position:absolute;left:16px;bottom:14px;z-index:2;
  padding:5px 14px;border-radius:100px;
  background:#7ec73e;color:#06401d;
  font-size:12.5px;font-weight:700;letter-spacing:1px;
}
.lst-body{padding:22px 24px 26px;}
.lst-body h4{
  margin:0 0 10px;font-size:18px;font-weight:700;
  color:#1c2520;letter-spacing:.5px;line-height:1.5;
}
.lst-body p{
  margin:0 0 16px;font-size:14px;line-height:1.9;color:#8b968f;
}
.lst-more{
  display:inline-flex;align-items:center;gap:8px;
  font-size:13.5px;color:#118c3c;letter-spacing:1px;
}
.lst-more:after{
  content:"";width:16px;height:1px;background:#118c3c;transition:width .25s;
}
.lst-card:hover .lst-more:after{width:30px;}

/* ---------- 列表页：底部转化 ---------- */
.lst-cta{
  margin-top:16px;padding:26px 30px;border-radius:6px;
  background:#f4f9f5;
  display:flex;align-items:center;justify-content:space-between;
  gap:20px;flex-wrap:wrap;
}
.lst-cta p{margin:0;font-size:15px;line-height:1.8;color:#55605a;flex:1;min-width:240px;}
.lst-cta p strong{color:#0a5c28;font-weight:600;}
.lst-cta a{
  display:inline-block;padding:12px 30px;border-radius:100px;
  background:#118c3c;color:#fff;font-size:15.5px;letter-spacing:1px;text-decoration:none;
  transition:background-color .25s,transform .2s;
}
.lst-cta a:hover{background:#7ec73e;color:#06401d;transform:translateY(-2px);}
.lst-cta a.ghost{background:transparent;border:1px solid #118c3c;color:#118c3c;}
.lst-cta a.ghost:hover{background:#118c3c;color:#fff;}

/* ---------- 详情页：元信息条 ---------- */
.case-meta{
  display:flex;flex-wrap:wrap;gap:0;
  margin:-6px 0 30px;padding:0;
  border-bottom:1px solid #e8ece9;
}
.case-meta span{
  display:inline-flex;align-items:center;gap:7px;
  padding:0 22px 16px 0;margin-right:22px;
  font-size:13.5px;color:#8b968f;
}
.case-meta span i{
  width:5px;height:5px;border-radius:50%;background:#7ec73e;
}
.case-meta span:last-child{padding-right:0;margin-right:0;}

/* ---------- 详情页：上下篇导航 ---------- */
.case-nav-btns{
  margin-top:46px;padding-top:26px;
  border-top:1px solid #e8ece9;
  display:flex;gap:12px;flex-wrap:wrap;align-items:center;
}
.case-nav-btns a{
  display:inline-block;padding:11px 26px;border-radius:100px;
  border:1px solid #e8ece9;background:#fff;
  font-size:14px;color:#4a5650;text-decoration:none;letter-spacing:1px;
  transition:border-color .25s,color .25s,background-color .25s;
}
.case-nav-btns a:hover{border-color:#118c3c;color:#118c3c;background:#f4f9f5;}
.case-nav-btns a.all{
  margin-left:auto;background:#118c3c;border-color:#118c3c;color:#fff;
}
.case-nav-btns a.all:hover{background:#7ec73e;border-color:#7ec73e;color:#06401d;}

/* ---------- 响应式 ---------- */
@media screen and (max-width:900px){
  .lst-grid li{width:100%;margin-bottom:18px;}
  .lst-thumb{height:170px;}
  .lst-cta{padding:22px 20px;text-align:center;justify-content:center;}
  .lst-cta a.all,.case-nav-btns a.all{margin-left:0;}
  .case-nav-btns a{font-size:13px;padding:10px 20px;}
  .case-meta span{padding-right:14px;margin-right:14px;font-size:13px;}
}

/* ---------- 新闻列表：图文列表（左图右文，区别于产品卡片网格） ---------- */
/* 注意：旧 case.css 中已有 .news-list li{width:48.5%} 网格规则，此处全部显式覆盖 */
.news-list{list-style:none;margin:0;padding:0;display:block;}
.news-list li{width:100%;max-width:100%;margin:0 0 18px;padding:0;float:none;background:transparent;list-style:none;}
.news-list li a{height:auto;}
.news-item{
  display:flex;gap:18px;align-items:stretch;text-decoration:none;overflow:hidden;
  background:#fff;border:1px solid var(--lg-line,#e8ece9);border-radius:6px;
  padding:16px;
  transition:transform .25s,box-shadow .25s,border-color .25s;
}
.news-item:hover{
  transform:translateY(-3px);
  border-color:#cfe3d6;
  box-shadow:0 12px 28px rgba(28,60,40,.1);
}
.news-thumb{
  width:200px;flex:0 0 200px;height:132px;border-radius:4px;overflow:hidden;background:#0a5c28;
}
.news-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s;}
.news-item:hover .news-thumb img{transform:scale(1.05);}
.news-body{flex:1;min-width:0;display:flex;flex-direction:column;}
.news-meta{display:flex;align-items:center;gap:12px;margin-bottom:8px;}
.news-tag{
  padding:3px 12px;border-radius:100px;
  background:#eaf6ee;color:#118c3c;font-size:12px;font-weight:600;letter-spacing:.5px;
}
.news-date{font-size:12.5px;color:#9aa39d;}
.news-title{
  margin:0 0 8px;font-size:18px;font-weight:700;color:#1c2520;line-height:1.5;letter-spacing:.5px;
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;
}
.news-desc{
  margin:0 0 12px;font-size:14px;line-height:1.85;color:#8b968f;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.news-more{
  margin-top:auto;display:inline-flex;align-items:center;gap:8px;
  font-size:13.5px;color:#118c3c;letter-spacing:1px;
}
.news-more:after{content:"";width:16px;height:1px;background:#118c3c;transition:width .25s;}
.news-item:hover .news-more:after{width:30px;}

/* 图文列表移动端：缩略图收窄，保持左图右文 */
@media screen and (max-width:768px){
  .news-list li{margin-bottom:14px;}  .news-item{gap:12px;padding:12px;}
  .news-thumb{width:112px;flex:0 0 112px;height:84px;}
  .news-meta{margin-bottom:6px;gap:8px;}
  .news-tag{padding:2px 9px;font-size:11px;}
  .news-date{font-size:11.5px;}
  .news-title{font-size:15.5px;margin:0 0 6px;}
  .news-desc{font-size:12.5px;line-height:1.7;margin:0 0 8px;-webkit-line-clamp:2;}
  .news-more{font-size:12px;gap:6px;}
  .news-more:after{width:14px;}
}
@media screen and (max-width:420px){
  .news-thumb{width:96px;flex:0 0 96px;height:72px;}
}