.comment-header[data-v-ed4fb97f]{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.comment-header h3[data-v-ed4fb97f]{color:#333;font-size:16px;font-weight:600;margin:0}.comment-sort[data-v-ed4fb97f]{display:flex;gap:8px}.sort-btn[data-v-ed4fb97f]{background:#f5f5f5;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .3s}.sort-btn[data-v-ed4fb97f]:hover{background:#e8e8e8}.sort-btn.active[data-v-ed4fb97f]{background:var(--primary-color,#1890ff);color:#fff}.comment-input-wrapper[data-v-7f600c80]{margin-bottom:20px}.login-guide[data-v-7f600c80]{background:#f9f9f9;border-radius:8px;padding:24px;text-align:center}.login-guide p[data-v-7f600c80]{color:#666;margin-bottom:12px}.comment-input[data-v-7f600c80]{display:flex;gap:12px}.input-wrapper[data-v-7f600c80]{flex:1}.comment-textarea[data-v-7f600c80]{border:1px solid #e8e8e8;border-radius:8px;font-size:14px;line-height:1.6;min-height:80px;padding:12px;resize:vertical;transition:border-color .3s;width:100%}.comment-textarea[data-v-7f600c80]:focus{border-color:var(--primary-color,#1890ff);outline:none}.comment-actions[data-v-7f600c80]{justify-content:space-between;margin-top:8px}.comment-actions[data-v-7f600c80],.left-actions[data-v-7f600c80]{align-items:center;display:flex}.left-actions[data-v-7f600c80]{gap:12px}.emoji-btn-wrapper[data-v-7f600c80]{position:relative}.emoji-btn[data-v-7f600c80]{background:none;border:none;border-radius:4px;cursor:pointer;font-size:20px;padding:4px 8px;transition:background .3s}.emoji-btn.active[data-v-7f600c80],.emoji-btn[data-v-7f600c80]:hover{background:#f0f0f0}.emoji-picker-container[data-v-7f600c80]{left:0;margin-top:8px;position:absolute;top:100%;z-index:var(--z-dropdown)}.tip[data-v-7f600c80]{color:#999;font-size:12px}.submit-btn[data-v-7f600c80]{background:var(--primary-color,#1890ff);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 20px;transition:all .3s}.submit-btn[data-v-7f600c80]:hover:not(:disabled){background:var(--primary-color-dark,#40a9ff)}.submit-btn[data-v-7f600c80]:disabled{background:#d9d9d9;cursor:not-allowed}.reply-item[data-v-5b4aaf03]{display:flex;gap:10px;padding:10px 0}.reply-content[data-v-5b4aaf03]{flex:1;min-width:0}.reply-meta[data-v-5b4aaf03]{align-items:center;display:flex;font-size:13px;gap:6px;margin-bottom:4px}.reply-author[data-v-5b4aaf03]{color:#333;font-weight:500}.reply-to[data-v-5b4aaf03]{align-items:center;color:#999;display:flex;gap:2px}.arrow-icon[data-v-5b4aaf03],.reply-time[data-v-5b4aaf03]{font-size:12px}.reply-time[data-v-5b4aaf03]{color:#999}.reply-text[data-v-5b4aaf03]{color:#333;font-size:13px;line-height:1.5;margin:0 0 8px;word-break:break-word}.reply-footer[data-v-5b4aaf03]{display:flex;gap:12px}.reply-action[data-v-5b4aaf03]{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:2px 6px;transition:all .3s}.reply-action[data-v-5b4aaf03]:hover{background:#f5f5f5}.reply-action.active[data-v-5b4aaf03],.reply-action[data-v-5b4aaf03]:hover{color:var(--primary-color,#1890ff)}.comment-item[data-v-36cb5527]{border-bottom:1px solid #f0f0f0;display:flex;gap:12px;padding:16px 0}.comment-item[data-v-36cb5527]:last-child{border-bottom:none}.comment-content[data-v-36cb5527]{flex:1;min-width:0}.comment-meta[data-v-36cb5527]{align-items:center;display:flex;gap:8px;margin-bottom:8px}.comment-author[data-v-36cb5527]{color:#333;font-weight:500}.comment-time[data-v-36cb5527]{color:#999;font-size:12px}.comment-text[data-v-36cb5527]{color:#333;line-height:1.6;margin:0 0 12px;word-break:break-word}.comment-footer[data-v-36cb5527]{display:flex;gap:16px}.comment-action[data-v-36cb5527]{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:13px;gap:4px;padding:4px 8px;transition:all .3s}.comment-action[data-v-36cb5527]:hover{background:#f5f5f5}.comment-action.active[data-v-36cb5527],.comment-action[data-v-36cb5527]:hover{color:var(--primary-color,#1890ff)}.reply-input-box[data-v-36cb5527]{background:#f9f9f9;border-radius:8px;display:flex;gap:12px;margin-top:12px;padding:12px}.reply-input-wrapper[data-v-36cb5527]{flex:1}.reply-textarea[data-v-36cb5527]{border:1px solid #e8e8e8;border-radius:6px;font-size:14px;line-height:1.5;min-height:60px;padding:8px 12px;resize:none;width:100%}.reply-textarea[data-v-36cb5527]:focus{border-color:var(--primary-color,#1890ff);outline:none}.reply-actions[data-v-36cb5527]{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.cancel-btn[data-v-36cb5527]{background:#f0f0f0;border:none;border-radius:4px;cursor:pointer;font-size:13px;padding:6px 16px}.cancel-btn[data-v-36cb5527]:hover{background:#e0e0e0}.submit-btn[data-v-36cb5527]{background:var(--primary-color,#1890ff);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:6px 16px}.submit-btn[data-v-36cb5527]:hover:not(:disabled){background:var(--primary-color-dark,#40a9ff)}.submit-btn[data-v-36cb5527]:disabled{background:#d9d9d9;cursor:not-allowed}.comment-replies[data-v-36cb5527]{border-left:2px solid #f0f0f0;margin-top:12px;padding-left:12px}.load-more-replies[data-v-36cb5527]{align-items:center;background:#f9f9f9;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:13px;gap:4px;margin-top:8px;padding:8px 12px;transition:all .3s;width:100%}.load-more-replies[data-v-36cb5527]:hover{background:#f0f0f0;color:var(--primary-color,#1890ff)}.comment-list[data-v-02618650]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-top:20px;padding:30px}.comment-items[data-v-02618650]{gap:24px}.comment-items[data-v-02618650],.empty[data-v-02618650],.loading[data-v-02618650]{display:flex;flex-direction:column}.empty[data-v-02618650],.loading[data-v-02618650]{align-items:center;color:#999;justify-content:center;padding:40px}.loading .spin[data-v-02618650]{animation:spin-02618650 1s linear infinite;font-size:32px;margin-bottom:12px}@keyframes spin-02618650{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.empty svg[data-v-02618650]{color:#ddd;font-size:48px;margin-bottom:12px}