/* 智能体广场 agents.css */
.agent-cats{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin-bottom:32px}
@media(max-width:640px){.agent-cats{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}
.agent-cats::-webkit-scrollbar{display:none}}
.agent-cats button{padding:8px 18px;border-radius:999px;border:1.4px solid var(--line);background:#fff;
  font-size:.87rem;font-weight:600;color:var(--ink-2);white-space:nowrap;transition:.2s}
.agent-cats button.cur{background:var(--grad-main);color:#fff;border-color:transparent;box-shadow:0 5px 14px rgba(80,70,255,.28)}
.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:.3s 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:.3s}
.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}

/* ---------- 移动端紧凑卡（星火式双列小卡） ---------- */
@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:.72rem;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}
}