/* =========================================
   强制覆盖 CMS 分页样式 (仿 Tailwind 风格)
   ========================================= */

/* 1. 容器：对应 flex justify-center pt-10 */
.pagebar {
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding-top: 2.5rem;
    font-family: 'Noto Sans SC', sans-serif;}

/* 隐藏 CMS 自带的无用文字和跳转框，只保留页码 */
.pagebar .p_goto, 
.pagebar .p_first_d, 
.pagebar .p_last_d {
    display: none !important;}

.pagebar .p_pages {
    display: flex;
    gap: 0.5rem; /* gap-2 */
    align-items: center;}

/* 2. 通用按钮样式：对应 w-10 h-10 border rounded ... */
.pagebar a, 
.pagebar .p_no_d {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem; /* w-10 */
    height: 2.5rem;    /* h-10 */
    padding: 0 5px;    /* 防止“上一页”文字太长 */
    border-radius: 0.375rem; /* rounded */
    border: 1px solid #d1d5db; /* border-gray-300 */
    color: #6b7280;    /* text-gray-500 */
    background-color: white;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s;
    cursor: pointer;}

/* 3. 鼠标悬停效果：对应 hover:text-red-700 hover:bg-white */
.pagebar a:hover {
    color: #b91c1c;    /* red-700 */
    border-color: #b91c1c;}

/* 4. 当前页 (激活状态)：对应 bg-red-700 text-white shadow-md */
.pagebar .p_no_d {
    background-color: #b91c1c; /* bg-red-700 */
    color: white !important;
    border-color: #b91c1c;
    font-weight: bold;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); /* shadow-md */
    cursor: default;}

/* 5. 省略号样式 */
.pagebar .p_dot {
    color: #9ca3af; /* text-gray-400 */
    padding: 0 5px;}

/* 6. 上一页/下一页 特殊处理 (如果是图标可忽略，如果是文字需调整宽度) */
.pagebar .p_prev a, 
.pagebar .p_next a {
    font-family: monospace; /* 让箭头更好看 */
    font-weight: bold;}