/* 卡片容器 */
.file-cards-container {
    display: flex;
    flex-wrap: wrap; /* 允许卡片换行 */
    gap: 30rem;       /* 卡片之间的间距 */
    width: 1630rem;
	margin: 0 auto;
	margin-top: 98rem;
	margin-bottom: 116rem;
}
/* 单个文件卡片 */
.file-card {
    background-color: #ffffff;
    padding: 65rem 54rem;
	padding-bottom: 128rem;
    border-radius: 6rem; /* 轻微的圆角 */
    box-shadow: 0 4rem 15rem rgba(0, 0, 0, 0.08); /* 阴影效果 */
    width: 523rem; /* 固定卡片宽度，根据内容和间距调整 */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* 让内容分布，按钮靠近底部（如果卡片高度不一致） */
	transition: transform 0.3s ease;
	/* 平滑过渡效果 */
}
.file-card:hover {
	transform: scale(1.05);
}
/* 文件名 */
.file-name {
    font-size: 18rem;
    color: #333;
    margin-top: 0;
    margin-bottom: 50rem; /* 文件名和按钮组的间距 */
    word-wrap: break-word; /* 允许长文件名换行 */
    line-height: 1.5;
	text-align: left;
	font-weight: bold;
}
/* 通用按钮样式 */
.btn {
    font-family: inherit; /* 继承body字体 */
    font-size: 18rem;
	line-height: 18rem;
    cursor: pointer;
    border: none;
    border-radius: 20rem; /* 圆角，使其呈椭圆形 */
    padding: 16rem 50rem;  /* 按钮内边距 */
    margin-right: 20rem;       /* 按钮之间的左右间距 */
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
    white-space: nowrap; /* 防止按钮文字换行 */
}
/* 描边按钮样式 (Download/Upload) */
.btn-outline {
    background-color: #ffffff;
    border: 1rem solid #4a90e2; /* 蓝色边框 */
    color: #4a90e2;           /* 蓝色文字 */
}
.btn-outline:hover {
    background-color: #0f5da8; /* 鼠标悬浮时非常浅的蓝色背景 */
    border-color: #0f5da8;     /* 边框颜色加深 */
    color: #ffffff;           /* 文字颜色加深 */
}