/* 施工案例列表页：按参考图独立限定，避免影响其他模板 */
.product-case-list-page { color: #333; background: #fff; }
.product-case-list-page #banner { margin-top: 98px; }
.case-list-main, .case-catalog { background: #fff; }
.case-catalog { box-sizing: border-box; padding: 28px 0 78px; }

.case-list-heading {
    position: relative;
    width: 1000px;
    height: 72px;
    margin: 0 auto 8px;
    overflow: hidden;
    text-align: center;
}
.case-list-heading > img { display: block; width: 1000px; height: auto; }
.case-list-heading h1 {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 320px;
    margin: 0;
    color: #050505;
    background: #fff;
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
    font-size: 43px;
    font-weight: 400;
    line-height: 72px;
    letter-spacing: 7px;
    white-space: nowrap;
    transform: translate(-50%, -50%);
}

.case-list-shell { width: 1000px; margin: 0 auto; }
.case-list-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 9px;
    row-gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.case-list-card, .case-list-card a { min-width: 0; }
.case-list-card a { display: block; color: #555; }
.case-list-card__media { width: 100%; height: 154px; overflow: hidden; background: #f5f5f5; }
.case-list-card__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}
.case-list-card h2, .case-list-card p, .case-list-card time {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.case-list-card h2 {
    margin: 7px 0 0;
    color: #4b4b4b;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    transition: color .25s ease;
}
.case-list-card p { margin: 1px 0 0; color: #aaa; font-size: 12px; line-height: 20px; }
.case-list-card time { margin-top: 1px; color: #aaa; font-size: 12px; line-height: 19px; }
.case-list-card a:hover h2, .case-list-card a:focus-visible h2 { color: #111; }
.case-list-card a:hover .case-list-card__media img, .case-list-card a:focus-visible .case-list-card__media img { transform: scale(1.025); }
.case-list-card a:focus-visible { outline: 2px solid #777; outline-offset: 3px; }

.case-list-pagination.pglist { padding-top: 47px; text-align: center; }
.case-list-pagination.pglist a {
    min-width: 30px;
    box-sizing: border-box;
    margin: 0 3px;
    padding: 0 9px;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    color: #888;
    background: #fff;
    font-size: 12px;
    line-height: 30px;
}
.case-list-pagination.pglist a:hover, .case-list-pagination.pglist .hover {
    border-color: #d5d5d5;
    color: #777;
    background: #f2f2f2;
    box-shadow: none;
}

@media (prefers-reduced-motion: reduce) {
    .product-case-list-page *, .product-case-list-page *::before, .product-case-list-page *::after { transition-duration: .01ms !important; }
}