.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: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}.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}}