style(frontend): improve upload progress indicator visibility

- Change upload speed indicator color from white to dark gray
- Add better styling for upload file items with rounded corners
- Add hover effects and improved spacing for upload items
- Enhance overall visual appearance of upload panel

sau_frontend/src/views/MaterialManagement.vue

@@ -522,4 +522,35 @@ onMounted(() => {
   padding-top: 10px;
   padding-bottom: 15px;
 }
+
+/* 修改上传进度条样式 */
+:deep(.el-progress__text) {
+  color: #303133 !important; /* 深灰色字体，确保在各种背景上都可见 */
+  font-size: 12px;
+}
+
+:deep(.el-progress--line) {
+  margin-bottom: 10px;
+}
+
+.upload-file-item {
+  border: 1px solid #dcdfe6;
+  border-radius: 6px; /* 增加圆角 */
+  padding: 12px; /* 增加内边距 */
+  margin-bottom: 12px; /* 增加外边距 */
+  background-color: #fafafa; /* 轻微背景色 */
+  transition: box-shadow 0.3s; /* 添加过渡效果 */
+}
+
+.upload-file-item:hover {
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* 悬停效果 */
+}
+
+.upload-file-item .file-name {
+  font-size: 14px;
+  color: #303133; /* 深灰色字体 */
+  margin-bottom: 8px; /* 增加底部间距 */
+  display: block;
+  font-weight: 500;
+}
 </style>