.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.cat-card{background:#fff;border:1.5px solid var(--border);border-radius:var(--r-xl);padding:24px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden;text-decoration:none;color:inherit;transition:border-color 0.2s,transform 0.2s,box-shadow 0.2s}.cat-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--cat-color);transform:scaleX(0);transform-origin:left;transition:transform 0.3s}.cat-card:has(a:hover){border-color:var(--cat-color);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.cat-card:has(a:hover)::before{transform:scaleX(1)}.cat-card:focus-visible{outline:3px solid rgba(0,102,255,0.25);outline-offset:3px}.cat-card-icon{align-self:flex-start;width:56px;height:56px;border-radius:14px;background:var(--cat-bg);display:grid;place-items:center;color:var(--cat-color)}.cat-card-icon svg{width:26px;height:26px}.cat-card-text{display:flex;flex-direction:column;gap:4px}.cat-card-name a{color:inherit}.cat-card-name a:hover{color:var(--primary);text-decoration:underline}.cat-card-name{font-size:18px;font-weight:700;color:var(--text);margin:0}.cat-card:has(a:hover) .cat-card-name{color:var(--cat-color)}.cat-card-count{font-size:12px;color:var(--text-3);font-weight:600}.cat-card-desc{font-size:13px;color:var(--text-2);line-height:1.5;margin:2px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cat-card.c1{--cat-color:#ff6b35;--cat-bg:#fff0e8}.cat-card.c2{--cat-color:#0066ff;--cat-bg:#e6f0ff}.cat-card.c3{--cat-color:#00a86b;--cat-bg:#d4f5e9}.cat-card.c4{--cat-color:#db2777;--cat-bg:#fce7f3}.cat-card.c5{--cat-color:#7c3aed;--cat-bg:#ede9fe}.cat-card.c6{--cat-color:#0891b2;--cat-bg:#cffafe}.cat-card.c7{--cat-color:#16a34a;--cat-bg:#dcfce7}.cat-card.c8{--cat-color:#dc2626;--cat-bg:#fee2e2}.v8-home .categories-grid,.v8-listing-page .categories-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.v8-home .cat-card,.v8-listing-page .cat-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:14px;background:var(--tile,#F8FAFD);border:1px solid var(--line-2,#E3E8F0);border-radius:12px;color:var(--text);box-shadow:none;min-width:0}.v8-home .cat-card:has(a:hover),.v8-listing-page .cat-card:has(a:hover){border-color:var(--primary);background:var(--primary-light);transform:none;box-shadow:none}.v8-home .cat-card::before,.v8-listing-page .cat-card::before{display:none}.v8-home .cat-card-icon,.v8-listing-page .cat-card-icon{width:40px;height:40px;border-radius:6px;background:var(--cat-color);color:#fff}.v8-home .cat-card.c1,.v8-listing-page .cat-card.c1{--cat-color:#F97316}.v8-home .cat-card.c2,.v8-listing-page .cat-card.c2{--cat-color:#0EA5E9}.v8-home .cat-card.c3,.v8-listing-page .cat-card.c3{--cat-color:#EC4899}.v8-home .cat-card.c4,.v8-listing-page .cat-card.c4{--cat-color:#10B981}.v8-home .cat-card.c5,.v8-listing-page .cat-card.c5{--cat-color:#8B5CF6}.v8-home .cat-card.c6,.v8-listing-page .cat-card.c6{--cat-color:#3B82F6}.v8-home .cat-card.c7,.v8-listing-page .cat-card.c7{--cat-color:#EF4444}.v8-home .cat-card.c8,.v8-listing-page .cat-card.c8{--cat-color:#64748B}.v8-home .cat-card.c9,.v8-listing-page .cat-card.c9{--cat-color:#14B8A6}.v8-home .cat-card.c10,.v8-listing-page .cat-card.c10{--cat-color:var(--primary)}.v8-home .cat-card-icon svg,.v8-listing-page .cat-card-icon svg{width:20px;height:20px}.v8-home .cat-card-text,.v8-listing-page .cat-card-text{min-width:0}.v8-home .cat-card-name,.v8-listing-page .cat-card-name{margin:0;font-size:14.5px;font-weight:700}.v8-home .cat-card-count,.v8-listing-page .cat-card-count{padding:0;background:none;color:var(--text-3);font-size:13px;margin:4px 0 8px}.v8-home .cat-card-desc,.v8-listing-page .cat-card-desc{color:#475569;font-size:13.5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.v8-home :is(.cat-card-name,.cat-card-desc,.plat-link-name,.plat-link-count,.new-program-summary),.v8-listing-page :is(.popular-title,.popular-excerpt,.popular-meta,.cat-card-name,.cat-card-desc,.app-row-name,.app-row-meta){overflow-wrap:anywhere}@media(max-width:1100px){.v8-home .categories-grid,.v8-listing-page .categories-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.v8-home .categories-grid,.v8-listing-page .categories-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}