/* ============================================================
   在 app.css（原站原件）之上补充原站没有的元素。
   ============================================================ */

/* ---------- 导航「更多」：用原生 <details>，不依赖 JS ---------- */
.nav-more { position: relative; }
.nav-more > summary {
  list-style: none;
  cursor: pointer;
  user-select: none;
}
.nav-more > summary::-webkit-details-marker { display: none; }
.nav-more > summary::marker { content: ""; }
.nav-more[open] > summary { background: oklch(var(--color-paper-2)); color: oklch(var(--color-ink)); }

.nav-drop {
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  min-width: 11rem;
  padding: 6px;
  border-radius: 10px;
  background: oklch(var(--color-surface));
  border: 1px solid oklch(var(--color-rule) / 0.6);
  box-shadow: 0 8px 24px oklch(var(--color-ink) / 0.08);
  z-index: 60;
}
.nav-drop a {
  display: block;
  padding: 8px 10px;
  border-radius: 8px;
  font-size: 13px;
  color: oklch(var(--color-ink));
  white-space: nowrap;
}
.nav-drop a:hover { background: oklch(var(--color-paper-2)); }

/* 移动端：「更多」占满一格，弹层从底部浮起 */
.nav-more.mobile-more { flex: 1; display: flex; }
.nav-more.mobile-more > summary { flex: 1; width: 100%; }
.nav-more.mobile-more > .nav-drop {
  position: fixed;
  left: 12px;
  right: 12px;
  bottom: 72px;
  top: auto;
  min-width: 0;
}

/* ---------- 活动详情页的元信息表（原站该页无此表） ---------- */
.meta-table { width: 100%; border-collapse: collapse; font-size: 14px; margin-top: 12px; }
.meta-table th {
  width: 5rem;
  padding: 8px 0;
  text-align: left;
  vertical-align: top;
  font-weight: 400;
  color: oklch(var(--color-muted));
}
.meta-table td { padding: 8px 0; color: oklch(var(--color-ink)); }
.meta-table tr + tr th,
.meta-table tr + tr td { border-top: 1px dashed oklch(var(--color-rule) / 0.8); }

/* ---------- 相册格子的说明文字 ---------- */
.photo-tile { position: relative; overflow: hidden; display: flex; align-items: flex-end; }
.photo-tile img { width: 100%; height: 100%; object-fit: cover; }
.photo-tile .cap {
  position: absolute;
  left: 8px;
  bottom: 8px;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 11px;
  color: oklch(var(--color-muted));
  background: oklch(var(--color-surface) / 0.85);
}

/* ---------- 时间线筛选（JS 可选，无 JS 时全部显示） ---------- */
ol.timeline > li[hidden] { display: none; }