laic-frontend/docs/superpowers/specs/2026-08-28-login-captcha-clear-watermark-design.md

登录页：验证码去 clear + 背景去「即梦AI」标识

背景

1. 登录相关验证码输入框带 TDesign clearable 清空按钮，产品不需要。
2. 登录背景图 public/assets/login-hero-dock-drone.png 右下角有「即梦AI」水印。

目标

1. 去掉所有验证码输入框的 clear 按钮。
2. 登录页视觉上不再露出「即梦AI」标识。
3. 不改后台。

非目标

• 不动账号 / 密码 / 手机号 / 企业信息等非验证码输入框的 clearable。
• 不重做登录页布局。
• 不强制改原图二进制（本轮用 CSS 遮罩；原图可保留以便回退）。

方案

1. 去掉验证码 clear

文件：src/views/LoginView/LoginView.vue

移除以下 t-input 的 clearable：

位置	绑定	placeholder
账号密码登录	captcha	请输入验证码
短信登录	smsCode	请输入短信验证码
注册	reg.smsCode	请输入短信验证码
找回密码	forgot.code	请输入短信验证码

其它输入框保持现状。

2. 遮住背景水印

文件：src/views/LoginView/LoginView.vue 样式（.visual / .visualMap 区域）

在背景图容器上增加右下角遮罩层（伪元素或子节点均可），要求：

• 盖住右下角「即梦AI」文字区域
• 颜色贴近该区域深色天空（约 #102a35 / 现有 visual 底色），可用轻微渐变避免硬边
• 不挡住左侧文案与表单（表单在 .formSide，z-index 更高）
• 不修改 login-hero-dock-drone.png 文件本身

验收

1. 四处验证码输入有内容时，右侧无清空 ×。
2. 账号/密码等输入框仍可清空。
3. 登录页全屏与常见断面下，右下角看不到「即梦AI」。
4. 刷新验证码、登录/注册/找回流程不受影响。

风险

• CSS 遮罩在极端宽高比下可能盖不全或略多盖一点天空；验收时看 1440×900 与窄屏即可，必要时微调尺寸。