/* ================================================================
   Agent 角色平台 - Marketplace 样式
   ================================================================ */

.marketplace-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 16px; overflow-y: auto;
}

.template-card {
  background: var(--bg-card); border: 1px solid var(--border);
  border-radius: var(--radius-lg); padding: 24px;
  transition: all var(--transition);
}
.template-card:hover { border-color: var(--accent); transform: translateY(-2px); }
.template-card .tpl-avatar {
  width: 56px; height: 56px; border-radius: var(--radius);
  background: var(--bg-input); font-size: 28px;
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 14px;
}
.template-card .tpl-name { font-size: 18px; font-weight: 700; margin-bottom: 8px; }
.template-card .tpl-desc {
  font-size: 13px; color: var(--text-secondary); line-height: 1.6;
  margin-bottom: 16px; display: -webkit-box;
  -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.template-card .tpl-meta { display: flex; gap: 16px; margin-bottom: 16px; font-size: 12px; color: var(--text-muted); }
.template-card .tpl-meta span { display: flex; align-items: center; gap: 4px; }
.template-card .tpl-actions { display: flex; gap: 8px; }