fix: 优化叠加图层级关系与选中失焦逻辑

index.html

@@ -48,8 +48,6 @@
         <!-- 图片展示区 -->
         <div class="canvas-area" id="canvasArea">
             <div class="preview image-container empty" id="imageContainer">
-                <!-- 提示文字移到预览白板中 -->
-                <div class="empty-tip" id="emptyTip">请点击上方「添加图片」按钮上传背景图</div>
                 <!-- 背景图层 -->
                 <div class="preview-bg-layer" id="bgLayer">
                     <img id="bgImage" src="" alt="背景图">
@@ -66,6 +64,8 @@
                     <!-- 文字输入框2 - 右下角 -->
                     <div class="text-input" id="input2" contenteditable="false" style="left: 5%; top: 90%;">编号：</div>
                 </div>
+                <!-- 提示文字（最上层，层叠图之下） -->
+                <div class="empty-tip" id="emptyTip">请点击上方「添加图片」按钮上传背景图</div>
             </div>
         </div>