.comment-section{margin-top:30px;background:var(--bg-secondary);border-radius:12px;padding:20px;}.comment-title{font-size:18px;font-weight:500;color:var(--accent-color);margin-bottom:20px;}.comment-input-container{display:flex;flex-direction:column;gap:10px;margin-bottom:25px;}.comment-input{width:100%;height:80px;padding:12px;background:rgba(255,255,255,0.1);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;resize:none;}.comment-input:focus{outline:none;border-color:var(--accent-color);}.comment-submit-btn{align-self:flex-end;background:var(--accent-color);color:white;border:none;padding:8px 20px;border-radius:20px;font-size:14px;cursor:pointer;transition:background-color 0.2s;}.comment-submit-btn:hover{background-color:#0ea271;}.comment-list{margin-bottom:20px;}.comment-item{padding:15px;border-bottom:1px solid var(--border-color);}.comment-item:last-child{border-bottom:none;}.comment-header{display:flex;align-items:center;margin-bottom:10px;}.comment-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;}.comment-user-info{flex:1;}.comment-username{font-weight:500;color:var(--text-primary);margin-bottom:2px;}.comment-time{font-size:12px;color:var(--text-secondary);}
.comment-content {
    margin-left: 46px;
    margin-bottom: 10px;
    color: var(--text-primary);
    font-size: 14px;
    line-height: 1.5;
    white-space: pre-wrap;
    word-break: break-word;
}.comment-actions{display:flex;margin-left:46px;gap:15px;}.comment-action{display:flex;align-items:center;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:color 0.2s;}.comment-action:hover{color:var(--accent-color);}.comment-action i{margin-right:4px;}.reply-list{margin-left:46px;margin-top:15px;background:rgba(0,0,0,0.2);border-radius:8px;padding:10px;}.reply-item{padding:10px;border-bottom:1px solid rgba(255,255,255,0.05);}.reply-item:last-child{border-bottom:none;}.reply-header{display:flex;align-items:center;margin-bottom:8px;}.reply-avatar{width:28px;height:28px;border-radius:50%;margin-right:8px;object-fit:cover;}.reply-user-info{flex:1;}.reply-username{font-weight:500;color:var(--text-primary);font-size:13px;margin-bottom:2px;}.reply-to{color:var(--accent-color);margin:0 4px;}.reply-time{font-size:11px;color:var(--text-secondary);}
.reply-content {
    margin-left: 36px;
    color: var(--text-primary);
    font-size: 13px;
    line-height: 1.5;
    white-space: pre-wrap;
    word-break: break-word;
}
.comment-content, .reply-content {
    position: relative;
    overflow: hidden;
    transition: max-height 0.3s ease;
    line-height: 1.5;
    max-height: 4.5em; 
}

    .comment-content.expanded, .reply-content.expanded {
        max-height: none;
    }

.content-toggle-btn {
    color: #60a5fa;
    cursor: pointer;
    font-size: 13px;
    margin: 4px 0 8px 0;
    display: none; 
}.reply-actions{display:flex;margin-left:36px;margin-top:5px;gap:15px;}.reply-action{display:flex;align-items:center;color:var(--text-secondary);font-size:11px;cursor:pointer;transition:color 0.2s;}.reply-action:hover{color:var(--accent-color);}.reply-input-container{margin-left:46px;margin-top:10px;display:flex;flex-direction:column;gap:8px;display:none;}.reply-input{width:100%;height:60px;padding:10px;background:rgba(255,255,255,0.1);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:13px;resize:none;}.reply-input:focus{outline:none;border-color:var(--accent-color);}.reply-buttons{display:flex;justify-content:flex-end;gap:10px;}.reply-cancel-btn{background:rgba(255,255,255,0.1);color:var(--text-secondary);border:none;padding:6px 15px;border-radius:16px;font-size:13px;cursor:pointer;}.reply-submit-btn{background:var(--accent-color);color:white;border:none;padding:6px 15px;border-radius:16px;font-size:13px;cursor:pointer;}.reply-submit-btn:hover{background-color:#0ea271;}.comment-pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px;}.comment-page-btn{background:rgba(255,255,255,0.1);color:var(--text-primary);border:none;padding:8px 15px;border-radius:20px;font-size:13px;cursor:pointer;transition:background-color 0.2s;}.comment-page-btn:not(:disabled):hover{background-color:rgba(255,255,255,0.2);}.comment-page-btn:disabled{opacity:0.5;cursor:not-allowed;}.comment-page-info{color:var(--text-secondary);font-size:13px;}.no-comments{text-align:center;padding:30px 0;color:var(--text-secondary);font-size:14px;}.comments-loading{text-align:center;padding:20px 0;color:var(--text-secondary);}.comments-error{text-align:center;padding:20px 0;color:#e74c3c;}.view-more-replies,.collapse-replies{margin-top:10px;padding:8px 0;text-align:center;font-size:12px;color:var(--accent-color);cursor:pointer;transition:background-color 0.2s;border-radius:4px;}.view-more-replies:hover,.collapse-replies:hover{background-color:rgba(255,255,255,0.05);}.view-more-replies i,.collapse-replies i{margin-right:5px;font-size:10px;}.hidden-replies{display:none;}.reply-item.hidden{display:none;}@keyframes like-animation{0%{transform:scale(1);}50%{transform:scale(1.2);}100%{transform:scale(1);}}.liked{color:#e74c3c !important;animation:like-animation 0.3s ease;}