커뮤니티 상세페이지 마크업 및 다크모드 대응

Author: chaesunwoong

src/components/community/PostDetail.css

@@ -92,7 +92,7 @@
 
 /* 답변 영역 */
 .answer-form {
-    margin-top: 40px;
+    margin-top: 15px;
 }
 
 .answer-form input {
@@ -103,6 +103,12 @@
     font-size: 14px;
 }
 
+.answer-title {
+    font-size: 16px;        /* ⬅️ 좀 더 작게 */
+    font-weight: 600;
+    color: #333;
+}
+
 .empty-comment {
     text-align: center;
     margin-top: 40px;

src/components/community/PostDetail.jsx

@@ -48,10 +48,14 @@ export default function PostDetail() {
                     <button className="link-btn">🔗</button>
                 </div>
                 <div className="section-divider" />
-                <div className="answer-form">
-                    <input type="text" placeholder="답변을 작성해보세요." />
+                <div className="answer-section">
+                    <h3 className="answer-title">답변</h3>
+                    <div className="answer-form">
+                        <input type="text" placeholder="답변을 작성해보세요." />
+                    </div>
                 </div>
 
+
                 <div className="empty-comment">
                     <img src="/empty-comment.png" alt="답변 없음" />
                     <p className="comment-title">답변을 기다리고 있는 질문이에요</p>