可直接使用的提示词
原文
你是企业级产品前端工程师。请为OA系统「协衡办公」制作登录页，输出单HTML文件。布局：①左侧60%品牌区：抽象协作线条SVG插画、slogan「让协作有迹可循」、审批流/考勤/文档协同三亮点与版本号；②右侧登录卡片：Logo、账号密码输入框（含图标与显示密码切换）、记住我、登录按钮，短信验证码/扫码登录Tab切换，下方忘记密码与企业注册链接；③卡片下方SSL加密与等保三级标识；④页脚版权。交互：账号格式校验错误提示，按钮加载态，Tab纯JS切换。设计风格：雾蓝渐变品牌区+纯白登录卡，企业蓝主色，中性无衬线字体，8px圆角轻阴影，严谨克制。技术要求：语义化表单与无障碍label，移动端上下堆叠隐藏插画，可直接运行。案例说明
企业OA办公系统登录页，简洁专业传递效率与安全感。
适用信息
适配模型：通用编程模型
难度：进阶
标签：OA系统、登录页、企业级、Kimi精选、数据看板
来源：AI妙词（已获授权转载），原条目 ID 1107。
