/* ============================================================
   show.css · 资讯详情页专属样式（居中窄版）
   ============================================================ */

.read-hero{padding:calc(var(--header-h) + 30px) 0 10px;background:var(--gray-50)}
.narrow{max-width:820px}

/* 栏目导读 */
.read-note{background:var(--gray-50);padding:6px 0 20px}
.read-note p{font-size:13.5px;color:var(--gray-500);line-height:1.9}

/* 延伸服务 */
.extend-box{
  margin-top:34px;padding:28px 30px;
  background:var(--blue-50);border-radius:var(--radius-m);
}
.extend-box h2{font-size:17px;margin-bottom:12px}
.extend-box p{font-size:13.5px;color:var(--gray-600);line-height:1.9;margin-bottom:10px}

/* ---------- 文章阅读区 ---------- */
.article{padding:26px 0 60px;background:var(--white)}
.article-head{margin-bottom:26px}
.article-head h1{font-size:clamp(24px,3.4vw,34px);line-height:1.4;margin-bottom:12px}
.article-meta{font-size:13px;color:var(--gray-400)}
.article-content{
  font-size:15.5px;line-height:2;color:var(--gray-700);
}.article-content img {
  width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;
  border-radius:var(--radius-m);margin:6px 0 26px;
}
.article-content p{margin-bottom:18px}
.article-content h2,.article-content h3{margin:28px 0 12px}
.article-content ul{
  list-style:disc;padding-left:22px;margin-bottom:18px;
}
.article-content ul li{margin-bottom:8px}
.article-content strong{color:var(--gray-900)}

/* 文末行动条 */
.article-endbar{
  margin-top:40px;padding:26px 28px;
  background:var(--blue-50);border:1px solid var(--blue-100);
  border-radius:var(--radius-m);
  display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;
}
.article-endbar p{font-size:14px;color:var(--gray-700)}
.endbar-actions{display:flex;gap:10px;flex-wrap:wrap}

/* 阅读核对清单 */
.read-check{margin-top:26px}
.read-check h2{font-size:17px;margin-bottom:14px}
.read-check ul{display:flex;flex-direction:column;gap:12px}
.read-check li{
  display:grid;grid-template-columns:96px 1fr;gap:14px;
  font-size:13.5px;color:var(--gray-600);line-height:1.85;
}
.read-check strong{color:var(--gray-900)}

/* ---------- 页内文章列表 ---------- */
.related{padding:20px 0 90px;background:var(--gray-50)}
.related .rel-row{
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:14px 6px;border-bottom:1px solid var(--gray-200);
  font-size:14.5px;color:var(--gray-700);
}
.related .rel-row:hover{color:var(--blue-700)}
.rel-time{font-size:12.5px;color:var(--gray-400);flex-shrink:0}

.rel-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px;
  margin:26px 0 34px;
}
.rel-card{
  background:var(--white);border-radius:var(--radius-m);overflow:hidden;
  box-shadow:var(--shadow-s);transition:transform var(--trans),box-shadow var(--trans);
}
.rel-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-m)}.rel-img {display:block;height:auto;aspect-ratio:3/2;overflow:hidden;background:var(--gray-100)}
.rel-img img{width:100%;height:100%;object-fit:cover}
.rel-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px}
.rel-title{font-size:14px;font-weight:700;color:var(--gray-900);line-height:1.5;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rel-card:hover .rel-title{color:var(--blue-700)}

.rel-rowlist{display:flex;flex-direction:column;gap:12px;margin-bottom:26px}
.rel-line{
  display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:center;
  background:var(--white);border-radius:var(--radius-m);padding:12px;
  box-shadow:var(--shadow-s);transition:transform var(--trans);
}
.rel-line:hover{transform:translateX(4px)}
.rel-line.alt{background:var(--blue-50);box-shadow:none;border:1px solid var(--blue-100)}.rel-line-img {display:block;border-radius:var(--radius-s);overflow:hidden;height:auto;aspect-ratio:3/2;background:var(--gray-100)}
.rel-line-img img{width:100%;height:100%;object-fit:cover}
.rel-line-txt{display:flex;flex-direction:column;gap:4px;min-width:0}
.rel-line-txt strong{
  font-size:14px;color:var(--gray-900);font-weight:600;line-height:1.5;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.rel-line-txt time{font-size:12px;color:var(--gray-400)}
.rel-more{margin-top:20px}
.rel-more .list-endnote{font-size:12.5px;color:var(--gray-500);margin-top:12px;line-height:1.9}

/* ---------- 年审与延期提醒条 ---------- */
.cert-strip{padding:20px 0 0;background:var(--gray-50)}
.cert-strip-box{
  background:var(--blue-50);border:1px solid var(--blue-100);
  border-radius:var(--radius-m);padding:24px 28px;
}
.cert-strip-box h2{font-size:16px;margin-bottom:10px}
.cert-strip-box p{font-size:13.5px;color:var(--gray-700);line-height:1.9}

/* ---------- 按岗位读文索引 ---------- */
.gangwei-index{margin-top:26px}
.gangwei-index h2{font-size:16px;margin-bottom:10px}
.gangwei-index p{font-size:13.5px;color:var(--gray-600);line-height:2}
.gangwei-index a{color:var(--blue-700);margin:0 2px}

/* ---------- 阅读后行动清单 ---------- */
.action-checklist{margin-top:20px}
.action-checklist h2{font-size:16px;margin-bottom:12px}
.action-checklist ul{display:flex;flex-direction:column;gap:10px}
.action-checklist li{
  font-size:13.5px;color:var(--gray-600);line-height:1.85;
  padding-left:22px;position:relative;
}
.action-checklist li::before{
  content:"✓";position:absolute;left:0;color:var(--blue-600);font-weight:700;
}

/* ---------- 响应式 ---------- */
@media (max-width:760px){
  .rel-grid{grid-template-columns:1fr}
  .article-endbar{flex-direction:column;align-items:flex-start}
}