refactor(界面): 调整背景图工具中缩放和透明度的顺序

将背景图编辑工具中的缩放控件和透明度控件位置互换，使界面布局更合理

css/style.css

@@ -195,7 +195,9 @@ html, body {
 
 /* 镜像按钮样式 */
 .toolbar-btn.mirror-btn {
-    font-size: 18px;
+    width: 30px;
+    height: 30px;
+    font-size: 16px;
 }
 
 .toolbar-divider {

index.html

@@ -68,17 +68,17 @@
             </div>
             <!-- 背景图编辑工具 -->
             <div class="toolbar-group bg-tools" id="bgTools">
-                <label class="toolbar-label">
-                    <span>缩放</span>
-                    <input type="range" id="bgScaleSlider" min="100" max="300" value="100" class="scale-slider">
-                    <span id="bgScaleValue">100%</span>
-                </label>
-                <div class="toolbar-divider"></div>
                 <label class="toolbar-label">
                     <span>透明度</span>
                     <input type="range" id="bgOpacitySlider" min="0" max="100" value="100" class="opacity-slider">
                     <span id="bgOpacityValue">100%</span>
                 </label>
+                <div class="toolbar-divider"></div>
+                <label class="toolbar-label">
+                    <span>缩放</span>
+                    <input type="range" id="bgScaleSlider" min="100" max="300" value="100" class="scale-slider">
+                    <span id="bgScaleValue">100%</span>
+                </label>
             </div>
         </div>