/* 分页容器 */
.infinite-scroll-container {
    width: 100%;
    background: #fff;
    position: relative; /* 父级相对定位 */
}


/* ---- Waypoints 加载阈值 ---- */
.is-scroll-trigger {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;   /* 左右边缘紧贴父容器内边界 */
    height: 5px;
    background-color: transparent;
    z-index: 99999;
    /*background-color: #9E1E2B;*/
}

/* 空数据提示 */
.is-empty-content {
    display: none;
    padding: 80px 0;
}
.is-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.is-empty-image {
    width: 120px;
    margin-bottom: 20px;
}
.is-empty-text {
    color: #999;
    font-size: 14px;
}

/* 加载状态 */
.sk-circle-fade {
    width: 15px; /* 调整动画大小 */
    height: 15px; /* 调整动画大小 */
}
.is-page-load-status {
    text-align: center;
}
.is-loading-status {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #959595;
    padding: 15px;
    font-size: 16px;
    font-weight: bold;
    gap: 20px;
}
.is-end-status {
    color: #959595;
    padding: 10px;
    display: none;
}
.is-error-status {
    color: #c62828;
    padding: 10px;
    display: none;
}
.is-retry-btn {
    background: #f1f1f1;
    border: none;
    padding: 5px 15px;
    border-radius: 3px;
    cursor: pointer;
}

/* 容器样式 */
.sk-circle-fade {
    position: relative;
    width: 15px;
    height: 15px;
}

/* 点的通用样式 */
.sk-circle-fade-dot {
    position: absolute;
    width: 100%;
    height: 100%;
}

/* 点元素的伪元素动画主体 */
.sk-circle-fade-dot::before {
    content: '';
    display: block;
    width: 15%;
    height: 15%;
    background-color: #333;
    border-radius: 100%;
    animation: sk-circle-fade 1.2s infinite ease-in-out both;
}

/* 旋转定位 */
.sk-circle-fade-dot:nth-child(1) { transform: rotate(0deg) }
.sk-circle-fade-dot:nth-child(2) { transform: rotate(30deg) }
.sk-circle-fade-dot:nth-child(3) { transform: rotate(60deg) }
.sk-circle-fade-dot:nth-child(4) { transform: rotate(90deg) }
.sk-circle-fade-dot:nth-child(5) { transform: rotate(120deg) }
.sk-circle-fade-dot:nth-child(6) { transform: rotate(150deg) }
.sk-circle-fade-dot:nth-child(7) { transform: rotate(180deg) }
.sk-circle-fade-dot:nth-child(8) { transform: rotate(210deg) }
.sk-circle-fade-dot:nth-child(9) { transform: rotate(240deg) }
.sk-circle-fade-dot:nth-child(10) { transform: rotate(270deg) }
.sk-circle-fade-dot:nth-child(11) { transform: rotate(300deg) }
.sk-circle-fade-dot:nth-child(12) { transform: rotate(330deg) }

/* 动画延迟 */
.sk-circle-fade-dot:nth-child(1)::before { animation-delay: -1.2s }
.sk-circle-fade-dot:nth-child(2)::before { animation-delay: -1.1s }
.sk-circle-fade-dot:nth-child(3)::before { animation-delay: -1.0s }
.sk-circle-fade-dot:nth-child(4)::before { animation-delay: -0.9s }
.sk-circle-fade-dot:nth-child(5)::before { animation-delay: -0.8s }
.sk-circle-fade-dot:nth-child(6)::before { animation-delay: -0.7s }
.sk-circle-fade-dot:nth-child(7)::before { animation-delay: -0.6s }
.sk-circle-fade-dot:nth-child(8)::before { animation-delay: -0.5s }
.sk-circle-fade-dot:nth-child(9)::before { animation-delay: -0.4s }
.sk-circle-fade-dot:nth-child(10)::before { animation-delay: -0.3s }
.sk-circle-fade-dot:nth-child(11)::before { animation-delay: -0.2s }
.sk-circle-fade-dot:nth-child(12)::before { animation-delay: -0.1s }

/* 关键帧动画 */
@keyframes sk-circle-fade {
    0%, 39%, 100% { opacity: 0; }
    40% { opacity: 1; }
}