/* 美化说明书列表样式 */

.connect_pages{

    margin-top: 40px;
    justify-content: center;


    display: flex;
    justify-content: center;


}





#manualList {


    list-style: none;

    padding: 0;

    margin: 0;
    gap: 20px;

}



#manualList li {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 10px;

   margin-top: 20px;
    border-bottom: 1px solid #ddd;

    transition: background-color 0.3s ease; /* 添加背景变色动画 */

}



#manualList li:nth-child(odd) {

    background-color: #c2c2c2;

    /* 奇数行背景色 */

}



#manualList li:nth-child(even) {

    background-color: #e2e2e2;

    /* 偶数行背景色 */

}



#manualList li:hover {

    background-color: #1e9fff; /* 鼠标移入时的背景色 */

    color: #fff; /* 鼠标移入时的背景色 */

}



#manualList li a {

    text-decoration: none;

    color: #333;

    flex: 1;

}



#manualList li button {

    background-color: #007bff;

    color: white;

    border: none;

    padding: 5px 10px;

    cursor: pointer;

    border-radius: 3px;

}



#manualList li button:hover {

    background-color: #0056b3;

}



/* 美化下载图标样式 */

#manualList li .download-icon {

    color: #007bff;

    font-size: 18px;

    cursor: pointer;

    transition: color 0.3s ease;

}



#manualList li .download-icon:hover {

    color: #0056b3;

}



/* 美化选项卡样式 */

 







/* 美化分页样式 */

.pagination {

    display: flex;

    justify-content: center;

    align-items: center;

    margin-top: 20px;

}



.pagination button {

    background-color: #007bff;

    color: white;

    border: none;

    padding: 5px 10px;

    margin: 0 5px;

    cursor: pointer;

    border-radius: 3px;

    transition: background-color 0.3s ease;

}



.pagination button:disabled {

    background-color: #ccc;

    cursor: not-allowed;

}



.pagination button:hover:not(:disabled) {

    background-color: #0056b3;

}



.pagination span {

    margin: 0 10px;

    font-size: 14px;

    color: #333;

}



/* 美化搜索栏样式 */

.search-bar {

    display: flex;

    justify-content: right;

    align-items: center;



}



.search-bar input {

    width: 300px;

    padding: 8px 12px;

    border: 1px solid #ddd;

    border-radius: 3px;

    font-size: 14px;

    margin-right: 10px;

    transition: border-color 0.3s ease;

}



.search-bar input:focus {

    border-color: #007bff;

    outline: none;

}



.search-bar button {

    background-color: #007bff;

    color: white;

    border: none;

    padding: 8px 16px;

    cursor: pointer;

    border-radius: 3px;

    font-size: 14px;

    transition: background-color 0.3s ease;

}



.search-bar button:hover {

    background-color: #0056b3;

}