.visitor-counter {
  position: absolute;
  z-index: 9;
  right: clamp(34px, 2.5cqw, 52px);
  bottom: clamp(24px, 2.2cqh, 34px);
  display: flex;
  align-items: center;
  gap: 12px;
  color: rgba(194, 169, 116, 0.62);
  font-family: "Source Han Serif Taichu", "Noto Serif SC", "Songti SC", "STSong", serif;
  font-size: clamp(10px, 0.62cqw, 12px);
  font-weight: 320;
  letter-spacing: 0.16em;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.62);
  white-space: nowrap;
  pointer-events: none;
}

.visitor-counter::before {
  width: 18px;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, transparent, rgba(196, 167, 110, 0.42));
}

.visitor-counter span {
  display: inline-flex;
  align-items: baseline;
  gap: 0.24em;
}

.visitor-counter b {
  min-width: 2.5ch;
  color: rgba(218, 190, 132, 0.82);
  font-weight: 360;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.08em;
}

.visitor-counter i {
  width: 1px;
  height: 11px;
  background: linear-gradient(transparent, rgba(196, 167, 110, 0.48), transparent);
}

@media (prefers-reduced-motion: no-preference) {
  .visitor-counter {
    animation: visitor-counter-reveal 1.2s 1.1s ease-out both;
  }
}

@keyframes visitor-counter-reveal {
  from { opacity: 0; }
  to { opacity: 1; }
}