Community UI 개선

Author: Danto7632

src/components/community/Community.css

@@ -88,13 +88,14 @@
 }
 
 .dark-mode .post-card {
-    background-color: transparent;
-    border-bottom: 1px solid #444;
-    border-top: none;
+    background-color: #2a2a2a;
+    border: 1px solid #444;
+    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35);
 }
 
-.dark-mode .post-card:first-child {
-    border-top: 1px solid #444;
+.dark-mode .post-card:hover {
+    border-color: #7e4dff;
+    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.4);
 }
 .dark-mode .tabs button.active-tab {
     color: #b88eff;
@@ -369,24 +370,32 @@ html {
 .post-list {
     display: flex;
     flex-direction: column;
-    gap: 12px;
+    gap: 16px;
     max-width: 720px;
     margin-left: auto;
     margin-right: auto;
 }
 
 .post-card {
     cursor: pointer;
-    background-color: transparent;
-    box-shadow: none;
-    border-radius: 0;
-    padding: 12px 0;
-    border-bottom: 1px solid #eaeaea;
-    min-width: 720px;
+    background-color: #ffffff;
+    border: 1px solid #e5e5e8;
+    border-radius: 14px;
+    padding: 20px 24px;
+    box-shadow: 0 10px 28px rgba(34, 34, 34, 0.06);
+    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
+    width: 100%;
+}
+
+.post-card:hover {
+    transform: translateY(-2px);
+    border-color: #b88eff;
+    box-shadow: 0 16px 36px rgba(110, 64, 255, 0.12);
 }
 
-.post-card:first-child {
-    border-top: 1px solid #eaeaea;
+.post-card:focus-visible {
+    outline: 2px solid #b88eff;
+    outline-offset: 2px;
 }