/* page-data-index.css — 清書櫃第5季 v3.0 | 2026-08-31
 * 僅補充動態功能需要、設計師 CSS 未涵蓋的樣式
 */

/* ---- 骨架屏動畫（book-card / editor-card / feature-card 共用）---- */
.is-skeleton {
  aspect-ratio: 3 / 5;
  background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  animation: skeleton-pulse 1.5s ease-in-out infinite;
  will-change: background-position;
  border-radius: 8px;
  pointer-events: none;
}

/* feature-card 骨架屏比例 */
.feature-card.is-skeleton {
  aspect-ratio: 4 / 5;
}

/* editor-card 骨架屏比例 */
.editor-card.is-skeleton {
  aspect-ratio: 1 / 1.6;
}

@keyframes skeleton-pulse {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

@media (prefers-reduced-motion: reduce) {
  .is-skeleton {
    animation: none;
    background: #e8e8e8;
    will-change: auto;
  }
}

/* ---- feature-card__image 容器（防 CLS）---- */
/* 設計師 style.css 已定義 .book-card__image，此處不重複覆蓋 */
.feature-card__image {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 2;
  overflow: hidden;
}

.feature-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}