/* IP加载骨架屏样式 */
.sr-only {
    display: inline-block;
    width: 100px;
    height: 16px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.5s ease-in-out infinite;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}

/* 骨架屏加载动画 */
@keyframes skeleton-loading {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

/* 当IP已加载时隐藏骨架屏 */
.sr-only.loaded {
    display: none;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .sr-only {
        width: 80px;
        height: 14px;
    }
}

/* 其他单元格的loading状态 */
.cell-loading {
    display: inline-block;
    width: 60px;
    height: 14px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.5s ease-in-out infinite;
    border-radius: 3px;
}

/* 文本loading状态（更短） */
.text-loading {
    display: inline-block;
    width: 40px;
    height: 12px;
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.5s ease-in-out infinite;
    border-radius: 2px;
}

/* 性能优化 */
.sr-only,
.cell-loading,
.text-loading {
    will-change: background-position;
    transform: translateZ(0); /* GPU加速 */
}