/* 内页统一的栏目内搜索，视觉基准与 Discography 一致。 */
.search-box {
  display: flex;
  align-items: center;
  flex: 1 1 220px;
  min-width: 200px;
  max-width: 330px;
  min-height: 38px;
  box-sizing: border-box;
  padding: 8px 15px;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 999px;
  background: #141414;
  box-shadow: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.search-box:focus-within {
  border-color: #cc2929;
  box-shadow: 0 0 0 2px rgba(204, 41, 41, .12);
}
.search-box .search-icon { flex: 0 0 auto; margin-right: 8px; color: #666; font-size: 14px; line-height: 1; }
.search-box input {
  flex: 1;
  min-width: 0;
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: #ddd;
  font: 13px/1.35 "Noto Sans SC", sans-serif;
}
.search-box input::placeholder { color: #666; }
.result-count { color: #666; font-size: 12px; white-space: nowrap; }
.gallery-toolbar { display: flex; align-items: center; gap: 14px; padding: 0 60px 24px; }
.timeline-search-box { margin-left: auto; }
.live-search-box { min-width: 210px; }
.filter-actions .result-count { margin-right: 4px; }

@media (max-width: 768px) {
  .gallery-toolbar { padding: 0 24px 20px; }
  .timeline-search-box { flex-basis: 100%; margin-left: 0; max-width: none; }
  .filter-actions { flex-wrap: wrap; }
  /* Songs switches its toolbar to a column here. Reset the desktop flex basis,
     otherwise 220px becomes the search box's height instead of its width. */
  .songs-page .toolbar .search-box {
    flex: 0 0 auto;
    width: 100%;
    max-width: none;
  }
}
@media (max-width: 520px) {
  .gallery-toolbar { padding: 0 16px 18px; }
  .gallery-toolbar .search-box, .live-search-box { max-width: none; }
}