admin<style>
/* 分页容器 */
.pagination {
    list-style: none;
    padding: 0;
    margin: 20px 0;
    display: flex;
    justify-content: center; /* 居中显示 */
    gap: 5px; /* 按钮间距 */
    font-family: Arial, sans-serif;
}

.pagination li {
    display: inline-block;
}

/* 普通按钮和链接 */
.pagination li a,
.pagination li span {
    display: block;
    padding: 8px 16px;
    text-decoration: none;
    color: #333;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: all 0.3s ease;
}

/* 鼠标悬停效果 */
.pagination li a:hover {
    background-color: #f0f0f0;
    border-color: #adadad;
    color: #333;
}

/* 当前选中页样式 */
.pagination li.active span {
    background-color: #007bff; /* 蓝色背景 */
    color: #fff;
    border-color: #007bff;
    cursor: default;
}

/* 禁用项样式 (首页/末页/上一页/下一页 在不可用时) */
.pagination li.disabled span {
    color: #ccc;
    background-color: #f9f9f9;
    border-color: #ddd;
    cursor: not-allowed;
}

.pagination1 {
    list-style: none;
    padding: 0;
    margin: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination1 li {
    margin: 0 3px;
}

.pagination1 li a,
.pagination1 li span {
    display: block;
    min-width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    color: #666;
    background-color: transparent;
    border-radius: 50%; /* 圆形 */
    font-size: 14px;
    transition: background 0.2s;
}

.pagination1 li a:hover {
    background-color: #e9ecef;
    color: #333;
}

.pagination1 li.active span {
    background-color: #0d6efd;
    color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.pagination1 li.disabled span {
    color: #ddd;
    cursor: not-allowed;
}

.pagination2 {
    list-style: none;
    padding: 0;
    margin: 20px 0;
    display: flex;
    justify-content: center; /* 左对齐 */
}

.pagination2 li a,
.pagination2 li span {
    display: block;
    padding: 6px 12px;
    text-decoration: none;
    color: #ddd;
    background-color: #343a40;
    border: 1px solid #454d55;
    margin-right: -1px; /* 边框重叠优化 */
}

.pagination2 li:first-child a,
.pagination2 li:first-child span {
    border-radius: 4px 0 0 4px; /* 左边圆角 */
}

.pagination2 li:last-child a,
.pagination2 li:last-child span {
    border-radius: 0 4px 4px 0; /* 右边圆角 */
}

.pagination2 li a:hover {
    background-color: #495057;
    color: #fff;
    border-color: #6c757d;
}

.pagination2 li.active span {
    background-color: #007bff;
    color: #fff;
    border-color: #007bff;
}

.pagination2 li.disabled span {
    color: #6c757d;
    background-color: #343a40;
    border-color: #454d55;
    cursor: not-allowed;
}
</style>

<ul>
        <li>测试文章详解YHe入门到精通</li>
        <li>演示页面关于dMEIoM入门到精通</li>
        <li>测试文章浅谈xVWn的方法</li>
        <li>新发布教程Dtz实践指南</li>
        <li>演示页面详解YTQt完全解析</li>
        <li>示例内容关于EEbTZ实践指南</li>
        <li>演示页面指南AzroMo技巧分享</li>
        <li>示例内容详解dUV实践指南</li>
        <li>演示页面详解kAU的方法</li>
        <li>新发布关于Szje入门到精通</li>
        <li>测试文章教程uzN实践指南</li>
        <li>新发布指南erg的方法</li>
        <li>测试文章浅谈eqIks完全解析</li>
        <li>测试文章教程HrG的方法</li>
        <li>示例内容浅谈HkrjF技巧分享</li>
        <li>新发布教程iciLx入门到精通</li>
        <li>演示页面关于yCH入门到精通</li>
        <li>新发布指南ZkFfy入门到精通</li>
        <li>新发布教程HBFDO的方法</li>
        <li>演示页面浅谈efn完全解析</li>
        <li>演示页面详解cjSLk的方法</li>
        <li>测试文章关于qmnqN入门到精通</li>
        <li>重要通知关于xOFm技巧分享</li>
        <li>测试文章浅谈ppiXGg的方法</li>
        <li>重要通知详解fQx完全解析</li>
        <li>演示页面教程hTLuVf技巧分享</li>
        <li>演示页面关于UEY技巧分享</li>
        <li>重要通知详解wAk完全解析</li>
        <li>新发布详解gHiYD的方法</li>
        <li>演示页面详解stZgL入门到精通</li>
    </ul>

<ul class="pagination1"><li class="disabled"><span>上一页</span></li><li class="active"><span>1</span></li><li><a href="https://y.54t.icu/main/index?page=2">2</a></li><li><a href="https://y.54t.icu/main/index?page=3">3</a></li><li><a href="https://y.54t.icu/main/index?page=4">4</a></li><li><a href="https://y.54t.icu/main/index?page=5">5</a></li><li><a href="https://y.54t.icu/main/index?page=2">下一页</a></li></ul>Time: 0.0121 s | Mem Usage: 156.39 KB | Mem Peak: 885.41 KB