/* ============================================================
   show.html 资讯详情页独立样式（吊灯轻奢风 · 纸质正文版式）
   ============================================================ */

/* ---------- Hero ---------- */
.show-hero{background:linear-gradient(160deg,#2A2E35 0%,#1C1F25 70%,#24272E 100%)}
.show-hero-badge{
  display:inline-block;font-size:12.5px;letter-spacing:3px;color:var(--gold-2);
  border:1px solid rgba(217,190,133,.45);border-radius:30px;padding:7px 18px;margin-bottom:16px;
}
.show-hero-sub{max-width:720px}

/* ---------- 文章正文 ---------- */
.show-article-section{background:var(--mist)}
.show-article-wrap{max-width:980px;margin:0 auto}
.show-article{
  background:var(--white);border:1px solid var(--line);border-radius:18px;
  padding:56px 64px;box-shadow:var(--shadow-soft);position:relative;
}
.show-article::before{
  content:"";position:absolute;top:0;left:64px;right:64px;height:3px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
}
.show-article-note{
  font-size:13px;color:var(--gold-3);background:var(--gold-soft);
  border:1px solid rgba(195,164,104,.25);border-radius:10px;
  padding:10px 18px;margin-bottom:30px;
}
.show-title{font-size:32px;line-height:1.45;letter-spacing:2px;margin-bottom:18px}
.show-meta{
  display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--gray);
  padding-bottom:24px;border-bottom:1px dashed var(--line);margin-bottom:30px;
}
.show-meta-dot{color:var(--gold)}
.show-content{font-size:15.5px;line-height:2.05;color:var(--ink-2)}
.show-content img{width:100%;border-radius:12px;margin:26px 0}
.show-content p{margin-bottom:18px}
.show-share{
  display:flex;align-items:center;gap:14px;margin-top:36px;
  padding-top:26px;border-top:1px solid var(--line);
}
.show-share span{font-size:14px;color:var(--gray);margin-right:4px}

/* 上下篇 */
.show-pager{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px}
.show-pager-item{
  background:var(--white);border:1px solid var(--line);border-radius:14px;
  padding:20px 26px;transition:all .3s ease;
}
.show-pager-item:hover{border-color:var(--gold-2);box-shadow:var(--shadow-soft);transform:translateY(-3px)}
.show-pager-item em{
  display:block;font-style:normal;font-size:12px;letter-spacing:2px;color:var(--gold-3);margin-bottom:6px;
}
.show-pager-item strong{
  display:block;font-size:15px;color:var(--ink-2);font-weight:600;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

/* ---------- 推荐阅读 ---------- */
.show-recommend-section{background:var(--white)}
.show-recommend{
  display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start;
}
.show-rec-item{
  display:block;background:var(--mist);border:1px solid var(--line);
  border-radius:14px;overflow:hidden;transition:all .35s ease;
}
.show-rec-item:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--gold-2)}
.show-rec-item img{width:100%;height:170px;object-fit:cover;transition:transform .6s ease}
.show-rec-item:hover img{transform:scale(1.05)}
.show-rec-item div{padding:18px 20px 20px}
.show-rec-item h3{
  font-size:15.5px;line-height:1.6;margin-bottom:8px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.show-rec-item h3:hover{color:var(--gold-3)}
.show-rec-item p{font-size:12.5px;color:var(--gray);letter-spacing:1px}

/* ---------- CTA ---------- */
.show-cta{background:linear-gradient(150deg,#2A2E35,#1C1F25 60%,#26292F);position:relative;overflow:hidden}
.show-cta::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(520px 300px at 82% 30%,rgba(217,190,133,.15),transparent 60%);
}
.show-cta-card{
  position:relative;text-align:center;border:1px solid rgba(217,190,133,.3);
  border-radius:22px;padding:58px 50px;background:rgba(255,255,255,.03);
}
.show-cta-card h2{color:#fff;font-size:30px;letter-spacing:2px;margin-bottom:18px}
.show-cta-card p{color:#B5B1A4;max-width:700px;margin:0 auto 30px;font-size:15px}
.show-cta-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.show-cta-wechat{font-size:13.5px;color:#8E8A80;letter-spacing:1px}

/* ---------- 响应式 ---------- */
@media (max-width:992px){
  .show-recommend{grid-template-columns:repeat(2,1fr)}
  .show-article{padding:40px 30px}
  .show-article::before{left:30px;right:30px}
  .show-title{font-size:27px}
}
@media (max-width:640px){
  .show-article{padding:30px 20px}
  .show-recommend{grid-template-columns:1fr}
  .show-pager{grid-template-columns:1fr}
  .show-title{font-size:23px}
  .show-cta-card{padding:40px 22px}
  .show-cta-card h2{font-size:24px}
}