/* ==========================================================================
   网站装修 poster_15 模块样式(图文橱窗-15)
   - 取自设计稿 图文橱窗.png b16 Look at Customized Case(不对称四图马赛克)
   - 作用域 class ly_poster_15, 自包含; 模块级变量由 poster_15.html 的 <style th:inline> 注入
   ========================================================================== */

.ly_poster_15 {
    overflow: hidden;
    box-sizing: border-box;
    background-color: var(--deco-poster-bg, #EEEDE4);
    padding: var(--deco-poster-pc-pad-top, 95px) var(--deco-poster-pc-pad-right, 0) var(--deco-poster-pc-pad-bottom, 95px) var(--deco-poster-pc-pad-left, 0);
}

.ly_poster_15 .wide {
    width: var(--deco-poster-content-width, 100%);
    margin: 0 auto;
}

/* 标题/副标题字体与颜色走全局 deco-title / deco-subtitle 配置, 模块内只控字号 */
.ly_poster_15 .p15_title {
    margin: 0;
    font-size: var(--deco-pc-title-font-size, 36px);
    line-height: 1.25;
    font-weight: 600;
}

.ly_poster_15 .p15_sub {
    margin: 0;
    font-size: var(--deco-pc-subtitle-font-size, 15px);
    line-height: 1.7;
}


.p15_head { text-align: center; margin-bottom: 50px; }
.p15_sub { margin-top: 12px; }
.p15_grid { display: grid; grid-template-columns: 25.9% 26.3% 1fr; grid-template-rows: 365px 388px; grid-template-areas: 'a b c' 'd d c'; gap: 20px; }
.p15_card { position: relative; overflow: hidden; display: block; color: inherit; text-decoration: none; }
.p15_card.p15_a { grid-area: a; }
.p15_card.p15_b { grid-area: b; }
.p15_card.p15_c { grid-area: c; }
.p15_card.p15_d { grid-area: d; }
.p15_card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.p15_cap { position: absolute; left: 26px; right: 26px; bottom: 20px; color: #FFFFFF; z-index: 1; }
.p15_name { font-size: var(--deco-pc-item-title-font-size, 20px); line-height: 1.4; font-weight: 600; color: var(--deco-p15-item-color, #FFFFFF); }
.p15_who { margin-top: 6px; font-size: var(--deco-pc-item-content-font-size, 13px); opacity: 0.85; color: var(--deco-p15-item-content-color, #FFFFFF); }
.p15_card::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 120px; background: linear-gradient(to top, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0)); }
@media screen and (max-width: 1000px) {
    .ly_poster_15 {
        padding: var(--deco-poster-mobile-pad-top, 50px) var(--deco-poster-mobile-pad-right, 0) var(--deco-poster-mobile-pad-bottom, 40px) var(--deco-poster-mobile-pad-left, 0);
    }
    /* moduleWidth=global 时 .wide 是 1440px 且该变量不分端, 移动端强制收满屏宽 */
    .ly_poster_15 .wide {
        width: 100%;
        max-width: 100%;
    }
    .ly_poster_15 .p15_title {
        font-size: var(--deco-mobile-title-font-size, 22px);
    }
    .ly_poster_15 .p15_sub {
        font-size: var(--deco-mobile-subtitle-font-size, 13px);
    }

    .p15_head { margin-bottom: 28px; }
    .p15_grid { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; grid-template-areas: none; grid-auto-rows: 240px; }
    .p15_card.p15_a, .p15_card.p15_b, .p15_card.p15_c, .p15_card.p15_d { grid-area: auto; }
    .p15_cap { left: 16px; right: 16px; bottom: 14px; }
    .p15_name { font-size: var(--deco-mobile-item-title-font-size, 16px); }
    .p15_who { font-size: var(--deco-mobile-item-content-font-size, 13px); }
}