推荐用 background-size: contain; + background-position: center; + background-repeat: no-repeat; 保404文字完整可见，深色图配::before半透黑遮罩提对比度；居中须用flex而非text-align；字体用clamp(2rem, 8vw, 6rem)响应式控制。
用 background-image 铺满全屏但不拉伸变形
直接写 background-image: url(...); background-size: cover; 很容易让图案被裁切或中心偏移，尤其在移动端。关键不是“铺满”，而是“可读区域不被遮挡”。404 文字必须始终清晰可见，所以推荐用 background-size: contain; + background-position: center;，再配合 background-repeat: no-repeat;。如果图是深色底+浅字，还要加一层半透黑遮罩（::before 伪元素）保文字对比度。
