.group-title{padding-top:30px;padding-left:50px;font-size:30px}.topic-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding:40px;display:grid}.topic-card{color:#1e293b;border-radius:14px;align-items:center;gap:14px;padding:14px;text-decoration:none;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden;box-shadow:0 4px 20px #0000004d}.topic-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px #3b82f6cc}.topic-image-wrap{border-radius:10px;flex-shrink:0;width:70px;height:70px;overflow:hidden}.topic-img{object-fit:cover;width:100%;height:100%;display:block}.topic-body{flex:1;justify-content:space-between;align-items:center;min-width:0;display:flex}.topic-title{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:2rem;font-weight:600;overflow:hidden}.topic-arrow{color:#3b82f6;flex-shrink:0;margin-left:10px;font-size:2rem;transition:transform .2s}.topic-card:hover .topic-arrow{transform:translate(4px)}@media (max-width:900px){.topic-grid{grid-template-columns:1fr;padding:20px}}