diff --git a/music-qianduan/src/views/PlaylistDetail.vue b/music-qianduan/src/views/PlaylistDetail.vue
index 8070bb9..75264f7 100644
--- a/music-qianduan/src/views/PlaylistDetail.vue
+++ b/music-qianduan/src/views/PlaylistDetail.vue
@@ -901,21 +901,13 @@ onUnmounted(() => {
   margin-bottom: 20px;
   display: flex;
   flex-direction: column;
-  gap: 15px;
-  align-items: flex-end;
+  gap: 10px;
 }
 
-.comment-input .el-button {
-  background-color: #ff6b81;
-  color: white;
-  border-radius: 20px;
-  padding: 10px 20px;
-  transition: all 0.3s;
-}
-
-.comment-input .el-button:hover {
-  background-color: #ff4757;
-  transform: translateY(-2px);
+.comment-submit-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 10px;
 }
 
 .comment-list {
@@ -925,15 +917,8 @@ onUnmounted(() => {
 .comment-item {
   display: flex;
   margin-bottom: 20px;
-  padding: 15px;
-  background-color: #fff9f9;
-  border-radius: 12px;
-  transition: all 0.3s;
-}
-
-.comment-item:hover {
-  transform: translateY(-2px);
-  box-shadow: 0 4px 12px rgba(255, 107, 129, 0.1);
+  padding-bottom: 20px;
+  border-bottom: 1px solid #eee;
 }
 
 .comment-avatar {
@@ -952,8 +937,17 @@ onUnmounted(() => {
 }
 
 .comment-user {
-  font-weight: 600;
-  color: #ff6b81;
+  font-weight: bold;
+}
+
+.child-comment-list {
+  margin-top: 15px;
+  padding-left: 15px;
+  border-left: 2px solid #eee;
+}
+
+.child-comment-input {
+  margin-top: 15px;
 }
 
 .comment-text {
@@ -962,18 +956,11 @@ onUnmounted(() => {
   line-height: 1.5;
 }
 
-.comment-time {
+.comment-footer {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
   font-size: 0.8rem;
   color: #999;
 }
-
-.comment-actions .el-button {
-  border-radius: 20px;
-  padding: 5px 10px;
-  transition: all 0.3s;
-}
-
-.comment-actions .el-button:hover {
-  transform: scale(1.05);
-}
 </style>