/* ============================================================
   show.css —— 资讯详情页
   光影 D1 hero 斜光带 · D6 光影双色块（浅块左上 / 棕影块右下）
   ============================================================ */

/* ---------- 页头 ---------- */
.show-hero{
  padding:120px 0 40px;background:linear-gradient(135deg,#F5F5F2 0%,#fff 70%);
}

/* ---------- 布局 ---------- */
.show-layout{display:grid;grid-template-columns:1fr 300px;gap:40px;align-items:start;}
.article-col{min-width:0;}
.article-title{font-size:clamp(24px,3.2vw,36px);line-height:1.3;margin-bottom:14px;}
.article-meta{
  display:flex;align-items:center;gap:7px;font-size:13px;color:var(--text-weak);
  border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:26px;
}
.article-meta svg{width:15px;height:15px;}
.article-body{font-size:15.5px;line-height:1.95;color:var(--text);}
.article-body p{margin-bottom:1em;}
.article-body img{max-width:100%;height:auto;border-radius:var(--radius);margin:10px 0 18px;box-shadow:var(--shadow-s);}
.article-body h2,.article-body h3{margin:26px 0 12px;color:var(--brown-400);}

/* ---------- 文内 CTA（D3 切角） ---------- */
.article-cta{
  background:linear-gradient(135deg,#F5F5F2,#EBEBE7);border:1px solid var(--line);
  padding:30px;margin:40px 0;
}
.article-cta h3{font-size:19px;margin-bottom:10px;}
.article-cta p{color:var(--text-weak);font-size:14px;margin-bottom:18px;}
.acta-btns{display:flex;gap:12px;flex-wrap:wrap;}

/* ---------- 侧栏 D6 双色块 ---------- */
.article-side{display:flex;flex-direction:column;gap:22px;position:sticky;top:90px;}
.side-block{padding:24px;box-shadow:var(--shadow-s);}
.side-light{background:#fff;border:1px solid var(--line);}
.side-dark{
  background:linear-gradient(135deg,var(--brown-300),var(--brown-400));color:#fff;
}
.side-block h3{font-size:15px;letter-spacing:1px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid rgba(199,180,154,.5);}
.side-dark h3{color:#fff;border-bottom-color:rgba(255,255,255,.25);}
.side-block .side-link{display:block;padding:8px 0;font-size:14px;color:var(--text);border-bottom:1px dashed var(--line);}
.side-dark .side-link{color:rgba(255,255,255,.9);border-bottom-color:rgba(255,255,255,.18);}
.side-block .side-link:last-child{border-bottom:0;}
.side-block .side-link:hover{padding-left:6px;}
.side-light .side-link:hover{color:var(--brown-400);}
.side-dark .side-link:hover{color:#fff;}

/* ---------- 相关阅读列表 ---------- */
.sec-head{max-width:640px;margin-bottom:30px;}
.sec-head h2{font-size:clamp(22px,2.8vw,30px);margin:12px 0 8px;}
.show-news-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
.news-item{
  display:flex;gap:14px;background:#fff;border:1px solid var(--line);padding:12px;
  box-shadow:var(--shadow-s);transition:transform .25s ease;
}
.news-item:hover{transform:translateY(-3px);}
.ni-thumb{flex-shrink:0;width:240px;height:160px;overflow:hidden;background:var(--gray-100);}
.ni-thumb img{width:100%;height:100%;object-fit:cover;}
.ni-body{display:flex;flex-direction:column;min-width:0;}
.ni-title{font-weight:700;font-size:14.5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news-item:hover .ni-title{color:var(--brown-400);}
.ni-desc{font-size:12.5px;color:var(--text-weak);margin-top:5px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ni-time{margin-top:auto;font-size:12px;color:var(--text-weak);}

/* ---------- 响应式 ---------- */
@media (max-width:920px){
  .show-layout{grid-template-columns:1fr;}
  .article-side{position:static;}
  .show-news-list{grid-template-columns:1fr;}
}
@media (max-width:600px){
  .news-item{flex-direction:column;}
  .ni-thumb{width:100%;height:170px;}
}

/* ===== 补写内容通用样式 gb-* ===== */
.gb-lead{color:var(--text-weak);line-height:1.9;font-size:15px;max-width:760px;}
.gb-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px;}
.gb-cols2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px;}
.gb-card{background:#fff;border:1px solid var(--line);padding:22px;box-shadow:var(--shadow-s);}
.gb-card h3{font-size:16px;color:var(--brown-400);margin-bottom:8px;}
.gb-card p{font-size:14px;color:var(--text-weak);line-height:1.85;margin:0;}
.gb-list{list-style:none;padding:0;margin:18px 0 0;}
.gb-list li{padding:9px 0 9px 24px;position:relative;font-size:14.5px;border-bottom:1px dashed var(--line);line-height:1.8;}
.gb-list li::before{content:"";position:absolute;left:0;top:15px;width:9px;height:9px;transform:rotate(45deg);background:linear-gradient(135deg,var(--brown-100),var(--brown-300));}
.gb-note{margin-top:22px;font-size:13.5px;color:var(--text-weak);line-height:1.85;}
@media(max-width:920px){.gb-cols{grid-template-columns:1fr;}.gb-cols2{grid-template-columns:1fr;}}