分页设计

幻梦主题的分页组件采用圆角胶囊按钮风格，与整体梦幻设计语言一致。

样式实现

.page-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 1rem;
  border-radius: var(--r-full);
  border: 1px solid var(--c-border-main);
  transition: all var(--t-fast);
}

当前页码

当前页码使用渐变背景突出显示：

.page-link.current {
  background: var(--grad-primary);
  border-color: transparent;
  color: white;
}

响应式

在移动端，分页按钮适当缩小间距，确保在小屏幕上依然可用。分页组件支持上一页/下一页按钮和直接点击页码跳转，让长列表的浏览变得轻松自如。