/* 底部导航：炭黑底 + 杏橙选中项 + 深色图标 + 中文名（用户端四页共用）
   固定四 tab：邻里发现 ｜ 附近好店 ｜ 探索地图 ｜ 我的 */
.page-tabs {
  position: fixed; bottom: 0; left: 50%; transform: translateX(-50%);
  width: 100%; max-width: 560px; display: flex; gap: 6px;
  background: var(--charcoal);
  padding: 6px 10px; padding-bottom: max(6px, env(safe-area-inset-bottom));
  z-index: 600;
}
.page-tabs a {
  flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
  min-height: 52px; border-radius: 12px;
  text-decoration: none; color: #C9C4B9; font-size: 11px; font-weight: 600; white-space: nowrap;
}
.page-tabs a .tab-ic { display: grid; place-items: center; width: 24px; height: 24px; }
.page-tabs a .tab-ic svg { width: 22px; height: 22px; }
.page-tabs a[aria-current="page"] { background: var(--accent); color: var(--on-accent); }
.page-tabs a:active { opacity: .85; }
.page-tabs a:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }

/* 我的收藏（列表页，从底部导航迁到概览区） */
.directory-summary #saved-only {
  border: 1px solid var(--line-strong); background: var(--card); color: var(--ink);
  border-radius: 999px; font-size: 12px; padding: 7px 14px; white-space: nowrap;
}
.directory-summary { gap: 10px; flex-wrap: wrap; }