/**
 * 全站唯一桌面页码壳（sanxio pager）
 * chip: sanxio-pager.htm / sanxio-member-pager.htm
 * DOM: .sanxio-pager-wrap > .mdc-pagination > {$pages}
 * 移动无限滚：sanxio-list-infinite.js（≤767 藏本壳）
 * 禁止页级再画一套分页按钮皮
 */
/*======= sanxio 全站统一分页 start ===========*/
.sanxio-pager-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: var(--sanxio-content-gap, 16px);
  padding: var(--sanxio-gap-sm, 8px) 0 var(--sanxio-gap-md, 16px);
  box-sizing: border-box;
}

/* 复活被 nuclear reset 干掉的元素 */
.sanxio-pager-wrap .mdc-pagination,
.sanxio-pager-wrap .mdc-pagination a,
.sanxio-pager-wrap .mdc-pagination strong,
.sanxio-pager-wrap .mdc-pagination span,
.sanxio-pager-wrap .mdc-pagination input {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  overflow: visible !important;
}

/* 胶囊容器 */
.sanxio-pager-wrap .mdc-pagination {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  padding: 8px 16px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  backdrop-filter: blur(12px) !important;
  border-radius: 100px !important;
  border: 1px solid var(--md3-color-outline-variant) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

/* 页码 */
.sanxio-pager-wrap .mdc-pagination a,
.sanxio-pager-wrap .mdc-pagination strong {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 34px !important;
  height: 34px !important;
  padding: 0 10px !important;
  border-radius: 99px !important;
  text-decoration: none !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: var(--md3-color-on-surface) !important;
  transition: background 0.2s !important;
  border: 0 !important;
  background: transparent !important;
  box-sizing: border-box !important;
}
.sanxio-pager-wrap .mdc-pagination a:hover {
  background: color-mix(in srgb, var(--md3-color-primary, #178a72) 10%, transparent) !important;
}

/* 消除 pagination.css 杂质箭头；上一页/下一页改用 Material chevron */
.sanxio-pager-wrap .mdc-pagination a::before,
.sanxio-pager-wrap .mdc-pagination a::after {
  display: none !important;
  content: none !important;
}

/* 上一页 / 下一页：圆钮 + chevron，藏 Destoon «Previous / Next» 文字杂质 */
.sanxio-pager-wrap .mdc-pagination a:first-of-type,
.sanxio-pager-wrap .mdc-pagination a:last-of-type {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: var(--md3-color-on-surface-variant) !important;
  border-radius: 99px !important;
}
.sanxio-pager-wrap .mdc-pagination a:first-of-type:hover,
.sanxio-pager-wrap .mdc-pagination a:last-of-type:hover {
  background: color-mix(in srgb, var(--md3-color-primary, #178a72) 12%, transparent) !important;
  color: var(--md3-color-primary, #178a72) !important;
}
.sanxio-pager-wrap .mdc-pagination a:first-of-type::before,
.sanxio-pager-wrap .mdc-pagination a:last-of-type::before {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1em !important;
  height: 1em !important;
  font-family: 'Material Symbols Outlined', sans-serif !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  line-height: 1 !important;
  letter-spacing: normal !important;
  font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 24;
  -webkit-font-smoothing: antialiased;
}
.sanxio-pager-wrap .mdc-pagination a:first-of-type::before {
  content: 'chevron_left' !important;
}
.sanxio-pager-wrap .mdc-pagination a:last-of-type::before {
  content: 'chevron_right' !important;
}

/* 当前页 */
.sanxio-pager-wrap .mdc-pagination strong {
  background: var(--md3-color-primary, #178a72) !important;
  color: #fff !important;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--md3-color-primary, #178a72) 32%, transparent) !important;
}

/* 共N条/M页 文字 */
.sanxio-pager-wrap .mdc-pagination span {
  font-size: 12px !important;
  color: var(--md3-color-on-surface-variant) !important;
  padding: 0 8px !important;
}

/* 跳页输入框 */
.sanxio-pager-wrap .mdc-pagination input[type="text"],
.sanxio-pager-wrap .mdc-pagination .pages_inp {
  width: 44px !important;
  height: 30px !important;
  border: 1.5px solid var(--md3-color-outline-variant) !important;
  border-radius: 8px !important;
  background: #fff !important;
  font-size: 13px !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

/* GO 按钮 */
.sanxio-pager-wrap .mdc-pagination input[type="button"],
.sanxio-pager-wrap .mdc-pagination .pages_btn {
  height: 30px !important;
  padding: 0 14px !important;
  border: none !important;
  border-radius: 99px !important;
  background: var(--md3-color-primary) !important;
  color: #fff !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

/* Destoon 隐藏域不参与 flex，避免挤压重叠 */
.sanxio-pager-wrap .mdc-pagination input[type="hidden"] {
  display: none !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* 共 N 条/M 页（Destoon 输出 cite） */
.sanxio-pager-wrap .mdc-pagination cite {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 12px !important;
  font-style: normal !important;
  color: var(--md3-color-on-surface-variant) !important;
  padding: 0 8px !important;
  white-space: nowrap !important;
}

.sanxio-pager-wrap .mdc-pagination .sanxio-pager-ellipsis {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 1.75rem !important;
  height: 34px !important;
  padding: 0 2px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--md3-color-on-surface-variant) !important;
  letter-spacing: 0.08em !important;
  user-select: none !important;
  pointer-events: none !important;
}

/* 移动无限滚启用时隐藏桌面壳（含迁移期旧类名） */
.sanxio-pager-wrap--infinite-hidden,
.mdc-search-pagination.sanxio-pager-wrap--infinite-hidden {
  display: none !important;
}

/* 有 data-sx-infinite 的列表：窄屏一律藏页码（不依赖 JS 是否已跑） */
@media (max-width: 767px) {
  [data-sx-infinite="1"] .sanxio-pager-wrap,
  [data-sx-infinite="1"] .mdc-search-pagination {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
  }
}

/* 无限滚状态条 */
.sanxio-list-infinite-status {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--sanxio-gap-sm, 8px);
  margin: var(--sanxio-gap-sm, 8px) 0 var(--sanxio-gap-md, 16px);
  padding: var(--sanxio-gap-sm, 8px);
  font-size: 13px;
  color: var(--md3-color-on-surface-variant, #5f6368);
  text-align: center;
  box-sizing: border-box;
}
.sanxio-list-infinite-status.is-error {
  color: var(--md3-color-error, #b3261e);
  cursor: pointer;
}
.sanxio-list-infinite-status.is-end {
  color: var(--md3-color-on-surface-variant, #5f6368);
}
.sanxio-list-infinite-status__spin {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid var(--md3-color-outline-variant, #c3c6cf);
  border-top-color: var(--md3-color-primary, #178a72);
  border-radius: 50%;
  animation: sanxio-list-infinite-spin 0.75s linear infinite;
  box-sizing: border-box;
}
.sanxio-list-infinite-sentinel {
  height: 1px;
  width: 100%;
  pointer-events: none;
}
@keyframes sanxio-list-infinite-spin {
  to {
    transform: rotate(360deg);
  }
}

/* 迁移期：旧 .mdc-search-pagination 仅作外边距壳，不再画方块按钮 */
.mdc-search-pagination:not(.sanxio-pager-wrap) {
  margin-top: var(--sanxio-content-gap, 16px);
  padding-top: var(--sanxio-content-gap, 16px);
  border-top: 1px solid var(--md3-color-outline-variant, #c3c6cf);
  text-align: center;
}
/*======= sanxio 全站统一分页 end ===========*/