/* 后台有自定义样式颜色值等的修改，每个变量已经规定，否则不能再后台修改、只定义一次，无重复。此注释永久保留。 */

/* ============================================================
 * 分页样式（从 style.css 迁移）
 * ============================================================ */

.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: 8px;
    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: 8px;
    background: var(--color-accent-gradient); color: var(--color-text-title);
    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: 10px; 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); }