diff --git a/css/style.css b/css/style.css
index f0de3de..cd73b22 100644
--- a/css/style.css
+++ b/css/style.css
@@ -103,6 +103,33 @@ html, body {
     background: #f5f5f5;
 }
 
+/* 撤销重做按钮组 */
+.toolbar-action-group {
+    display: flex;
+    gap: 3px;
+    margin: 0 2px;
+}
+
+/* 左侧分隔线（文本按钮后） */
+.toolbar-divider-v.divider-left {
+    margin-left: 6px;
+    margin-right: 1px;
+}
+
+/* 右侧分隔线（保存按钮前） */
+.toolbar-divider-v.divider-right {
+    margin-left: 1px;
+    margin-right: 6px;
+}
+
+/* 保存/预览按钮 */
+.btn-primary {
+    min-width: 80px;
+    height: 36px;
+    padding: 0 14px;
+    font-size: 14px;
+}
+
 /* 文本输入框删除按钮 */
 .text-input .text-delete-btn {
     position: absolute;
diff --git a/index.html b/index.html
index 8f07814..388dcdb 100644
--- a/index.html
+++ b/index.html
@@ -13,10 +13,12 @@
             <button class="btn" id="addImageBtn">背景图</button>
             <button class="btn" id="addOverlayBtn">层叠图</button>
             <button class="btn" id="addTextBtn">文本</button>
-            <div class="toolbar-divider-v"></div>
-            <button class="toolbar-btn-icon" id="undoBtn" title="撤销 (Ctrl+Z)">↩</button>
-            <button class="toolbar-btn-icon" id="redoBtn" title="重做 (Ctrl+Y)">↪</button>
-            <div class="toolbar-divider-v"></div>
+            <div class="toolbar-divider-v divider-left"></div>
+            <div class="toolbar-action-group">
+                <button class="toolbar-btn-icon" id="undoBtn" title="撤销 (Ctrl+Z)">↩</button>
+                <button class="toolbar-btn-icon" id="redoBtn" title="重做 (Ctrl+Y)">↪</button>
+            </div>
+            <div class="toolbar-divider-v divider-right"></div>
             <button class="btn btn-primary" id="saveBtn">保存/预览</button>
         </div>