.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 #54cfd626}.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 #00000026;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 #0000001a;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 #0000001a;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{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px);max-height:0}to{opacity:1;transform:translateY(0);max-height:500px}}@keyframes slideUp{0%{opacity:1;transform:translateY(0);max-height:500px}to{opacity:0;transform:translateY(-20px);max-height:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{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:#54cfd626;border-radius:8px;transition:background-color .5s}.comment-highlight-strong{box-shadow:0 0 0 2px var(--hdk-primary)}@keyframes highlightPulse{0%{background-color:#54cfd64d;box-shadow:0 0 0 4px #54cfd64d}50%{background-color:#54cfd633}to{background-color:#54cfd61a;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}}.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:#ef444426;border-color:#ef44444d;color:#fca5a5}html.dark .hd-phan-binh-luan-banned-icon{background:#ef4444;color:#fff}.hd-comment-chapter-badge{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:2px 8px;font-size:.72rem;font-weight:600;color:var(--hdk-primary);background:#54cfd61f;border:1px solid rgba(84,207,214,.35);border-radius:999px;text-decoration:none;white-space:nowrap;vertical-align:middle;transition:background .2s,color .2s}.hd-comment-chapter-badge:hover{color:#fff;background:var(--hdk-primary);text-decoration:none}.hd-comment-chapter-badge:hover i{color:#fff}html.dark .hd-comment-chapter-badge,body.dark-mode .hd-comment-chapter-badge{color:#7de3ea;background:#54cfd626;border-color:#54cfd666}@media(max-width:576px){.hd-comment-chapter-badge{margin-left:0;margin-top:4px}.hd-phan-binh-luan-item-name,.hd-phan-binh-luan-reply-name,.hd-phan-binh-luan-subreply-name{flex-wrap:wrap}}