/* 评论区样式 */
.comment-section {
    margin:20px ;
 }
 
 .comment-section .comment-item {
     display: flex;
     gap: 12px;
     padding: 16px 0;
     border-bottom: 1px dashed rgba(229, 230, 235, 1);
 }
 
 .comment-section .comment-avatar {
     flex-shrink: 0;
 }
 
 .comment-section .comment-avatar img {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     background-color: rgba(196, 199, 206, 0.3);
 }
 
 .comment-section .comment-content {
     flex: 1;
 }
 
 .comment-section .comment-header {
     display: flex;
     align-items: center;
     gap: 12px;
     margin-bottom: 8px;
 }
 
 .comment-section .comment-user {
     font-size: 14px;
     color: rgba(29, 33, 41, 1);
     font-weight: 500;
 }
 
 .comment-section .comment-time {
     font-size: 12px;
     color: rgba(134, 144, 156, 1);
 }
 
 .comment-section .comment-floor {
     font-size: 12px;
     color: rgba(134, 144, 156, 1);
     margin-left: auto;
 }
 
 .comment-section .comment-text {
     font-size: 14px;
     color: rgba(29, 33, 41, 1);
     line-height: 1.5;
     margin-bottom: 12px;
 }
 
 .comment-section .comment-actions {
     display: flex;
     justify-content: flex-end;
     align-items: center;
     gap: 20px;
 }
 
 .comment-section .comment-action {
     font-size: 12px;
     cursor: pointer;
     padding: 4px 8px;
     border-radius: 4px;
     transition: all 0.2s;
 }
 
 .comment-section .comment-action.support {
     color: rgba(82, 196, 26, 1);
 }
 
 .comment-section .comment-action.support:hover {
     background-color: rgba(82, 196, 26, 0.1);
 }
 
 .comment-section .comment-action.oppose {
     color: rgba(245, 63, 63, 1);
 }
 
 .comment-section .comment-action.oppose:hover {
     background-color: rgba(245, 63, 63, 0.1);
 }
 
 .comment-section .comment-action.reply {
     color: rgba(134, 144, 156, 1);
 }
 
 .comment-section .comment-action.reply:hover {
     color: rgba(78, 110, 242, 1);
     background-color: rgba(78, 110, 242, 0.1);
 }
 
 /* 回复样式 */
 .comment-section .comment-reply {
     margin-top: 12px;
 }
 
 .comment-section .reply-item {
     background-color: rgba(255, 254, 245, 1);
     border:1px solid rgba(255, 214, 153, 1);
     padding: 12px;
     border-radius: 6px;
 }
 
 .comment-section .reply-to {
     color: rgba(78, 110, 242, 1);
     font-weight: 500;
 }