.pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:32px;padding:16px 0;flex-wrap:nowrap;max-width:100%}.pagination-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;font-size:14px;color:#333;background:#fff;border:1px solid #e5e5e5;border-radius:4px;cursor:pointer;transition:background 0.2s,border-color 0.2s;text-decoration:none}.pagination-btn .pagination-btn-icon{display:inline-flex;align-items:center;justify-content:center}.pagination-btn .pagination-btn-icon svg,.pagination-arrow{display:block;width:1em;height:1em;font-size:1.1em;opacity:0.9;transition:opacity 0.2s,transform 0.2s}.pagination-btn:hover:not(:disabled):not(.disabled) .pagination-arrow{opacity:1}.pagination-btn:hover:not(:disabled):not(.disabled) .pagination-btn-icon-prev .pagination-arrow{transform:translateX(-1px)}.pagination-btn:hover:not(:disabled):not(.disabled) .pagination-btn-icon-next .pagination-arrow{transform:translateX(1px)}.pagination-btn:hover:not(:disabled):not(.disabled){background:#f5f5f5;border-color:#ccc}.pagination-btn:disabled,.pagination-btn.disabled{color:#6E6E73;background:#f5f5f5;cursor:not-allowed;pointer-events:none}.pagination-pages{display:flex;align-items:center;justify-content:center;gap:6px;flex:0 1 auto;min-width:0;overflow-x:auto;padding:2px 0}.pagination-pages::-webkit-scrollbar{height:4px}.pagination-pages::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.pagination-ellipsis{padding:0 4px;color:#666;user-select:none;flex-shrink:0}.pagination-num{flex-shrink:0;min-width:36px;height:36px;padding:0 8px;font-size:14px;color:#333;background:#fff;border:1px solid #e5e5e5;border-radius:4px;cursor:pointer;transition:background 0.2s,border-color 0.2s;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.pagination-num:hover{background:#f5f5f5;border-color:#ccc}.pagination-num.active{background:#333;color:#fff;border-color:#333;cursor:default}@media (max-width:768px){.pagination{gap:12px;margin-top:24px;padding:12px 16px}.pagination-btn{padding:10px 16px;font-size:14px;min-height:44px;min-width:80px;box-sizing:border-box}.pagination-pages{display:none}.pagination-num{min-width:40px;height:40px;font-size:14px;min-height:44px;min-width:44px;box-sizing:border-box}.pagination-ellipsis{padding:0 2px;font-size:14px}}@media (max-width:480px){.pagination{gap:6px;padding:12px 4px}.pagination-btn{padding:8px 10px;font-size:13px;min-width:64px}.pagination-num{min-width:38px;height:38px;font-size:13px;min-height:40px;min-width:40px}}