.ui-empty {
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:var(--spacing-10) var(--spacing-page-x);
  text-align:center;
}
.ui-empty__illustration {
  width:160rpx;
  height:160rpx;
  border-radius:50%;
  background:var(--color-bg-disabled);
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:var(--spacing-4);
}
.ui-empty__icon {
  width:72rpx;
  height:72rpx;
  opacity:0.72;
}
.ui-empty__title {
  font-size:var(--font-size-lg);
  font-weight:var(--font-weight-medium);
  color:var(--color-text-primary);
  margin-bottom:var(--spacing-2);
}
.ui-empty__desc {
  font-size:var(--font-size-sm);
  color:var(--color-text-tertiary);
  line-height:var(--line-height-relaxed);
  max-width:480rpx;
}
.ui-empty__actions {
  display:flex;
  flex-direction:column;
  gap:var(--spacing-2);
  margin-top:var(--spacing-6);
  width:100%;
  max-width:480rpx;
}
.ui-empty__action {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:var(--tap-min);
  border-radius:var(--radius-full);
  font-size:var(--font-size-base);
  font-weight:var(--font-weight-medium);
min-width:var(--tap-min);}
.ui-empty__action--primary {
  background:var(--color-primary-solid);
  color:var(--color-text-inverse);
}
.ui-empty__action--secondary {
  background:var(--color-bg-card);
  color:var(--color-primary-strong);
  border:1rpx solid var(--color-primary);
}