From a39783478aed26bfb282dca9a99014cabe967ea9 Mon Sep 17 00:00:00 2001
From: JekkiNoopy <jekkinoopy@gmail.com>
Date: Fri, 15 May 2026 00:26:56 +0800
Subject: [PATCH] =?UTF-8?q?feat=20=E4=BF=AE=E6=94=B9=E5=85=A7=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/css/style.css | 18 +++++++++++++++---
 index.html           | 16 ++++++++++++++--
 2 files changed, 29 insertions(+), 5 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index a7babff..f3a992d 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -1157,8 +1157,11 @@ a {
 }
 
 .merged-storyline .timeline-ebook-cta {
-    display: inline-flex;
+    display: flex;
+    width: 100%;
+    box-sizing: border-box;
     align-items: center;
+    justify-content: center;
     gap: 0.5rem;
     margin-top: 0.95rem;
     padding: 0.6rem 1.1rem 0.6rem 0.9rem;
@@ -1174,10 +1177,9 @@ a {
     transition: transform 0.2s ease, box-shadow 0.2s ease;
     position: relative;
     cursor: default;
-    box-sizing: border-box;
 }
 
-/* 同頂欄 .portal-submenu a[data-coming-soon]::after 氣泡（文案固定為「傳奇書寫中」） */
+/* 同頂欄籌備中氣泡系；預設在右側（若 CTA 非全寬仍可用） */
 .merged-storyline .timeline-ebook-cta::after {
     content: "傳奇書寫中";
     position: absolute;
@@ -1202,6 +1204,16 @@ a {
     transform: translateY(-50%);
 }
 
+/* 六六歌節點內 CTA 全寬時：氣泡改在按鈕上方置中 */
+.merged-storyline .story-node--ebook-ssg2 .timeline-ebook-cta::after {
+    left: 50%;
+    right: auto;
+    top: auto;
+    bottom: calc(100% + 8px);
+    margin-left: 0;
+    transform: translateX(-50%);
+}
+
 @media (hover: hover) {
 
     .merged-storyline .timeline-ebook-cta:hover::after,
diff --git a/index.html b/index.html
index 1c3d1ad..fe60ffb 100644
--- a/index.html
+++ b/index.html
@@ -53,7 +53,7 @@
                             <div class="caption">
                                 <span class="caption__line caption__line--title"><span class="arrow-icon mark_b"
                                         aria-hidden="true">↑</span>設計概念：</span>
-                                <span class="caption__line">六角形水晶、黃色海洋與我們的初心</span>
+                                <span class="caption__line">六角形水晶、黃色海洋與我們的初心Six</span>
                             </div>
                         </div>
                     </div>
@@ -141,8 +141,20 @@
                     </span>
                 </article>
                 <!-- 2016 年後續發展與情感轉折區塊 -->
+                <article class="story-node" data-era="2016.05">
+                    <h3>從路人到鐵粉：從夢境進現實</h3>
+
+                    <p>《無限挑戰》落幕後，原本以為這只是最後一場華麗的告別。在那段連期待都不敢奢侈、只能在螢幕前渴求消息的沈默裡，5 月 11
+                        日的簽約消息像是一記響亮的耳光，將所有人從絕望中打醒。那是從未知的空虛到塵埃落定的震撼——原來這不是終點，奇蹟真的在現實生了根。</p>
+
+                    <p>四月的重逢是老小黃們守候十六年的淚水；而九月的單獨演唱會，則讓無數新小黃見證了那份無法動搖的羈絆。在那片黃色海洋裡，我們不只愛上了水晶男孩，更愛上了他們與小黃之間那種跨越時空的愛情。雖然遺憾沒能看見六人並肩的畫面，但那股新舊交織的生命力，確實為水晶注入了新的靈魂。
+                    </p>
+
+                    <p>這份陪伴在十二月有了溫柔的延續。志溶雖然未回歸舞台，卻在《超回》中以最真實、幸福的模樣走入大家的生活。舞台上的空位雖讓心底隱隱作痛，但看著他幸福的樣子，我們才明白：原來大家只是換個方式一起變老，這份情誼早已超越了表演。
+                    </p>
+                </article>
                 <article class="story-node" data-era="2016">
-                    <h3>延續與錯位：在現實中守候</h3>
+                    <h3>從路人到鐵粉：從夢境進現實</h3>
                     <p>當《無限挑戰》的燈光熄滅，原本以為這場跨越十六年的重逢僅是曇花一現的夢境，但隨後五位成員與 YG
                         簽約的消息，正式宣告了傳奇的歸來。九月演唱會上，新舊粉絲在黃色海洋中見證了跨越時空的強烈羈絆，那種心意相通的悸動，讓我們知道這道光從未真正熄滅過。</p>