/*更多内容页（moreinfo.htm）专属样式
 * 依赖 base.css / part.css 提供的全局与文章基础排版（.card-body、.content-section 等）。 */

/* ===== 线路编年史（chronicle 文章的视频）=====
 * 视频作为正文首块：等宽自适应、黑色底衬（未加载时也不出现白刺），图注用弱化小字 */
.content-section .card-body .chronicle-media {
  margin: 0 0 20px;
}
.content-section .card-body .chronicle-video {
  display: block;
  width: 100%;
  max-width: 100%;
  /* 显式给出宽高比：视频元数据就绪前按此占位，否则 height:auto 会塌成一条黑边、
     把整块区域压扁；就绪后由视频自身比例接管 */
  aspect-ratio: 16 / 9;
  height: auto;
  background: #000000;
  object-fit: contain;
  border-radius: 4px;
}
.content-section .card-body .chronicle-media figcaption {
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.6;
  color: #6b7280;
  text-align: center;
}

/* ===== 联系地址（address 文章）=====
 * 内容由 loader 注入到 .card-body；外层包裹可能是 <article>(article/news 类型)
 * 或 <div>(statement 类型)，二者均含 .card-body，故选择器以 .card-body 为基准 */
.content-section .card-body .footer-address {
  margin: 16px 0 8px;
  padding: 14px 16px;
}
.content-section .card-body .footer-address address {
  margin: 0;
  padding: 0;
  border: none;
  font-style: normal;   /* 覆盖 <address> 默认斜体 */
  color: #444;          /* 比正文 #333 略深，刻意区分 */
}
/* 突出各办公室名称 */
.content-section .card-body .footer-address .addr-office {
  font-weight: 700;
  color: #aa0aae; /* 不随主题色变化 */
}
/* 覆盖 .card-body p 的默认排版，地址行左对齐紧凑排列 */
.content-section .card-body .footer-address p {
  text-indent: 0;
  margin: 0 0 6px;
  line-height: 1.7;
}

/* ===== 运营数据（ltsj / fwqsj 文章的统计面板）=====
 * auto-fit 网格：方块最小 200px，容器窄时先压缩、放不下自动换行（不溢出）；列数上限由下方媒体查询锁定 */
.stat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
}
/* 宽屏：视窗 ≥1025px 时容器够宽会排 5 列，强制锁为最多 4 列 */
@media (min-width: 1025px) {
  .stat-grid {
    grid-template-columns: repeat(4, minmax(200px, 1fr));
  }
}
/* 移动端：浏览器视窗 <768px（与汉堡菜单断点一致）固定 2 列 */
@media (max-width: 768px) {
  .stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.stat-grid .stat-card {
  display: block;
  text-align: center;
  padding: 20px 14px;
  border-radius: 12px;
}
.stat-icon {
  font-size: 24px;
  margin-bottom: 8px;
}
.stat-number {
  font-size: 32px;
  font-weight: 800;
  color: #1a1a1a;
  margin-bottom: 6px;
  line-height: 1;
}
.stat-label {
  font-size: 14px;
  color: #666;
  font-weight: 500;
}
/* 统计标题角标对应的脚注（Word 风格） */
.footnote {
  max-width: 1200px;
  margin: 16px auto 0;
  padding: 8px 20px 4px;
  font-size: 14px;
  line-height: 1.7;
  color: #333333;
}
.footnote sup {
  display: none;
}
.footnote > a:first-child {
  color: #0066cc;
  text-decoration: none;
}
.footnote > a:first-child:hover {
  text-decoration: underline;
}
/* 移动端小屏字号微调（不再堆叠为单列，卡片保持网格两列） */
@media (max-width: 768px) {
  .stat-number {
    font-size: 28px;
  }
}