/* ==========================================================================
   空状态组件 (Empty State)
   ========================================================================== */

.zuoekai-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px 0;
  color: var(--zuoekai-color-text-secondary);
}

/* --- 内部元素 --- */

/* 图片/图标容器 */
.zuoekai-empty__image {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  color: var(--zuoekai-color-text-muted);
  opacity: 0.8;
}

.zuoekai-empty__image svg {
  width: 64px;
  height: 64px;
  stroke-width: 1;
}

.zuoekai-empty__image img {
  max-width: 100%;
  height: auto;
}

/* 描述文本 */
.zuoekai-empty__description {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: var(--zuoekai-color-text-secondary);
}

.zuoekai-empty__description--muted {
  margin-top: 6px;
  font-size: 13px;
  color: var(--zuoekai-color-text-muted);
}

/* 底部操作区 (可选) */
.zuoekai-empty__footer {
  margin-top: 16px;
}

/* --- 变体 (Variants) --- */

/* 1. 小尺寸 (Small) - 用于下拉菜单或小卡片 */
.zuoekai-empty--sm {
  padding: 16px 0;
}

.zuoekai-empty--sm .zuoekai-empty__image {
  margin-bottom: 8px;
}

.zuoekai-empty--sm .zuoekai-empty__image svg {
  width: 40px;
  height: 40px;
}

.zuoekai-empty--sm .zuoekai-empty__description {
  font-size: 12px;
}

/* 2. 简单文本 (Simple) - 无图 */
.zuoekai-empty--simple .zuoekai-empty__image {
  display: none;
}

/* 3. 大尺寸 (Large) - 用于页面级空状态、错误态、首次引导态 */
.zuoekai-empty--lg {
  padding: 48px 0;
}

.zuoekai-empty--lg .zuoekai-empty__image svg {
  width: 80px;
  height: 80px;
}

/* 大标题描述：用于页面中心主文案，避免在业务侧继续写内联字号 */
.zuoekai-empty__description--lg {
  font-size: 20px;
  line-height: 1.5;
}