.layui-laypage .GPageSpan {
  color: #d2d2d2 !important;
  cursor: not-allowed !important;
}

.bbxin-keyword {
  color: var(--bbx-color-brand) !important;
}

.bbx-is-hidden {
  display: none !important;
}

.bbx-list-state {
  text-align: center;
  padding: 56px 20px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
}

.bbx-list-state-icon {
  display: inline-block;
  font-size: 48px;
  color: #e5e7eb;
}

.bbx-list-state--error .bbx-list-state-icon {
  color: #f56c6c;
}

.bbx-list-state-title {
  margin-top: 14px;
  font-size: 16px;
  font-weight: 600;
  color: #4b5563;
}

.bbx-list-state-desc {
  margin-top: 8px;
  font-size: 13px;
  color: #9ca3af;
}

.bbx-list-state-actions {
  margin-top: 16px;
  display: inline-flex;
  gap: 10px;
}

.bbx-list-state-actions .layui-btn {
  margin: 0;
}

.bbx-list-skeleton {
  display: grid;
  gap: 12px;
  margin-bottom: 16px;
}

.bbx-list-skeleton-card {
  height: 96px;
  border-radius: 12px;
  border: 1px solid #f1f3f5;
  background: linear-gradient(90deg, #f8fafc 25%, #f1f5f9 37%, #f8fafc 63%);
  background-size: 400% 100%;
  animation: bbx-skeleton-loading 1.3s ease infinite;
}

@keyframes bbx-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0 50%;
  }
}