/* 使用日志：页面专属样式与对应响应式规则。 */
.table-sort-controls{padding:12px 18px;border-bottom:1px solid var(--line);background:var(--subtle)}
.pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid var(--line);color:var(--secondary);font-size:11px}
.page-buttons{display:flex;align-items:center;gap:5px}
.page-btn{border:1px solid transparent;background:none;border-radius:5px;width:29px;height:29px;font:11px var(--mono);color:var(--secondary)}
.page-btn[aria-current="page"]{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}
.page-btn:hover:not(:disabled){background:var(--subtle)}
.filter-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:14px}
.filter-actions{margin-top:19px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
@media(max-width:1200px){
.filter-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
.filter-grid{grid-template-columns:1fr 1fr}
.filter-grid .search-field{grid-column:1/-1}
}
@media(max-width:390px){
.filter-grid{grid-template-columns:1fr}
}