#pagination {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 30px;
  padding: 15px 0;
}

#pagination a,#pagination span {
  padding: 6px 12px;
  border: 1px solid #ddd;
  background: #f8f9fa;
  cursor: pointer;
  border-radius: 4px;
}

#pagination a:hover:not(.active) {
  background: #e9ecef;
}

#pagination a.active {
  background: #2a82e4;
  color: white;
  border-color: #2a82e4;
}

#pagination span.total {
  margin-left: 20px;
  line-height: 32px;
  color: #666;
}

/* 移动端 */
#app.mobile #pagination {
  gap: 0.08rem;
  margin-top: 0.3rem;
  padding: 0.15rem 0;
}

#app.mobile #pagination a {
  padding: 0.06rem 0.12rem;
  border: 0.01rem solid #ddd;
  border-radius: 0.04rem;
  font-size: 0.14rem;
}

#app.mobile #pagination span.total {
  margin-left: 0.2rem;
  line-height: 0.32rem;
}