Quick story · start here
When a reaction makes its surroundings warmer or colder, where did the energy go?
Thermochemical reasoning starts by defining the system and surroundings, then tracking energy transfer between them.
Scene
See the scene
Build the picture before the terminology.
The system is the part of the universe selected for study; everything outside it is the surroundings. A clear system boundary is essential before assigning signs to energy transfers.