From 4f1bcae05bc6b1f204d91e6b494da7e09a00b3fd Mon Sep 17 00:00:00 2001
From: augushong <augushong@163.com>
Date: Tue, 19 May 2026 20:52:38 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E4=B8=AD=E9=97=B4=E9=A2=84?=
 =?UTF-8?q?=E8=A7=88=E5=8C=BA=E4=B8=8E=E5=8F=B3=E4=BE=A7=E7=94=BB=E5=B8=83?=
 =?UTF-8?q?=E6=8E=92=E7=89=88=E4=B8=80=E8=87=B4=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 隐藏中间预览区滚动条,消除15px宽度差异
- 统一padding为20px,内容宽度均为500px
- .page-content行高改用CSS变量--pi-line-height
- #paginated-preview加入CSS变量选择器
- 去掉中间预览区右侧边框
---
 public/static/css/phone-image-templates.css |  5 +++--
 view/admin/post/phone_image.html            | 18 +++++++++++-------
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/public/static/css/phone-image-templates.css b/public/static/css/phone-image-templates.css
index 77ae56a..a6cc862 100644
--- a/public/static/css/phone-image-templates.css
+++ b/public/static/css/phone-image-templates.css
@@ -27,7 +27,8 @@
  * 否则中间变量继承 :root 的预计算值（:root 的 --pi-font-scale 始终为 1），缩放不生效。
  */
 #render-preview,
-#render-staging {
+#render-staging,
+#paginated-preview {
     --pi-font-size-base: calc(14px * var(--pi-font-scale, 1));
     --pi-font-size-title: calc(26px * var(--pi-font-scale, 1));
     --pi-font-size-subtitle: calc(16px * var(--pi-font-scale, 1));
@@ -296,7 +297,7 @@
     flex: 1;
     overflow: hidden;
     word-break: break-word;
-    line-height: 2.0;
+    line-height: var(--pi-line-height, 2.0);
     font-size: calc(14px * var(--pi-font-scale, 1));
 }
 
diff --git a/view/admin/post/phone_image.html b/view/admin/post/phone_image.html
index 0df4ebd..3b57706 100644
--- a/view/admin/post/phone_image.html
+++ b/view/admin/post/phone_image.html
@@ -83,27 +83,31 @@
 
         .render-preview-area {
             width: 540px;
-            overflow-y: auto;
-            border-right: 1px solid #e8e8e8;
+            overflow: hidden;
             background: #fff;
             flex-shrink: 0;
         }
 
         .render-preview-area .preview-header {
-            padding: 8px 15px;
+            padding: 8px 20px;
             background: #fafafa;
             border-bottom: 1px solid #e8e8e8;
             font-size: 13px;
             color: #999;
-            position: sticky;
-            top: 0;
-            z-index: 5;
         }
 
         #render-preview {
             min-height: 300px;
-            padding: 10px;
+            padding: 20px;
             box-sizing: border-box;
+            overflow-y: scroll;
+            overflow-x: hidden;
+            scrollbar-width: none;
+            -ms-overflow-style: none;
+        }
+
+        #render-preview::-webkit-scrollbar {
+            display: none;
         }
 
         .paginated-preview-area {