.adv-skeleton {
  display: block;
  background: linear-gradient(90deg, var(--color-bg-muted) 25%, var(--color-line) 37%, var(--color-bg-muted) 63%);
  background-size: 400% 100%;
  border-radius: var(--radius-sm);
  animation: advSkeleton 1.4s ease infinite;
}
.adv-skeleton--line { height: 0.85em; margin-bottom: 0.55em; }
.adv-skeleton--line:last-child { margin-bottom: 0; }
.adv-skeleton--title { height: 1.25em; width: 62%; margin-bottom: 0.75em; }
.adv-skeleton--text { height: 0.8em; }
.adv-skeleton--text.w-90 { width: 90%; }
.adv-skeleton--text.w-75 { width: 75%; }
.adv-skeleton--text.w-60 { width: 60%; }
.adv-skeleton--text.w-45 { width: 45%; }
.adv-skeleton--avatar { width: 44px; height: 44px; border-radius: var(--radius-circle); }
.adv-skeleton--avatar-lg { width: 72px; height: 72px; border-radius: var(--radius-circle); }
.adv-skeleton--thumb { width: 100%; aspect-ratio: 210 / 297; border-radius: var(--radius-md); }
.adv-skeleton--card { height: 160px; border-radius: var(--radius-lg); }

.adv-skeleton-card {
  display: block;
  padding: var(--space-5);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-lg);
  background: var(--color-bg);
}
.adv-skeleton-card__head {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  margin-bottom: var(--space-5);
}

@keyframes advSkeleton {
  0% { background-position: 100% 50%; }
  100% { background-position: 0 50%; }
}

@media (prefers-reduced-motion: reduce) {
  .adv-skeleton { animation: none; background: var(--color-bg-muted); }
}