/* 会员中心唯一分页壳：chip sanxio-member-pager.htm → 本文件样式
 * 用法: <div class="sanxio-pager-wrap"><div class="mdc-pagination">{$pages}</div></div> */
.sanxio-pager-wrap {
  display: flex; justify-content: center; align-items: center;
  padding: 12px 0 20px;
}
/* 复活被 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,.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,.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 .2s !important;
}
.sanxio-pager-wrap .mdc-pagination a:hover { background: color-mix(in srgb, var(--md3-color-primary, #178a72) 10%, transparent) !important; }
/* 消除 pagination.css 的 CSS 箭头伪元素（与文字叠加成"杂质"） */
.sanxio-pager-wrap .mdc-pagination a::before,
.sanxio-pager-wrap .mdc-pagination a::after { display: none !important; content: none !important; }

/* 上一页/下一页 */
.sanxio-pager-wrap .mdc-pagination a:first-of-type,
.sanxio-pager-wrap .mdc-pagination a:last-of-type {
  width: auto !important; height: 34px !important; padding: 0 14px !important;
  font-size: 13px !important; color: var(--md3-color-on-surface-variant) !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;
}