From 4d260b5d7f347aaee82bb0e91f2a3906caa646de Mon Sep 17 00:00:00 2001
From: JekkiNoopy <jekkinoopy@gmail.com>
Date: Sun, 17 May 2026 01:07:28 +0800
Subject: [PATCH] =?UTF-8?q?fix=20=E5=B9=B3=E6=9D=BF=E5=B9=B4=E5=88=86?=
 =?UTF-8?q?=E6=A8=99=E4=B8=8D=E5=86=8D=E5=A5=97=E6=A1=8C=E9=9D=A2=E5=AE=9A?=
 =?UTF-8?q?=E4=BD=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/css/style.css  | 61 +++++++++++++++++++++++++------------------
 assets/css/tablet.css | 10 +++++--
 2 files changed, 43 insertions(+), 28 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index 1ddb30b..f9b5137 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -1568,35 +1568,38 @@ a {
     display: block;
 }
 
-/* 備註：改用奇偶自動分邊，新增中間節點時不需要手動加 class */
-.merged-storyline .story-node:nth-of-type(odd) {
-    margin-right: auto;
-    margin-top: 30px;
-}
+/* 備註：奇偶分邊僅桌面（≥1181px）；平板／手機見 tablet.css、下方 ≤900px */
+@media (min-width: 1181px) {
 
-.merged-storyline .story-node:nth-of-type(odd)::before {
-    right: -49px;
-}
+    .merged-storyline .story-node:nth-of-type(odd) {
+        margin-right: auto;
+        margin-top: 30px;
+    }
 
-.merged-storyline .story-node:nth-of-type(odd)::after {
-    right: -10px;
-    top: -20px;
-    transform: rotate(30deg);
-}
+    .merged-storyline .story-node:nth-of-type(odd)::before {
+        right: -49px;
+    }
 
-.merged-storyline .story-node:nth-of-type(even) {
-    margin-left: auto;
-    margin-top: 10px;
-}
+    .merged-storyline .story-node:nth-of-type(odd)::after {
+        right: -10px;
+        top: -20px;
+        transform: rotate(30deg);
+    }
 
-.merged-storyline .story-node:nth-of-type(even)::before {
-    left: -49px;
-}
+    .merged-storyline .story-node:nth-of-type(even) {
+        margin-left: auto;
+        margin-top: 10px;
+    }
 
-.merged-storyline .story-node:nth-of-type(even)::after {
-    left: -10px;
-    top: -20px;
-    transform: rotate(-30deg);
+    .merged-storyline .story-node:nth-of-type(even)::before {
+        left: -49px;
+    }
+
+    .merged-storyline .story-node:nth-of-type(even)::after {
+        left: -10px;
+        top: -20px;
+        transform: rotate(-30deg);
+    }
 }
 
 /* 跨時空軌跡：2016 六六歌節點 — 強調電子書 CTA */
@@ -1786,10 +1789,16 @@ a {
     .merged-storyline .story-node::after,
     .merged-storyline .story-node:nth-of-type(odd)::after,
     .merged-storyline .story-node:nth-of-type(even)::after {
-        left: 14px;
+        left: 12px;
         right: auto;
         top: -14px;
         transform: rotate(-8deg);
+        transform-origin: center center;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        line-height: 1.2;
+        padding: 4px 9px;
     }
 
     .merged-storyline .story-node:nth-of-type(odd)::before,
@@ -1800,7 +1809,7 @@ a {
 
     .merged-storyline .story-node:nth-of-type(odd),
     .merged-storyline .story-node:nth-of-type(even) {
-        margin-top: 28px;
+        margin-top: 35px;
     }
 }
 
diff --git a/assets/css/tablet.css b/assets/css/tablet.css
index 5aa4ae1..08eceef 100644
--- a/assets/css/tablet.css
+++ b/assets/css/tablet.css
@@ -136,10 +136,16 @@
     .merged-storyline .story-node::after,
     .merged-storyline .story-node:nth-of-type(odd)::after,
     .merged-storyline .story-node:nth-of-type(even)::after {
-        left: 14px;
+        left: 12px;
         right: auto;
         top: -14px;
         transform: rotate(-8deg);
+        transform-origin: center center;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        line-height: 1.2;
+        padding: 4px 9px;
     }
 
     .merged-storyline .story-node:nth-of-type(odd)::before,
@@ -150,7 +156,7 @@
 
     .merged-storyline .story-node:nth-of-type(odd),
     .merged-storyline .story-node:nth-of-type(even) {
-        margin-top: 28px;
+        margin-top: 35px;
     }
 
     /* 紀實長卷／pillar 段落 */