update at 2025-10-08 22:26:26

styles.css

@@ -458,12 +458,39 @@ label:hover {
 
 .xhs-page-container {
   flex: 1;
-  overflow: auto;
+  overflow-y: auto;
+  overflow-x: hidden;
   display: flex;
-  justify-content: center;
+  flex-direction: column;
   align-items: center;
-  padding: 20px;
+  padding: 0px;
   background: radial-gradient(ellipse at top, rgba(255,255,255,0.1) 0%, transparent 70%);
+  min-height: 0; /* 允许 flex 子项正确收缩和滚动 */
+}
+
+/* 小红书单页包裹器：为缩放后的页面预留正确的布局空间 */
+.xhs-page-wrapper {
+  /* 显示尺寸（缩放后）：540 × 720 */
+  width: 540px;
+  height: 720px;
+  margin: 0px auto;
+  position: relative;
+  overflow: visible;
+}
+
+/* 小红书单页样式：实际尺寸 1080×1440，通过 scale 缩放到 540×720 */
+.xhs-page {
+  /* 实际尺寸由 renderPage 设置（1080×1440） */
+  transform-origin: top left;
+  transform: scale(0.5); /* 540/1080 = 0.5 */
+  background: white;
+  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
+  border-radius: 8px;
+}
+
+.xhs-page img {
+  max-width: 100%;
+  height: auto;
 }
 
 .xhs-top-toolbar {
@@ -685,4 +712,4 @@ label:hover {
 
 .xhs-login-btn {
   min-width: 100px;
-}
+}