.list-page-wrap{padding:32px 0 20px}
.list-page{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}
.list-main{min-width:0}
.list-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}
.list-head h2{font-size:24px;color:var(--color-ink)}
.list-head p{margin-top:6px;color:var(--color-muted);font-size:13px}
.list-sort{display:flex;gap:8px}
.list-sort a{display:inline-flex;align-items:center;height:34px;padding:0 14px;border:1px solid var(--color-line);border-radius:999px;background:#fff;font-size:13px}
.list-sort .current a,.list-sort a:hover{background:var(--color-main);border-color:var(--color-main);color:#fff}
.list-feed{display:grid;gap:16px}
@media (max-width:1024px){
  .list-page{grid-template-columns:1fr}
  .list-side{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .side-box+.side-box{margin-top:0}
}
@media (max-width:768px){
  .list-page-wrap{padding:22px 0 10px}
  .list-head{flex-direction:column;align-items:flex-start}
  .list-side{grid-template-columns:1fr}
}