登录页面的代码难点

一、CSS 视觉层难点（页面颜值核心）

1. 多层复合背景叠加逻辑
   难点 1：多图背景属性一一对应，顺序、数量必须完全匹配，写错任意一个尺寸 / 重复模式都会导致图案错位。
   难点 2：background-blend-mode 图层混合效果难调试，不同底色 + 图案叠加透明度很难把控柔和度，容易出现画面发灰、刺眼。
   难点 3：使用内嵌 base64 图片 />

   在这里插入图片描述