@media (max-width: 768px) {
    body {
        flex-direction: column; /* 垂直排列 */
    }

    .container {
        flex-direction: column; /* 垂直排列 */
        padding: 0px; /* 内边距 */
		height: 100%;
    }

    .file-manager {
		height: calc(100% - 240px);
        width: 100%; /* 占满宽度 */
        padding: 0px;
        margin-bottom: 0px; /* 底部间距 */
		border-right: 0px;
    }

    .File-manager-title h1 {
        font-size: 20px; /* 字体大小 */
    }
	
	.content-box {
		height: calc(100% - 180px);
		padding: 0px 10px;
	}
	
    .empty-area {
        height: 100%; /* 更适合手机高度 */
        padding: 0px; /* 内边距 */
    }

    .empty-area p {
        font-size: 18px; /* 字体大小 */
    }

    .card {
        margin-top: 5px; /* 上间距 */
    }

    .upload-area {
        width: 100%; /* 占满宽度 */
        padding: 10px;
    }

    .upload-area h2 {
        margin-bottom: 10px; /* 下间距 */
    }

    .custum-file-upload {
        height: 60px; /* 变窄 */
        width: 80%; /* 占满宽度 */
    }

    .progress {
        height: 8px; /* 进度条高度 */
    }

    .upload-status {
        margin-top: 10px; /* 上间距 */
    }

    .stop-upload {
        padding: 8px 16px; /* 减少内边距 */
    }

    .navbar {
        width: 90%; /* 占满宽度 */
        padding: 10px 15px; /* 内边距 */
        flex-direction: row; /* 横向排列 */
    }

    .modal-body {
        flex-direction: column; /* 将子元素排列为上下方向 */
    }

    .sidebar {
    	width: calc(100% - 31.2px);
    	/* 侧边导航栏占200px宽度 */
    	height: 150px;
    	background-color: #333;
    	/* 背景色 */
    	padding: 15px;
    	border-radius: 10px;
    	/* 圆角 */
    	margin-right: 0px;
    	margin-bottom: 15px;
    	/* 外围 */
    	
    }

    .sidebar-scroll {
        height: 80px;
        width: 100%;
        display: flex;
        overflow-x: scroll; /* 启用水平滚动 */
    	overflow-y: hidden;
        white-space: nowrap; /* 禁止换行，使子元素保持在同一行 */
    }
    
    
    
    .sidebar-scroll ul {
        display: flex;
    }


    /* 自定义滚动条 */
    .sidebar-scroll::-webkit-scrollbar {
	    height: 4px;
	    /* 滚动条宽度 */
    }

    .sidebar-scroll::-webkit-scrollbar-track {
    	background-color: #333;
    	/* 滚动条轨道背景色 */
    	border-radius: 4px;
    }
    
    .sidebar-scroll::-webkit-scrollbar-thumb {
    	background-color: #555;
    	/* 滚动条滑块颜色 */
    	border-radius: 4px;
    }
    
    .sidebar-scroll::-webkit-scrollbar-thumb:hover {
    	background-color: #888;
    	/* 滑块悬停颜色 */
    }

    .content-area {
    	width: calc(100% - 1.2px);
    	height: 485px;
    	/* 限制最大高度 */
    	margin: 0px;
    	overflow-y: auto;
    	/* 启用垂直滚动 */
    }

    .search-container {
        margin-left: auto; /* 右侧对齐 */
        margin-right: 10px; /* 减少右侧间距 */
    }

    .search-bar {
        height: 30px; /* 高度调整 */
        padding: 5px; /* 内边距 */
    }

    .search-input {
        font-size: 14px; /* 字体大小 */
        padding: 5px; /* 内边距 */
    }

    .user-dropdown {
        width: 100px; /* 限制下拉菜单宽度 */
    }

    .uploadOrdownload-area {
        height: 240px;
        width: 100%; /* 占满宽度 */
        padding: 0px;
        bottom: 0; /* 距离底部 0 */
        left: 0; /* 距离左边 0 */
        background-color: #2e2e2e; /* 背景颜色 */
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.5); /* 阴影效果 */
    }



    #authTitle {
        font-size: 15px; /* 调整字体大小，可以根据需要更改 */
    }




    .auth-modal-body {
        padding: 20px; /* 内边距调整 */
        width: 90%; /* 占满90%的宽度 */
        margin: 0 auto; /* 居中对齐 */
    }

    .auth-input-group {
        margin-bottom: 15px; /* 组之间的间距 */
    }

    .auth-input-field {
        width: calc(100% - 21.6px); /* 输入框宽度占满容器 */
        padding: 10px; /* 内边距 */
        border: 1px solid #ccc; /* 边框颜色 */
        border-radius: 5px; /* 圆角 */
    }

    .auth-button {
        width: 100%; /* 按钮宽度占满容器 */
        padding: 10px; /* 内边距 */
        border: none; /* 去掉边框 */
        border-radius: 5px; /* 圆角 */
        margin-top: 10px; /* 上间距 */
        background-color: #cf1111; /* 背景颜色 */
        color: white; /* 字体颜色 */
        cursor: pointer; /* 鼠标样式 */
        transition: background-color 0.3s; /* 动画效果 */
    }

    .auth-button:hover {
        background-color: #ff5252; /* 悬停时的背景颜色 */
    }

}