/* ===== 银发经济地图共享组件 ===== */
/* 命名空间: yfcj-map  — 供 10_China_Map 和 portal 共用 */

.yfcj-map-section { margin-bottom: 24px; background: #fff; border-radius: 12px; padding: 20px; box-shadow: 0 2px 12px rgba(0,0,0,0.06); }
.yfcj-map-layer-controls { display: flex; gap: 8px; margin-bottom: 12px; align-items: center; flex-wrap: wrap; }
.yfcj-map-layer-label { font-size: 14px; color: #374151; font-weight: 600; }

.yfcj-map-theme-tab {
  padding: 7px 18px; border: 1px solid #d1d5db; border-radius: 6px;
  background: #fff; cursor: pointer; font-size: 13px; color: #374151;
  transition: all 0.15s; user-select: none;
}
.yfcj-map-theme-tab:hover { border-color: #059669; color: #059669; }
.yfcj-map-theme-tab.active { background: #059669; color: #fff; border-color: #059669; }

/* 主题跳转链接 - 推至 flex 容器右侧 */
.yfcj-map-theme-link {
  margin-left: auto; font-size: 12px; color: #059669; text-decoration: none;
  white-space: nowrap; padding: 4px 10px; border-radius: 4px;
  transition: background 0.15s;
}
.yfcj-map-theme-link:hover { background: #f0fdf4; text-decoration: underline; }
.yfcj-map-theme-link::after { content: " ↗"; font-size: 11px; }

.yfcj-map-metric-pill {
  padding: 5px 16px; border: 1px solid #d1d5db; border-radius: 20px;
  background: #fff; cursor: pointer; font-size: 13px; color: #374151;
  transition: all 0.15s; user-select: none;
}
.yfcj-map-metric-pill:hover { border-color: #0ea5e9; color: #0ea5e9; }
.yfcj-map-metric-pill.active { background: #0ea5e9; color: #fff; border-color: #0ea5e9; }

#yfcjMap { width: 100%; height: 520px; border-radius: 8px; }
.yfcj-map-empty { display: flex; align-items: center; justify-content: center; height: 100%; font-size: 15px; color: #94a3b8; }

@media (max-width: 768px) {
  #yfcjMap { height: 320px; }
}