
/* 文件上传容器 */
.file-upload-container {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: Arial, sans-serif;

}

/* 自定义文件选择按钮 */
.file-upload {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.file-upload button {
  padding: 8px 12px;
  font-size: 14px;
  color: white;
  background-color: #4CAF50;
  border: none;
  cursor: pointer;
  border-radius: 4px;
}

/* 隐藏默认文件选择按钮 */
.file-upload input[type="file"] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
}

/* 显示文件名 */
.file-name {
  font-size: 14px;
  color: #333;
	width: 70%
}

/* 自定义提交按钮 */
.submit-button {
  padding: 8px 12px;
  font-size: 14px;
  color: white;
  background-color: #2196F3;
  border: none;
  cursor: pointer;
  border-radius: 4px;
}

/* 提交按钮在没有文件选择时不可点击 */
.submit-button:disabled {
  background-color: #cccccc;
  cursor: not-allowed;
}

/* 全屏覆盖样式 */
#loading {
	display: none; /* 默认隐藏 */
	position: fixed; /* 固定位置，覆盖整个页面 */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5); /* 半透明背景 */
	color: white; /* 文字颜色 */
	font-size: 24px; /* 字体大小 */
	display: flex;
	justify-content: center; /* 水平居中 */
	align-items: center; /* 垂直居中 */
	z-index: 9999; /* 置顶显示 */
}
.download-buttons {
display: flex;
gap: 15px;
justify-content: center; /* 中心对齐 */
}

.btn {
padding: 12px 20px;
border: none;
border-radius: 30px; /* 圆角 */
font-size: 16px;
font-weight: bold;
cursor: pointer;
transition: transform 0.2s, box-shadow 0.3s;
color: white;
display: flex;
align-items: center;
}

.download-btn {
background: linear-gradient(45deg, #6096ba, #a3cef1); /* 渐变色 */
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* 阴影 */
}

.download-btn:hover {
transform: translateY(-3px); /* 悬停时浮动效果 */
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3); /* 悬停阴影 */
}

.icon {
margin-right: 8px; /* 图标与文字间距 */
font-size: 20px; /* 图标大小 */
}

.pdf {
background: linear-gradient(45deg, #ff5f6d, #ffc371); /* PDF按钮渐变色 */
}

.csv {
background: linear-gradient(45deg, #34e89e, #0f3443); /* CSV按钮渐变色 */
}

