ホバーで光る3Dキャラクターカードの3世界インタラクティブUI

Build an interactive web page with three character cards in a dark, cinematic style. Show a bold heading about three worlds waiting to be explored, with a short line of text beneath. Below it, place three glassy cards side by side, each with its own 3D character on a glowing pedestal: a friendly white robot, a purple wizard with a staff, and a hooded figure with a signboard in a reddish palette. Give each card its own accent colour, a name, a short description and an enter button. On hover, the card lifts, its glow strengthens, the character rotates or animates, and the other cards dim slightly. Follow the cursor with subtle parallax. Use Three.js or React Three Fiber for the characters, keep everything in a single page and make it responsive. Done when hover transitions feel smooth, each card has a distinct mood, and the characters render crisply.