/**
 * 列表页补充样式：帝国 [!--show.listpage--] 分页 + 无 Bootstrap 时的 stui 栅格
 * 与 portal.css 一并放到站点 /skin/ 目录，列表「页面模板」里已引用。
 */
/* ---------- 分页：与影视站截图一致（说明行 + 圆角页码 + 胶囊上一页/下一页） ---------- */
.body-tpl-hipds .nj-pager__meta,
.body-tpl-portal .nj-pager__meta {
  margin: 1.25rem 0 0.85rem;
  text-align: center;
  font-size: 0.875rem;
  color: #475569;
  letter-spacing: 0.01em;
}

.body-tpl-hipds .nj-pager--styled,
.body-tpl-portal .nj-pager--styled,
.body-tpl-hipds .nj-pager,
.body-tpl-portal .nj-pager {
  margin: 0 0 2.25rem;
  padding: 0;
  width: 100%;
  clear: both;
  text-align: center;
}

.body-tpl-hipds .nj-pager--styled ul,
.body-tpl-portal .nj-pager--styled ul,
.body-tpl-hipds .nj-pager ul,
.body-tpl-portal .nj-pager ul,
.body-tpl-hipds ul.stui-page,
.body-tpl-portal ul.stui-page,
.body-tpl-hipds .stui-page > ul,
.body-tpl-portal .stui-page > ul {
  list-style: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: flex !important;
  flex-flow: row wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0.45rem !important;
  width: 100% !important;
  max-width: 100% !important;
}

.body-tpl-hipds .nj-pager--styled li,
.body-tpl-portal .nj-pager--styled li,
.body-tpl-hipds .nj-pager li,
.body-tpl-portal .nj-pager li,
.body-tpl-hipds ul.stui-page > li,
.body-tpl-portal ul.stui-page > li {
  list-style: none !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

/* 数字页：小圆角方块 */
.body-tpl-hipds .nj-pager--styled li a,
.body-tpl-portal .nj-pager--styled li a,
.body-tpl-hipds .nj-pager li a,
.body-tpl-portal .nj-pager li a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  min-height: 2.5rem;
  padding: 0.45rem 0.65rem;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.2;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  text-decoration: none !important;
  color: #334155;
  background: #fff;
  box-sizing: border-box;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.body-tpl-hipds .nj-pager--styled li a:hover,
.body-tpl-portal .nj-pager--styled li a:hover,
.body-tpl-hipds .nj-pager li a:hover,
.body-tpl-portal .nj-pager li a:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
  color: #0f172a;
}

/* 当前页 */
.body-tpl-hipds .nj-pager--styled li b,
.body-tpl-portal .nj-pager--styled li b,
.body-tpl-hipds .nj-pager--styled li strong,
.body-tpl-portal .nj-pager--styled li strong,
.body-tpl-hipds .nj-pager li b,
.body-tpl-portal .nj-pager li b,
.body-tpl-hipds .nj-pager li strong,
.body-tpl-portal .nj-pager li strong {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  min-height: 2.5rem;
  padding: 0.45rem 0.65rem;
  font-size: 0.875rem;
  line-height: 1.2;
  border-radius: 8px;
  font-weight: 700 !important;
  color: #1e3a8a !important;
  background: #eef2ff !important;
  border: 1px solid #2563eb !important;
  box-sizing: border-box;
  cursor: default;
}

/* 首尾一般为「首页/上一页」「下一页/尾页」→ 胶囊形（若顺序不同可在后台改分页函数） */
.body-tpl-hipds .nj-pager--styled li:first-child a,
.body-tpl-portal .nj-pager--styled li:first-child a,
.body-tpl-hipds .nj-pager li:first-child a,
.body-tpl-portal .nj-pager li:first-child a,
.body-tpl-hipds .nj-pager--styled li:last-child a,
.body-tpl-portal .nj-pager--styled li:last-child a,
.body-tpl-hipds .nj-pager li:last-child a,
.body-tpl-portal .nj-pager li:last-child a {
  border-radius: 999px;
  padding: 0.45rem 1.05rem;
  min-width: auto;
  font-weight: 500;
}

/* 禁用/灰显的上一页等（帝国偶发 span/font） */
.body-tpl-hipds .nj-pager--styled li span,
.body-tpl-portal .nj-pager--styled li span,
.body-tpl-hipds .nj-pager li span,
.body-tpl-portal .nj-pager li span,
.body-tpl-hipds .nj-pager--styled li font,
.body-tpl-portal .nj-pager--styled li font {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 0.45rem 1rem;
  font-size: 0.875rem;
  color: #94a3b8;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
}

.body-tpl-hipds .nj-pager--styled a[href="#"],
.body-tpl-portal .nj-pager--styled a[href="#"],
.body-tpl-hipds .nj-pager a[href="#"],
.body-tpl-portal .nj-pager a[href="#"] {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
  color: #94a3b8 !important;
}

/* 帝国分页常见：table 每页码一行 tr、或 .epages 里直接 a — 与 list_page 内联样式一致 */
.body-tpl-hipds .nj-pager--styled > div,
.body-tpl-portal .nj-pager--styled > div {
  display: flex !important;
  flex-flow: row wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0.45rem !important;
  width: 100% !important;
}

