/*
 * @kanway-css-index
 * 文件: css/about/about-showcase.css
 * 层级: 关于我们
 * 引用页面: about-showcase.html
 * 依赖: contact.css
 * 修改指引: .about-showcase-* 企业展厅
 * 索引: css/00-样式文件索引.css
 */
/* Enterprise Exhibition / Factory showcase — from about_g gallery */

.about-showcase-page {
    padding: 32px 0 72px;
}

.about-showcase-gallery {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px 20px;
}

.about-showcase-gallery li {
    border: 5px solid #fff;
    position: relative;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12), 0 0 24px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.25s, transform 0.25s;
}

.about-showcase-gallery li:hover {
    box-shadow: 0 8px 28px rgba(29, 81, 152, 0.18);
    transform: translateY(-2px);
}

.about-showcase-gallery a {
    position: relative;
    display: block;
    text-decoration: none;
    overflow: hidden;
}

.about-showcase-gallery img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 374 / 234;
    object-fit: cover;
    vertical-align: middle;
}

.about-showcase-gallery a::after {
    content: attr(data-tooltip);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 14px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    line-height: 1.35;
    opacity: 1;
    pointer-events: none;
}

.about-showcase-gallery a:focus-visible {
    outline: 2px solid #1d5198;
    outline-offset: 2px;
}

@media (max-width: 1100px) {
    .about-showcase-gallery {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .about-showcase-gallery {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}