/* ==========================================================================
   详情页共享样式（四大板块共用）
   由 heritage-detail.html 抽出，四个板块详情页统一引用
   ========================================================================== */

/* ---------- 详情页专用 ---------- */
.hero-detail{background:#fff;border-bottom:1px solid var(--line);padding:26px 0 30px}
.title-row{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap}
h1{font-size:32px;font-weight:600;letter-spacing:-.5px;line-height:1.3}
.subtitle{font-size:14px;color:var(--ink-3);margin-top:6px}
/* 正文两栏 */
.detail-grid{display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:start;margin-top:26px}
.block{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:20px}
.block h2{font-size:18px;font-weight:600;margin-bottom:14px;padding-bottom:11px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:9px}
.block h2 .no{width:22px;height:22px;border-radius:6px;background:var(--mint);color:#fff;
  font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;font-family:"DIN Alternate",sans-serif}
.lead{font-size:15px;color:var(--ink-2);line-height:1.9}
.lead strong{color:var(--ink);font-weight:600}

/* 信息表 */
table.info{width:100%;border-collapse:collapse;font-size:14px}
table.info th,table.info td{border:1px solid var(--line);padding:10px 13px;text-align:left;vertical-align:top}
table.info th{background:var(--bg);color:var(--ink-2);font-weight:500;width:132px;white-space:nowrap}
table.info td{color:var(--ink)}
table.info td.num{font-family:"DIN Alternate",sans-serif;font-variant-numeric:tabular-nums}
.conf{display:inline-block;font-size:11px;padding:1px 6px;border-radius:4px;margin-left:6px;vertical-align:middle}
.conf.v{background:#e8f3ec;color:#2d6a45}
.conf.r{background:#fdf1e7;color:var(--amber)}
.conf.d{background:#fcebeb;color:#a32d2d}

/* 时间线 */
.timeline{list-style:none;position:relative;padding-left:22px}
.timeline::before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:1px;background:var(--line)}
.timeline li{position:relative;padding:7px 0;font-size:14px;color:var(--ink-2)}
.timeline li::before{content:"";position:absolute;left:-21px;top:15px;width:9px;height:9px;
  border-radius:50%;background:#fff;border:2px solid var(--mint)}
.timeline b{color:var(--ink);font-weight:500;margin-right:8px;font-family:"DIN Alternate",sans-serif}

/* 建筑条目 */
.spec{list-style:none}
.spec li{display:flex;gap:12px;padding:9px 0;border-bottom:1px dashed var(--line);font-size:14px}
.spec li:last-child{border-bottom:none}
.spec b{color:var(--ink-3);font-weight:400;width:96px;flex-shrink:0;font-size:13px}
.spec span{flex:1;color:var(--ink-2)}

/* 图片 */
.figs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.fig{border:1px solid var(--line);border-radius:11px;overflow:hidden}
.fig-img{aspect-ratio:4/3;background:linear-gradient(135deg,#eef1ef,#e2e7e4);
  display:flex;align-items:center;justify-content:center;color:#a8b2ac;font-size:11px}
.fig figcaption{padding:8px 10px;font-size:12px;color:var(--ink-3);line-height:1.6;border-top:1px solid var(--line)}


/* 关联 */
.rel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.rel{display:flex;align-items:center;gap:10px;padding:11px 13px;background:var(--bg);
  border:1px solid var(--line);border-radius:10px;text-decoration:none;transition:.15s}
.rel:hover{border-color:var(--mint);background:var(--mint-light)}
.rel b{font-size:14px;font-weight:500;display:block}
.rel small{font-size:11px;color:var(--ink-3)}

/* 侧栏 sticky */
.side{position:sticky;top:88px}
.side-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:16px}
.side-card h3{font-size:14px;font-weight:600;margin-bottom:12px;padding-bottom:9px;border-bottom:1px solid var(--line)}
.side-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;font-size:13px;border-bottom:1px dashed var(--line)}
.side-row:last-child{border-bottom:none}
.side-row span{color:var(--ink-2)}
.side-row b{color:var(--ink-3);font-weight:400;font-size:12px;font-family:"DIN Alternate",sans-serif}
.toc{list-style:none}
.toc li a{display:block;padding:6px 0 6px 12px;font-size:13px;color:var(--ink-2);
  text-decoration:none;border-left:2px solid var(--line);transition:.15s}
.toc li a:hover{border-left-color:var(--mint);color:var(--mint-dark)}

/* FAQ */
.faq-item{border-bottom:1px solid var(--line);padding:14px 0}
.faq-item:last-child{border-bottom:none}
.faq-q{font-size:15px;font-weight:500;margin-bottom:6px}
.faq-a{font-size:14px;color:var(--ink-2);line-height:1.8}

/* 修订记录 */
.rev{font-size:13px;color:var(--ink-2)}
.rev td,.rev th{border:1px solid var(--line);padding:8px 11px;text-align:left}
.rev th{background:var(--bg);font-weight:500;color:var(--ink-2)}

@media(max-width:1000px){
  .detail-grid{grid-template-columns:1fr}
  .side{position:static}
  .figs{grid-template-columns:1fr}
  .rel-grid{grid-template-columns:1fr}
  h1{font-size:25px}
}