/* ===========================================================
   企联章程页样式
   =========================================================== */
.charter-layout { display: grid; grid-template-columns: 232px 1fr; gap: 32px; align-items: start; }
.ch-toc {
  position: sticky; top: calc(var(--header-h) + 16px);
  background: #f5f9fd; border: 1px solid #dce9f7; border-radius: 12px; padding: 18px 16px;
}
.toc-head { font-weight: 700; color: #0d3469; margin-bottom: 10px; font-size: 15px; letter-spacing: .5px; }
.toc-nav { display: flex; flex-direction: column; }
.toc-nav a { color: #51637c; font-size: 13.5px; padding: 7px 10px; border-radius: 8px; line-height: 1.5; }
.toc-nav a:hover { background: #e3effc; color: #054faa; }
.charter-doc, .scans {
  background: #fff; border: 1px solid #e2ecf7; border-radius: 14px;
  padding: 34px 38px; box-shadow: var(--shadow-sm);
}
.card-plain + .card-plain { margin-top: 28px; }
.doc-title { text-align: center; margin-bottom: 24px; padding-bottom: 18px; border-bottom: 2px solid #0d3469; }
.doc-title h2 { color: #0d3469; font-size: 24px; letter-spacing: 1px; }
.doc-title p { color: #7b8798; font-size: 13.5px; margin: 8px 0 0; }
.ch-title { position: relative; margin: 28px 0 12px; padding-left: 13px; color: #0d3469; font-size: 18px; }
.ch-title::before { content: ""; position: absolute; left: 0; top: 6px; bottom: 6px; width: 4px; border-radius: 2px; background: #054faa; }
.sec-title { margin: 20px 0 10px; color: #1467c8; font-size: 15.5px; }
.charter-doc p { margin: 0 0 10px; line-height: 1.95; font-size: 14.6px; color: #2c3a4f; }
.charter-doc p.art b { color: #054faa; }
.charter-doc p.sub { padding-left: 2em; color: #43536a; }
.charter-doc p.plain { color: #43536a; }
.scan-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 14px; }
.scan-grid figure { margin: 0; background: #f5f9fd; border: 1px solid #dce9f7; border-radius: 10px; overflow: hidden; }
.scan-grid img { width: 100%; display: block; cursor: zoom-in; transition: transform .25s; }
.scan-grid img:hover { transform: scale(1.02); }
.scan-grid figcaption { text-align: center; font-size: 12.5px; color: #7b8798; padding: 6px 0; }
/* 图片放大查看 */
.lightbox { position: fixed; inset: 0; z-index: 200; background: rgba(9, 26, 51, .86); display: none; align-items: center; justify-content: center; padding: 30px; cursor: zoom-out; }
.lightbox.open { display: flex; }
.lightbox img { max-width: 92vw; max-height: 92vh; border-radius: 8px; box-shadow: 0 24px 80px rgba(0, 0, 0, .5); }
.lightbox .lb-close { position: absolute; top: 18px; right: 26px; color: #fff; font-size: 30px; line-height: 1; opacity: .85; }
@media (max-width: 900px) {
  .charter-layout { grid-template-columns: 1fr; }
  .ch-toc { position: static; }
  .toc-nav { flex-direction: row; flex-wrap: wrap; gap: 6px; }
  .charter-doc, .scans { padding: 22px 18px; }
  .scan-grid { grid-template-columns: repeat(2, 1fr); }
}