Develop a single-page application – TeaType: a milk tea personality prediction machine.

Develop a single-page application – TeaType: a milk tea personality prediction machine.
The UI should feature a gradient background transitioning from pink-orange to creamy white, with a teacup and heart logo at the top. Complement this with a title in a caramel brown font style. The entire page should include card-style steps for selection, culminating in the generation of a result image card that can be saved with a single click. The overall style aims to evoke the feeling of “ordering at a milk tea shop + fortune-telling.”