/* 智能体广场 agents.css */
.agent-cats{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin-bottom:32px}
/* v1.70.10 移动端 chips 改为换行（原横滑与页面纵向滚动打架） */
@media(max-width:640px){.agent-cats{justify-content:flex-start;flex-wrap:wrap;gap:6px;overflow:visible;padding-bottom:0}}
.agent-cats button{padding:8px 18px;border-radius:999px;border:1px solid var(--line);background:#fff;
  font-size:.87rem;font-weight:600;color:var(--ink-2);white-space:nowrap;transition:var(--dur-mid)}
.agent-cats button.cur{background:var(--grad-main);color:#fff;border-color:transparent;box-shadow:var(--glow-l)}
.agent-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:1024px){.agent-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.agent-grid{grid-template-columns:repeat(2,1fr);gap:11px}}
.agent-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-l);padding:22px;cursor:pointer;
  transition:var(--dur-slow) cubic-bezier(.22,1,.3,1);position:relative;overflow:hidden}
.agent-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-m);border-color:rgba(61,90,254,.4)}
.agent-card::after{content:"";position:absolute;right:-30px;top:-30px;width:90px;height:90px;border-radius:50%;
  background:var(--ac,#3D5AFE);opacity:.07;transition:var(--dur-slow)}
.agent-card:hover::after{transform:scale(1.6)}
.agent-ic{width:46px;height:46px;border-radius:14px;background:var(--ac,#3D5AFE);color:#fff;
  display:flex;align-items:center;justify-content:center;margin-bottom:14px;box-shadow:0 6px 14px color-mix(in srgb,var(--ac,#3D5AFE) 35%, transparent)}
.agent-ic svg{width:22px;height:22px}
.agent-card h4{font-size:1rem;margin-bottom:4px}
.agent-card .cat{font-size:.72rem;color:var(--ac,#3D5AFE);font-weight:700;margin-bottom:8px;display:block}
.agent-card p{font-size:.82rem;color:var(--ink-3);line-height:1.65;min-height:44px}
.agent-use{margin-top:12px;font-size:.82rem;font-weight:700;color:var(--ac,#3D5AFE);display:inline-flex;gap:5px;align-items:center}
/* v1.44.3 能力角标：真能力智能体（出图/PPT/出片）与场景挂载的视觉标识 */
.agent-cap{display:inline-flex;align-items:center;gap:4px;font-size:.66rem;font-weight:800;padding:2px 8px;border-radius:999px;margin-bottom:8px;letter-spacing:.3px}
.agent-cap svg{width:12px;height:12px;flex:0 0 auto}
.cap-img{background:#FDF2F8;color:#EC4899;border:1px solid #FBCFE8}
.cap-ppt{background:#EFF6FF;color:#2563EB;border:1px solid #BFDBFE}
.cap-video{background:#FEF2F2;color:#EF4444;border:1px solid #FECACA}
.cap-scene{background:#F5F3FF;color:#7C3AED;border:1px solid #DDD6FE}

/* ---------- 移动端紧凑卡（星火式双列小卡） ---------- */
@media(max-width:420px){
  .agent-card{padding:13px 12px;border-radius:14px}
  .agent-ic{width:34px;height:34px;border-radius:10px;margin-bottom:8px;box-shadow:0 4px 10px color-mix(in srgb,var(--ac,#3D5AFE) 30%, transparent)}
  .agent-ic svg{width:17px;height:17px}
  .agent-card h4{font-size:.88rem;margin-bottom:2px}
  .agent-card .cat{font-size:.64rem;margin-bottom:5px}
  .agent-card p{font-size:.78rem;min-height:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.55}
  .agent-use{margin-top:8px;font-size:.72rem;gap:4px}
  .agent-card::after{width:64px;height:64px;right:-22px;top:-22px}
}