/* 移动端样式 */
@media (max-width: 768px) {
    .sidebar {
        width: 100%;
        height: auto;
        position: relative;
        padding: 5px 5px; /* 减少顶部 padding */
    }

    .sidebar a {
        font-size: 0.9em;
        margin: 0 5px;
        display: inline-block;
        padding: 6px 10px;
        white-space: nowrap;
    }

    .sidebar .search-container {
        width: 100%;
        margin-bottom: 10px;
    }

    .menu-container {
        display: flex;
        justify-content: center;
        gap: 5px;
        margin: 10px 0;
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
    }

    /* 导航菜单样式 */
    .nav-menu {
        flex-direction: row; /* 横排 */
        gap: 10px; /* 菜单项之间的间距 */
        overflow-x: auto; /* 如果内容过多，允许横向滚动 */
        white-space: nowrap; /* 防止菜单项换行 */
    }

    /* 导航菜单项样式 */
    .nav-item {
        margin-bottom: 0; /* 移除竖排时的间距 */
        flex-direction: row; /* 横排 */
    }

    /* 导航链接样式 */
    .nav-link {
        padding: 8px 12px;
        font-size: 14px; /* 调整字体大小 */
    }

    .nav-item {
        white-space: nowrap;
    }

    .search-container {
        position: static; /* 或 relative */
        width: 94%;
        margin: 20px auto 0; /* 向下移动 20px，水平居中 */
        padding: 10px;
        display: flex; /* 使用 Flex 布局 */
        justify-content: space-between; /* 搜索框和按钮之间保持间距 */
        align-items: center; /* 垂直居中对齐 */
        margin-bottom: 10px;
    }

    .content {
        margin-left: 0;
        padding: 10px;
    }

    .book-card {
        width: 98%;
        margin: 1%;
    }

    .book-title {
        font-size: 12px;
    }        

    .search-container {
        padding: 10px;
    }

    #searchInput {
        width: calc(100% - 90px);
    }

    #searchButton {
        padding: 10px 15px;
    }

    .pdf-controls {
        flex-direction: column;
    }

    .pdf-control-button {
        margin: 5px 0;
        width: 100%;
    }

    .page-info {
        margin: 10px 0;
    }

    /* 覆盖父元素的 Flex 布局 */
    .d-flex.align-items-center.mb-3.mb-md-0.me-md-auto.text-white.text-decoration-none {
        display: block !important; /* 强制改为块级元素 */
        text-align: center; /* 居中对齐 */
    }


    /* 新增样式：Mini Library 单独占一行并居中对齐 */
    .fs-4 {
        display: block;
        text-align: center;
        margin-top: 5px;
        margin-bottom: 5px;
    }
}