.category-icon{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-2);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;color:inherit;min-width:90px;height:100%;flex:1 1;box-sizing:border-box}.category-icon:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.category-icon-circle{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;font-size:26px;transition:all var(--transition-normal)}.category-icon:hover .category-icon-circle{background:var(--color-accent-light);transform:scale(1.05)}.category-icon-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center;color:var(--color-text-primary);line-height:var(--line-height-tight);width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word}.category-icon-count{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:-4px}@media (max-width:767px){.category-icon{min-width:80px;padding:var(--space-3)}.category-icon-circle{width:48px;height:48px;font-size:22px}.category-icon-name{font-size:var(--font-size-xs)}}