/* Kole UI SkeletonPro 样式 — 对齐 组件7.txt SkeletonPro：骨架屏占位，微光动画 */

.kole-skeleton { font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); }
.kole-skeleton-row { display: flex; gap: 12px; align-items: center; margin-bottom: 12px; }
.kole-skeleton-avatar { width: 40px; height: 40px; border-radius: 50%; background: var(--kole-color-border); flex-shrink: 0; }
.kole-skeleton-lines { flex: 1; }
.kole-skeleton-line { height: 12px; background: var(--kole-color-border); border-radius: 4px; margin-bottom: 8px; }
.kole-skeleton-block { height: 120px; background: var(--kole-color-border); border-radius: 8px; margin-bottom: 12px; }
.kole-skeleton.is-active .kole-skeleton-avatar,
.kole-skeleton.is-active .kole-skeleton-line,
.kole-skeleton.is-active .kole-skeleton-block { background: linear-gradient(90deg, #E8ECF1 25%, #F0F5FF 37%, #E8ECF1 63%); background-size: 400% 100%; animation: kole-shimmer 1.4s ease infinite; }
@keyframes kole-shimmer { 0% { background-position: 100% 0; } 100% { background-position: 0 0; } }