/* ==========================================================================
   图文橱窗 poster_32: stay 瀑布 4 槽 (还原自 图文橱窗.png 板块12 / mL.png)
   作用域类: .ly_poster_32; 主配置 CSS 变量由模板 <style th:inline="text"> 注入(--p32-* 前缀)
   结构: 左大标题 + 右描述/文字链接(无箭头) + 固定 4 槽瀑布栅格(左高/中上/中下/右高)
   ========================================================================== */

.ly_poster_32 { box-sizing: border-box; background-color: var(--p32-bg-color, #FFFFFF); }
.ly_poster_32 a { text-decoration: none; }
.ly_poster_32 .p32_container { margin: 0 auto; box-sizing: border-box; }
.ly_poster_32 .p32_container.module_width_1440 { width: 1440px; max-width: 100%; }
.ly_poster_32 .p32_container.module_width_full { width: 100%; }
.ly_poster_32 .p32_container.module_width_global { width: var(--deco-module-width, 1440px); max-width: 100%; }

/* 头部: 左标题 + 右描述/链接 */
.ly_poster_32 .p32_head { display: flex; align-items: flex-start; justify-content: space-between; gap: 60px; }
.ly_poster_32 .p32_title { margin: 0; flex-shrink: 0; max-width: 46%; font-size: var(--p32-pc-title-font-size, 40px); color: var(--p32-title-color, #101828); line-height: 1.4; font-weight: 700; }
.ly_poster_32 .p32_head_right { flex: 1; max-width: 46%; }
.ly_poster_32 .p32_desc { font-size: var(--p32-pc-content-font-size, 16px); color: var(--p32-content-color, #6A7282); line-height: 1.75; }
.ly_poster_32 .p32_link { display: inline-block; margin-top: 22px; font-size: var(--p32-pc-link-font-size, 16px); font-weight: 600; color: var(--p32-link-color, #101828); }
.ly_poster_32 .p32_link:hover { text-decoration: underline; }

/* 瀑布栅格: 三列两行, 行高 345/492(实测), 1、4 槽跨两行 */
.ly_poster_32 .p32_grid { margin-top: 60px; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 345px 492px; gap: 18px; }
.ly_poster_32 .p32_item { overflow: hidden; }
.ly_poster_32 .p32_item:nth-child(1) { grid-column: 1; grid-row: 1 / 3; }
.ly_poster_32 .p32_item:nth-child(2) { grid-column: 2; grid-row: 1; }
.ly_poster_32 .p32_item:nth-child(3) { grid-column: 2; grid-row: 2; }
.ly_poster_32 .p32_item:nth-child(4) { grid-column: 3; grid-row: 1 / 3; }
.ly_poster_32 .p32_item_link { position: relative; display: block; width: 100%; height: 100%; }
.ly_poster_32 .p32_item_link img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s ease; }
@media screen and (min-width: 1001px) {
    .ly_poster_32 .p32_item:hover .p32_item_link img { transform: scale(1.05); }
}

/* PC 端间距 (1001px+) */
@media screen and (min-width: 1001px) {
    .ly_poster_32 { padding-top: var(--p32-pc-padding-top, 80px); padding-bottom: var(--p32-pc-padding-bottom, 80px); padding-left: var(--p32-pc-padding-left, 0%); padding-right: var(--p32-pc-padding-right, 0%); }
}

/* 移动端 (1000px-): 头部堆叠, 图片单列 */
@media screen and (max-width: 1000px) {
    .ly_poster_32 { padding-top: var(--p32-mobile-padding-top, 30px); padding-bottom: var(--p32-mobile-padding-bottom, 30px); padding-left: var(--p32-mobile-padding-left, 4%); padding-right: var(--p32-mobile-padding-right, 4%); }
    .ly_poster_32 .p32_head { flex-direction: column; gap: 16px; }
    .ly_poster_32 .p32_title { max-width: 100%; font-size: var(--p32-mobile-title-font-size, 26px); }
    .ly_poster_32 .p32_head_right { max-width: 100%; }
    .ly_poster_32 .p32_desc { font-size: var(--p32-mobile-content-font-size, 14px); }
    .ly_poster_32 .p32_link { margin-top: 12px; font-size: var(--p32-mobile-link-font-size, 14px); }
    .ly_poster_32 .p32_grid { margin-top: 30px; grid-template-columns: 1fr; grid-template-rows: none; grid-auto-rows: 260px; gap: 14px; }
    .ly_poster_32 .p32_item:nth-child(1),
    .ly_poster_32 .p32_item:nth-child(2),
    .ly_poster_32 .p32_item:nth-child(3),
    .ly_poster_32 .p32_item:nth-child(4) { grid-column: auto; grid-row: auto; }
}