.categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.cat-card{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);text-decoration:none;transition:var(--t);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.cat-card:before{content:"";position:absolute;inset:0;opacity:0;transition:var(--t)}.cat-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}[data-theme=light] .cat-card{border-color:#0f172a1f;box-shadow:0 2px 10px #0f172a12}.cat-card__icon{width:44px;height:44px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;color:#f8fbff;flex-shrink:0;box-shadow:inset 0 1px #ffffff38,0 10px 22px #02081738}.cat-card__icon svg{filter:drop-shadow(0 6px 12px rgba(2,8,23,.28))}.cat-card__body{flex:1;min-width:0}.cat-card__name{font-size:14px;font-weight:700;color:var(--text);margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-card__desc{font-size:11px;color:var(--text-subtle);margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.cat-card__count{font-size:11px;font-weight:600;color:var(--blue-light)}.cat-card__arrow{color:var(--text-subtle);flex-shrink:0;transition:var(--t)}.cat-card:hover .cat-card__arrow{color:var(--blue-light);transform:translate(3px)}@media(max-width:1200px){.categories-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.categories-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.categories-grid{grid-template-columns:1fr}.cat-card__desc{display:none}}