计算机系的大二男生杨凡喜欢舞蹈系系花唐韵，因此与同样喜欢唐韵的体育系男生栾高杰结怨。为了办好迎新晚会，也为了摆脱栾高杰，唐韵请杨凡担任摄影师，为此栾高杰十分不满，结下梁子的两个男生在篮球比赛相遇，而栾高杰大胜杨凡，二人为了夺得心爱女生的欢心大打出手，性格莽直的栾高杰不断为难杨凡，并四处抹黑杨凡，导致杨唐二人产生误会。当事情真相被揭开，一切水落石出，三人的感情将会何去何从？酸涩的青春年华又将如何收场？

剧场版讲述了原作中没有描绘的魔法帝的故事。n四个最凶的曾经的魔法帝和「帝剑」已经复活，他们的目标是毁灭四叶草王国。n阿斯塔面临着四叶草王国的最大危机，而他自己成为魔法帝的梦想又该如何？n所有魔法骑士团全力出击！超越极限的魔法大战开幕！