.user-level-badge[data-v-b6f889b6]{border-radius:.375rem;padding:.125rem .25rem;transition:all .2s ease-in-out}.user-level-badge[data-v-b6f889b6]:hover{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transform:translateY(-1px)}.level-icon[data-v-b6f889b6],.level-name[data-v-b6f889b6]{text-shadow:0 1px 2px rgba(0,0,0,.1)}.user-points-display[data-v-1224dcb8]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.points-text[data-v-1224dcb8]{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #d85a3c var(--tw-gradient-from-position);--tw-gradient-to: rgb(216 90 60 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #0d9488 var(--tw-gradient-to-position);-webkit-background-clip:text;background-clip:text;color:transparent}.social-action-bar[data-v-39523eae]{display:flex;align-items:center;gap:8px;padding:12px 0;margin-top:12px}.action-btn[data-v-39523eae],.view-count[data-v-39523eae]{display:flex;align-items:center;gap:6px;border:none;padding:6px 12px;cursor:pointer;border-radius:20px;transition:all .2s ease;font-size:12px;font-weight:500}.action-btn[data-v-39523eae]:disabled{opacity:.5;cursor:not-allowed}.action-btn[data-v-39523eae]:hover{transform:scale(1.05)}.like-btn[data-v-39523eae]{background-color:#fee2e2;color:#dc2626}.like-btn[data-v-39523eae]:hover{background-color:#fecaca}.like-btn.liked[data-v-39523eae]{background-color:#fecaca;color:#991b1b}.reply-btn[data-v-39523eae]{background-color:#dcfce7;color:#16a34a}.reply-btn[data-v-39523eae]:hover{background-color:#bbf7d0}.share-btn[data-v-39523eae]{background-color:#dbeafe;color:#2563eb}.share-btn[data-v-39523eae]:hover{background-color:#bfdbfe}.icon-size[data-v-39523eae]{width:16px;height:16px;flex-shrink:0}.count[data-v-39523eae]{font-size:12px;min-width:16px;text-align:center}.view-count[data-v-39523eae]{margin-left:auto;cursor:default;background-color:#f3f4f6;color:#6b7280;padding:6px 12px}.view-count[data-v-39523eae]:hover{background-color:#f3f4f6}.moment-card[data-v-d1289744]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .3s ease;display:flex;flex-direction:column;height:100%;box-shadow:0 1px 3px #00000014;cursor:pointer}.moment-card[data-v-d1289744]:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.moment-header[data-v-d1289744]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;position:relative}.user-info[data-v-d1289744]{display:flex;align-items:center;gap:12px;flex:1}.avatar[data-v-d1289744]{width:40px;height:40px;border-radius:50%;object-fit:cover;cursor:pointer;transition:transform .2s ease}.avatar[data-v-d1289744]:hover{transform:scale(1.05)}.user-details[data-v-d1289744]{display:flex;flex-direction:column;gap:2px}.username[data-v-d1289744]{font-weight:600;color:#111827;font-size:14px}.time[data-v-d1289744]{font-size:12px;color:#9ca3af}.menu-btn[data-v-d1289744]{background:none;border:none;padding:6px;cursor:pointer;font-size:18px;color:#d1d5db;transition:color .2s ease}.menu-btn[data-v-d1289744]:hover{color:#6b7280}.menu-dropdown[data-v-d1289744]{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:120px;box-shadow:0 4px 12px #0000001a;z-index:10;overflow:hidden}.menu-item[data-v-d1289744]{display:block;width:100%;padding:10px 16px;background:none;border:none;text-align:left;cursor:pointer;font-size:14px;color:#374151;transition:background-color .2s ease}.menu-item[data-v-d1289744]:hover{background-color:#f3f4f6}.menu-item.delete[data-v-d1289744]:hover{color:#ef4444;background-color:#fee2e2}.moment-content[data-v-d1289744]{margin-bottom:12px}.content-text[data-v-d1289744]{margin:0;color:#1f2937;line-height:1.6;font-size:14px;overflow:hidden;transition:max-height .3s ease;white-space:pre-wrap;word-wrap:break-word}.expand-btn[data-v-d1289744]{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:13px;padding:4px 0;margin-top:6px;transition:color .2s ease}.expand-btn[data-v-d1289744]:hover{color:#1d4ed8}.media-grid[data-v-d1289744]{display:grid;gap:8px;margin-bottom:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.media-grid.media-count-1[data-v-d1289744]{grid-template-columns:1fr}.media-grid.media-count-2[data-v-d1289744],.media-grid.media-count-3[data-v-d1289744]{grid-template-columns:repeat(2,1fr)}.media-item[data-v-d1289744]{position:relative;overflow:hidden;border-radius:8px;background-color:#f3f4f6}.media-image[data-v-d1289744],.media-video[data-v-d1289744]{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:1;cursor:pointer;transition:transform .2s ease}.media-image[data-v-d1289744]:hover,.media-video[data-v-d1289744]:hover{transform:scale(1.02)}.create-moment-btn[data-v-ccac7b41]{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#ec4899,#db2777);color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #ec489940}.create-moment-btn[data-v-ccac7b41]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ec489959;background:linear-gradient(135deg,#db2777,#be185d)}.create-moment-btn[data-v-ccac7b41]:active{transform:translateY(0);box-shadow:0 2px 6px #ec48994d}.btn-icon[data-v-ccac7b41]{font-size:16px;line-height:1;display:flex;align-items:center}.btn-text[data-v-ccac7b41]{line-height:1}.moment-grid-enter-active[data-v-ccac7b41],.moment-grid-leave-active[data-v-ccac7b41]{transition:all .3s ease}.moment-grid-enter-from[data-v-ccac7b41],.moment-grid-leave-to[data-v-ccac7b41]{opacity:0;transform:scale(.95)}.moment-card-wrapper[data-v-ccac7b41]{display:flex}.media-uploader[data-v-81078e99]{margin:20px 0}.upload-area[data-v-81078e99]{border:2px dashed #d1d5db;border-radius:12px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s ease;background-color:#f9fafb}.upload-area[data-v-81078e99]:hover{border-color:#3b82f6;background-color:#f0f6ff}.upload-area.dragging[data-v-81078e99]{border-color:#3b82f6;background-color:#eff6ff;transform:scale(1.02)}.upload-icon[data-v-81078e99]{font-size:48px;margin-bottom:12px}.upload-text[data-v-81078e99]{margin:0;color:#374151;font-size:14px;font-weight:500;line-height:1.6}.upload-text span[data-v-81078e99]{display:block}.tips[data-v-81078e99]{color:#9ca3af;font-size:12px!important;font-weight:400!important;margin-top:6px}.preview-container[data-v-81078e99]{margin-top:24px}.preview-container h4[data-v-81078e99]{margin:0 0 12px;font-size:14px;color:#374151}.preview-grid[data-v-81078e99]{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.preview-item[data-v-81078e99]{display:flex;flex-direction:column;gap:6px}.preview-image[data-v-81078e99]{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background-color:#f3f4f6;border:1px solid #e5e7eb}.preview-image img[data-v-81078e99]{width:100%;height:100%;object-fit:cover}.file-type[data-v-81078e99]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:32px}.delete-btn[data-v-81078e99]{position:absolute;top:4px;right:4px;width:24px;height:24px;background:#000000b3;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:14px;opacity:0;transition:opacity .2s ease;padding:0;display:flex;align-items:center;justify-content:center}.preview-image:hover .delete-btn[data-v-81078e99]{opacity:1}.delete-btn[data-v-81078e99]:hover{background:#000000e6}.file-info[data-v-81078e99]{padding:0 4px}.file-name[data-v-81078e99]{margin:0;font-size:12px;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size[data-v-81078e99]{margin:0;font-size:11px;color:#9ca3af}.upload-progress[data-v-81078e99]{margin-top:20px;padding:16px;background-color:#f0f6ff;border-radius:8px}.progress-bar[data-v-81078e99]{height:6px;background-color:#e5e7eb;border-radius:3px;overflow:hidden;margin-bottom:8px}.progress-fill[data-v-81078e99]{height:100%;background-color:#3b82f6;transition:width .3s ease}.upload-progress p[data-v-81078e99]{margin:0;font-size:12px;color:#6b7280;text-align:center}.error-message[data-v-81078e99]{margin-top:12px;padding:12px;background-color:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:13px;display:flex;justify-content:space-between;align-items:center}.close-btn[data-v-81078e99]{background:none;border:none;color:#991b1b;cursor:pointer;font-size:16px;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-81078e99]:hover{opacity:.7}.media-uploader.compact[data-v-81078e99]{margin:12px 0}.media-uploader.compact .upload-area[data-v-81078e99]{padding:20px 16px}.media-uploader.compact .upload-icon[data-v-81078e99]{font-size:32px;margin-bottom:8px}.media-uploader.compact .upload-text[data-v-81078e99]{font-size:13px}.media-uploader.compact .upload-text .tips[data-v-81078e99]{margin-top:4px;font-size:11px!important}.media-uploader.compact .preview-container[data-v-81078e99]{margin-top:16px}.media-uploader.compact .preview-grid[data-v-81078e99]{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.media-uploader.compact .file-info[data-v-81078e99]{padding:0}.media-uploader.compact .file-name[data-v-81078e99]{font-size:11px}.media-uploader.compact .file-size[data-v-81078e99]{font-size:10px}.moment-create-page[data-v-48363f6e]{min-height:100vh;background:linear-gradient(135deg,#f9fafb,#eef2ff);padding:40px 24px 64px}.page-container[data-v-48363f6e]{max-width:1180px;margin:0 auto}.page-header[data-v-48363f6e]{display:flex;align-items:flex-start;gap:16px;margin-bottom:32px}.back-link[data-v-48363f6e]{color:#3b82f6;text-decoration:none;font-size:14px;display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#3b82f614;transition:all .2s ease}.back-link[data-v-48363f6e]:hover{color:#1d4ed8;background:#3b82f629}.headline h1[data-v-48363f6e]{margin:0;font-size:30px;color:#111827;font-weight:600}.headline p[data-v-48363f6e]{margin:8px 0 0;color:#6b7280;font-size:14px;max-width:520px}.page-content[data-v-48363f6e]{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(260px,1fr);gap:24px;align-items:start}.compose-column[data-v-48363f6e]{display:flex;flex-direction:column;gap:20px}.card[data-v-48363f6e]{background:#fff;border-radius:18px;padding:24px 28px;box-shadow:0 24px 48px -36px #0f172a73;border:1px solid rgba(226,232,240,.8);transition:box-shadow .2s ease,transform .2s ease}.card[data-v-48363f6e]:hover{box-shadow:0 32px 64px -40px #0f172a80;transform:translateY(-2px)}.author[data-v-48363f6e]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.avatar[data-v-48363f6e]{width:52px;height:52px;border-radius:50%;object-fit:cover;flex-shrink:0}.username[data-v-48363f6e]{margin:0;font-weight:600;color:#1f2937;font-size:15px}.timestamp[data-v-48363f6e]{margin:2px 0 0;color:#6b7280;font-size:12px}.field-group[data-v-48363f6e]{display:flex;flex-direction:column;gap:12px}.field-label[data-v-48363f6e]{display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#1f2937;font-size:14px}.char-indicator[data-v-48363f6e]{font-size:12px;color:#94a3b8;font-weight:500}.char-indicator.warning[data-v-48363f6e]{color:#f97316}.textarea[data-v-48363f6e]{width:100%;padding:16px;border:1px solid #e2e8f0;border-radius:12px;font-family:inherit;font-size:14px;color:#1f2937;resize:vertical;min-height:160px;transition:border-color .2s ease,box-shadow .2s ease;background:#f9fafb}.textarea[data-v-48363f6e]:hover{border-color:#cbd5f5}.textarea[data-v-48363f6e]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61f;background:#fff}.field-hint[data-v-48363f6e]{margin:-6px 0 0;font-size:12px;color:#94a3b8}.section-title[data-v-48363f6e]{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.section-title h2[data-v-48363f6e]{margin:0;font-size:18px;color:#111827}.section-title p[data-v-48363f6e]{margin:6px 0 0;font-size:13px;color:#6b7280;max-width:360px}.section-toggle[data-v-48363f6e]{border:none;background:#eef2ff;color:#4338ca;font-size:12px;font-weight:600;border-radius:999px;padding:6px 12px;cursor:pointer;transition:all .2s ease}.section-toggle[data-v-48363f6e]:hover{background:#e0e7ff}.media-list[data-v-48363f6e]{margin-top:16px;border:1px solid #e2e8f0;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;background:#f8fafc}.media-item[data-v-48363f6e]{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:#374151}.media-file[data-v-48363f6e]{display:flex;align-items:center;gap:10px;min-width:0}.media-index[data-v-48363f6e]{width:24px;height:24px;border-radius:50%;background:#3b82f6;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.media-name[data-v-48363f6e]{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-size[data-v-48363f6e]{font-size:12px;color:#6b7280}.media-empty[data-v-48363f6e]{margin-top:12px;font-size:12px;color:#94a3b8}.tags-input-row[data-v-48363f6e]{display:flex;gap:8px}.tag-input[data-v-48363f6e]{flex:1;padding:10px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;background:#f9fafb;transition:border-color .2s ease,box-shadow .2s ease}.tag-input[data-v-48363f6e]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f;background:#fff}.add-tag-btn[data-v-48363f6e]{padding:10px 16px;background:linear-gradient(135deg,#6366f1,#2563eb);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:13px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.add-tag-btn[data-v-48363f6e]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 16px -12px #4f46e5b3}.add-tag-btn[data-v-48363f6e]:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.tags-list[data-v-48363f6e]{display:flex;flex-wrap:wrap;gap:8px}.tag-item[data-v-48363f6e]{display:inline-flex;align-items:center;gap:6px;background:#eef2ff;color:#4338ca;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:600}.tag-remove[data-v-48363f6e]{background:none;border:none;color:inherit;cursor:pointer;font-size:12px;padding:0;line-height:1}.field-grid[data-v-48363f6e]{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:16px}.field-group.checkbox[data-v-48363f6e]{padding:14px 16px;background:#f8fafc;border-radius:12px;border:1px dashed #e2e8f0}.select-input[data-v-48363f6e]{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;color:#1f2937;background:#f9fafb;transition:border-color .2s ease,box-shadow .2s ease}.select-input[data-v-48363f6e]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f;background:#fff}.checkbox-wrapper[data-v-48363f6e]{display:flex;align-items:center;gap:10px;font-size:14px;color:#374151}.checkbox-input[data-v-48363f6e]{width:16px;height:16px;border-radius:4px;border:1px solid #cbd5f5;accent-color:#3b82f6}.error-banner[data-v-48363f6e]{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fee2e2;border:1px solid #fecaca;border-radius:12px;padding:12px 16px;color:#b91c1c;font-size:13px}.error-close[data-v-48363f6e]{background:none;border:none;color:inherit;cursor:pointer;font-size:16px;line-height:1;padding:0}.form-actions[data-v-48363f6e]{display:flex;gap:12px}.ghost-btn[data-v-48363f6e],.primary-btn[data-v-48363f6e]{flex:1;padding:12px 0;border-radius:12px;border:none;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.ghost-btn[data-v-48363f6e]{background:#f8fafc;color:#1e293b;border:1px solid #e2e8f0}.ghost-btn[data-v-48363f6e]:hover:not(:disabled){background:#e2e8f0;transform:translateY(-1px)}.ghost-btn[data-v-48363f6e]:disabled{opacity:.5;cursor:not-allowed}.primary-btn[data-v-48363f6e]{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 20px 40px -24px #2563ebcc}.primary-btn[data-v-48363f6e]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 28px 52px -26px #2563ebe6}.primary-btn[data-v-48363f6e]:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.side-panel[data-v-48363f6e]{display:flex;flex-direction:column;gap:20px}.side-panel .card[data-v-48363f6e]{padding:20px 22px}.preview-card h3[data-v-48363f6e],.tips-card h3[data-v-48363f6e],.help-card h3[data-v-48363f6e]{margin:0 0 12px;font-size:16px;color:#1f2937;font-weight:600}.preview-placeholder[data-v-48363f6e]{margin:0 0 12px;color:#94a3b8;font-size:13px;line-height:1.6}.preview-content[data-v-48363f6e]{background:#f8fafc;border-radius:12px;padding:12px 14px;margin-bottom:12px;max-height:180px;overflow-y:auto}.preview-content p[data-v-48363f6e]{margin:0;font-size:14px;color:#1f2937;line-height:1.6;white-space:pre-wrap}.preview-tags[data-v-48363f6e]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.tag-chip[data-v-48363f6e]{background:#dbeafe;color:#1d4ed8;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.preview-meta[data-v-48363f6e]{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:#64748b}.tips-card ul[data-v-48363f6e],.help-card ul[data-v-48363f6e]{margin:0;padding-left:18px;display:grid;gap:6px;font-size:13px;color:#64748b}.help-card p[data-v-48363f6e]{margin:0 0 8px;color:#6b7280;font-size:13px}.fade-enter-active[data-v-48363f6e],.fade-leave-active[data-v-48363f6e]{transition:opacity .2s ease}.fade-enter-from[data-v-48363f6e],.fade-leave-to[data-v-48363f6e]{opacity:0}@media (max-width: 1024px){.page-content[data-v-48363f6e]{grid-template-columns:1fr}.side-panel[data-v-48363f6e]{flex-direction:row;overflow-x:auto;padding-bottom:8px}.side-panel .card[data-v-48363f6e]{min-width:260px;flex:0 0 auto}}@media (max-width: 768px){.moment-create-page[data-v-48363f6e]{padding:24px 16px 40px}.page-header[data-v-48363f6e]{flex-direction:column;align-items:flex-start;gap:12px}.headline h1[data-v-48363f6e]{font-size:24px}.card[data-v-48363f6e]{padding:20px;border-radius:16px}.compose-column[data-v-48363f6e]{gap:16px}.side-panel[data-v-48363f6e]{flex-direction:column}.side-panel .card[data-v-48363f6e]{min-width:unset}.form-actions[data-v-48363f6e]{flex-direction:column}}@media (max-width: 480px){.textarea[data-v-48363f6e]{min-height:140px}.tags-input-row[data-v-48363f6e]{flex-direction:column}.add-tag-btn[data-v-48363f6e]{width:100%}}.reply-input-wrapper[data-v-af132329]{margin:16px 0}.reply-input-container[data-v-af132329]{display:flex;gap:12px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px;transition:all .2s ease}.reply-input-container[data-v-af132329]:hover{border-color:#d1d5db;box-shadow:0 2px 8px #00000014}.reply-input-container[data-v-af132329]:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.avatar[data-v-af132329]{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0;margin-top:2px}.input-area[data-v-af132329]{flex:1;display:flex;flex-direction:column;gap:8px}.textarea[data-v-af132329]{width:100%;border:none;padding:0;font-family:inherit;font-size:14px;color:#1f2937;resize:none;outline:none;line-height:1.5}.textarea[data-v-af132329]::-moz-placeholder{color:#9ca3af}.textarea[data-v-af132329]::placeholder{color:#9ca3af}.textarea[data-v-af132329]:focus{outline:none}.toolbar[data-v-af132329]{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid #f3f4f6}.char-count[data-v-af132329]{font-size:12px;color:#9ca3af;transition:color .2s ease}.char-count.warning[data-v-af132329]{color:#f59e0b}.submit-btn[data-v-af132329]{background:#3b82f6;color:#fff;border:none;padding:6px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.submit-btn[data-v-af132329]:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.submit-btn[data-v-af132329]:disabled{opacity:.5;cursor:not-allowed}.error-message[data-v-af132329],.success-message[data-v-af132329]{margin-top:8px;padding:10px 12px;border-radius:6px;font-size:12px;display:flex;justify-content:space-between;align-items:center;animation:slideIn-af132329 .2s ease}.error-message[data-v-af132329]{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b}.success-message[data-v-af132329]{background-color:#dcfce7;border:1px solid #bbf7d0;color:#166534}.close-btn[data-v-af132329]{background:none;border:none;cursor:pointer;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:14px;opacity:.7;transition:opacity .2s ease}.close-btn[data-v-af132329]:hover{opacity:1}@keyframes slideIn-af132329{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.reply-input-container[data-v-af132329]{padding:8px}.avatar[data-v-af132329]{width:32px;height:32px}.textarea[data-v-af132329]{font-size:13px}.submit-btn[data-v-af132329]{padding:4px 12px;font-size:12px}}.reply-card[data-v-6ad709c8]{padding:12px 0;border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.reply-card.nested[data-v-6ad709c8]{margin-left:32px;padding:8px 0;background-color:transparent;border:none;border-radius:0}.reply-card[data-v-6ad709c8]:hover{background-color:#fafbfc}.reply-header-inline[data-v-6ad709c8]{display:flex;align-items:flex-start;gap:10px;margin-bottom:4px}.reply-header-inline .avatar[data-v-6ad709c8]{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.user-content-inline[data-v-6ad709c8]{flex:1;min-width:0}.inline-text[data-v-6ad709c8]{display:block;line-height:1.5;color:#374151;font-size:14px;word-wrap:break-word}.inline-text .username[data-v-6ad709c8]{font-weight:500;color:#1f2937}.inline-text .reply-to[data-v-6ad709c8]{font-size:13px;color:#6b7280;margin:0 4px}.inline-text .content-inline[data-v-6ad709c8]{color:#374151;margin-left:4px}.reply-media-inline[data-v-6ad709c8]{margin-left:42px;margin-bottom:4px;display:flex;gap:8px;flex-wrap:wrap}.reply-media-inline .media-item[data-v-6ad709c8]{max-width:200px}.reply-media-inline .media-image[data-v-6ad709c8],.reply-media-inline .media-video[data-v-6ad709c8]{width:100%;border-radius:8px;object-fit:cover}.reply-actions-inline[data-v-6ad709c8]{margin-left:42px;display:flex;align-items:center;gap:12px;margin-bottom:8px}.reply-actions-inline .timestamp[data-v-6ad709c8]{font-size:12px;color:#9ca3af}.reply-header[data-v-6ad709c8]{display:flex;gap:8px;margin-bottom:8px;position:relative}.avatar[data-v-6ad709c8]{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;cursor:pointer;transition:transform .2s ease}.avatar[data-v-6ad709c8]:hover{transform:scale(1.1)}.user-info[data-v-6ad709c8]{flex:1;display:flex;flex-direction:column;gap:2px}.name-line[data-v-6ad709c8]{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.username[data-v-6ad709c8]{font-weight:500;color:#1f2937;text-decoration:none;transition:color .2s ease;cursor:pointer}.username[data-v-6ad709c8]:hover{color:#3b82f6}.reply-to[data-v-6ad709c8]{font-size:13px;color:#6b7280}.inline-actions[data-v-6ad709c8]{display:inline-flex;align-items:center;gap:8px;margin-left:8px}.inline-actions .timestamp[data-v-6ad709c8]{font-size:12px;color:#9ca3af}.inline-actions .action-item[data-v-6ad709c8]{background:none;border:none;font-size:12px;color:#6b7280;cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .2s ease;display:inline-flex;align-items:center;gap:4px}.inline-actions .action-item[data-v-6ad709c8]:hover{background:#f3f4f6;color:#374151}.inline-actions .action-item.liked[data-v-6ad709c8]{color:#ef4444}.reply-content[data-v-6ad709c8]{margin-bottom:8px;margin-left:40px}.reply-content p[data-v-6ad709c8]{margin:0;font-size:14px;color:#1f2937;line-height:1.5;word-break:break-word}.reply-media[data-v-6ad709c8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-top:8px}.media-item[data-v-6ad709c8]{border-radius:6px;overflow:hidden;background-color:#f3f4f6;max-height:200px}.media-image[data-v-6ad709c8],.media-video[data-v-6ad709c8]{width:100%;height:100%;object-fit:cover;display:block}.reply-actions[data-v-6ad709c8]{display:flex;align-items:center;gap:16px;margin-left:40px;margin-bottom:8px;font-size:12px}.reply-actions .timestamp[data-v-6ad709c8]{font-size:12px;color:#9ca3af;white-space:nowrap}.action-item[data-v-6ad709c8]{background:none;border:none;color:#6b7280;cursor:pointer;transition:color .2s ease;padding:0;font-size:12px;display:flex;align-items:center;gap:4px}.action-item[data-v-6ad709c8]:hover{color:#3b82f6}.action-item.liked[data-v-6ad709c8]{color:#ef4444}.nested-reply-header-content[data-v-6ad709c8]{display:flex;gap:6px;align-items:flex-start;margin-bottom:6px;position:relative}.nested-avatar[data-v-6ad709c8]{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0;cursor:pointer;transition:transform .2s ease;margin-top:2px}.nested-avatar[data-v-6ad709c8]:hover{transform:scale(1.1)}.nested-user-content[data-v-6ad709c8]{flex:1;display:flex;flex-direction:column;gap:0;min-width:0}.nested-username-inline[data-v-6ad709c8]{display:flex;align-items:center;gap:4px;flex-wrap:wrap;font-size:13px;line-height:1.4}.nested-username[data-v-6ad709c8]{font-weight:500;color:#1f2937;font-size:13px}.nested-reply-to[data-v-6ad709c8]{font-size:12px;color:#6b7280}.nested-timestamp[data-v-6ad709c8]{font-size:11px;color:#9ca3af;white-space:nowrap}.nested-content-inline[data-v-6ad709c8],.nested-content[data-v-6ad709c8]{font-size:13px;color:#1f2937;line-height:1.4;word-break:break-word}.nested-reply-media[data-v-6ad709c8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px;margin-top:6px;margin-left:30px}.nested-media-item[data-v-6ad709c8]{border-radius:4px;overflow:hidden;background-color:#f3f4f6;max-height:150px}.nested-media-image[data-v-6ad709c8],.nested-media-video[data-v-6ad709c8]{width:100%;height:100%;object-fit:cover;display:block}.nested-reply-actions[data-v-6ad709c8]{display:flex;align-items:center;gap:8px;margin-left:30px;margin-bottom:4px;font-size:11px}.nested-timestamp-action[data-v-6ad709c8]{font-size:11px;color:#9ca3af;white-space:nowrap}.nested-action-item[data-v-6ad709c8]{background:none;border:none;color:#6b7280;cursor:pointer;transition:color .2s ease;padding:0;font-size:11px;display:flex;align-items:center;gap:2px}.nested-action-item[data-v-6ad709c8]:hover{color:#3b82f6}.nested-action-item.liked[data-v-6ad709c8]{color:#ef4444}.nested-reply-input[data-v-6ad709c8]{margin-left:30px;margin-bottom:8px;display:flex;flex-direction:column;gap:6px}.cancel-btn[data-v-6ad709c8]{align-self:flex-end;padding:4px 12px;background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s ease}.cancel-btn[data-v-6ad709c8]:hover{background:#e5e7eb;color:#374151}.nested-replies[data-v-6ad709c8]{margin-left:24px;margin-top:8px}.view-more-button[data-v-6ad709c8]{margin-top:6px;margin-bottom:6px;margin-left:30px}.view-more-link[data-v-6ad709c8]{background:none;border:none;color:#6b7280;cursor:pointer;font-size:12px;padding:0;transition:color .2s ease}.view-more-link[data-v-6ad709c8]:hover{color:#3b82f6}.view-more-link .link-text[data-v-6ad709c8]{color:#3b82f6;text-decoration:underline;font-weight:500}.replies-list[data-v-6ad709c8]{margin-top:6px}.reply-list-enter-active[data-v-6ad709c8],.reply-list-leave-active[data-v-6ad709c8]{transition:all .3s ease}.reply-list-enter-from[data-v-6ad709c8]{opacity:0;transform:translateY(-10px)}.reply-list-leave-to[data-v-6ad709c8]{opacity:0;transform:translateY(10px)}@media (max-width: 768px){.reply-card.nested[data-v-6ad709c8]{margin-left:16px}.nested-replies[data-v-6ad709c8]{margin-left:12px}.reply-media[data-v-6ad709c8]{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.nested-reply-media[data-v-6ad709c8]{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.nested-reply-header-content[data-v-6ad709c8]{gap:4px}.nested-content[data-v-6ad709c8]{font-size:12px}}.comment-list-wrapper[data-v-d2a24217]{width:100%}.loading-state[data-v-d2a24217]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:12px;color:#6b7280}.spinner[data-v-d2a24217]{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin-d2a24217 1s linear infinite}@keyframes spin-d2a24217{to{transform:rotate(360deg)}}.loading-state p[data-v-d2a24217]{margin:0;font-size:14px}.error-state[data-v-d2a24217]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:12px;color:#dc2626}.error-state p[data-v-d2a24217]{margin:0;font-size:14px}.retry-btn[data-v-d2a24217]{padding:8px 16px;background:#dc2626;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;transition:background-color .2s ease}.retry-btn[data-v-d2a24217]:hover{background:#b91c1c}.empty-state[data-v-d2a24217]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:#9ca3af}.empty-state p[data-v-d2a24217]{margin:0;font-size:14px}.comment-list[data-v-d2a24217]{width:100%}.comment-header[data-v-d2a24217]{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #e5e7eb;margin-bottom:16px}.comment-count[data-v-d2a24217]{margin:0;font-size:14px;font-weight:500;color:#1f2937}.sort-select[data-v-d2a24217]{padding:6px 10px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;color:#374151;cursor:pointer;transition:all .2s ease}.sort-select[data-v-d2a24217]:hover{border-color:#d1d5db}.sort-select[data-v-d2a24217]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.comments-container[data-v-d2a24217]{display:flex;flex-direction:column}.view-more-section[data-v-d2a24217]{display:flex;justify-content:center;margin-top:16px;margin-bottom:16px}.view-more-btn[data-v-d2a24217]{padding:10px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#3b82f6;cursor:pointer;font-size:13px;transition:all .2s ease;font-weight:500}.view-more-btn[data-v-d2a24217]:hover{border-color:#3b82f6;background:#f0f6ff}.pagination[data-v-d2a24217]{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid #e5e7eb}.pagination-btn[data-v-d2a24217]{padding:8px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;transition:all .2s ease}.pagination-btn[data-v-d2a24217]:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6;background:#f0f6ff}.pagination-btn[data-v-d2a24217]:disabled{opacity:.5;cursor:not-allowed;color:#9ca3af}.page-info[data-v-d2a24217]{font-size:13px;color:#6b7280;min-width:100px;text-align:center}@media (max-width: 768px){.comment-header[data-v-d2a24217]{flex-direction:column;gap:12px;align-items:flex-start}.sort-select[data-v-d2a24217]{width:100%}.pagination[data-v-d2a24217]{flex-wrap:wrap}}.fixed[data-v-7bcd811d]{position:fixed}.inset-0[data-v-7bcd811d]{top:0;left:0;right:0;bottom:0}