.load-more {
  padding: 32rpx 0;
}

.load-more-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12rpx;
}

.loading-spinner {
  width: 28rpx;
  height: 28rpx;
  border: 3rpx solid var(--gray-5);
  border-top-color: var(--primary);
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

.loading-text {
  font-size: 24rpx;
  color: var(--gray-4);
}

.nomore-text {
  font-size: 24rpx;
  color: var(--gray-5);
  white-space: nowrap;
  padding: 0 24rpx;
}

.line {
  height: 2rpx;
  flex: 1;
  background: var(--gray-6);
}

.empty-text {
  font-size: 24rpx;
  color: var(--gray-4);
}

.error-text {
  font-size: 24rpx;
  color: var(--warning);
}
