修改了MD渲染样式

src/pages/EditMeeting.css

@@ -356,6 +356,57 @@
   margin: 1rem 0;
 }
 
+/* Audio Upload Section */
+.audio-upload-section {
+  margin-top: 0.5rem;
+}
+
+.show-upload-btn {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.75rem 1.5rem;
+  background: linear-gradient(135deg, #f59e0b, #d97706);
+  color: white;
+  border: none;
+  border-radius: 8px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  box-shadow: 0 2px 4px rgba(245, 158, 11, 0.3);
+  font-size: 0.95rem;
+}
+
+.show-upload-btn:hover {
+  background: linear-gradient(135deg, #d97706, #b45309);
+  transform: translateY(-1px);
+  box-shadow: 0 4px 8px rgba(245, 158, 11, 0.4);
+}
+
+.upload-header {
+  display: flex;
+  justify-content: flex-end;
+  margin-bottom: 0.5rem;
+}
+
+.close-upload-btn {
+  background: #f1f5f9;
+  border: none;
+  border-radius: 4px;
+  padding: 0.5rem;
+  cursor: pointer;
+  color: #64748b;
+  transition: all 0.3s ease;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.close-upload-btn:hover {
+  background: #e2e8f0;
+  color: #ef4444;
+}
+
 /* File Upload Styles */
 .file-upload-container {
   position: relative;
@@ -513,4 +564,9 @@
     font-size: 0.8rem;
     padding: 0.4rem 0.6rem;
   }
+
+  .show-upload-btn {
+    padding: 0.6rem 1.2rem;
+    font-size: 0.9rem;
+  }
 }

src/pages/EditMeeting.jsx

@@ -25,6 +25,7 @@ const EditMeeting = ({ user }) => {
   const [isUploading, setIsUploading] = useState(false);
   const [error, setError] = useState('');
   const [meeting, setMeeting] = useState(null);
+  const [showUploadArea, setShowUploadArea] = useState(false);
 
   useEffect(() => {
     fetchMeetingData();
@@ -172,6 +173,7 @@ const EditMeeting = ({ user }) => {
       }
 
       setAudioFile(null);
+      setShowUploadArea(false);
       // Reset file input
       const fileInput = document.getElementById('audio-file');
       if (fileInput) fileInput.value = '';
@@ -321,11 +323,33 @@ const EditMeeting = ({ user }) => {
             </div>
 
             <div className="form-group">
-              <label>
-                <Upload size={18} />
-                重新上传录音
-              </label>
+              <div className="audio-upload-section">
+                {!showUploadArea ? (
+                  <button
+                    type="button"
+                    onClick={() => setShowUploadArea(true)}
+                    className="show-upload-btn"
+                  >
+                    <Upload size={16} />
+                    <span>重新上传录音文件</span>
+                  </button>
+                ) : (
                   <div className="file-upload-container">
+                    <div className="upload-header">
+                      <button
+                        type="button"
+                        onClick={() => {
+                          setShowUploadArea(false);
+                          setAudioFile(null);
+                          // Reset file input
+                          const fileInput = document.getElementById('audio-file');
+                          if (fileInput) fileInput.value = '';
+                        }}
+                        className="close-upload-btn"
+                      >
+                        <X size={16} />
+                      </button>
+                    </div>
                     <input
                       type="file"
                       id="audio-file"
@@ -362,6 +386,8 @@ const EditMeeting = ({ user }) => {
                       </button>
                     )}
                   </div>
+                )}
+              </div>
             </div>
 
             <div className="form-group">

src/pages/MeetingDetails.css

@@ -101,7 +101,7 @@
 .summary-content {
   line-height: 1.7;
   color: #475569;
-  white-space: pre-wrap;
+  white-space: normal;
 }
 
 /* Markdown content styling */