.yan60-pagination-root{
  display:flex;
  justify-content:center;
  width:100%;
  max-width:520px;
  margin:8px auto 22px;
  padding:0 10px;
}
.yan60-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin:0;
  flex-wrap:nowrap;
}
.yan60-page-button,
.yan60-page-current{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  min-width:34px;
  padding:0;
  border:1px solid #d8c16f;
  border-radius:9px;
  background:#fff;
  color:#8f6c10;
  box-shadow:0 2px 7px rgba(35,43,55,.06);
  font:inherit;
  font-size:.82rem;
  font-weight:750;
  text-align:center;
}
.yan60-page-button{cursor:pointer;transition:transform .14s,background .14s,border-color .14s}
.yan60-page-button:active:not(:disabled){transform:scale(.94)}
.yan60-page-button:focus-visible{outline:2px solid rgba(201,149,22,.35);outline-offset:2px}
.yan60-page-current{
  border-color:#c39d32;
  background:linear-gradient(135deg,#f4d979 0%,#d7aa31 55%,#bd8d1d 100%);
  color:#2f2408;
  box-shadow:0 4px 11px rgba(166,124,0,.18);
}
.yan60-page-nav{font-size:1.25rem}
.yan60-page-button:disabled{opacity:.35;cursor:default;box-shadow:none}
.yan60-page-ellipsis{width:22px;flex:0 0 22px;color:#9b8b63;text-align:center;font-weight:800}
@media(max-width:480px){
  .yan60-pagination-root{margin-top:7px;padding:0 8px}
  .yan60-pagination{gap:5px}
  .yan60-page-button,.yan60-page-current{width:32px;height:32px;min-width:32px;border-radius:8px}
  .yan60-page-nav{font-size:1.2rem}
  .yan60-page-ellipsis{width:14px;flex-basis:14px}
}