.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%;margin-right:10px;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;}.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;}.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;}