.comments-modal-overlay[data-v-0f1c630f]{align-items:center;background:#000000bf;display:flex;justify-content:center;inset:0;padding:20px;position:fixed;z-index:9999}.comments-modal[data-v-0f1c630f]{background:#1a1a1a;border:1px solid hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 20px 60px #0009;display:flex;flex-direction:column;max-height:85vh;max-width:700px;width:100%}.comments-modal-header[data-v-0f1c630f]{align-items:center;background:#ffffff08;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;padding:16px 20px}.header-left[data-v-0f1c630f]{align-items:center;color:#e0e0e0;display:flex;font-size:1.1rem;font-weight:600;gap:12px}.header-left i[data-v-0f1c630f]{color:#4a9eff;font-size:1.3rem}.comments-count-badge[data-v-0f1c630f]{background:#4a9eff26;border-radius:12px;color:#4a9eff;font-size:.8rem;font-weight:500;padding:4px 12px}.close-btn[data-v-0f1c630f]{align-items:center;background:#ffffff0d;border:none;border-radius:8px;color:#fff9;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.close-btn[data-v-0f1c630f]:hover{background:#ffffff1a;color:#e0e0e0}.comments-modal-body[data-v-0f1c630f]{display:flex;flex:1;flex-direction:column;overflow-y:auto}.comments-sort-bar[data-v-0f1c630f]{background:#ffffff05;border-bottom:1px solid hsla(0,0%,100%,.06);display:flex;gap:8px;padding:12px 16px}.comments-sort-bar button[data-v-0f1c630f]{align-items:center;background:none;border:none;border-radius:8px;color:#ffffff80;cursor:pointer;display:flex;font-size:.85rem;gap:6px;padding:6px 16px;transition:all .2s}.comments-sort-bar button[data-v-0f1c630f]:hover{background:#ffffff0d;color:#ffffffb3}.comments-sort-bar button.active[data-v-0f1c630f]{background:#4a9eff26;color:#4a9eff}.comment-form[data-v-0f1c630f]{background:#ffffff05;border-bottom:1px solid hsla(0,0%,100%,.06);padding:16px}.comment-form-header[data-v-0f1c630f]{align-items:center;color:#fff9;display:flex;font-size:.9rem;gap:8px;margin-bottom:10px}.comment-form-header i[data-v-0f1c630f]{color:#4a9eff}.comment-form textarea[data-v-0f1c630f]{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:10px;color:#e0e0e0;font-family:inherit;font-size:.9rem;min-height:80px;padding:12px;resize:vertical;transition:all .3s;width:100%}.comment-form textarea[data-v-0f1c630f]:focus{background:#ffffff14;border-color:#4a9eff66;box-shadow:0 0 0 3px #4a9eff1a;outline:none}.comment-form textarea[data-v-0f1c630f]::-moz-placeholder{color:#ffffff4d}.comment-form textarea[data-v-0f1c630f]::placeholder{color:#ffffff4d}.comment-form-footer[data-v-0f1c630f]{align-items:center;display:flex;justify-content:space-between;margin-top:10px}.char-count[data-v-0f1c630f]{color:#fff6;font-size:.75rem}.submit-btn[data-v-0f1c630f]{align-items:center;background:linear-gradient(135deg,#4a9eff,#357abd);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:8px 20px;transition:all .3s}.submit-btn[data-v-0f1c630f]:hover:not(:disabled){box-shadow:0 4px 12px #4a9eff4d;transform:translateY(-1px)}.submit-btn[data-v-0f1c630f]:disabled{cursor:not-allowed;opacity:.5;transform:none}.comment-login-prompt[data-v-0f1c630f]{align-items:center;background:#ffffff05;border-bottom:1px solid hsla(0,0%,100%,.06);display:flex;flex-direction:column;gap:12px;padding:24px;text-align:center}.comment-login-prompt i[data-v-0f1c630f]{color:#ffffff4d;font-size:1.8rem}.comment-login-prompt span[data-v-0f1c630f]{color:#ffffff80;font-size:.9rem}.login-btn[data-v-0f1c630f]{background:linear-gradient(135deg,#4a9eff,#357abd);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:4px;padding:8px 24px;transition:all .3s}.login-btn[data-v-0f1c630f]:hover{box-shadow:0 4px 12px #4a9eff4d;transform:translateY(-1px)}.comments-list[data-v-0f1c630f]{flex:1;overflow-y:auto;padding:12px}.comment-item[data-v-0f1c630f]{background:#ffffff05;border:1px solid hsla(0,0%,100%,.05);border-radius:12px;margin-bottom:12px;padding:16px;transition:all .3s}.comment-item[data-v-0f1c630f]:hover{background:#ffffff0a;border-color:#ffffff1a;transform:translateY(-1px)}.comment-item.pinned[data-v-0f1c630f]{background:#ffa72614;border-left:3px solid #ffa726}.comment-header[data-v-0f1c630f]{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.comment-user[data-v-0f1c630f]{gap:10px}.comment-avatar[data-v-0f1c630f],.comment-user[data-v-0f1c630f]{align-items:center;display:flex}.comment-avatar[data-v-0f1c630f]{background:linear-gradient(135deg,#4a9eff33,#357abd33);border:1px solid rgba(74,158,255,.2);border-radius:50%;color:#4a9eff;font-size:1rem;height:36px;justify-content:center;width:36px}.comment-user-info[data-v-0f1c630f]{display:flex;flex-direction:column;gap:2px}.comment-username[data-v-0f1c630f]{color:#e0e0e0;font-size:.9rem;font-weight:600}.comment-time[data-v-0f1c630f]{color:#fff6;font-size:.75rem}.comment-badge[data-v-0f1c630f],.comment-badges[data-v-0f1c630f]{display:flex;gap:4px}.comment-badge[data-v-0f1c630f]{align-items:center;border-radius:8px;font-size:.7rem;font-weight:500;padding:3px 10px}.comment-badge.pinned[data-v-0f1c630f]{background:#ffa72633;color:#ffa726}.comment-content[data-v-0f1c630f]{color:#e0e0e0;font-size:.9rem;line-height:1.6;margin-bottom:10px;white-space:pre-wrap;word-break:break-word}.comment-actions[data-v-0f1c630f]{align-items:center;display:flex;gap:12px}.comment-action[data-v-0f1c630f]{align-items:center;background:none;border:none;border-radius:8px;color:#fff6;cursor:pointer;display:flex;font-size:.8rem;gap:5px;padding:5px 12px;transition:all .2s}.comment-action[data-v-0f1c630f]:hover{background:#ffffff0d;color:#ffffffb3}.comment-action.liked[data-v-0f1c630f]{background:#4a9eff1a;color:#4a9eff}.comment-action.delete[data-v-0f1c630f]:hover{background:#ff47571a;color:#ff4757}.comments-empty[data-v-0f1c630f]{color:#ffffff4d;padding:60px 20px;text-align:center}.comments-empty i[data-v-0f1c630f]{font-size:3rem;margin-bottom:16px;opacity:.5}.comments-empty p[data-v-0f1c630f]{color:#ffffff80;font-size:1rem;margin-bottom:6px}.comments-empty span[data-v-0f1c630f]{font-size:.85rem}.comments-load-more[data-v-0f1c630f]{padding:12px;text-align:center}.comments-load-more button[data-v-0f1c630f]{align-items:center;background:#ffffff08;border:1px solid hsla(0,0%,100%,.1);border-radius:10px;color:#fff9;cursor:pointer;display:inline-flex;font-size:.85rem;gap:8px;padding:10px 24px;transition:all .3s}.comments-load-more button[data-v-0f1c630f]:hover:not(:disabled){background:#ffffff0d;border-color:#fff3;color:#fffc}.comments-load-more button[data-v-0f1c630f]:disabled{cursor:not-allowed;opacity:.5}.comments-list[data-v-0f1c630f]::-webkit-scrollbar,.comments-modal-body[data-v-0f1c630f]::-webkit-scrollbar{width:8px}.comments-list[data-v-0f1c630f]::-webkit-scrollbar-track,.comments-modal-body[data-v-0f1c630f]::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.comments-list[data-v-0f1c630f]::-webkit-scrollbar-thumb,.comments-modal-body[data-v-0f1c630f]::-webkit-scrollbar-thumb{background:#4a9eff4d;border-radius:4px}.comments-list[data-v-0f1c630f]::-webkit-scrollbar-thumb:hover,.comments-modal-body[data-v-0f1c630f]::-webkit-scrollbar-thumb:hover{background:#4a9eff80}@media (max-width:768px){.comments-modal-overlay[data-v-0f1c630f]{padding:0}.comments-modal[data-v-0f1c630f]{border-radius:0;max-height:100vh;max-width:100%}.comments-modal-header[data-v-0f1c630f]{padding:12px 16px}.header-left[data-v-0f1c630f]{font-size:1rem}.header-left i[data-v-0f1c630f]{font-size:1.1rem}.comments-count-badge[data-v-0f1c630f]{font-size:.7rem;padding:3px 8px}.close-btn[data-v-0f1c630f]{height:32px;width:32px}.comment-form[data-v-0f1c630f]{padding:12px}.comment-form textarea[data-v-0f1c630f]{font-size:.85rem;min-height:70px}.comment-item[data-v-0f1c630f]{padding:12px}.comment-avatar[data-v-0f1c630f]{height:32px;width:32px}}