AI工具生成趣味登录页面提示词

提示词：
请用 Vue3 + Vite 生成一个“趣味登录页”，页面风格简洁高级，左右分栏布局：

【整体布局】
– 左侧：全屏高度的动态图角色区域（占 50% 宽），背景渐变灰色系，
包含 4 个几何角色（紫色长方形、黑色长方形、橙色半圆、黄色圆角矩形）

【登录表单功能】
– 字段：账号、密码、记住30天
– 账号输入框 placeholder：请输入账号
– 密码支持明文/密文切换（眼睛图标按钮）
– 登录按钮文案：登录；加载中：正在登录…
– 校验规则：
– 账号不能为空
– 密码不能为空
– 密码至少6位
– 错误提示中文显示在输入框下方
– 全局错误提示：账号或密码错误，请重试。

【测试登录逻辑】
– 模拟异步请求 1.5 秒（setTimeout）
– 仅当 账号=admin 且 密码=admin 时登录成功
– 成功：触发左侧角色开心表情 + 彩带 confetti 动画，持续约6秒
– 失败：触发左侧角色沮丧表情动画，持续约3秒

【左侧动画联动】
– 鼠标移动时，角色眼睛/面部轻微跟随鼠标
– 输入账号时，角色呈现“打字状态”表情
– 输入密码且密码隐藏时，角色表现“遮眼/偷看”互动
– 登录成功时：嘴巴变微笑、眼神上扬、出现 confetti
– 登录失败时：嘴巴下弯/波浪线，眼神沮丧
– 动画要求：流畅、不过度抖动，使用 transition + requestAnimationFrame 优化性能。