.topic-detail-page[data-v-c2477a7c]{text-align:left}.breadcrumb[data-v-c2477a7c]{display:flex;align-items:center;gap:6px;font-size:13px;color:#9ca3af;margin-bottom:16px}.breadcrumb span[data-v-c2477a7c]{cursor:pointer;transition:color .2s}.breadcrumb span[data-v-c2477a7c]:hover{color:#0b6efe}.breadcrumb .separator[data-v-c2477a7c]{cursor:default;color:#e5e7eb}.breadcrumb .current[data-v-c2477a7c]{color:#1a1a2e;font-weight:500;cursor:default}.detail-main[data-v-c2477a7c],.detail-sidebar[data-v-c2477a7c]{display:flex;flex-direction:column;gap:16px}.topic-info-card[data-v-c2477a7c]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);padding:20px}.topic-header[data-v-c2477a7c]{display:flex;align-items:center;gap:12px;margin-bottom:8px}.topic-icon-box[data-v-c2477a7c]{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;flex-shrink:0}.topic-title-box[data-v-c2477a7c]{min-width:0}.topic-name[data-v-c2477a7c]{font-weight:600;font-size:18px;color:#1a1a2e}.topic-meta[data-v-c2477a7c]{font-size:13px;color:#9ca3af;margin-top:2px}.topic-desc[data-v-c2477a7c]{font-size:14px;color:#6b7280;margin-bottom:12px}.sort-tabs[data-v-c2477a7c]{display:flex;gap:16px;padding:8px 0;border-bottom:1px solid #e5e7eb}.sort-tabs .tab-item[data-v-c2477a7c]{font-size:14px;color:#9ca3af;cursor:pointer;transition:color .2s;padding-bottom:8px;border-bottom:2px solid transparent;margin-bottom:-1px}.sort-tabs .tab-item[data-v-c2477a7c]:hover{color:#1a1a2e}.sort-tabs .tab-item.active[data-v-c2477a7c]{color:#0b6efe;font-weight:600;border-bottom-color:#0b6efe}.section-card[data-v-c2477a7c]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);overflow:hidden}.section-card-header[data-v-c2477a7c]{padding:16px 20px;border-bottom:1px solid #e5e7eb;font-size:15px;font-weight:600;color:#1a1a2e}.section-card-body[data-v-c2477a7c]{padding:16px 20px}.post-item[data-v-c2477a7c]{padding:16px 20px;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background .2s}.post-item[data-v-c2477a7c]:hover{background:#f5f6fa}.post-item[data-v-c2477a7c]:last-child{border-bottom:none}.post-pinned[data-v-c2477a7c]{color:#0b6efe;font-size:13px;font-weight:500;margin-bottom:4px}.post-title[data-v-c2477a7c]{font-size:15px;font-weight:600;color:#1a1a2e;margin-bottom:8px}.post-footer[data-v-c2477a7c]{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#9ca3af}.load-more[data-v-c2477a7c]{text-align:center;padding:16px;font-size:13px;color:#9ca3af;cursor:pointer;transition:color .2s}.load-more[data-v-c2477a7c]:hover{color:#0b6efe}.bottom-actions[data-v-c2477a7c]{padding-top:16px;border-top:1px solid #e5e7eb}.sidebar-list[data-v-c2477a7c]{display:flex;flex-direction:column;gap:8px}.sidebar-item[data-v-c2477a7c]{font-size:13px;color:#6b7280;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:color .2s}.sidebar-item[data-v-c2477a7c]:hover{color:#0b6efe}.loading-state[data-v-c2477a7c]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#9ca3af;gap:12px}.loading-spinner[data-v-c2477a7c]{width:36px;height:36px;border:3px solid #e5e7eb;border-top-color:#0b6efe;border-radius:50%;animation:spin-c2477a7c .8s linear infinite}@keyframes spin-c2477a7c{to{transform:rotate(1turn)}}.empty-state[data-v-c2477a7c]{display:flex;flex-direction:column;align-items:center;padding:60px 20px;color:#9ca3af;gap:8px}.empty-state p[data-v-c2477a7c]{margin:0;font-size:15px}.btn[data-v-c2477a7c]{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 20px;border-radius:6px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .2s;white-space:nowrap;font-family:inherit}.btn-primary[data-v-c2477a7c]{background:#0b6efe;color:#fff}.btn-primary[data-v-c2477a7c]:hover{background:#0560e9}