/* 列表样式 */
.right .list {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;}

#page .content .right {
    padding-right: 5rem;
    /* flex: 1; */
    min-width: 0;}

#page .content .right .list li {
    display: flex !important;
    font-size: clamp(1rem, 1.2vw, 1.3rem);
    padding: 0.5vw 0;}

.right .list li a {
    text-decoration: none;
    flex: 1 1 auto;
    min-width: 0;
    margin-right: 1vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}

.right .list li span {
    flex-shrink: 0;
    color: #888;
    font-size: clamp(0.9rem, 1.1vw, 1.8rem);}

.right .list li a:hover {
    color: #C28E6E;}

#pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: clamp(0.8rem, 1vw, 1.1rem);}

#pagination #nextPage,
#pagination #prevPage {
    cursor: pointer;
    margin: 0 1vw;
    padding: 0.4vw 0.6vw;
    border-radius: 40%;}

/* 移动端样式 */
@media screen and (max-width: 768px) {
    #page .content {
        flex-direction: column;
        gap: 4vw;}

    /* 左边标题 */
    #page .content .left {
        width: 100%;
        display: flex;
        height: auto;
        align-items: stretch;
        flex-direction: row !important;}

    #page .left .title {
        width: 40%;
        height: auto;
        display: flex;
        font-size: clamp(1.2rem, 4vw, 1.8rem);
        text-align: center;
        justify-content: center;
        align-items: center;}

    #page .left ul {
        width: 60%;
        height: auto;}

    #page .left ul li {
        width: 100%;
        height: auto;}

    #page .content .right {
        width: 100%;
        padding-right: 0.5rem;}

    #page .content .right h1 {
        font-size: clamp(1.2rem, 4vw, 1.6rem);
        padding-left: 0.5rem;}

    /* 列表样式 */
    #page .content .right .list {
        padding: 0 0.5rem;}

    #page .content .right .list li {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px dashed #ddd;
        padding: 0.5rem 0;}

    #page .content .right .list li a {
        flex: 1;
        font-size: clamp(0.9rem, 3vw, 1.1rem);
        color: #333;
        text-decoration: none;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;}

    #page .content .right .list li span {
        flex-shrink: 0;
        font-size: clamp(0.7rem, 3vw, 1.1rem);
        color: #999;
        margin-left: 8px;}

    /* 分页导航 */
    #pagination {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        font-size: clamp(0.8rem, 3vw, 1.1rem);
        gap: 8px;
        margin-top: 12px;
        text-align: center;}

    #pagination button {
        padding: 0.4vw 0.6vw;
        border: 1px solid #ddd;
        background-color: #f7f7f7;
        cursor: pointer;
        font-size: 12px;
        border-radius: 4px;}

    #pagination button:disabled {
        color: #aaa;
        cursor: not-allowed;
        background-color: #f0f0f0;}

    #pageInfoText {
        width: 100%;
        color: #555;
        display: block;
        margin-bottom: 5px;
        text-align: center;}
}