/*
 * /about/zhengshu/ 页面专属样式。
 *
 * 抽自原 Discuz 门户模板 list_zhengshu.htm 的内联 <style>，
 * 主题此前从未加载过这段，所以这几个页面一直是裸的。
 * 只在 is_page('zhengshu') 时加载，见 functions.php。
 */

.about-brand1[data-v-6fed18a7] {
    margin-top: 50px;
}
.cit-tit[data-v-6fed18a7] {
    margin-bottom: 40px;
}
.cit-tit h1[data-v-6fed18a7] {
    color: #001f89;
    margin-bottom: 17px;
    font-size: 28px;
    line-height: 32px;
}
.cit-tit h2[data-v-6fed18a7] {
    color: #ff8a00;
    font-size: 24px;
    font-family: "Rajdhani-Bold";
    line-height: 23px;
    text-transform: uppercase;
    letter-spacing: -1px;
    margin-top: -6px;
}
@media (max-width: 800px) {
  .info-box[data-v-51db6c9d] h3 { width: 100%; margin-bottom: 20px}
  .info-box .ul-wrap[data-v-51db6c9d] { width: 100%}
  [data-v-51db6c9d] .info-box ul { margin: 0}
  .about-brand1[data-v-6fed18a7] { margin: 10px 0 !important}
  .about-brand3 li[data-v-6fed18a7] { width: 50%}
  .about-brand3 li .li-box[data-v-6fed18a7] { height: auto}
  .about-brand3 .img[data-v-6fed18a7] { height: 220px; overflow: hidden}
  /* 原来这里是 width:90%!important; height:auto!important。
     宽度一旦写死，max-height 就只压高度、压不动宽度，比例保不住；
     现在 about.css 里是 width/height 双 auto + max-width/max-height 100%，
     靠 .img 的固定高度（桌面 349 / 手机 220）自动收，这里不用再管。 */
  .about-brand3 .name[data-v-6fed18a7] { margin: 15px 0 0 0}
}

/* ------------------------------------------------------------------
 * 默认 3 行（2026-11-04，配合 ldx_cert_more_html 输出的「查看更多」）
 *
 * 桌面 4 列 → 3 行 = 12 条；≤800px 2 列 → 3 行 = 6 条。
 * 原来按条数折（第 9 条起 is-collapsed），8 条在桌面是两行、在手机是四行，
 * 两边都凑不成整行，最后一行经常缺角。按 nth-child 切，两档各自整齐。
 * 展开由脚本在 ul 上加 is-expanded，:not() 一条就接管收/放。
 * ------------------------------------------------------------------ */
.about-brand3 ul#ldx-cert-ul:not(.is-expanded) li:nth-child(n+13) { display: none}

@media (max-width: 800px) {
  .about-brand3 ul#ldx-cert-ul:not(.is-expanded) li:nth-child(n+7) { display: none}
}

/* ------------------------------------------------------------------
 * 证书灯箱（2026-11-04）：点卡片放大看原图，可左右切换。
 * HTML 和脚本由 inc/cert-list.php 的 ldx_cert_lightbox_html() 输出。
 *
 * 不用 inset（旧 X5 不认），四边分开写；hidden 必须显式写 display:none，
 * 否则 .ldx-lb 的 display:flex 会把 [hidden] 默认样式顶掉。
 * ------------------------------------------------------------------ */
.about-brand3 li .li-box[data-v-6fed18a7] { cursor: zoom-in}

.ldx-lb {
    position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999;
    display: flex; align-items: center; justify-content: center;
    background: rgba(2, 12, 32, .9);
}
.ldx-lb[hidden] { display: none}

/* 打开时锁页面滚动（类由脚本加在 <html> 上） */
html.ldx-lb-lock, html.ldx-lb-lock body { overflow: hidden}

.ldx-lb__bd { position: absolute; top: 0; right: 0; bottom: 0; left: 0}
.ldx-lb__fig { position: relative; z-index: 1; margin: 0; max-width: 92vw; text-align: center}
.ldx-lb__img { display: block; margin: 0 auto; max-width: 92vw; max-height: 74vh; background: #fff; box-shadow: 0 10px 46px rgba(0, 0, 0, .55)}
.ldx-lb__cap { margin: 12px 0 0; max-width: 92vw; margin-left: auto; margin-right: auto; padding: 0 16px; color: #dfe6f2; font-size: 13px; line-height: 1.8}

.ldx-lb__close {
    position: absolute; top: 12px; right: 12px; z-index: 2;
    width: 44px; height: 44px; line-height: 44px; padding: 0;
    font-size: 26px; color: #fff; text-align: center;
    background: rgba(0, 0, 0, .35); border: 0; border-radius: 50%; cursor: pointer;
}
.ldx-lb__close:hover { background: rgba(0, 0, 0, .6)}

.ldx-lb__nav {
    position: absolute; top: 50%; z-index: 2; margin-top: -22px;
    width: 44px; height: 44px; line-height: 44px;
    font-size: 30px; font-family: serif; color: #fff; text-align: center; text-decoration: none;
    background: rgba(0, 0, 0, .35); border-radius: 50%;
}
.ldx-lb__nav:hover { background: rgba(0, 0, 0, .6); color: #fff}
.ldx-lb__prev { left: 14px}
.ldx-lb__next { right: 14px}

/* 手机：箭头挪到底部，别压在图的两侧；名称让出底部一行 */
@media (max-width: 800px) {
    .ldx-lb__img { max-width: 96vw; max-height: 68vh}
    .ldx-lb__cap { padding-bottom: 60px}
    .ldx-lb__nav { top: auto; bottom: 18px; margin-top: 0}
    .ldx-lb__prev { left: calc(50% - 62px)}
    .ldx-lb__next { right: calc(50% - 62px)}
    .ldx-lb__close { top: auto; bottom: 18px; right: 14px}
}