.body-tpl-hipds .nj-pager--styled > div > a,
.body-tpl-portal .nj-pager--styled > div > a,
.body-tpl-hipds .nj-pager--styled > div > b,
.body-tpl-portal .nj-pager--styled > div > b,
.body-tpl-hipds .nj-pager--styled > div > strong,
.body-tpl-portal .nj-pager--styled > div > strong {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  min-height: 2.5rem;
  padding: 0.45rem 0.65rem;
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none !important;
  border-radius: 8px;
  box-sizing: border-box;
  border: 1px solid #e2e8f0;
  color: #334155;
  background: #fff;
}

.body-tpl-hipds .nj-pager--styled > div > b,
.body-tpl-portal .nj-pager--styled > div > b,
.body-tpl-hipds .nj-pager--styled > div > strong,
.body-tpl-portal .nj-pager--styled > div > strong {
  color: #1e3a8a !important;
  background: #eef2ff !important;
  border-color: #2563eb !important;
  font-weight: 700 !important;
}

.body-tpl-hipds .nj-pager--styled .epages,
.body-tpl-portal .nj-pager--styled .epages,
.body-tpl-hipds .nj-pager .epages,
.body-tpl-portal .nj-pager .epages {
  display: flex !important;
  flex-flow: row wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0.45rem !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.body-tpl-hipds .nj-pager--styled .epages a,
.body-tpl-portal .nj-pager--styled .epages a,
.body-tpl-hipds .nj-pager--styled .epages b,
.body-tpl-portal .nj-pager--styled .epages b,
.body-tpl-hipds .nj-pager--styled .epages strong,
.body-tpl-portal .nj-pager--styled .epages strong,
.body-tpl-hipds .nj-pager .epages a,
.body-tpl-portal .nj-pager .epages a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  min-height: 2.5rem;
  padding: 0.45rem 0.65rem;
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none !important;
  border-radius: 8px;
  box-sizing: border-box;
  border: 1px solid #e2e8f0;
  color: #334155;
  background: #fff;
}

.body-tpl-hipds .nj-pager--styled .epages b,
.body-tpl-portal .nj-pager--styled .epages b,
.body-tpl-hipds .nj-pager--styled .epages strong,
.body-tpl-portal .nj-pager--styled .epages strong {
  color: #1e3a8a !important;
  background: #eef2ff !important;
  border-color: #2563eb !important;
  font-weight: 700 !important;
}

.body-tpl-hipds .nj-pager--styled table,
.body-tpl-portal .nj-pager--styled table,
.body-tpl-hipds .nj-pager table,
.body-tpl-portal .nj-pager table {
  width: 100% !important;
  margin: 0 auto !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: transparent !important;
}

.body-tpl-hipds .nj-pager--styled table tbody,
.body-tpl-portal .nj-pager--styled table tbody,
.body-tpl-hipds .nj-pager table tbody,
.body-tpl-portal .nj-pager table tbody {
  display: flex !important;
  flex-flow: row wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0.45rem !important;
  width: 100% !important;
}

.body-tpl-hipds .nj-pager--styled table tr,
.body-tpl-portal .nj-pager--styled table tr,
.body-tpl-hipds .nj-pager table tr,
.body-tpl-portal .nj-pager table tr {
  display: contents !important;
}

.body-tpl-hipds .nj-pager--styled table td,
.body-tpl-portal .nj-pager--styled table td,
.body-tpl-hipds .nj-pager table td,
.body-tpl-portal .nj-pager table td {
  display: inline-flex !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  vertical-align: middle !important;
}

.body-tpl-hipds .nj-pager--styled table td a,
.body-tpl-portal .nj-pager--styled table td a,
.body-tpl-hipds .nj-pager--styled table td b,
.body-tpl-portal .nj-pager--styled table td b,
.body-tpl-hipds .nj-pager--styled table td strong,
.body-tpl-portal .nj-pager--styled table td strong,
.body-tpl-hipds .nj-pager table td a,
.body-tpl-portal .nj-pager table td a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  min-height: 2.5rem;
  padding: 0.45rem 0.65rem;
  font-size: 0.875rem;
  text-decoration: none !important;
  border-radius: 8px;
  box-sizing: border-box;
  border: 1px solid #e2e8f0;
  color: #334155;
  background: #fff;
  font-weight: 600;
}

.body-tpl-hipds .nj-pager--styled table td b,
.body-tpl-portal .nj-pager--styled table td b,
.body-tpl-hipds .nj-pager--styled table td strong,
.body-tpl-portal .nj-pager--styled table td strong {
  color: #1e3a8a !important;
  background: #eef2ff !important;
  border-color: #2563eb !important;
  font-weight: 700 !important;
}

/* 无 Bootstrap 时：stui 影片列表改为 CSS Grid */
.body-tpl-hipds ul.stui-vodlist,
.body-tpl-portal ul.stui-vodlist {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(10.5rem, 1fr)) !important;
  gap: 1rem !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

.body-tpl-hipds ul.stui-vodlist > li,
.body-tpl-portal ul.stui-vodlist > li {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}