.skeleton {
  position: relative;
  overflow: hidden;
  background-color: #e9ecef;
  border-radius: 8px;
}

.skeleton::after {
  content: '';
  position: absolute;
  top: 0;
  left: -150px;
  height: 100%;
  width: 150px;
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.6), rgba(255,255,255,0));
  animation: shimmer 1.4s infinite;
}

@keyframes shimmer {
  0% { transform: translateX(0); }
  100% { transform: translateX(100%); }
}

.skeleton-text { height: 12px; margin-bottom: 8px; border-radius: 6px; }
.skeleton-title { height: 18px; width: 60%; margin-bottom: 12px; border-radius: 8px; }
.skeleton-rect { height: 150px; border-radius: 8px; }
.skeleton-avatar { width: 48px; height: 48px; border-radius: 50%; }