.zz-acitive {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px;
  font-size: 13px;
  color: var(--font-color);
  background: none;
  letter-spacing: 3;
  cursor: pointer;
}

.zz-acitive span {
  font-weight: 600;
  color: var(--anzhiyu-main);
  font-variant-numeric: tabular-nums;
}

/* 在线人数后面的小绿点 */
.zz-acitive span:last-child::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-bottom: 2px;
  margin-left: 4px;
  border-radius: 50%;
  background: #22c55e;
  vertical-align: middle;
  animation: zz-pulse 1.6s ease-in-out infinite;
}

@keyframes zz-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(0.8); }
}