fetch: 同步远程仓库最新版本信息

css/style.css

@@ -104,6 +104,49 @@ html, body {
     z-index: 100;
 }
 
+/* 编辑模式：粘在视口顶部始终可见 */
+.editor-toolbar.editing-mode {
+    position: fixed;
+    top: 0;
+    border-bottom: 1px solid #e0e0e0;
+    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+    z-index: 10000;
+}
+
+/* 移动端：允许横向滚动 */
+@media (max-width: 768px) {
+    .editor-toolbar {
+        justify-content: flex-start;
+        overflow-x: auto;
+        -webkit-overflow-scrolling: touch;
+        scrollbar-width: none;
+        padding: 8px;
+    }
+    .editor-toolbar::-webkit-scrollbar {
+        display: none;
+    }
+    .toolbar-group {
+        gap: 2px;
+        flex-shrink: 0;
+    }
+    .toolbar-btn {
+        width: 32px;
+        height: 32px;
+        font-size: 14px;
+    }
+    .toolbar-label {
+        font-size: 11px;
+    }
+    .toolbar-label span {
+        display: none;
+    }
+    .roller-picker {
+        min-width: 50px;
+        height: 32px;
+        padding: 2px 4px;
+    }
+}
+
 .editor-toolbar.active {
     visibility: visible;
     opacity: 1;
@@ -381,7 +424,7 @@ html, body {
     padding: 0;
     font-size: 16px;
     color: #000;
-    font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
+    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
     background: transparent;
     outline: 2px solid transparent;
     border-radius: 4px;
@@ -403,6 +446,19 @@ html, body {
     cursor: grab;
 }
 
+/* 锁定状态 */
+.text-input.locked {
+    cursor: default !important;
+}
+
+.text-input.locked.selected {
+    outline: 2px dashed rgba(255, 193, 7, 0.8);
+}
+
+.text-input.locked .text-delete-btn {
+    display: none !important;
+}
+
 /* 空输入框显示 placeholder */
 .text-input.show-placeholder::before {
     content: attr(data-placeholder);
@@ -513,3 +569,23 @@ html, body {
 .guide-line.visible {
     display: block;
 }
+
+/* 1px 网格线 */
+.grid-lines {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    pointer-events: none;
+    z-index: 5;
+    display: none;
+    background-image: 
+        linear-gradient(to right, rgba(0, 0, 0, 0.05) 1px, transparent 1px),
+        linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 1px, transparent 1px);
+    background-size: 10px 10px;
+}
+
+.grid-lines.visible {
+    display: block;
+}

index.html

@@ -20,6 +20,8 @@
         <div class="editor-toolbar" id="editorToolbar">
             <!-- 文本编辑工具 -->
             <div class="toolbar-group text-tools" id="textTools">
+                <button class="toolbar-btn" id="lockBtn" title="锁定位置">🔒</button>
+                <div class="toolbar-divider"></div>
                 <button class="toolbar-btn" id="boldBtn" title="加粗">B</button>
                 <button class="toolbar-btn italic" id="italicBtn" title="斜体">I</button>
                 <div class="toolbar-divider"></div>
@@ -31,10 +33,11 @@
                 <label class="toolbar-label">
                     <span>字体</span>
                     <select id="fontPicker">
-                        <option value="Microsoft YaHei">雅黑</option>
-                        <option value="SimHei">黑体</option>
-                        <option value="SimSun">宋体</option>
-                        <option value="Arial">Arial</option>
+                        <option value="-apple-system, BlinkMacSystemFont, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Noto Sans CJK SC, sans-serif">系统默认</option>
+                        <option value="PingFang SC, Microsoft YaHei, Noto Sans CJK SC, sans-serif">苹方/雅黑</option>
+                        <option value="Hiragino Sans GB, Microsoft YaHei, Noto Sans CJK SC, sans-serif">冬青黑体</option>
+                        <option value="SimHei, Microsoft YaHei, Noto Sans CJK SC, sans-serif">黑体</option>
+                        <option value="SimSun, Songti SC, serif">宋体</option>
                     </select>
                 </label>
                 <div class="toolbar-divider"></div>
@@ -80,17 +83,19 @@
                 </div>
                 <!-- 层叠图图层 -->
                 <div class="overlay-layer" id="overlayLayer"></div>
+                <!-- 1px 网格线 -->
+                <div class="grid-lines" id="gridLines"></div>
                 <!-- 拖拽辅助线 -->
                 <div class="guide-line guide-horizontal" id="guideH"></div>
                 <div class="guide-line guide-vertical" id="guideV"></div>
                 <!-- 输入框图层 -->
                 <div class="preview-input-layer" id="previewInputLayer">
                     <!-- 文字输入框1 - 企业 -->
-                    <div class="text-input hidden" id="input1" contenteditable="false" data-placeholder="请输入" style="left: 98px; top: 232.945px;"></div>
+                    <div class="text-input hidden" id="input1" contenteditable="false" data-placeholder="请输入" style="left: 98px; top: 234.445px;"></div>
                     <!-- 文字输入框2 - 姓名 -->
-                    <div class="text-input hidden" id="input2" contenteditable="false" data-placeholder="请输入" style="left: 98px; top: 275.555px;"></div>
+                    <div class="text-input hidden" id="input2" contenteditable="false" data-placeholder="请输入" style="left: 98px; top: 276.355px;"></div>
                     <!-- 文字输入框3 - 编号 -->
-                    <div class="text-input hidden" id="input3" contenteditable="false" data-placeholder="请输入" style="left: 98px; top: 317.548px;"></div>
+                    <div class="text-input hidden" id="input3" contenteditable="false" data-placeholder="请输入" style="left: 98px; top: 319.048px;"></div>
                 </div>
                 <!-- 提示文字（最上层，层叠图之下） -->
                 <div class="empty-tip" id="emptyTip">请点击上方「添加图片」按钮上传背景图</div>