:root{
    --xq-product-image-ratio: 533 / 300;
    --xq-product-thumb-pc-width: 80px;
    --xq-product-thumb-pc-width-md: 96px;
    --xq-product-thumb-mobile-width: 96px;
    --xq-product-thumb-radius: 8px;
    --xq-product-image-bg: #f8f9fa;
}

/* 全站统一：商品图片容器与图片都水平居中 */
.hyper-home-page .product-card,
.kphyper-home-page .kphyper-mobile-card,
.classic-category-page .kphyper-mobile-card,
.laotie-home-page .mobile-product,
.xq-recommend-product-card{
    text-align: left;
}

.hyper-home-page .product-card .product-img,
.kphyper-home-page .avatar-sm.kphyper-table-thumb,
.classic-category-page .classic-category-table-thumb,
.classic-category-page .xq-classic-table-thumb,
.laotie-home-page .laotie-home-thumb,
.kphyper-home-page .kphyper-mobile-img,
.classic-category-page .kphyper-mobile-img,
.classic-category-page .xq-classic-mobile-img,
.laotie-home-page .mobile-list .laotie-home-thumb,
.xq-recommend-product-card__img{
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: var(--xq-product-image-ratio);
    object-fit: contain;
    object-position: center center;
    background: var(--xq-product-image-bg);
}

.hyper-home-page .product-card .product-img,
.xq-recommend-product-card__img{
    border-radius: var(--xq-product-thumb-radius);
}

.hyper-home-page .product-card .product-title,
.kphyper-home-page .kphyper-mobile-name,
.classic-category-page .kphyper-mobile-name,
.laotie-home-page .order-laotie-product-title,
.xq-recommend-product-card__title,
.kphyper-home-page .table-user,
.classic-category-page .table-user,
.classic-category-page .xq-classic-table-user,
.laotie-home-page .table-user{
    text-align: left !important;
}

.hyper-home-page .product-card .product-title{
    min-height: 60px;
}

.kphyper-home-page .table-user > a,
.kphyper-home-page .table-user > span,
.classic-category-page .table-user > a,
.classic-category-page .table-user > span,
.classic-category-page .xq-classic-table-user > a,
.classic-category-page .xq-classic-table-user > span,
.laotie-home-page .table-user > a,
.laotie-home-page .table-user > span{
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    min-width: 0;
}

.kphyper-home-page .avatar-sm.kphyper-table-thumb,
.classic-category-page .classic-category-table-thumb,
.classic-category-page .xq-classic-table-thumb,
.laotie-home-page .laotie-home-thumb{
    flex: 0 0 var(--xq-product-thumb-pc-width);
    width: var(--xq-product-thumb-pc-width) !important;
    max-width: var(--xq-product-thumb-pc-width) !important;
    border-radius: 6px;
}

.kphyper-home-page .kphyper-mobile-thumb,
.classic-category-page .kphyper-mobile-thumb,
.classic-category-page .xq-classic-mobile-thumb,
.xq-recommend-product-card__media,
.laotie-home-page .mobile-list .laotie-home-thumb{
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: var(--xq-product-thumb-radius);
    background: var(--xq-product-image-bg);
}

.kphyper-home-page .kphyper-mobile-thumb,
.classic-category-page .kphyper-mobile-thumb,
.classic-category-page .xq-classic-mobile-thumb,
.laotie-home-page .mobile-list .laotie-home-thumb{
    flex: 0 0 var(--xq-product-thumb-mobile-width);
    width: var(--xq-product-thumb-mobile-width) !important;
    max-width: var(--xq-product-thumb-mobile-width) !important;
}

.kphyper-home-page .kphyper-mobile-main,
.classic-category-page .kphyper-mobile-main,
.classic-category-page .xq-classic-mobile-main,
.laotie-home-page .order-laotie-product-main,
.xq-recommend-product-card__body{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
    min-width: 0;
}

.laotie-home-page .mobile-list .d-flex.text-decoration-none.text-body.w-100.align-items-center,
.laotie-home-page .mobile-list .order-laotie-inline-disabled{
    justify-content: flex-start;
    text-align: left;
    gap: 12px;
}

/* Hyper 首页卡片图片比例统一 */
.hyper-home-page .product-card .product-img{
    width: 100%;
    max-width: 100%;
}

/* 经典横分类页与首页的表格 thumb，压住模板旧 avatar-sm 规则 */
.classic-category-page .avatar-sm.classic-category-table-thumb,
.classic-category-page .avatar-sm.kphyper-table-thumb,
.classic-category-page .xq-classic-table-thumb,
.kphyper-home-page .avatar-sm.kphyper-table-thumb,
.laotie-home-page .avatar-sm.laotie-home-thumb{
    height: auto !important;
}

@media (min-width: 768px) and (max-width: 1199.98px){
    .kphyper-home-page .avatar-sm.kphyper-table-thumb,
    .classic-category-page .classic-category-table-thumb,
.classic-category-page .xq-classic-table-thumb,
    .laotie-home-page .laotie-home-thumb{
        flex-basis: var(--xq-product-thumb-pc-width-md);
        width: var(--xq-product-thumb-pc-width-md) !important;
        max-width: var(--xq-product-thumb-pc-width-md) !important;
    }
}

@media (max-width: 767.98px){
    .hyper-home-page .product-card .product-title{
        text-align: left !important;
    }

    .kphyper-home-page .kphyper-mobile-thumb,
    .classic-category-page .kphyper-mobile-thumb,
.classic-category-page .xq-classic-mobile-thumb,
    .laotie-home-page .mobile-list .laotie-home-thumb,
    .xq-recommend-product-card__media{
        flex-basis: var(--xq-product-thumb-mobile-width);
        width: var(--xq-product-thumb-mobile-width) !important;
        max-width: var(--xq-product-thumb-mobile-width) !important;
    }

    .laotie-home-page .mobile-list .laotie-home-thumb{
        margin-right: 0 !important;
    }
}