/* ============================================================
   步哥看天下 ･ 「驻马店文保档案」栏目样式
   结构：国保/省保清单卡墙（列表页）
   约定：全部颜色走 --wb-* 变量（深色模式 = 古纸暖色主题自动换色）；
        本样式不含任何第三方地图 SDK 资源。
   注：详情页已于 2026-10-08 下线，详情页专属样式（wb-hmap-locate__* /
       wb-hmap-facts / wb-detail__tag--lv）同步移除。
   ============================================================ */

/* ---------- 国保清单卡墙 ---------- */
.wb-hmap-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 6px;
}
.wb-hmap-card {
  position: relative;
  display: flex; flex-direction: column; gap: 6px;
  padding: 18px 18px 16px;
  background: var(--wb-surface, #fff);
  border: 2px solid var(--wb-ink, #11130e);
  border-radius: 14px;
  box-shadow: 4px 4px 0 var(--wb-acid, #d8f238);
  color: var(--wb-ink, #11130e);
}
.wb-hmap-card__top { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.wb-hmap-card__seq {
  font-family: var(--wb-mono, monospace); font-size: 13px; font-weight: 800;
  color: var(--wb-muted, #565c50); letter-spacing: .04em;
}
.wb-hmap-card__cat {
  font-size: 11.5px; font-weight: 800;
  padding: 2px 9px; border-radius: 999px;
  color: #fff; background: var(--c, #6b8e3d);
}
.wb-hmap-card__lv {
  font-size: 11px; font-weight: 800;
  padding: 2px 8px; border-radius: 999px;
  color: var(--wb-on-acid, var(--wb-ink, #11130e));
  background: var(--wb-acid, #d8f238);
  border: 1.5px solid var(--wb-ink, #11130e);
}
.wb-hmap-card__lv.is-prov { background: var(--wb-paper, #fff); }
.wb-hmap-card__county { margin-left: auto; font-size: 12.5px; color: var(--wb-muted, #565c50); font-weight: 700; }
.wb-hmap-card__name { font-size: 20px; font-weight: 900; letter-spacing: .01em; }
.wb-hmap-card__era { font-size: 12.5px; color: var(--wb-muted, #565c50); font-weight: 700; }
.wb-hmap-card__sum { margin: 4px 0 0; font-size: 14px; line-height: 1.75; color: var(--wb-ink, #11130e); }
/* 档案字段：2×2 键值格（时代 / 批次 / 类别 / 现存等） */
.wb-hmap-card__facts {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px 16px;
  margin: 8px 0 0; padding: 10px 13px;
  background: var(--wb-paper, #f5f7f0);
  border-radius: 10px;
}
.wb-hmap-card__facts > div { display: flex; align-items: baseline; gap: 7px; min-width: 0; }
.wb-hmap-card__facts dt { flex: none; font-size: 11.5px; font-weight: 700; color: var(--wb-muted, #565c50); }
.wb-hmap-card__facts dt::after { content: '：'; }
.wb-hmap-card__facts dd { margin: 0; font-size: 12.5px; font-weight: 700; line-height: 1.5; color: var(--wb-ink, #11130e); min-width: 0; }
.wb-hmap-card__loc { margin-top: auto; padding-top: 8px; font-size: 12px; color: var(--wb-muted, #565c50); }
.wb-hmap-card__loc::before { content: '◎ '; color: var(--wb-label, #557b18); }
.wb-hmap-card__tags { display: flex; flex-wrap: wrap; gap: 6px; }
.wb-hmap-card__tags i {
  font-style: normal; font-size: 11px; font-weight: 700;
  color: var(--wb-muted, #565c50);
  padding: 1px 9px; border: 1px solid var(--wb-line, #d7dbd0); border-radius: 999px;
}

/* ---------- 分页 ---------- */
/* 分页复用 pages.css 的 .wb-pager / .wb-pager__btn（与「之最」页、站内搜索同款），
   此处只按本页 id 微调：居中、与卡片区拉开间距。 */
#hmapPager { justify-content: center; margin-top: 26px; }

/* ---------- 响应式 ---------- */
@media (max-width: 900px) {
  .wb-hmap-grid { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .wb-hmap-card { padding: 15px 15px 13px; box-shadow: 3px 3px 0 var(--wb-acid, #d8f238); }
  .wb-hmap-card__name { font-size: 18px; }
  #hmapPager { margin-top: 18px; }
  #hmapPager .wb-pager__btn { min-height: 44px; } /* 手机端触控目标 ≥44px */
}

/* ---------- 深色模式（古纸暖色主题，仅修强调底上的文字对比） ----------
   深色下 --wb-acid 变赭红 #8c2f28，acid 底徽章（国保）文字必须用暖白；
   省保徽章是 paper 米黄底，深褐字对比足够，保持不变。 */
html.dark .wb-hmap-card__lv { color: #fffdf7; border-color: #b04a42; }
html.dark .wb-hmap-card__lv.is-prov { color: var(--wb-ink, #3a352c); border-color: var(--wb-ink, #3a352c); }
html.dark .wb-hmap-card__cat { color: #fffdf7; }