.category-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.category-item{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition);overflow:hidden}.category-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.category-item-link{color:inherit;align-items:center;gap:14px;padding:18px 20px;text-decoration:none;display:flex}.category-item-icon{border-radius:var(--radius-md);background:var(--color-primary-bg);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.category-item-icon svg{width:20px;height:20px;color:var(--color-primary)}.category-item-info{flex:1;min-width:0}.category-item-name{color:var(--color-text);font-size:15px;font-weight:600;line-height:1.3}.category-item-desc{color:var(--color-text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.category-item-count{color:var(--color-text-muted);font-size:12px}.category-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-bottom:24px;display:grid}.category-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition);overflow:hidden}.category-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-hover)}.category-card .cat-cover{height:120px;position:relative;overflow:hidden}.category-card .cat-cover img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition)}.category-card:hover .cat-cover img{transform:scale(1.05)}.category-card .cat-body{padding:16px}.category-card .cat-info{align-items:center;gap:10px;display:flex}.category-card .cat-icon{border-radius:var(--radius-md);background:var(--color-primary-bg);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.category-card .cat-icon svg{width:18px;height:18px;color:var(--color-primary)}.category-card .cat-text{flex:1;min-width:0}.category-card .cat-name{color:var(--color-text);margin-bottom:2px;font-size:15px;font-weight:600;text-decoration:none;display:block}.category-card .cat-count{color:var(--color-text-muted);font-size:12px}.category-card .cat-desc{color:var(--color-text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:13px;display:-webkit-box;overflow:hidden}@media (width<=1200px){.category-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.category-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.category-card .cat-cover{height:100px}.category-card .cat-name{font-size:14px}}@media (width<=1024px){.category-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.category-item-link{gap:12px;padding:16px 18px}.category-item-icon{width:38px;height:38px}.category-item-icon svg{width:18px;height:18px}.category-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}}@media (width<=768px){.category-list,.category-cards{grid-template-columns:1fr}.category-card .cat-cover{height:110px}}