diff --git a/src/pages/Forum/posts-detail/PostDetailPage.css b/src/pages/Forum/posts-detail/PostDetailPage.css
index e534191..c47601e 100644
--- a/src/pages/Forum/posts-detail/PostDetailPage.css
+++ b/src/pages/Forum/posts-detail/PostDetailPage.css
@@ -1,26 +1,180 @@
-.post-detail-page {
-    padding: 20px;
+   .post-detail-page {
+    background-color: #4b322b;
+    min-height: 100vh;
+    padding: 32px 0;
+    font-family: 'Helvetica Neue', sans-serif;
+    color: #333;
   }
   
-  .post-detail-page h2 {
-    font-size: 2rem;
-    margin-bottom: 10px;
+  .post-detail {
+    background-color: #e9ded2;
+    border-radius: 16px;
+    max-width: 960px;
+    margin: 0 auto;
+    padding: 24px 32px;
+  }
+  
+  .post-detail h1 {
+    font-size: 24px;
+    margin-bottom: 16px;
+    color: #4b322b;
   }
   
   .post-meta {
-    font-size: 1rem;
-    color: #666;
-    margin-bottom: 20px;
+    display: flex;
+    justify-content: space-between;
+    font-size: 14px;
+    color: #755e50;
+    margin-bottom: 16px;
   }
   
   .post-content {
-    font-size: 1.2rem;
+    font-size: 20px;
+    line-height: 1.7;
+    margin-bottom: 20px;
+    color: #4b322b;
   }
   
-  .post-image img {
-    width: 100%;
+  /* 多图排列 */
+  .post-content img {
+    max-width: 180px;
     height: auto;
-    max-width: 600px;
-    margin-top: 20px;
+    border-radius: 8px;
+    margin: 8px;
   }
-  
\ No newline at end of file
+  
+  .post-actions {
+    display: flex;
+    gap: 16px;
+    margin-bottom: 24px;
+    margin-left: 710px;
+  }
+  
+  .icon-btn {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    border: none;
+    background: none;
+    cursor: pointer;
+    color: #4b322b;
+    transition: transform 0.2s ease;
+  }
+  
+  .icon-btn:hover {
+    background: none !important;
+    color: inherit;
+    outline: none;
+    box-shadow: none;
+  }
+  
+  .comments-section {
+    margin-top: -12px;
+    padding: 24px 24px 16px;
+    border-radius: 12px;
+  }
+  
+  .comments-section h3 {
+    margin-bottom: 16px;
+    font-size: 20px;
+    color: #4b322b;
+    background-color: #c4b3a3;
+    padding: 6px 12px;
+    border-radius: 8px;
+    display: inline-block;
+  }
+
+  .comment {
+    border-bottom: 1px solid #eee;
+    padding: 12px 0;
+  }
+  
+  .comment-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    font-size: 0.9rem;
+    color: #555;
+  }
+  
+  .comment-user {
+    font-weight: bold;
+  }
+  
+  .comment-content {
+    margin: 6px 0;
+    font-size: 1rem;
+  }
+  
+  .comment-time {
+    font-size: 0.85rem;
+    color: #999;
+  }
+  
+  .reply-btn {
+    background: none;
+    border: none;
+    color: #000000;
+    cursor: pointer;
+  }
+  
+  .reply-btn:hover {
+    color: #000000; /* 不变色 */
+    background: none; /* 确保没有背景色 */
+    text-decoration: underline; /* 你可以保留这个，或也删除 */
+  }
+  
+  .reply-form,
+  .add-comment-form {
+    margin-top: 12px;
+  }
+  
+  textarea {
+    width: 100%;
+    padding: 12px;
+    resize: vertical;
+    min-height: 80px;
+    border: 1px solid #bbb;
+    border-radius: 10px;
+    font-size: 14px;
+    background-color: #fffefb;
+    color: #333;
+  }
+  
+  .comment-options {
+    margin-top: 8px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+  
+  .comment-options label {
+    font-size: 14px;
+    color: #555;
+  }
+  
+  .comment-options button {
+    padding: 6px 14px;
+    background-color: #BA929A;
+    color: #fff;
+    border: none;
+    border-radius: 6px;
+    font-size: 14px;
+    cursor: pointer;
+    transition: background-color 0.2s ease;
+  }
+  
+  .comment-options button:hover {
+    background-color: #6d4e37;
+  }
+  
+  .error-text {
+    color: #f00;
+    text-align: center;
+  }
+  .post-images {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+  }
+    
\ No newline at end of file
diff --git a/src/pages/Forum/posts-detail/PostDetailPage.jsx b/src/pages/Forum/posts-detail/PostDetailPage.jsx
index 5186339..a272fb8 100644
--- a/src/pages/Forum/posts-detail/PostDetailPage.jsx
+++ b/src/pages/Forum/posts-detail/PostDetailPage.jsx
@@ -157,20 +157,25 @@
         <div className="post-detail">
           <h1>{postDetail.title}</h1>
           <div className="post-meta">
+            <span className="post-user">用户ID: {postDetail.user_id}</span>
             <span className="post-time">
-              {new Date(postDetail.postTime).toLocaleString()}
+            发布时间：{new Date(postDetail.postTime).toLocaleString()}
             </span>
-            <span className="post-user">用户 ID: {postDetail.user_id}</span>
           </div>
           <div className="post-content">
             <p>{postDetail.postContent}</p>
-            {postDetail.imgUrl && (
-              <img
-                className="post-image"
-                src={postDetail.imgUrl}
-                alt="帖子图片"
-              />
+            {Array.isArray(postDetail.imgUrl) ? (
+              <div className="post-images">
+                {postDetail.imgUrl.map((url, idx) => (
+                  <img key={idx} src={url} alt={`图片${idx}`} />
+                ))}
+              </div>
+            ) : (
+              postDetail.imgUrl && (
+                <img className="post-image" src={postDetail.imgUrl} alt="帖子图片" />
+              )
             )}
+
           </div>
 
           {/* 点赞和收藏 */}
@@ -181,7 +186,7 @@
             >
               <GoodTwo
                 theme="outline"
-                size="24"
+                size="20"
                 fill={isLiked ? '#f00' : '#ccc'} // 如果已点赞，显示红色
               />
               <span>{postDetail.postLikeNum}</span>
@@ -192,28 +197,28 @@
             >
               <Star
                 theme="outline"
-                size="24"
+                size="20"
                 fill={isCollected ? '#ffd700' : '#ccc'} // 如果已收藏，显示金色
               />
               <span>{postDetail.postCollectNum}</span>
             </button>
           </div>
-
+          
+          <hr className="divider" />
           {/* 评论部分 */}
+          <h3>评论区</h3>
           <div className="comments-section">
-            <h3>评论区</h3>
             {comments.length ? (
               comments.map((comment) => (
                 <div key={comment.commentId} className="comment">
-                  <p>{comment.content}</p>
-                  <div className="comment-meta">
-                    <span className="comment-time">
-                      {new Date(comment.commentTime).toLocaleString()}
-                    </span>
+                  <div className="comment-header">
                     <span className="comment-user">用户 ID: {comment.userId}</span>
+                    <button className="reply-btn" onClick={() => handleReply(comment.commentId)}>回复</button>
                   </div>
-                  {/* 回复按钮 */}
-                  <button onClick={() => handleReply(comment.commentId)}>回复</button>
+                  <p className="comment-content">{comment.content}</p>
+                  <div className="comment-time">
+                    {new Date(comment.commentTime).toLocaleString()}
+                  </div>
 
                   {/* 回复框，只有在当前评论是正在回复的评论时显示 */}
                   {replyToCommentId === comment.commentId && (