/* Scoped topic detail metadata. */
.topic-publish-meta{display:flex;align-items:center;flex-wrap:nowrap;gap:18px;margin-top:10px;color:#999;font-size:13px;line-height:1.6;white-space:nowrap}
.topic-content-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px}
.topic-content-meta>a,.topic-related-tags>a{display:block;min-width:0;max-width:200px;padding:4px 10px;border-radius:18px;background:#f5f5f5;color:#666;font-size:12px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topic-content-meta>a:hover,.topic-related-tags>a:hover{background:#ffcb00;color:#333}
.topic-card-meta{display:flex;align-items:center;gap:14px;width:100%;min-width:0;margin-top:12px;color:#999;font-size:12px;line-height:1.6;white-space:nowrap}
.topic-card-meta>span{flex:none}
.topic-related-tags{display:flex;align-items:center;gap:6px;min-width:0;flex:1;overflow:hidden}
.topic-related-tags>a{flex:0 1 auto}
.desktop-topic-detail .coner-left{gap:0;justify-content:flex-start}
.desktop-topic-detail .hero-desc{margin:8px 0 0;line-height:1.8}
.desktop-topic-detail .hero-con{padding-top:18px;padding-bottom:22px}
.desktop-topic-detail .breadcrumb{margin-bottom:18px}
.desktop-topic-detail .itemd-left{min-width:0}
.mobile-topic-detail .coner-left{gap:0;justify-content:flex-start}
.mobile-topic-detail .hero-desc{margin:10px 0 0;font-size:14px;line-height:1.7}
.mobile-topic-detail .hero-con{padding-top:14px;padding-bottom:16px}
.mobile-topic-detail .breadcrumb{margin-bottom:14px}
.mobile-topic-detail .topic-publish-meta{font-size:12px;gap:12px;margin-top:10px}
.mobile-topic-detail .topic-content-meta{margin-top:8px}
.mobile-topic-detail .topic-content-meta>a{max-width:180px;padding:3px 8px}
.mobile-topic-detail .topic-card-meta{flex-basis:100%;gap:8px;margin:0;font-size:11px}
.mobile-topic-detail .topic-card-author{max-width:48px;overflow:hidden;text-overflow:ellipsis}
.mobile-topic-detail .topic-related-tags{gap:4px}
.mobile-topic-detail .topic-related-tags>a{padding:3px 6px;font-size:11px}
@media(max-width:360px){.mobile-topic-detail .topic-publish-meta{gap:8px;font-size:11px}.mobile-topic-detail .topic-card-meta{gap:6px}}
.desktop-topic-detail .hero{padding:0 0 20px;margin-bottom:24px}
.desktop-topic-detail .hero-con{padding-top:0;padding-bottom:0}
.desktop-topic-detail .breadcrumb{margin:20px 0 14px}
.mobile-topic-detail .hero{padding-bottom:18px;margin-bottom:20px}
.mobile-topic-detail .hero-con{padding-top:0;padding-bottom:0}
.mobile-topic-detail .breadcrumb{margin:16px 0 12px}
.mobile-topic-detail .topic-card-meta{box-sizing:border-box;padding:0 14px 2px}

.topic-related-label{flex:none;font-size:13px;color:#999;line-height:1.5}
.mobile-topic-detail .topic-related-label{font-size:12px}