.comment-section{color:#fff;transition:all .5s ease-in-out}.comment-label{text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:10px;margin-bottom:2rem;font-size:1.25rem;font-weight:700;display:flex}.comment-list{flex-direction:column;gap:1.5rem;display:flex}.d-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:1rem;gap:.75rem;padding:.85rem;transition:all .3s;display:flex}.d-item:hover{background:#ffffff0d;border-color:#ffffff1a}.user-avatar{flex-shrink:0}.avatar-fallback,.user-avatar img{color:#000;background:linear-gradient(135deg,#f5a623,#fc3);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex;overflow:hidden}.user-avatar img{object-fit:cover}.info{flex:1;min-width:0}.comment-header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.user-name{color:#f5a623;font-size:.85rem;font-weight:700}.c-time{color:#fff6;font-size:.7rem}.text{color:#fffc;word-wrap:break-word;margin-bottom:.6rem;font-size:.85rem;line-height:1.5}.comment-bottom{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.group-react{background:#ffffff0d;border-radius:20px;align-items:center;gap:.25rem;padding:2px;display:flex}.item-up,.item-down{cursor:pointer;color:#fff9;border-radius:18px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;transition:all .2s;display:flex}.item-up:hover{color:#2ecc71;background:#2ecc7126}.item-down:hover{color:#e74c3c;background:#e74c3c26}.item-up.active{color:#2ecc71;background:#2ecc7140}.item-down.active{color:#e74c3c;background:#e74c3c40}.btn-comment,.btn-menu{color:#fff9;cursor:pointer;background:#ffffff0d;border:none;border-radius:8px;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;transition:all .2s;display:flex}.btn-comment:hover,.btn-menu:hover{color:#fff;background:#ffffff1a}.comment-menu{position:relative}.v-dropdown-menu{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1c1e;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;min-width:150px;padding:4px;display:flex;position:absolute;bottom:120%;right:0;box-shadow:0 10px 25px #00000080}.dropdown-item{color:#ffffffb3;cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:.75rem;text-decoration:none;transition:all .2s;display:flex}.dropdown-item:hover{color:#fff;background:#ffffff14}.dropdown-item svg{opacity:.5;width:14px;height:14px}.reply-list{border-left:2px solid #ffffff08;flex-direction:column;gap:.75rem;margin-top:.75rem;margin-left:2rem;padding-left:.85rem;display:flex}@media (max-width:640px){.reply-list{margin-left:1.5rem;padding-left:.75rem}}.comment-form-container{background:#ffffff08;border:1.5px solid #ffffff0d;border-radius:1.15rem;margin-bottom:2rem;padding:1rem;transition:border-color .3s}.comment-form-container:focus-within{border-color:#f5a6234d}.comment-textarea{color:#fff;resize:none;background:0 0;border:none;outline:none;width:100%;min-height:80px;font-size:.95rem;line-height:1.6}.form-footer{border-top:1px solid #ffffff0d;justify-content:flex-end;align-items:center;gap:1rem;margin-top:1rem;padding-top:1rem;display:flex}.btn-submit{color:#000;cursor:pointer;background:#f5a623;border:none;border-radius:12px;padding:8px 24px;font-size:.85rem;font-weight:700;transition:all .2s}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 5px 15px #f5a6234d}.btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-prompt{text-align:center;background:#f5a6230d;border:1px dashed #f5a62333;border-radius:1.5rem;margin-bottom:2rem;padding:2rem}.auth-prompt p{color:#fff6;margin-bottom:1.5rem;line-height:1.6}.btn-login-prompt{color:#000;text-transform:uppercase;background:#f5a623;border-radius:30px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.btn-login-prompt:hover{background:#fc3;box-shadow:0 0 20px #f5a62366}.text-spoiler{filter:blur(8px);-webkit-user-select:none;user-select:none;pointer-events:none;opacity:.6;transition:all .3s}.text-spoiler.revealed{filter:blur();opacity:1;pointer-events:auto;-webkit-user-select:text;user-select:text}.line-center{align-items:center;display:flex}.modal-overlay{z-index:9999;background:#000000d9;justify-content:center;align-items:center;padding:1.5rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-overlay.is-closing{animation:.2s ease-in forwards fadeOut}.modal-content{text-align:center;background:#1a1c1e;border:1px solid #333;border-radius:12px;width:100%;max-width:400px;padding:2rem;animation:.3s ease-out slideUp;box-shadow:0 15px 30px #0006}.modal-content.is-closing{animation:.2s ease-in forwards slideDown}.modal-title{color:#fff;margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.modal-msg{color:#999;margin-bottom:2rem;font-size:.95rem;line-height:1.5}.modal-actions{justify-content:center;gap:.75rem;display:flex}.btn-cancel,.btn-confirm-delete{cursor:pointer;border:none;border-radius:8px;min-width:120px;padding:10px 24px;font-size:.9rem;font-weight:600;transition:background .2s}.btn-cancel{color:#ccc;background:#333}.btn-cancel:hover{color:#fff;background:#444}.btn-confirm-delete{color:#fff;background:#dc3545}.btn-confirm-delete:hover{background:#c82333}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@media (max-width:768px){.comment-section{padding:0 10px}.comment-label{margin-bottom:1rem!important;font-size:1rem!important}.comment-item{gap:.75rem!important;padding:.75rem 0!important}.comment-item .avatar-wrap{flex-shrink:0;width:32px!important;height:32px!important}.comment-item .meta .name{font-size:.8rem!important}.comment-item .meta .c-time{font-size:.65rem!important}.comment-item .text{font-size:.8rem!important;line-height:1.4!important}.comment-item .item{padding:2px 6px!important;font-size:.7rem!important}.btn-comment span,.btn-menu span{display:none!important}.comment-textarea{min-height:80px!important;padding:.75rem!important;font-size:.85rem!important}.reply-list{margin-left:1rem!important;padding-left:.75rem!important}}