.zb-collection-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:0 12px 12px;margin:0 0 1.5rem;overflow:hidden}
.zb-collection-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 -12px 12px;padding:9px 12px;background:linear-gradient(90deg,#FF512F,#DD2476);border-radius:8px 8px 0 0}
.zb-collection-head-text{display:flex;align-items:center;gap:5px;color:#fff;font-size:15px;font-weight:600;line-height:22px;white-space:nowrap}
.zb-col-ico{width:15px;height:15px;fill:#FFE259;flex:none}
.zb-collection-tip{flex:none;color:#fff;font-size:12px;font-weight:500;line-height:18px;padding:2px 10px;background:rgba(255,255,255,.22);border:1px dashed rgba(255,255,255,.65);border-radius:999px;white-space:nowrap}
.zb-collection-link{display:flex;flex-direction:column;gap:8px;text-decoration:none}
.zb-collection-thumb{display:block;height:170px;border-radius:6px;overflow:hidden;background:#f5f6f7}
.zb-collection-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.zb-collection-link:hover .zb-collection-thumb img{transform:scale(1.03)}
.zb-collection-name{display:block;font-size:15px;font-weight:600;line-height:21px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}
.zb-collection-link:hover .zb-collection-name{color:#DD2476}
.zb-collection-go{display:inline-flex;align-items:center;gap:2px;align-self:flex-start;font-size:13px;font-weight:500;color:#DD2476;line-height:18px}
.zb-collection-go::after{content:"›";font-size:17px;line-height:1;transform:translateY(-1px);transition:transform .2s ease}
.zb-collection-link:hover .zb-collection-go::after{transform:translateY(-1px) translateX(2px)}