.topic-page{padding:24px 0 48px}.topic-page .channel-head{margin-bottom:0}.topic-page .channel-head-title{font-size:24px;line-height:30px;font-weight:600}.topic-intro{margin:40px 0 32px;padding:24px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(120deg,rgba(255,210,28,.06),var(--bg-card))}.topic-intro p{color:var(--text-2);font-size:14px;line-height:24px}.topic-page .sec-head{margin:0 0 16px}.topic-page .topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.topic-tile{display:grid;min-width:0;aspect-ratio:16/9;border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;background:var(--bg-card);isolation:isolate;transition:transform .2s}.topic-tile:hover{transform:translateY(-4px)}.topic-tile .tt-bg,.topic-tile .tt-info,.topic-tile .tt-ov{grid-area:1/1;min-width:0}.topic-tile .tt-bg{display:grid;overflow:hidden;background:linear-gradient(135deg,#282520,#161616)}.topic-tile .tt-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.topic-tile .tt-ov{background:linear-gradient(0deg,rgba(0,0,0,.85),transparent 75%)}.topic-tile .tt-info{z-index:1;align-self:end;padding:16px}.topic-tile .tt-tag{display:block;margin-bottom:2px;font-size:12px;line-height:18px;color:var(--text-2)}.topic-tile .tt-title{overflow:hidden;font-size:16px;font-weight:600;line-height:24px;white-space:nowrap;text-overflow:ellipsis}@media (max-width:760px){.topic-page{padding:16px 0 32px}.topic-intro{margin:24px 0 20px;padding:16px}.topic-page .sec-head{margin-bottom:8px}.topic-page .topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.topic-tile{border-radius:8px}.topic-tile .tt-info{padding:10px}.topic-tile .tt-title{font-size:14px;line-height:20px}}