/* ========== 基础样式（移动端优先） ========== */
.page1 {
    text-align: center;
    font-size: 0;
    padding: 10px 0;
}

.page1 a {
    display: inline-block;
    height: 36px;
    padding: 0 14px;
    border: 1px solid #d4d4d4;
    background: #ffffff;
    margin: 0 3px;
    font-size: 13px;
    color: #4c4c4c;
    line-height: 36px;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.25s ease;
    vertical-align: middle;
}

.page1 a.num {
    padding: 0 12px;
    min-width: 36px;
}

/* 当前页和悬停效果 */
.page1 a.on,
.page1 a:hover {
    border-color: #0090dc;
    background: #0090dc;
    color: #fff;
}

/* 上一页/下一页按钮 */
.page1 a.prev,
.page1 a.next {
    padding: 0 12px;
}

/* 省略号样式 */
.page1 span.ellipsis {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding: 0 8px;
    font-size: 13px;
    color: #999;
    vertical-align: middle;
}

/* ========== 小屏幕优化（手机横屏/小平板） ========== */
@media (min-width: 480px) {
    .page1 a {
        height: 38px;
        line-height: 38px;
        padding: 0 16px;
        margin: 0 4px;
        font-size: 14px;
    }
    
    .page1 a.num {
        padding: 0 14px;
        min-width: 38px;
    }
}

/* ========== PC 端优化（平板及以上） ========== */
@media (min-width: 768px) {
    .page1 {
        padding: 15px 0;
    }
    
    .page1 a {
        height: 42px;
        padding: 0 20px;
        margin: 0 6px;
        font-size: 14px;
        line-height: 42px;
        border-radius: 6px;
    }
    
    .page1 a.num {
        padding: 0 16px;
        min-width: 42px;
    }
    
    .page1 a.prev,
    .page1 a.next {
        padding: 0 16px;
    }
    
    .page1 span.ellipsis {
        height: 42px;
        line-height: 42px;
        font-size: 14px;
    }
}

/* ========== 大屏幕 PC ========== */
@media (min-width: 1200px) {
    .page1 a {
        padding: 0 24px;
        margin: 0 8px;
    }
    
    .page1 a.num {
        padding: 0 18px;
    }
}

/* ========== 超小屏幕（窄屏手机）隐藏部分页码 ========== */
@media (max-width: 374px) {
    .page1 a.num:not(.on) {
        display: none;  /* 只显示当前页和前后页 */
    }
    
    .page1 a.num.on {
        display: inline-block;
    }
}