登录界面掉帧卡顿

[yfdyh000]

login 界面操作很不跟手、持续消耗CPU。
未仔细调查，AI分析供参考，如能修复十分感谢。

1. backdrop-filter: blur() — 最大嫌疑人

页面中有 3 层 backdrop-filter: blur() 同时存在：

元素	blur 值	说明
#blur-overlay (line 517-521)	blur(12px)	覆盖全屏的模糊遮罩层
.card-container (line 527)	blur(20px)	登录卡片自身的背景模糊
#ir-modal (line 80-81)	blur(25px)	IR 弹窗的模糊背景
backdrop-filter 是浏览器中开销最大的 CSS 效果之一，因为它需要对模糊区域下方的所有内容实时做高斯模糊计算。3 层嵌套的 blur 会叠加渲染开销，即使只有一层在视觉上可见。

2. 多个 infinite CSS 动画持续运行

动画名	所在元素	持续时间	类型
gradientShift (line 508-512)	.card-container::before	3s infinite	渐变位移
btnPulse (line 745-748)	.btn-tech-upgrade	2s infinite	box-shadow 脉冲
techScan (line 740-743)	.btn-tech-upgrade::after	3s infinite	光束扫描
spin (line 704-706)	.btn-loading::after	0.8s infinite	旋转
gradientShift 在页面顶部的渐变条上永久循环，即使页面处于空闲状态也不会停止。

...

4. 页面主 iframe 背景

#background-iframe（line 32-34）加载了一个全屏 iframe 指向 nginx 默认页面。虽然该 iframe 内容本身很轻量，但作为 blur 效果的底层，它的存在迫使浏览器必须渲染它才能进行模糊计算。