body.page-topic .site-header{background:var(--bg);border-bottom-color:var(--line-soft)}.topic-grid--list{display:flex;flex-wrap:wrap;gap:24px;align-content:flex-start}.topic-card{display:flex;align-items:center;justify-content:space-between;width:384px;height:200px;padding-left:24px;overflow:hidden;background:var(--bg-panel);border:1px solid var(--line-soft);border-radius:var(--radius-lg);color:inherit;text-decoration:none;transition:border-color .2s ease,transform .2s ease}.topic-card:hover{border-color:rgba(236,35,127,.35)}.topic-card__info{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;padding-right:8px}.topic-card__title{margin:0;align-self:stretch;color:var(--text);font-size:18px;font-weight:600;line-height:26px}.topic-card__desc{margin:0;align-self:stretch;color:var(--text-muted);font-size:13px;font-weight:400;line-height:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;word-break:break-word}.topic-card__count{margin:0;color:var(--text-dim);font-size:12px;font-weight:400;line-height:18px}.topic-card__stack{position:relative;width:150px;height:200px;flex-shrink:0}.topic-card__stack img{position:absolute;width:72px;height:96px;border-radius:var(--radius-sm);border:1px solid var(--line);box-shadow:0 8px 20px rgba(0,0,0,.45);object-fit:cover}.topic-card__stack img:nth-child(1){left:4px;top:92px;opacity:.65}.topic-card__stack img:nth-child(2){left:38px;top:72px;opacity:.85}.topic-card__stack img:nth-child(3){left:72px;top:52px}@media(max-width:768px){body.page-topic .site-header{display:none!important}.page-topic .list-body{padding-top:14px;padding-bottom:20px;gap:14px}.topic-grid--list{gap:12px}.topic-card{width:100%;height:150px;padding-left:16px;border-radius:var(--radius-md)}.topic-card__info{gap:6px;padding:0}.topic-card__title{font-size:15px;line-height:21px}.topic-card__desc{font-size:12px;line-height:18px}.topic-card__count{font-size:11px;line-height:16px}.topic-card__stack{width:112px;height:150px}.topic-card__stack img{width:56px;height:75px;border-radius:6px;box-shadow:0 6px 14px rgba(0,0,0,.45)}.topic-card__stack img:nth-child(1){left:4px;top:66px}.topic-card__stack img:nth-child(2){left:30px;top:52px}.topic-card__stack img:nth-child(3){left:56px;top:38px}}