/* 个人主页「收藏」Tab 的「动态」子标签样式。仅 .ksp-collect-* 前缀；卡片本体沿用 koi-space-r6.css 的 .ksp-feed-*。
   复用 --ksp-* 深灰令牌，克制动效，补空/加载态。不写进 koi-space-r6.css。 */

.ksp-collect-body {
  margin-top: 4px;
}

/* 动态子标签按钮：沿用原生 .kprof-subtab 基础样式，仅微调选中态跟随空间主色 */
.ksp-collect-tab.on {
  color: var(--ksp-primary, #3a3f45);
}

.ksp-collect-list {
  min-height: 40px;
}

/* 加载态 */
.ksp-collect-skel {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 28px 4px;
  color: var(--ksp-muted, #9aa0a6);
  font-size: 13px;
}
.ksp-collect-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--ksp-primary-soft, #c9ccd1);
  animation: ksp-collect-pulse 1.1s ease-in-out infinite;
}
@keyframes ksp-collect-pulse {
  0%, 100% { opacity: .35; }
  50% { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .ksp-collect-dot { animation: none; opacity: .7; }
}

/* 分页/更多态 */
.ksp-collect-more {
  text-align: center;
  padding: 16px 0;
  color: var(--ksp-muted, #9aa0a6);
  font-size: 13px;
}

/* 空态 */
.ksp-collect-empty {
  padding: 44px 16px;
  text-align: center;
  color: var(--ksp-muted, #9aa0a6);
}
.ksp-collect-empty-title {
  color: var(--ksp-fg-2, #6b7075);
  font-size: 15px;
  font-weight: 600;
}
.ksp-collect-empty-desc {
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.6;
  color: var(--ksp-muted, #9aa0a6);
}