/* ========== 空状态 — 对齐 zibll empty state ========== */
.empty-state {
  text-align: center;
  padding: 60px 20px;
  color: var(--color-ink-3, #777);
}

.empty-state__icon {
  font-size: 56px;
  color: var(--surface-3, #e8e8e8);
  margin-bottom: 16px;
  line-height: 1;
}

.empty-state__icon i {
  display: inline-block;
}

.empty-state__title {
  font-size: 16px;
  font-weight: 500;
  color: var(--color-ink-2, #4e5358);
  margin-bottom: 8px;
}

.empty-state__desc {
  font-size: 13px;
  color: var(--color-ink-4, #999);
  margin-bottom: 20px;
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
}

.empty-state__action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* 空状态变体 */
.empty-state--sm {
  padding: 30px 16px;
}

.empty-state--sm .empty-state__icon {
  font-size: 40px;
}

.empty-state--sm .empty-state__title {
  font-size: 14px;
}

.empty-state--sm .empty-state__desc {
  font-size: 12px;
}

/* 搜索空状态 */
.search-empty {
  text-align: center;
  padding: 80px 20px;
}

.search-empty__icon {
  font-size: 64px;
  color: var(--surface-3, #e8e8e8);
  margin-bottom: 16px;
}

.search-empty__title {
  font-size: 18px;
  font-weight: 500;
  color: var(--color-ink-2, #4e5358);
  margin-bottom: 8px;
}

.search-empty__suggestions {
  font-size: 13px;
  color: var(--color-ink-4, #999);
}

.search-empty__suggestions a {
  color: var(--color-primary, #f04494);
  text-decoration: none;
}

.search-empty__suggestions a:hover {
  text-decoration: underline;
}

/* 移动端 */
@media (max-width: 767px) {
  .empty-state {
    padding: 40px 16px;
  }

  .empty-state__icon {
    font-size: 44px;
  }
}