.topic-detail{padding:24px 0 48px}.topic-detail .topic-hero{display:grid;border-radius:16px;overflow:hidden;margin-bottom:28px;background:var(--bg-card);isolation:isolate}.topic-detail .cover-img,.topic-detail .hero-content{grid-area:1/1;min-width:0}.topic-detail .cover-img{contain:size;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.topic-detail .hero-content{z-index:1;padding:45px 30px 30px;background:linear-gradient(90deg,rgba(22,22,22,.92),rgba(22,22,22,.6))}.topic-detail .topic-hero h1{margin-bottom:12px;font-size:28px;line-height:42px;font-weight:400;overflow-wrap:anywhere}.topic-detail .desc,.topic-detail .ed-note{color:var(--text-2);font-size:14px;line-height:22px}.topic-detail .ed-note{margin-bottom:24px}.topic-detail .toc{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.topic-detail .toc h2{font-size:24px;line-height:30px;font-weight:600}.topic-detail .cnt{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.04);color:var(--text-3);font-size:13px}.topic-detail .topic-empty{padding:40px;text-align:center;color:var(--text-3)}.topic-detail .related-topics{margin-top:32px}.topic-detail .more-topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.topic-detail .related-topic{display:grid;min-width:0;aspect-ratio:16/9;overflow:hidden;border-radius:16px;background:var(--bg-card)}.topic-detail .related-title,.topic-detail .related-topic img{grid-area:1/1;min-width:0}.topic-detail .related-topic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.topic-detail .related-title{align-self:end;padding:16px;font-size:16px;font-weight:600;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (max-width:760px){.topic-detail{padding:16px 0 32px}.topic-detail .topic-hero{border-radius:8px;margin-bottom:20px}.topic-detail .hero-content{padding:10px}.topic-detail .topic-hero h1{font-size:22px;line-height:33px}.topic-detail .toc>span.cnt{display:none}.topic-detail .more-topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.topic-detail .related-topic{border-radius:8px}.topic-detail .related-title{padding:10px;font-size:14px}}