/* 分页数字页码 - 普通状态 */
.page-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2rem; /* h-8 */
    min-width: 2rem; /* min-w-[2rem] */
    border-radius: 0.375rem; /* rounded-md */
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-size: 0.875rem; /* text-sm */
    font-weight: 500; /* font-medium */
    text-decoration: none;
    transition-property: all;
    transition-duration: 200ms;
    transition-timing-function: ease-in-out;
    color: #374151; /* text-gray-700 */
    border: 1px solid #e5e7eb; /* border-gray-200 */
    background-color: transparent;
}
.page-num:hover {
    color: #dc2626; /* hover:text-red-600 */
    border-color: #d1d5db; /* hover:border-gray-300 */
}
/* 深色模式 */
@media (prefers-color-scheme: dark) {
    .page-num {
        color: #d1d5db; /* dark:text-gray-300 */
        border-color: #4b5563; /* dark:border-gray-600 */
    }
    .page-num:hover {
        color: #f87171; /* dark:hover:text-red-400 */
        border-color: #6b7280; /* dark:hover:border-gray-500 */
    }
}
/* 焦点状态 */
.page-num:focus {
    outline: none;
    ring: 1px solid #ef4444; /* focus:ring-red-500 */
    ring-offset: 1px;
}
@media (prefers-color-scheme: dark) {
    .page-num:focus {
        ring-color: #f87171; /* dark:focus:ring-red-400 */
        ring-offset-color: #1f2937; /* dark:focus:ring-offset-gray-800 */
    }
}

/* 当前页高亮 */
.page-num-current {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2rem;
    min-width: 2rem;
    border-radius: 0.375rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    background-color: #dc2626; /* bg-red-600 */
    color: #ffffff; /* text-white */
    border: 1px solid #dc2626; /* border-red-600 */
}