/* ==========================================================================
   网站装修 poster_9 模块样式(图文橱窗-9)
   - 取自设计稿 图文橱窗.png b10 Exclusive Furniture(居中标题 + 四图卡)
   - 作用域 class ly_poster_9, 自包含; 模块级变量由 poster_9.html 的 <style th:inline> 注入
   ========================================================================== */

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

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

/* 标题/副标题字体与颜色走全局 deco-title / deco-content 配置, 模块内只控字号; 本模块无正文/按钮元素 */
.ly_poster_9 .p9_title {
    margin: 0;
    font-size: var(--deco-pc-title-font-size, 36px);
    line-height: 1.25;
    font-weight: 600;
}

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


.p9_head { text-align: center; margin-bottom: 44px; }
.p9_sub { margin-top: 10px; }
.p9_grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px; }
.p9_pic { border-radius: 8px; overflow: hidden; }
.p9_pic img { display: block; width: 100%; aspect-ratio: 391 / 491; object-fit: cover; }
.p9_name { margin-top: 16px; text-align: center; font-size: var(--deco-pc-item-title-font-size, 16px); color: var(--deco-p9-item-color, #1F2B3D); }
@media screen and (max-width: 1000px) {
    .ly_poster_9 {
        padding: var(--deco-poster-mobile-pad-top, 40px) 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_9 .wide {
        width: 100%;
        max-width: 100%;
    }
    .ly_poster_9 .p9_title {
        font-size: var(--deco-mobile-title-font-size, 22px);
    }
    .ly_poster_9 .p9_sub {
        font-size: var(--deco-mobile-subtitle-font-size, 13px);
    }

    .p9_head { margin-bottom: 26px; }
    .p9_grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
    .p9_name { font-size: var(--deco-mobile-item-title-font-size, 14px); margin-top: 10px; }
}