/* ==========================================================================
   网站装修 poster_11 模块样式(图文橱窗-11)
   - 取自设计稿 图文橱窗.png b12 This is what they say(左文右图证言滑块 + 箭头计数)
   - 作用域 class ly_poster_11, 自包含; 模块级变量由 poster_11.html 的 <style th:inline> 注入
   ========================================================================== */

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

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

/* 标题字体与颜色走全局 deco-title 配置(只作用于模块标题, 不外溢到证言);
   小标题/正文/姓名/身份的字号与颜色走模块配置; 本模块无副标题与按钮元素 */
.ly_poster_11 .p11_title {
    margin: 0;
    font-size: var(--deco-pc-title-font-size, 40px);
    line-height: 1.25;
    font-weight: 600;
}


.p11_viewport { overflow: hidden; }
.p11_track { display: flex; }
.p11_slide { flex: none; width: 100%; display: flex; align-items: center; gap: 60px; }
.p11_txt { flex: 1; min-width: 0; }
.p11_title { margin-bottom: 56px; }
.p11_head { font-size: var(--deco-pc-item-title-font-size, 24px); line-height: 1.45; font-weight: 600; color: var(--deco-p11-item-color, #1F2B3D); }
.p11_desc { margin-top: 16px; line-height: 1.8; font-size: var(--deco-pc-item-desc-font-size, 16px); color: var(--deco-content-color, #666666); }
.p11_who { margin-top: 56px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.p11_name { font-size: var(--deco-pc-item-label-font-size, 22px); font-weight: 600; color: var(--deco-p11-item-label-color, #1F2B3D); }
.p11_role { margin-top: 4px; font-size: var(--deco-pc-item-content-font-size, 15px); color: var(--deco-p11-item-content-color, #8A929B); }
.p11_ops { display: flex; align-items: center; gap: 22px; }
.p11_counter { font-size: 15px; color: var(--deco-p11-item-color, #1F2B3D); min-width: 44px; text-align: center; }
.p11_arrow { width: 42px; height: 42px; border: 1px solid var(--p11-arrow-color, #1F2B3D); border-radius: 50%; background: var(--p11-arrow-bg, #FFFFFF); color: var(--p11-arrow-color, #1F2B3D); cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; }
.p11_ar { width: 10px; height: 10px; border-right: 1.6px solid currentColor; border-bottom: 1.6px solid currentColor; }
.p11_arrow[data-deco-dir="prev"] .p11_ar { transform: rotate(135deg); margin-left: 3px; }
.p11_arrow[data-deco-dir="next"] .p11_ar { transform: rotate(-45deg); margin-right: 3px; }
.p11_pic { width: 34%; flex: none; }
.p11_pic img { display: block; width: 100%; height: var(--p11-h, 600px); object-fit: cover; border-radius: 16px; }
@media screen and (max-width: 1000px) {
    .ly_poster_11 {
        padding: var(--deco-poster-mobile-pad-top, 60px) var(--deco-poster-mobile-pad-right, 0) var(--deco-poster-mobile-pad-bottom, 50px) var(--deco-poster-mobile-pad-left, 0);
    }
    /* moduleWidth=global 时 .wide 是 1440px 且该变量不分端, 移动端强制收满屏宽 */
    .ly_poster_11 .wide {
        width: 100%;
        max-width: 100%;
    }
    .ly_poster_11 .p11_title {
        font-size: var(--deco-mobile-title-font-size, 24px);
    }

    .p11_slide { flex-direction: column-reverse; align-items: stretch; gap: 24px; }
    .p11_pic { width: 100%; }
    .p11_pic img { height: var(--p11-h, 340px); border-radius: 10px; }
    .p11_txt { width: 100%; }
    .p11_title { margin-bottom: 24px; }
    .p11_head { font-size: var(--deco-mobile-item-title-font-size, 18px); }
    .p11_who { margin-top: 26px; flex-wrap: wrap; }
    .p11_name { font-size: var(--deco-mobile-item-label-font-size, 17px); }
    .p11_role { font-size: var(--deco-mobile-item-content-font-size, 15px); }
    .p11_desc { font-size: var(--deco-mobile-item-desc-font-size, 15px); }
}