From a29e01bcb1184c6c9e97998d3e7ccd7a18c4d0c3 Mon Sep 17 00:00:00 2001
From: JekkiNoopy <jekkinoopy@gmail.com>
Date: Wed, 20 May 2026 00:38:05 +0800
Subject: [PATCH] =?UTF-8?q?fix=20overlap=E4=B8=8D=E9=8E=96img=E5=96=AE?=
 =?UTF-8?q?=E9=82=8Amargin?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 totoga2/readable 260519.html | 23 +++++++++++++++--------
 1 file changed, 15 insertions(+), 8 deletions(-)

diff --git a/totoga2/readable 260519.html b/totoga2/readable 260519.html
index fbc770d..99092d0 100644
--- a/totoga2/readable 260519.html	
+++ b/totoga2/readable 260519.html	
@@ -71,6 +71,7 @@
             align-self: auto;
             justify-content: flex-start;
             align-items: stretch;
+            height: auto;
         }
 
         /* 欄內透明（蓋過全站 section 預設底與陰影）；overlap 內欄不套用 */
@@ -442,16 +443,15 @@
             /* border-left: 5px solid var(--primary); */
         }
 
-        /* 只有在 .overlap-style 裡面的 31、32、33 才會套用重疊效果 */
-
-        .overlap-style .container31 {
+        /* overlap 三圖相疊（維持 float；欄位 margin 左右皆有，不鎖 img 單邊 margin） */
+        body.ebook-ssg2-page.totoga2-page #totoga2-reader .container.overlap-style .container31 {
             float: left;
             width: 30%;
             position: relative;
             z-index: 1;
         }
 
-        .overlap-style .container32 {
+        body.ebook-ssg2-page.totoga2-page #totoga2-reader .container.overlap-style .container32 {
             float: left;
             width: 46%;
             position: relative;
@@ -460,25 +460,32 @@
             margin-right: -8%;
         }
 
-        .overlap-style .container33 {
+        body.ebook-ssg2-page.totoga2-page #totoga2-reader .container.overlap-style .container33 {
             float: left;
             width: 30%;
             position: relative;
             z-index: 1;
         }
 
-        /* 清除浮動也只針對這個外層 */
-        .overlap-style::after {
+        body.ebook-ssg2-page.totoga2-page #totoga2-reader .container.overlap-style::after {
             content: "";
             display: block;
             clear: both;
         }
 
-        /* overlap 三張重疊圖維持直角（其餘好讀版圖片見上方 chronicle-reader img） */
         body.ebook-ssg2-page.totoga2-page #totoga2-reader .container.overlap-style img {
             border-radius: 0;
             overflow: visible;
         }
+
+        body.ebook-ssg2-page.totoga2-page #totoga2-reader .container.overlap-style .container32 img {
+            width: 42%;
+            max-width: none;
+            height: auto;
+            display: block;
+            position: relative;
+            z-index: 2;
+        }
     </style>
     <link rel="stylesheet" href="split-nav.css">
 </head>