/*
 Theme Name:   RiPro-V5 Child（JSZTCY 专用）
 Template:     ripro-v5
 Version:      1.0.4
 Author:       JSZTCY
 Author URI:   https://www.jsztcy.com/
 Description:  JSZTCY（www.jsztcy.com）专用子主题：内置首页专用模块（JSZTCY 模块1/2/3号 + 标题0号）与首页样式。父主题 ripro-v5 可自由升级，本子主题中的定制不会被覆盖。
 Text Domain:  ripro-v5-child
*/

/* ==========================================================================
   本文件集中存放 6e 首页模块的全部【静态样式】。
   动态颜色（后台小工具里填写的背景色/文字色）仍由各模板用内联 PHP 输出，
   不在本文件中（否则无法跟随后台设置）。

   目录：
   ① 全局首页样式（模块 0-3 公用）
   ② 0号（标题条）
   ③ 1号（左两栏 + 中一栏 + 右描述/图集）
   ④ 2号（左大栏 + 右描述栏）
   ⑤ 3号（左分类 + 右格子矩阵）
   ========================================================================== */

/* ---------- ① 全局首页样式 ---------- */
.pos-num {
  color: #010101;
  margin-right: 5px;
}
.pos-a,
.pos-des h3 {
  color: #010101;
}
.pos-6tit {
  background: #fff;
  padding: 10px;
  margin-bottom: -18px;
}
.category-pos {
  font-size: 1.15rem;
  margin-bottom: 1rem;
}
.pos-12 .list-posts {
  border-radius: 0.3rem 0.3rem 0 0;
}
.home-title-post .list-posts ul li .post-views {
  color: #d40d26 !important;
}
.pos-6 {
  background: #fff;
  border-radius: 0.3rem !important;
  --ri-gutter-y: 0rem;
  --ri-gutter-x: 0rem;
}
/* 3号右侧小格子：最小高度（可长高，不可变矮） */
.pos-bot {
  min-height: 171px;
}
.pos-bb {
  margin-bottom: -2px !important;
}
.pos-br {
  border: 2px solid #16aada;
  margin: 10px;
}
.cl-br {
  border: 2px solid #16aada;
  padding: 17px 13px 16px 10px;
  margin: -5px;
}
/* 2号/3号整体上提，与上一个模块叠压 */
@media (min-width: 680px) {
  .pos-gao {
    margin-top: -70px;
  }
}

/* ---------- ② 0号（标题条） ---------- */
.pos-des-tie {
  padding: 5px;
  color: #fff9f9;
  margin-bottom: -50px;
}

/* ---------- ③ 1号（三栏 + 描述 + 图集） ---------- */
.img-tit {
  margin-left: 10px;
  font-size: 1.15rem;
  padding: 5px 0;
  margin-bottom: 1px;
}
.pos-img {
  height: 134px;
  margin-bottom: 5px;
}
.col-md-12 .owl-stage-outer {
  margin: 0 5px;
}
.img-title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 12rem;
}
@media (max-width: 992px) {
  .img-title {
    width: 10rem;
  }
}
/* 等高拉伸：三栏内容跟随整行最高列 */
.bb-c > .col-12 {
  display: flex;
  flex-direction: column;
}
.bb-c > .col-12 > .col-md-12 {
  display: flex;
  flex-direction: column;
}
.bb-c .list-posts {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.bb-c .list-posts > ul {
  flex: 1 1 auto;
}

/* ---------- ④ 2号（左大栏 + 右描述栏） ---------- */
.pos-p {
  padding: 5px;
}
.vie-1 {
  padding: 0 6px;
}
.pos-6-1 {
  padding: 10px;
  margin-bottom: -9.5px;
  border-radius: 0.3rem;
}
.pos-des {
  border-radius: 0.3rem;
}

/* ---------- ⑤ 3号（左分类 + 右格子矩阵） ---------- */
.pos-k {
  padding: 10px;
  margin-bottom: -18.5px;
}
.kk-2,
.pos-br ul {
  border-radius: 0.3rem;
}
/* 等高拉伸：左右栏跟随整行最高列 */
.nei-eq > .col-md-4,
.nei-eq > .col-md-8 {
  display: flex;
  flex-direction: column;
}
.nei-eq > .col-md-4 .list-posts {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.nei-eq > .col-md-4 .list-posts > ul {
  flex: 1 1 auto;
}
.nei-eq > .col-md-8 > .pos-6 {
  flex: 1 1 auto;
  align-content: stretch;
}
/* 蓝框格子跟随拉伸：用 flex 而非 height:100%，
   否则 .pos-br 的上下 margin:10px 会被加到 100% 之外，
   导致蓝框底部超出粉色容器 */
.nei-eq .pos-6 > .col {
  display: flex;
  flex-direction: column;
}
.nei-eq .pos-6 > .col > .list-posts {
  flex: 1 1 auto;
  height: auto;
}