.app-pager-card { display: flex; justify-content: center; margin-top: 20px; }
.app-pager-jump-inline { display: inline-flex; align-items: center; gap: 6px; margin-left: 8px; font-size: 12px; color: var(--color-text-secondary); }
.app-pager-jump-inline input {
    width: 56px; height: 32px; padding: 0 8px;
    border: 1px solid var(--color-border); border-radius: var(--radius-sm);
    background: var(--color-bg-card); color: var(--color-text-primary); text-align: center; outline: none;
}
.app-pager-jump-inline input:focus { border-color: var(--color-accent); box-shadow: 0 0 0 3px var(--color-accent-soft); }
.app-pager-jump-inline button {
    height: 32px; padding: 0 12px; border: none; border-radius: var(--radius-sm);
    background: var(--color-accent-gradient); color: var(--color-on-accent);
    font-size: 12px; font-weight: 500; cursor: pointer;
}
.p-btn {
    min-width: 36px; height: 36px; padding: 0 10px;
    display: inline-flex; align-items: center; justify-content: center;
    border-radius: var(--radius-sm); border: 1px solid var(--color-border);
    background: var(--color-bg-card); color: var(--color-text-primary);
    font-size: 13px; text-decoration: none; transition: all .2s; cursor: pointer;
}
.p-btn:hover { border-color: var(--color-accent); color: var(--color-accent); }
.p-btn.active { background: var(--color-accent); color: var(--color-accent-ink); border-color: var(--color-accent); font-weight: 500; }
.p-btn.disabled { color: var(--color-text-dim); cursor: default; opacity: .6; }
.p-btn-arrow { font-size: 15px; }
[data-theme="dark"] .p-btn.active:hover { color: var(--color-accent-ink); }


.loadmore-wrap {
    display: flex;
    justify-content: center;
    margin-top: 24px;
}

.loadmore {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 28px;
    border-radius: 999px;
    border: 1px solid var(--color-border);
    background: var(--color-bg-card);
    color: var(--color-text-secondary);
    font-size: 14px;
    cursor: pointer;
    transition: color .2s, border-color .2s, background .2s;
}

.loadmore:hover:not(:disabled) {
    color: var(--color-accent);
    border-color: var(--color-accent);
}

.loadmore:disabled {
    opacity: .6;
    cursor: not-allowed;
}