.report-modal-overlay[data-v-08d88f52]{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.report-modal[data-v-08d88f52]{background:#1a1a1a;border-radius:12px;display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow:hidden;width:90%}.modal-header[data-v-08d88f52]{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3[data-v-08d88f52]{color:#fff;font-size:18px;font-weight:600;margin:0}.btn-close[data-v-08d88f52]{align-items:center;background:none;border:none;border-radius:4px;color:#fff9;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.btn-close[data-v-08d88f52]:hover{background:#ffffff1a;color:#fff}.modal-content[data-v-08d88f52]{flex:1;overflow-y:auto;padding:24px}.comment-preview[data-v-08d88f52]{background:#ffffff0d;border-radius:8px;margin-bottom:20px;padding:16px}.comment-info[data-v-08d88f52]{align-items:center;display:flex;margin-bottom:12px}.avatar[data-v-08d88f52]{border-radius:50%;height:32px;margin-right:12px;width:32px}.user-info[data-v-08d88f52]{display:flex;flex-direction:column}.nickname[data-v-08d88f52]{color:#fff;font-size:14px;font-weight:500}.time[data-v-08d88f52]{color:#fff9;font-size:12px;margin-top:2px}.comment-content[data-v-08d88f52]{color:#fff;font-size:14px;line-height:1.5;word-break:break-word}.report-form[data-v-08d88f52]{gap:20px}.form-group[data-v-08d88f52],.report-form[data-v-08d88f52]{display:flex;flex-direction:column}.form-group[data-v-08d88f52]{gap:12px}.form-group label[data-v-08d88f52]{color:#fff;font-size:14px;font-weight:500}.report-types[data-v-08d88f52]{display:flex;flex-direction:column;gap:12px}.report-type-item[data-v-08d88f52]{align-items:center;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;cursor:pointer;display:flex;padding:12px;transition:all .2s}.report-type-item[data-v-08d88f52]:hover{background:#ffffff0d;border-color:#ffffff4d}.report-type-item input[type=radio][data-v-08d88f52]{display:none}.radio-custom[data-v-08d88f52]{border:2px solid hsla(0,0%,100%,.3);border-radius:50%;height:18px;margin-right:12px;position:relative;transition:all .2s;width:18px}.report-type-item input[type=radio]:checked+.radio-custom[data-v-08d88f52]{background:#def91e;border-color:#def91e}.report-type-item input[type=radio]:checked+.radio-custom[data-v-08d88f52]:after{background:#000;border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}.report-textarea[data-v-08d88f52],.type-label[data-v-08d88f52]{color:#fff;font-size:14px}.report-textarea[data-v-08d88f52]{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;line-height:1.5;min-height:120px;padding:12px;resize:vertical;transition:all .2s;width:100%}.report-textarea[data-v-08d88f52]:focus{background:#ffffff14;border-color:#def91e;outline:none}.report-textarea[data-v-08d88f52]::-moz-placeholder{color:#ffffff80}.report-textarea[data-v-08d88f52]::placeholder{color:#ffffff80}.char-count[data-v-08d88f52]{color:#fff9;font-size:12px;margin-top:4px;text-align:right}.modal-footer[data-v-08d88f52]{border-top:1px solid hsla(0,0%,100%,.1);display:flex;gap:12px;padding:20px 24px}.btn-cancel[data-v-08d88f52],.btn-submit[data-v-08d88f52]{border:none;border-radius:8px;cursor:pointer;flex:1;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s}.btn-cancel[data-v-08d88f52]{background:#ffffff1a;color:#fffc}.btn-cancel[data-v-08d88f52]:hover{background:#ffffff26;color:#fff}.btn-submit[data-v-08d88f52]{background:#def91e;color:#000}.btn-submit[data-v-08d88f52]:hover:not(:disabled){background:#c4e01a}.btn-submit[data-v-08d88f52]:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.report-modal[data-v-08d88f52]{margin:20px;width:95%}.modal-content[data-v-08d88f52]{padding:20px}.modal-footer[data-v-08d88f52]{padding:16px 20px}}.comment-item[data-v-d181e7d5]{border-bottom:1px solid hsla(0,0%,100%,.1);padding:12px 0}.comment-item[data-v-d181e7d5]:last-child{border-bottom:none}.comment-item.is-reply[data-v-d181e7d5]{margin-left:20px;margin-top:-4px;padding:8px 0 8px 16px}.comment-header[data-v-d181e7d5]{justify-content:space-between;margin-bottom:8px}.comment-header[data-v-d181e7d5],.user-info[data-v-d181e7d5]{align-items:flex-start;display:flex}.user-info[data-v-d181e7d5]{flex:1;gap:8px}.avatar[data-v-d181e7d5]{border-radius:50%;flex-shrink:0;height:32px;-o-object-fit:cover;object-fit:cover;width:32px}.comment-item:not(.is-reply) .avatar[data-v-d181e7d5]{height:40px;width:40px}.comment-item.is-reply .avatar[data-v-d181e7d5]{height:28px;width:28px}.user-details[data-v-d181e7d5]{flex:1;min-width:0}.user-details .comment-content[data-v-d181e7d5]{margin:8px 0}.user-details .comment-content .text[data-v-d181e7d5]{color:#fff;display:inline;line-height:1.5;word-break:break-word}.user-details .comment-content .badge[data-v-d181e7d5]{margin-left:8px}.reply-context[data-v-d181e7d5]{color:#fff9;font-size:12px;line-height:1.4;margin-bottom:8px}.reply-to[data-v-d181e7d5]{color:#def91e;font-weight:500;margin-right:4px}.reply-content[data-v-d181e7d5]{color:#ffffff80}.username[data-v-d181e7d5]{color:#fff;font-size:14px;font-weight:500;gap:6px;margin-bottom:2px}.comment-meta[data-v-d181e7d5],.username[data-v-d181e7d5]{align-items:center;display:flex}.comment-meta[data-v-d181e7d5]{flex-wrap:wrap;gap:8px}.comment-meta .action-buttons[data-v-d181e7d5]{align-items:center;display:flex;gap:12px;margin-left:auto}.time[data-v-d181e7d5]{color:#fff9;font-size:12px}.badge[data-v-d181e7d5]{border-radius:10px;color:#fff;font-size:10px;padding:2px 6px}.badge.first[data-v-d181e7d5]{background:#ff6b6b}.badge.author[data-v-d181e7d5]{background:#4ecdc4}.badge.pinned[data-v-d181e7d5]{background:#ffa726}.btn-delete[data-v-d181e7d5]:hover{color:#ff4757}.btn-delete[data-v-d181e7d5]:disabled{cursor:not-allowed;opacity:.5}.comment-content[data-v-d181e7d5]{margin-bottom:8px}.comment-content .time[data-v-d181e7d5]{color:#fff9;font-size:12px;margin-bottom:4px}.text[data-v-d181e7d5]{color:#fff;line-height:1.5;word-break:break-word}.image-comment[data-v-d181e7d5]{margin-top:8px}.comment-image[data-v-d181e7d5]{border-radius:4px;max-height:200px;max-width:200px;-o-object-fit:cover;object-fit:cover}.comment-footer[data-v-d181e7d5]{align-items:center;display:flex;gap:16px}.action-buttons[data-v-d181e7d5]{align-items:center;display:flex;gap:12px}.btn-delete[data-v-d181e7d5],.btn-like[data-v-d181e7d5],.btn-pin[data-v-d181e7d5],.btn-reply[data-v-d181e7d5],.btn-report[data-v-d181e7d5],.btn-unpin[data-v-d181e7d5]{align-items:center;background:none;border:none;border-radius:4px;color:#fff9;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 8px;transition:all .2s}.btn-delete[data-v-d181e7d5]:hover,.btn-like[data-v-d181e7d5]:hover,.btn-pin[data-v-d181e7d5]:hover,.btn-reply[data-v-d181e7d5]:hover,.btn-report[data-v-d181e7d5]:hover,.btn-unpin[data-v-d181e7d5]:hover{background:#ffffff1a;color:#fff}.btn-report[data-v-d181e7d5]{opacity:0;transition:opacity .2s}.comment-item:hover .btn-report[data-v-d181e7d5]{opacity:1}.btn-like.active[data-v-d181e7d5]{color:#def91e}.btn-like.active .icon[data-v-d181e7d5]{fill:#def91e}.btn-pin[data-v-d181e7d5],.btn-unpin[data-v-d181e7d5]{color:#def91e}.btn-unpin[data-v-d181e7d5]{opacity:.8}.btn-pin[data-v-d181e7d5]:hover,.btn-unpin[data-v-d181e7d5]:hover{color:#def91e;opacity:1}.icon[data-v-d181e7d5]{height:14px;width:14px}.replies[data-v-d181e7d5]{margin-top:12px;padding-left:16px}.reply-item[data-v-d181e7d5]{margin-bottom:8px}.reply-item[data-v-d181e7d5]:last-child{margin-bottom:0}.more-replies[data-v-d181e7d5]{margin-top:8px}.btn-more[data-v-d181e7d5]{background:none;border:none;color:#007bff;cursor:pointer;font-size:12px;padding:4px 0}.btn-more[data-v-d181e7d5]:hover{text-decoration:underline}.replies-container[data-v-d181e7d5]{margin-left:48px;margin-top:12px}.replies-collapsed[data-v-d181e7d5]{align-items:center;border-radius:8px;cursor:pointer;display:flex;padding:8px;transition:background-color .2s}.replies-collapsed[data-v-d181e7d5]:hover{background-color:#ffffff0d}.collapsed-avatars[data-v-d181e7d5]{display:flex;margin-right:8px}.collapsed-avatar[data-v-d181e7d5]{border:2px solid #282828;border-radius:50%;height:24px;margin-left:-8px;-o-object-fit:cover;object-fit:cover;width:24px}.collapsed-avatar[data-v-d181e7d5]:first-child{margin-left:0}.reply-count[data-v-d181e7d5]{color:#def91e;font-size:14px;font-weight:500}.expand-icon[data-v-d181e7d5]{color:#def91e;margin-right:4px;transition:transform .2s}.expand-icon.expanded[data-v-d181e7d5]{transform:rotate(180deg)}.replies-expanded[data-v-d181e7d5]{margin-top:12px}@media (max-width:768px){.comment-item.is-reply[data-v-d181e7d5]{margin-left:12px;padding-left:12px}.comment-image[data-v-d181e7d5]{max-height:150px;max-width:150px}.action-buttons[data-v-d181e7d5]{gap:8px}.btn-like[data-v-d181e7d5],.btn-reply[data-v-d181e7d5]{font-size:11px;padding:4px 6px}}.comment-form[data-v-72757e61]{background:transparent;border-radius:8px;margin-bottom:10px;padding:10px}.form-content[data-v-72757e61]{position:relative}.selected-image-preview[data-v-72757e61]{margin-bottom:12px}.preview-container[data-v-72757e61]{border:2px solid #def91e;border-radius:8px;display:inline-block;overflow:hidden;position:relative}.preview-image[data-v-72757e61]{display:block;height:120px;-o-object-fit:cover;object-fit:cover;width:120px}.btn-remove-image[data-v-72757e61]{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:4px;top:4px;transition:all .2s;width:24px}.btn-remove-image[data-v-72757e61]:hover{background:#ffffffe6}.btn-remove-image:hover .icon[data-v-72757e61]{color:#000}.btn-remove-image .icon[data-v-72757e61]{color:#fff;height:14px;width:14px}.input-container[data-v-72757e61]{position:relative}.form-footer[data-v-72757e61]{justify-content:space-between;margin-top:8px}.action-buttons[data-v-72757e61],.form-footer[data-v-72757e61]{align-items:center;display:flex}.action-buttons[data-v-72757e61]{gap:8px}.btn-add-image[data-v-72757e61]{align-items:center;background:#def91e;border:1px solid #def91e;border-radius:6px;color:#000;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s}.btn-add-image[data-v-72757e61]:hover{background:#c4e01a;border-color:#c4e01a;color:#000}.btn-add-image .icon[data-v-72757e61]{height:14px;width:14px}.btn-add-image .image-text[data-v-72757e61]{font-size:12px;font-weight:500}.image-icon[data-v-72757e61]{background:currentColor;display:inline-block;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2M8.5 13.5l2.5 3.01L14.5 12l4.5 6H5z'/%3E%3C/svg%3E") no-repeat center;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2M8.5 13.5l2.5 3.01L14.5 12l4.5 6H5z'/%3E%3C/svg%3E") no-repeat center;-webkit-mask-size:contain;mask-size:contain}.icon[data-v-72757e61],.image-icon[data-v-72757e61]{height:16px;width:16px}.comment-input[data-v-72757e61]{background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;font-size:14px;line-height:1.5;max-height:100px;min-height:50px;outline:none;padding:8px;resize:vertical;transition:border-color .2s;width:100%}.comment-input[data-v-72757e61]:focus{border-color:#007bff}.comment-input[data-v-72757e61]:disabled{background:#f5f5f5;cursor:not-allowed}.char-count[data-v-72757e61]{color:#999;font-size:12px}.btn-submit[data-v-72757e61]{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .2s}.btn-submit[data-v-72757e61]:hover:not(:disabled){background:#0056b3}.btn-submit[data-v-72757e61]:disabled{background:#ccc;cursor:not-allowed}@media (max-width:768px){.comment-input[data-v-72757e61]{max-height:100px;min-height:50px}.comment-form[data-v-72757e61]{padding:8px}.comment-form[data-v-72757e61],.form-header[data-v-72757e61]{margin-bottom:8px}.avatar[data-v-72757e61]{height:28px;width:28px}.username[data-v-72757e61]{font-size:12px}}@media (max-height:600px){.comment-input[data-v-72757e61]{max-height:80px;min-height:40px}.comment-form[data-v-72757e61]{padding:8px}.comment-form[data-v-72757e61],.form-header[data-v-72757e61]{margin-bottom:6px}.avatar[data-v-72757e61]{height:24px;width:24px}}.comment-list[data-v-ccd0195e]{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.comment-form-container[data-v-ccd0195e]{flex-shrink:0}.comment-stats[data-v-ccd0195e]{border-bottom:1px solid #f0f0f0;flex-shrink:0;margin-bottom:12px;padding-bottom:8px}.comment-stats h3[data-v-ccd0195e]{margin:0}.comments-container[data-v-ccd0195e]{flex:1;margin-bottom:12px;overflow-y:auto}.empty-state[data-v-ccd0195e]{align-items:center;color:#fff;display:flex;flex:1;justify-content:center;padding:20px;text-align:center}.empty-icon[data-v-ccd0195e]{font-size:48px;margin-bottom:16px;opacity:.5}.empty-text[data-v-ccd0195e]{color:#fff;font-size:14px;margin:0}.load-more[data-v-ccd0195e]{margin-top:20px;text-align:center}.btn-load-more[data-v-ccd0195e]{background:#f8f9fa;border:1px solid #ddd;border-radius:20px;color:#666;cursor:pointer;font-size:14px;padding:8px 24px;transition:all .2s}.btn-load-more[data-v-ccd0195e]:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.btn-load-more[data-v-ccd0195e]:disabled{cursor:not-allowed;opacity:.5}.reply-form-overlay[data-v-ccd0195e]{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.reply-form-container[data-v-ccd0195e]{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:80vh;max-width:500px;overflow-y:auto;width:100%}.reply-form-header[data-v-ccd0195e]{border-bottom:1px solid #f0f0f0;color:#333;font-size:14px;justify-content:space-between;padding:16px 20px}.btn-close[data-v-ccd0195e],.reply-form-header[data-v-ccd0195e]{align-items:center;display:flex}.btn-close[data-v-ccd0195e]{background:none;border:none;border-radius:50%;color:#999;cursor:pointer;font-size:20px;height:24px;justify-content:center;padding:0;transition:background .2s;width:24px}.btn-close[data-v-ccd0195e]:hover{background:#f5f5f5}@media (max-width:768px){.reply-form-container[data-v-ccd0195e]{margin:20px;max-width:none}.reply-form-overlay[data-v-ccd0195e]{padding:10px}.comment-stats h3[data-v-ccd0195e]{font-size:14px}.empty-state[data-v-ccd0195e]{padding:30px 15px}.empty-icon[data-v-ccd0195e]{font-size:36px}}.comment-section[data-v-2f80aab6]{background:transparent;border-radius:8px;display:flex;flex-direction:column;height:100%;margin-top:0;overflow:hidden;padding:12px}@media (max-width:768px){.comment-section[data-v-2f80aab6]{margin-top:0;padding:12px}}@media (max-height:600px){.comment-section[data-v-2f80aab6]{padding:8px}}@media (min-height:800px){.comment-section[data-v-2f80aab6]{padding:20px}}@media (min-width:1200px){.comment-section[data-v-2f80aab6]{padding:18px}}@media (min-width:1600px){.comment-section[data-v-2f80aab6]{padding:16px}}