.crumb a, .crumb > span, .crumb strong { color: var(--staff-muted, var(--muted)); }
.crumb strong { font-weight: 550; color: var(--staff-text, inherit); }
.crumb a:hover { color: var(--staff-accent, var(--blue)); }
.crumb .crumb-divider { opacity: .65; }
.directory-order-lookup { margin-block: .75rem; }
.directory-order-lookup > summary { cursor: pointer; width: fit-content; padding: .35rem 0; color: var(--staff-accent, var(--blue)); }
.directory-order-lookup .search-zone { margin-block: .5rem; }

/* Keep the current screen visible while reading the next section. */
.staff-loading::before {
  content: "";
  position: fixed;
  z-index: 20;
  inset: 0 0 auto;
  height: 3px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, var(--staff-accent, var(--blue)), transparent);
  background-size: 45% 100%;
  background-repeat: no-repeat;
  animation: staff-reading 1.25s ease-in-out infinite;
}
@keyframes staff-reading {
  from { background-position: -85% 0; }
  to { background-position: 185% 0; }
}
@media (prefers-reduced-motion: reduce) {
  .staff-loading::before { animation: none; background: var(--staff-accent, var(--blue)); }
}
@media (max-width:680px) {
  .directory-records td:nth-child(2) { grid-column: 1/-1; }
  .directory-records td:nth-child(2)::before { content: "联系邮箱"; }
  .directory-records td:nth-child(3)::before { content: "信誉分"; }
  .directory-records td:nth-child(4)::before { content: "可用余额"; }
  .directory-records td:last-child { grid-column: 2; text-align: end; }
}