/* ===== 卡乐售 PC 商品列表 - haikuotiankong（海阔天空）=====
   整页纯 JS 加载：首屏/续页骨架屏严格对齐 list_items.php 的 .item 行结构，替换时无跳动。
   真实样式（.public-list .item / .fl / .fa / .fr 等）见 style.css，这里只补骨架占位。 */

.public-list .item.goods-skeleton {
    pointer-events: none;
}
.public-list .item.goods-skeleton:hover {
    background: transparent;
}

/* 统一的微光占位块 */
.public-list .sk {
    display: block;
    background: linear-gradient(90deg, #eef1f5 25%, #e3e8ef 50%, #eef1f5 75%);
    background-size: 200% 100%;
    animation: hktk-sk-shimmer 1.4s ease-in-out infinite;
    border-radius: 6px;
}

/* 左侧商品图：对齐 .public-list .fl 的 80x80 */
.public-list .item.goods-skeleton > .fl {
    box-shadow: none;
    background: transparent;
}
.public-list .item.goods-skeleton > .fl .sk-img {
    width: 80px;
    height: 80px;
    border-radius: 8px;
}

/* 中部标题 / 价格 / 编号标签 */
.public-list .item.goods-skeleton > .fa {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.public-list .item.goods-skeleton > .fa .sk-title {
    width: 60%;
    max-width: 420px;
    height: 18px;
    margin-bottom: 8px;
}
.public-list .item.goods-skeleton > .fa .sk-money {
    width: 100px;
    height: 20px;
    margin-bottom: 8px;
}
.public-list .item.goods-skeleton > .fa .sk-tag {
    width: 120px;
    height: 22px;
    border-radius: 4px;
}

/* 右侧三列 + 购买按钮：对齐 .fr / .fr-1..3 / a */
.public-list .item.goods-skeleton > .fr .sk-cell {
    width: 56px;
    height: 22px;
    border-radius: 4px;
}
.public-list .item.goods-skeleton > .fr .sk-btn {
    width: 120px;
    height: 40px;
    border-radius: 20px;
}

@keyframes hktk-sk-shimmer {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}