/* ============================================================
   show.html 资讯详情页专属样式 · 渐变环形聚光 · 冬季暖情风
   ============================================================ */

/* ---------- 页头变体 ---------- */
.pg-hero-show{padding:150px 0 60px}
.pg-hero-show::before{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 78% 30%,rgba(217,90,79,.2),transparent 50%);z-index:1}
.pg-hero-show .container{z-index:2}
.hero-crumb{margin-top:18px}

/* ---------- 文章区 ---------- */
.article-sec{background:#fff}
.article-wrap{display:grid;grid-template-columns:1fr 300px;gap:40px;align-items:start}
.article-main{min-width:0}
.article-title{font-size:clamp(24px,3.4vw,36px);font-weight:900;color:var(--blue-900);line-height:1.4;margin-bottom:16px}
.article-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid var(--line-soft);margin-bottom:26px}
.am-time{font-size:13.5px;color:var(--ink-3);display:flex;align-items:center;gap:8px}
.am-time::before{content:"";width:16px;height:1.5px;background:var(--red-400)}
.am-more{font-size:13.5px;font-weight:600;color:var(--blue-600)}
.am-more:hover{color:var(--red-500)}
.article-body{font-size:15.5px;line-height:2;color:var(--ink)}
.article-body p{margin-bottom:16px}
.article-body img{border-radius:var(--r-md);margin:6px 0 18px;box-shadow:var(--shadow-sm);max-width:100%}
.article-body h2,.article-body h3{color:var(--blue-900);margin:26px 0 12px;font-weight:800}
.article-foot{margin-top:36px;padding:26px 28px;background:var(--ice);border:1px solid var(--line-soft);border-radius:var(--r-md);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.article-foot p{color:var(--ink-2);font-size:14px;max-width:560px;line-height:1.8}

/* ---------- 侧栏 ---------- */
.article-aside{position:sticky;top:96px;display:flex;flex-direction:column;gap:20px}
.na-box{background:var(--ice);border:1px solid var(--line-soft);border-radius:var(--r-md);padding:22px}
.na-box h3{font-size:15px;font-weight:800;color:var(--blue-900);margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid var(--blue-100)}
.na-box a{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink-2);padding:7px 0;transition:.25s}
.na-box a::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--blue-300)}
.na-box a:hover{color:var(--red-500);padding-left:6px}
.na-box a:hover::before{background:var(--red-500)}
.na-hot{background:var(--red-soft);border-color:#f6d8d2}
.na-hot h3{border-color:#f0c4bb}
.na-tel{display:block;background:linear-gradient(135deg,var(--blue-700),var(--blue-900));color:#fff;border-radius:var(--r-md);padding:24px 22px;font-size:14px;line-height:1.9;text-align:center;transition:.3s}
.na-tel b{font-size:22px;color:#ffd9d3;letter-spacing:.02em}
.na-tel:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}

/* ---------- 相关资讯列表 ---------- */
.rel-news-sec{background:var(--ice)}
.news-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.news-card{display:flex;gap:18px;padding:16px;background:#fff;border:1px solid var(--line-soft);border-radius:var(--r-md);transition:transform .3s,box-shadow .3s,border-color .3s}
.news-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm);border-color:var(--blue-100)}
.n-thumb{width:180px;height:120px;border-radius:10px;overflow:hidden;flex-shrink:0;background:var(--blue-50)}
.n-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.news-card:hover .n-thumb img{transform:scale(1.06)}
.n-info{display:flex;flex-direction:column;gap:6px;min-width:0}
.n-title{font-size:15px;font-weight:800;color:var(--blue-900);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-card:hover .n-title{color:var(--red-600)}
.n-desc{font-size:12.5px;color:var(--ink-2);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.n-time{font-size:12px;color:var(--ink-3);margin-top:auto}

/* ---------- CTA ---------- */
.cta-sec{background:#fff}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .news-list{grid-template-columns:1fr}
}
@media (max-width:920px){
  .article-wrap{grid-template-columns:1fr}
  .article-aside{position:static;flex-direction:row;flex-wrap:wrap}
  .na-box{flex:1;min-width:220px}
  .na-tel{flex:1;min-width:220px}
}
@media (max-width:600px){
  .n-thumb{width:100%;height:160px}
  .news-card{flex-direction:column}
}