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

.cit-tit {
    margin-bottom: 40px;
}
.cit-tit h1 {
    color: #001f89;
    margin-bottom: 17px;
    font-size: 28px;
    line-height: 32px;
}
.cit-tit h2 {
    color: #ff8a00;
    font-size: 24px;
    font-family: "Rajdhani-Bold";
    line-height: 23px;
    text-transform: uppercase;
    letter-spacing: -1px;
    margin-top: -6px;
}

/*
 * 代理品牌墙（20 个品牌 logo）。
 *
 * 2026-11-02 从正文的内联 <style> 搬过来的。
 *
 * 这四条规则原来写在 data/portal-pages.php 的 brand 正文里，靠 <style> 标签生效。
 * 后来正文改成在后台编辑，整段 HTML 粘进 Gutenberg 时被自动排版拆成了段落：
 *
 *     <style type="text/css"><p>.pic-text-list-module {</p><p> margin: 0;</p>...
 *
 * CSS 解析器读到 <p> 就整块丢弃，于是 float:left 一条都没应用 —— 20 个 logo
 * 全部掉成单列竖排（整块 5440px 高，页面总高被撑到 9856px）。
 *
 * 样式本来就不该待在正文里：放这里之后，后台怎么改文案都碰不到它。
 *
 * ul 和 li 的宽度由正文里的内联 style 给（ul 1220px、li 244px），
 * 5 个一行刚好铺满，所以这里只补 float 和间距，不写 width。
 * 移动端的三列规则在同文件下面的 @media 里。
 */
.pic-text-list-module {
    margin: 0;
    overflow: hidden;
}
.pic-text-list-module ul {
    /* 消除 li 之间的 inline 空隙，否则 5×244 的整数布局会被挤到下一行 */
    font-size: 0;
}
.pic-text-list-module ul li {
    float: left;
}
.pic-text-list-module .inner {
    padding: 12px;
    /* 200 宽的 logo + 24 padding + 20 右边距 = 244，正好等于 li 宽度 */
    margin: 0 20px 20px 0;
    background-color: #f6f6f6;
}

@media (max-width: 800px) {
  .learn .wrap-mpn2[data-v-34a4e67d] { padding: 50px 0 !important}
  .learn .honor-wrap[data-v-34a4e67d] { padding: 10px 0 0 0 !important}
  .learn .wrap-mpn2 .le[data-v-34a4e67d] { width: 100%; float: none !important; height: auto !important}
  /*
   * 2026-11-04 修「图片下面一大片空白」（390 宽实测 180px，圆点孤零零浮在空白里）。
   *
   * about.css 里 .sile1 写死 height:400px（桌面端配 400 高的图），这套 mobile 规则
   * 只把 .bd 压到 220px，.sile1 / .le 仍然是 400 —— 220 的图底下就多出 180px 空白。
   * 高度交还给内容即可；同时取消 .le / .ri 的浮动，两个块才能自然上下排列。
   *
   * 下面那组 .bd / ul / li 的 220px 是滑块需要的定高（li 是绝对定位，不撑高），
   * 跟 .sile1 / .le 不冲突，互不影响。
   */
  .learn .wrap-mpn2 .auto .sile1[data-v-34a4e67d] { height: auto !important}
  .learn .wrap-mpn2 .le .bd[data-v-34a4e67d], .learn .wrap-mpn2 .le .bd ul[data-v-34a4e67d], .learn .wrap-mpn2 .le .bd ul li[data-v-34a4e67d] { height: 220px !important; overflow: hidden}
  /*
   * 图片撑满 220 的框：品牌图统一 700×400（比例 1.75），390 宽下按宽度算只有 193 高，
   * 原来 height:auto 会在框底留 27px 白条。object-fit 裁掉边缘补满，比留白干净。
   * （裁掉的部分是照片上下各约 7%，会议室的横幅文字仍在画面内。）
   */
  .learn .wrap-mpn2 .le .bd ul li[data-v-34a4e67d] img { width: 100% !important; height: 100% !important; object-fit: cover}
  .learn .wrap-mpn2 .ri[data-v-34a4e67d] { width: 100%; float: none !important; padding: 20px !important}
  .learn .wrap-mpn2 .ri h3[data-v-34a4e67d] { font-size: 22px !important}
  .learn .wrap-mpn2 .ri h4[data-v-34a4e67d] { font-size: 15px !important}
  .learn .wrap-mpn2 .ri[data-v-34a4e67d] .text { height: 88px; line-height: 22px; font-size: 13px}
  .pic-text-list-module ul { width: 100% !important}
  .pic-text-list-module ul li { width: 33.33% !important}
  .pic-text-list-module .inner { margin: 0 10px 10px 10px}
  .pic-text-list-module .inner span.pic { width: 100% !important; height: 100% !important}
  /*
   * 这两条原本写的是 `.inner span.pic table` / `.inner span.pic table img`，
   * 2026-11-02 改成不带 span 的通用写法。
   *
   * 原因：线上正文经过后台编辑器保存后，`<span class="pic">` 包 `<table>`
   * 这层非法嵌套被拆掉了（span 是 phrasing content，装不下 table），
   * 实际 DOM 变成 `.inner > table > tbody > tr > td > img`。
   * 于是原来那两条选择器一条都匹配不上，200px 的图塞进 99px 的卡片，
   * 被外层 `.pic-text-list-module { overflow: hidden }` 裁得只剩中间一块。
   *
   * `.inner table` / `.inner img` 对两种结构都成立（有 span 时同样能命中后代），
   * 所以换掉不影响 data/portal-pages.php 里那份带 span 的原始结构。
   */
  .pic-text-list-module .inner table { width: 100% !important}
  .pic-text-list-module .inner img { width: 100% !important; height: auto !important}
}

/*
 * 601–800px（平板 / 横屏手机）：滑块的框也该长高一点。
 *
 * 上面 ≤800 那组把 .bd 定为 220px，是按 390 宽（图约 193 高）算的；
 * 到 700 宽时容器约 660，图按宽度算是 377 高，全塞进 220 会被裁掉近一半。
 * 这里单独抬到 340，只动高度，不引入任何新特性。
 */
@media (min-width: 601px) and (max-width: 800px) {
  .learn .wrap-mpn2 .le .bd[data-v-34a4e67d],
  .learn .wrap-mpn2 .le .bd ul[data-v-34a4e67d],
  .learn .wrap-mpn2 .le .bd ul li[data-v-34a4e67d] { height: 340px !important}
}