/**
 * @skill hatdaukhaai-comment-ban-rating-block
 * @see .agents/skills/hatdaukhaai-comment-ban-rating-block/SKILL.md
 * @note Quy tắc chung: @AGENTS.md
 */
.hd-phan-binh-luan-container{background:var(--white-color);border-radius:16px;padding:24px;margin:24px 0}.hd-phan-binh-luan-title{font-size:1.25rem;font-weight:600;color:var(--hdk-text-primary);display:flex;align-items:center;gap:10px;margin-bottom:20px}.hd-phan-binh-luan-title i{color:var(--hdk-primary)}.hd-phan-binh-luan-count{font-size:.9rem;font-weight:400;color:var(--hdk-text-secondary)}.hd-phan-binh-luan-form{display:flex;gap:12px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--hdk-border)}.hd-phan-binh-luan-form-avatar,.hd-phan-binh-luan-reply-avatar,.hd-phan-binh-luan-subreply-avatar{flex-shrink:0}.hd-phan-binh-luan-form-avatar img{width:48px;height:48px;border-radius:50%;object-fit:cover}.hd-phan-binh-luan-form-content,.hd-phan-binh-luan-item-info,.hd-phan-binh-luan-reply-info,.hd-phan-binh-luan-skeleton-content,.hd-phan-binh-luan-subreply-info{flex:1}.hd-phan-binh-luan-form-input{width:100%;min-height:80px;padding:12px 16px;border:1px solid var(--hdk-border);border-radius:12px;background:var(--hdk-background);color:var(--hdk-text-primary);font-size:.95rem;resize:vertical;transition:border-color .2s,box-shadow .2s}.hd-phan-binh-luan-form-input:focus{outline:0;border-color:var(--hdk-primary);box-shadow:0 0 0 3px rgba(84,207,214,.15)}.hd-phan-binh-luan-form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.hd-phan-binh-luan-form-emoji,.hd-phan-binh-luan-item-menu,.hd-phan-binh-luan-reply-form-emoji,.hd-phan-binh-luan-reply-menu,.hd-phan-binh-luan-subreply-menu{position:relative}.hd-phan-binh-luan-form-emoji-btn{background:0 0;border:none;font-size:1.25rem;color:var(--hdk-text-secondary);cursor:pointer;padding:8px;border-radius:8px;transition:background .2s,color .2s}.hd-phan-binh-luan-form-emoji-btn:hover,.hd-phan-binh-luan-reply-form-emoji-btn:hover{background:var(--hdk-border);color:var(--hdk-primary)}.hd-phan-binh-luan-form-submit{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--hdk-primary);color:#fff;border:none;border-radius:20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s,transform .2s}.hd-phan-binh-luan-form-submit:hover,.hd-phan-binh-luan-reply-form-submit:hover{background:var(--hdk-primary-hover);transform:translateY(-1px)}.emoji-item:hover,.emoji-picker-tab.active,.emoji-picker-tab:hover,.hd-phan-binh-luan-item-menu-btn:hover,.hd-phan-binh-luan-item-menu-dropdown .menu-item:hover,.hd-phan-binh-luan-load-more-btn:hover,.hd-phan-binh-luan-reply-menu-btn:hover,.hd-phan-binh-luan-reply-menu-dropdown .menu-item:hover,.hd-phan-binh-luan-subreply-menu-btn:hover,.hd-phan-binh-luan-subreply-menu-dropdown .menu-item:hover{background:var(--hdk-border)}.hd-phan-binh-luan-form-submit:disabled,.hd-phan-binh-luan-reply-form-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.emoji-picker{position:absolute;bottom:100%;left:0;background:var(--hdk-card);border:1px solid var(--hdk-border);border-radius:12px;padding:12px;width:300px;box-shadow:0 4px 20px rgba(0,0,0,.15);display:none;z-index:100}.emoji-item,.emoji-picker-tab{border-radius:6px;cursor:pointer}.emoji-picker.show,.hd-phan-binh-luan-item-menu-dropdown.show,.hd-phan-binh-luan-reply-menu-dropdown.show,.hd-phan-binh-luan-subreply-menu-dropdown.show{display:block;animation:.2s fadeIn}.emoji-picker-tabs{display:flex;gap:4px;margin-bottom:12px;border-bottom:1px solid var(--hdk-border);padding-bottom:8px}.emoji-picker-tab{padding:6px 10px;transition:background .2s}.emoji-picker-content{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;max-height:200px;overflow-y:auto}.emoji-item{padding:6px;text-align:center;font-size:1.2rem;transition:background .2s,transform .1s}.emoji-item:hover{transform:scale(1.1)}.hd-phan-binh-luan-item{padding:16px 0;animation:.3s fadeIn;-webkit-animation:.3s fadeIn}.hd-phan-binh-luan-item:last-child{border-bottom:none}.hd-phan-binh-luan-item-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:3px}.hd-phan-binh-luan-item-avatar img{width:44px;height:44px;border-radius:50%;object-fit:cover}.hd-phan-binh-luan-item-name{font-weight:600;color:var(--hdk-text-primary);display:flex;align-items:center;gap:6px}.hd-phan-binh-luan-item-name i.fa-check-circle{color:var(--hdk-primary);font-size:.85rem}.hd-author-badge{font-size:.7rem;padding:2px 8px;background:linear-gradient(135deg,var(--hdk-primary),#3b82f6);color:#fff;border-radius:10px;font-weight:500}.hd-phan-binh-luan-item-date{font-size:.8rem;color:var(--hdk-text-secondary);margin-top:2px}.hd-phan-binh-luan-item-menu-btn{background:0 0;border:none;color:var(--hdk-text-secondary);padding:8px;cursor:pointer;border-radius:50%;transition:background .2s;-webkit-transition:background .2s;-moz-transition:background .2s;-ms-transition:background .2s;-o-transition:background .2s;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;aspect-ratio:1/1;width:30px;min-width:30px;display:inline-flex;align-items:center;justify-content:center}.hd-phan-binh-luan-item-menu-dropdown{position:absolute;right:0;top:100%;background:var(--hdk-card);border:1px solid var(--hdk-border);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);min-width:140px;display:none;z-index:50}.hd-phan-binh-luan-item-menu-dropdown .menu-item{display:flex;align-items:center;gap:8px;padding:10px 14px;color:var(--hdk-text-primary);cursor:pointer;transition:background .2s;font-size:.9rem}.hd-phan-binh-luan-item-action.like-action.active,.hd-phan-binh-luan-item-action.like-action.active i,.hd-phan-binh-luan-item-menu-dropdown .menu-item.delete-comment,.hd-phan-binh-luan-reply-action.like-action.active,.hd-phan-binh-luan-subreply-action.like-action.active,.hd-phan-binh-luan-subreply-menu-dropdown .menu-item.delete-comment{color:#ef4444}.hd-phan-binh-luan-item-content{padding-left:0;margin-bottom:10px}.hd-phan-binh-luan-item-content p{color:var(--hdk-text-primary);line-height:1.6;margin:0;word-break:break-word}.hd-mention{color:var(--hdk-primary);font-weight:500}.hd-phan-binh-luan-item-actions{display:flex;gap:16px;padding-left:0}.hd-phan-binh-luan-item-action{display:flex;align-items:center;gap:6px;color:var(--hdk-text-secondary);font-size:.85rem;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .2s,color .2s}.hd-phan-binh-luan-item-action:hover,.hd-phan-binh-luan-reply-action:hover,.hd-phan-binh-luan-reply-form-cancel:hover,.hd-phan-binh-luan-subreply-action:hover{background:var(--hdk-border);color:var(--hdk-text-primary)}.hd-phan-binh-luan-replies{margin-left:56px;margin-top:16px;padding-left:16px;border-left:2px solid var(--hdk-border)}.hd-phan-binh-luan-reply,.hd-phan-binh-luan-subreply{padding:0;animation:.3s fadeIn}.hd-phan-binh-luan-reply-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}.hd-phan-binh-luan-reply-avatar img{width:36px;height:36px;border-radius:50%;object-fit:cover}.hd-phan-binh-luan-reply-name{font-weight:600;color:var(--hdk-text-primary);font-size:.95rem;display:flex;align-items:center;gap:6px}.hd-phan-binh-luan-reply-name i.fa-check-circle{color:var(--hdk-primary);font-size:.75rem}.hd-phan-binh-luan-reply-date{font-size:.75rem;color:var(--hdk-text-secondary);margin-top:2px}.hd-phan-binh-luan-reply-menu-btn{background:0 0;border:none;color:var(--hdk-text-secondary);padding:6px;cursor:pointer;border-radius:50%;transition:background .2s;font-size:.85rem}.hd-phan-binh-luan-reply-menu-dropdown,.hd-phan-binh-luan-subreply-menu-dropdown{position:absolute;right:0;top:100%;background:var(--hdk-card);border:1px solid var(--hdk-border);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);min-width:120px;display:none;z-index:50}.hd-phan-binh-luan-reply-menu-dropdown .menu-item,.hd-phan-binh-luan-subreply-menu-dropdown .menu-item{display:flex;align-items:center;gap:8px;padding:8px 12px;color:var(--hdk-text-primary);cursor:pointer;transition:background .2s;font-size:.85rem}.hd-phan-binh-luan-reply-content{padding-left:0;margin-bottom:8px}.hd-phan-binh-luan-reply-content p{color:var(--hdk-text-primary);line-height:1.5;margin:0;font-size:.95rem;word-break:break-word}.hd-phan-binh-luan-reply-actions{display:flex;gap:14px;padding-left:0}.hd-phan-binh-luan-reply-action{display:flex;align-items:center;gap:5px;color:var(--hdk-text-secondary);font-size:.8rem;cursor:pointer;padding:3px 6px;border-radius:5px;transition:background .2s,color .2s}.hd-phan-binh-luan-subreplies{margin-left:46px;margin-top:12px;padding-left:12px;border-left:2px solid var(--hdk-border)}.hd-phan-binh-luan-subreply-header{display:flex;align-items:flex-start;gap:8px;margin-bottom:6px}.hd-phan-binh-luan-subreply-avatar img{width:28px;height:28px;border-radius:50%;object-fit:cover}.hd-phan-binh-luan-subreply-name{font-weight:600;color:var(--hdk-text-primary);font-size:.9rem;display:flex;align-items:center;gap:5px}.hd-phan-binh-luan-subreply-date{font-size:.7rem;color:var(--hdk-text-secondary);margin-top:1px}.hd-phan-binh-luan-subreply-menu-btn{background:0 0;border:none;color:var(--hdk-text-secondary);padding:4px;cursor:pointer;border-radius:50%;transition:background .2s;font-size:.75rem}.hd-phan-binh-luan-subreply-content{padding-left:0;margin-bottom:6px}.hd-phan-binh-luan-subreply-content p{color:var(--hdk-text-primary);line-height:1.5;margin:0;font-size:.9rem;word-break:break-word}.hd-phan-binh-luan-subreply-actions{display:flex;gap:12px;padding-left:0}.hd-phan-binh-luan-subreply-action{display:flex;align-items:center;gap:4px;color:var(--hdk-text-secondary);font-size:.75rem;cursor:pointer;padding:2px 5px;border-radius:4px;transition:background .2s,color .2s}.hd-phan-binh-luan-reply-form{margin-top:12px;padding:12px;background:var(--hdk-background);border-radius:12px;border:1px solid var(--hdk-border);animation:.3s slideDown}.hd-phan-binh-luan-reply-form-input{width:100%;min-height:60px;padding:10px 12px;border:1px solid var(--hdk-border);border-radius:8px;background:var(--hdk-card);color:var(--hdk-text-primary);font-size:.9rem;resize:vertical;transition:border-color .2s}.hd-phan-binh-luan-reply-form-cancel,.hd-phan-binh-luan-reply-form-emoji-btn{background:0 0;color:var(--hdk-text-secondary);transition:background .2s,color .2s;cursor:pointer}.comment-edit-form textarea:focus,.hd-phan-binh-luan-reply-form-input:focus{outline:0;border-color:var(--hdk-primary)}.hd-phan-binh-luan-reply-form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.hd-phan-binh-luan-reply-form-emoji-btn{border:none;font-size:1.1rem;padding:6px;border-radius:6px}.hd-phan-binh-luan-reply-form-cancel{border:1px solid var(--hdk-border);padding:8px 16px;border-radius:16px;font-size:.85rem;margin-right:8px}.hd-phan-binh-luan-reply-form-submit{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--hdk-primary);color:#fff;border:none;border-radius:16px;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .2s,transform .2s}.hd-phan-binh-luan-load-more{text-align:center;margin-top:20px}.hd-phan-binh-luan-load-more-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--hdk-background);border:1px solid var(--hdk-border);color:var(--hdk-text-primary);border-radius:20px;font-size:.9rem;cursor:pointer;transition:background .2s,border-color .2s}.hd-phan-binh-luan-load-more-btn:hover{border-color:var(--hdk-primary)}.hd-phan-binh-luan-load-more-btn:disabled{opacity:.6;cursor:not-allowed}.hd-phan-binh-luan-load-more-btn i{transition:transform .3s}.hd-phan-binh-luan-load-more-btn.loading i{animation:1s linear infinite spin}.hd-phan-binh-luan-empty{text-align:center;padding:40px 20px;color:var(--hdk-text-secondary)}.hd-phan-binh-luan-empty i{font-size:3rem;margin-bottom:16px;opacity:.5}.hd-phan-binh-luan-empty p{font-size:1rem;margin:0}.hd-phan-binh-luan-login-prompt{text-align:center;padding:20px;background:var(--hdk-background);border-radius:12px;border:1px dashed var(--hdk-border);margin-bottom:24px}.hd-phan-binh-luan-login-prompt a{color:var(--hdk-primary);font-weight:500;text-decoration:none}.hd-phan-binh-luan-login-prompt a:hover{text-decoration:underline}.hd-phan-binh-luan-skeleton{animation:1.5s ease-in-out infinite pulse}.hd-phan-binh-luan-skeleton-item{display:flex;gap:12px;padding:16px 0}.hd-phan-binh-luan-skeleton-avatar{width:44px;height:44px;border-radius:50%;background:var(--hdk-border)}.hd-phan-binh-luan-skeleton-name{width:120px;height:16px;background:var(--hdk-border);border-radius:4px;margin-bottom:8px}.hd-phan-binh-luan-skeleton-text{width:100%;height:12px;background:var(--hdk-border);border-radius:4px;margin-bottom:6px}.hd-phan-binh-luan-skeleton-text:last-child{width:60%}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes slideDown{from{opacity:0;transform:translateY(-20px);max-height:0}to{opacity:1;transform:translateY(0);max-height:500px}}@keyframes slideUp{from{opacity:1;transform:translateY(0);max-height:500px}to{opacity:0;transform:translateY(-20px);max-height:0}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.comment-fade-in{animation:.3s forwards fadeIn}.comment-fade-out{animation:.3s forwards fadeOut}.comment-editing .hd-phan-binh-luan-item-content,.comment-editing .hd-phan-binh-luan-reply-content,.comment-editing .hd-phan-binh-luan-subreply-content{display:none}.comment-edit-form{margin-top:8px}.comment-edit-form textarea{width:100%;min-height:60px;padding:10px;border:1px solid var(--hdk-border);border-radius:8px;background:var(--hdk-background);color:var(--hdk-text-primary);font-size:.95rem;resize:vertical}.comment-edit-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.comment-edit-cancel,.comment-edit-save{padding:6px 14px;border-radius:14px;font-size:.85rem;cursor:pointer;transition:background .2s}.comment-edit-cancel{background:var(--hdk-border);border:none;color:var(--hdk-text-primary)}.comment-edit-save{background:var(--hdk-primary);border:none;color:#fff}.comment-edit-save:hover{background:var(--hdk-primary-hover)}.hd-pending-badge{font-size:.7rem;padding:2px 8px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:10px;font-weight:500;margin-left:4px}.comment-highlight{animation:1.5s ease-out highlightPulse;background-color:rgba(84,207,214,.15);border-radius:8px;transition:background-color .5s}.comment-highlight-strong{box-shadow:0 0 0 2px var(--hdk-primary)}@keyframes highlightPulse{0%{background-color:rgba(84,207,214,.3);box-shadow:0 0 0 4px rgba(84,207,214,.3)}50%{background-color:rgba(84,207,214,.2)}100%{background-color:rgba(84,207,214,.1);box-shadow:0 0 0 0 transparent}}@media (max-width:768px){.hd-phan-binh-luan-container{padding:16px;margin:16px 0;border-radius:12px}.hd-phan-binh-luan-form{flex-direction:column}.hd-phan-binh-luan-form-avatar{display:none}.hd-phan-binh-luan-item-actions,.hd-phan-binh-luan-item-content,.hd-phan-binh-luan-reply-actions,.hd-phan-binh-luan-reply-content,.hd-phan-binh-luan-subreply-actions,.hd-phan-binh-luan-subreply-content{padding-left:0}.hd-phan-binh-luan-replies{margin-left:20px;padding-left:12px}.hd-phan-binh-luan-subreplies{margin-left:20px;padding-left:10px}.emoji-picker{width:250px}.emoji-picker-content{grid-template-columns:repeat(6,1fr)}.hd-phan-binh-luan-subreply-name{font-size:.8rem}.hd-author-badge,.hd-pending-badge{font-size:.6rem}}
/* ===== Khóa mồm bình luận ===== */
.hd-phan-binh-luan-banned-notice {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 24px;
    padding: 16px;
    background: #fee2e2;
    border: 1px solid #fecaca;
    border-radius: 12px;
    color: #991b1b;
}
.hd-phan-binh-luan-banned-icon {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ef4444;
    color: #fff;
    border-radius: 50%;
    font-size: 1.1rem;
}
.hd-phan-binh-luan-banned-content {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.hd-phan-binh-luan-banned-content strong {
    font-weight: 600;
}
html.dark .hd-phan-binh-luan-banned-notice {
    background: rgba(239, 68, 68, 0.15);
    border-color: rgba(239, 68, 68, 0.3);
    color: #fca5a5;
}
html.dark .hd-phan-binh-luan-banned-icon {
    background: #ef4444;
    color: #fff;
}