@charset "UTF-8";
/**
 * YH-UI Sass Variables
 * 原具体的 CSS 变量输出规则 (:root, html.dark 等) 已移至 root.scss，以防止各组件样式编译时产生重复的全局变量 CSS 冗余。
 */
.yh-infinite-scroll {
  display: flex;
  flex-direction: column;
}
.yh-infinite-scroll.is-horizontal {
  flex-direction: row;
}

.yh-infinite-scroll__content {
  flex: 1;
  min-width: 0;
  min-height: 0;
}

.yh-infinite-scroll__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 16px;
}

.yh-infinite-scroll__loading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--yh-text-color-secondary, #86868b);
}

.yh-infinite-scroll__finished {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--yh-text-color-placeholder, #c0c4cc);
  font-size: 13px;
}

.yh-infinite-scroll__error {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--yh-color-danger, #f56c6c);
  font-size: 13px;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.yh-infinite-scroll__error:hover {
  opacity: 0.7;
}

.yh-infinite-scroll__text {
  display: inline-block;
  line-height: 1.5;
}

.yh-infinite-scroll.is-horizontal .yh-infinite-scroll__placeholder {
  min-height: auto;
  min-width: 50px;
  padding: 16px 8px;
  flex-direction: column;
}
.yh-infinite-scroll.is-horizontal .yh-infinite-scroll__loading {
  flex-direction: column;
}

:root.dark .yh-infinite-scroll .yh-infinite-scroll__loading, html.dark .yh-infinite-scroll .yh-infinite-scroll__loading, body.dark .yh-infinite-scroll .yh-infinite-scroll__loading {
  color: var(--yh-text-color-secondary, #909399);
}

:root.dark .yh-infinite-scroll .yh-infinite-scroll__finished, html.dark .yh-infinite-scroll .yh-infinite-scroll__finished, body.dark .yh-infinite-scroll .yh-infinite-scroll__finished {
  color: var(--yh-text-color-placeholder, #6b6b6b);
}