/* ����˵�����б���ʽ */
.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: #004f91; /* �������ʱ�ı���ɫ */
    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: black;
    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: #004f91;
}