.tag-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.tag-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition);align-items:center;gap:14px;padding:18px 20px;text-decoration:none;display:flex;position:relative;overflow:hidden}.tag-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.tag-card-icon{border-radius:var(--radius-md);background:var(--color-primary-bg);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.tag-card-icon svg{width:20px;height:20px;color:var(--color-primary)}.tag-card-text{flex:1;min-width:0}.tag-card-name{color:var(--color-text);font-size:15px;font-weight:600;line-height:1.3}.tag-card-desc{color:var(--color-text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.tag-card-count{color:var(--color-text-muted);margin-top:6px;font-size:12px}.tag-card-arrow{width:16px;height:16px;color:var(--color-text-muted);opacity:0;transition:all var(--transition);flex-shrink:0;transform:translate(-6px)}.tag-card:hover .tag-card-arrow{opacity:1;color:var(--color-primary);transform:translate(0)}@media (width<=1200px){.tag-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.tag-card{gap:12px;padding:16px 18px}.tag-card-icon{width:38px;height:38px}.tag-card-icon svg{width:18px;height:18px}.tag-card-name{font-size:14px}}@media (width<=1024px){.tag-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.tag-card-desc{font-size:12px}}@media (width<=768px){.tag-cards{grid-template-columns:1fr}}