/* ============================================
 * Skeleton loading 占位骨架（全站共用）
 * ============================================ */
.skeleton {
    display: block;
    background: linear-gradient(90deg, #eef0f2 25%, #f6f7f9 50%, #eef0f2 75%);
    background-size: 200% 100%;
    border-radius: 4px;
    animation: skeleton-pulse 1.4s ease-in-out infinite;
}

.skeleton-text { height: 16px; width: 100%; }
.skeleton-text-sm { height: 12px; width: 100%; }
.skeleton-thumb { width: 72px; height: 72px; border-radius: 8px; }
.skeleton-thumb-sm { width: 56px; height: 56px; border-radius: 6px; }

/* 行內小型 skeleton（取代 spinner-border-sm 用） */
.skeleton-inline {
    display: inline-block;
    height: 14px;
    width: 80px;
    vertical-align: middle;
}

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