/* ============================================================
   资讯详情页（info.html）样式 · 设计语言对齐资讯列表页改版
   依赖：infos.css（.if-ban/.if-crumb/.if-page/.if-tag 与设计令牌）
   作用域：仅 .id-* 内部，不触碰全局 det_p/det_p_c/am_tit/mid_pic 等 CMS 内容样式
   响应式断点 1024 / 768 / 375，px + clamp
   ============================================================ */
.id-art{background:#fff;border:1px solid #e2ece6;border-radius:20px;
  box-shadow:0 24px 60px -36px rgba(9,44,28,.35);
  padding:clamp(26px,3.2vw,50px) clamp(20px,4vw,56px) clamp(28px,3.4vw,52px)}
.id-head{max-width:800px;margin:0 auto;padding-bottom:clamp(18px,2vw,26px);
  border-bottom:1px solid #e2ece6;margin-bottom:clamp(10px,1.4vw,20px);text-align:center}
.id-head h2{font-size:22px;font-weight:700;
  line-height:1.6;color:#0f2419}
.id-meta{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:14px}
.id-date{font-size:15px;color:#8a9590;font-variant-numeric:tabular-nums;
  letter-spacing:.04em;font-weight:600}
.id-comes{font-size:14px;color:#6f8378}
.id-comes::before{content:"·";margin-right:10px;color:#b6c6bc}
.id-head .if-tag{align-self:center;font-size:14px;letter-spacing:.08em;padding:6px 16px}
.id-art .det_p_c{max-width:min(100%,800px)}

/* ---------- 上一篇 / 下一篇 ---------- */
.id-pn{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.6vw,22px);
  margin-top:clamp(26px,3vw,40px)}
.id-pn li a{display:block;height:100%;padding:18px 22px;background:#fff;
  border:1px solid #e2ece6;border-radius:16px;cursor:pointer;
  transition:transform .3s,border-color .3s,box-shadow .3s}
.id-pn li a span{font-size:12px;font-weight:800;letter-spacing:.14em;color:#6f8378}
.id-pn li a p{margin-top:8px;font-size:15px;font-weight:700;color:#0f2419;line-height:1.5;
  display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  transition:color .3s}
.id-pn li a:hover{transform:translateY(-3px);border-color:#25a063;
  box-shadow:0 18px 34px -20px rgba(9,44,28,.4)}
.id-pn li a:hover p{color:#1c7d4c}
.id-pn li.id-next a{text-align:right}
.id-pn li.id-off a{cursor:default;opacity:.55;background:#fbfdfc}
.id-pn li.id-off a:hover{transform:none;border-color:#e2ece6;box-shadow:none}
.id-pn li.id-off a:hover p{color:#0f2419}

/* ---------- 返回列表 ---------- */
.id-back{display:flex;justify-content:center;margin-top:clamp(22px,2.6vw,34px)}
.id-back a{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 30px;
  border-radius:100px;border:1px solid rgba(12,122,60,.28);background:#fff;
  color:#1c7d4c;font-size:14px;font-weight:700;
  transition:background .25s,color .25s,transform .25s}
.id-back a:hover{background:#1c7d4c;color:#fff;transform:translateY(-2px)}
.id-back a i{font-size:12px}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .id-art{border-radius:16px;padding:26px 22px 30px}
  .id-head h2{font-size:22px}
}
@media (max-width:768px){
  .id-pn{grid-template-columns:1fr;gap:12px}
  .id-pn li.id-next a{text-align:left}
  .id-pn li a p{font-size:14px}
  .id-head h2{font-size:20px;line-height:1.5}
  .id-art .det_p_c{max-width:100%}
  .id-back a{height:40px;padding:0 24px;font-size:13px}
}