fix 正式交涉改二欄圖文

totoga2/readable copy 2.html

@@ -493,11 +493,11 @@
 
         <main class="content-container chronicle-reader" id="totoga2-reader" data-mode="scroll">
             <article id="challenge" data-title="無限挑戰">
-
+                <div class="containers">
                     <div class="container">
                         <div class="container11">
-                        <img src="/totoga2/readable/07-2_160416_0_02_35水晶男孩.jpg" alt="水晶男孩 COM' BACK">
                             <section class="ebook-section">
+                                <img src="/totoga2/readable/07-2_160416_0_02_35水晶男孩.jpg" alt="水晶男孩 COM' BACK">
                                 <h2 class="section-title">世紀末的追星狂熱，你聽過那場驚天動地的「黃色奇蹟」嗎？</h2>
                                 <p class="ebook-intro-lead">在大韓民國綜藝史上，MBC《無限挑戰》締造了無數眼淚與歡笑，而其中最傳奇的企劃，莫過於將 90
                                     年代叱吒風雲的傳奇歌手們重新召集回舞台的「星期六星期六是歌手」（簡稱六六歌）。受邀歌手必須先在 KTV 唱歌通過測試，成績超過 95 分才能擁有登台資格。</p>
@@ -506,15 +506,13 @@
                                     Turbo、S.E.S.、Jinusean 等歌手引爆熱潮，而無數粉絲期盼的水晶男孩只能抱憾缺席。</p>
                                 <p class="ebook-intro-lead"><strong>傳奇不該就此謝幕。</strong></p>
                                 <p class="ebook-intro-lead">於是，六六歌於 2016 年 4 月開啟了第二季的篇章。</p>
-
                             </section>
                         </div>
                     </div>
-
-
                     <div class="container">
                         <div class="container22">
                             <img src="/totoga2/readable/04-2_totoka.png" alt="六六歌第二季">
+                            <img src="/totoga2/readable/06-1需要極度保密.jpeg" alt="正式交涉高度保密">
                         </div>
                         <div class="container21">
                             <section class="ebook-section">
@@ -523,14 +521,15 @@
                                 <p class="ebook-intro-lead">節目一開場，來到 2016 年 2 月 17 日，兩位來歷不明的人裝扮成 90 年代的偶像，氣喘吁吁地跳著 90
                                     年代的流行歌曲－〈品生品死〉。像是如魚得水的純黑蚱蜢和正在跳蹦床的純白小鬼，當年帥氣的造型現在看起來和大媽沒有差別，模樣相當逗趣！</p>
                                 <p class="ebook-intro-lead">
-                                無限挑戰中原本的五名主持卻只來兩位，原來是因為這次的企劃是高度機密，為了避免消息走漏讓企劃流局，遺憾的先將另外三名排除在外，由口風較緊的國民主持人劉在錫和 HAHA 參與。接著
+                                    無限挑戰中原本的五名主持卻只來兩位，原來是因為這次的企劃是高度機密，為了避免消息走漏讓企劃流局，遺憾的先將另外三名排除在外，由口風較緊的國民主持人劉在錫和
+                                    HAHA
+                                    參與。接著
                                     HAHA
                                     開始猜測嘉賓，依照身上的裝扮大概念猜到，是不是一開始跳的舞曲〈品生品死〉的原唱，正是第一季曾出演過的水院、在德所屬團體－水晶男孩。</p>
 
                             </section>
                         </div>
                     </div>
-
                     <div class="container">
                         <section class="ebook-section">
                             <h2 class="section-title">傳奇男團：水晶男孩（SECHSKIES）</h2>
@@ -545,19 +544,20 @@
 
                         </section>
                     </div>
-                <div class="containers">
-                    <div class="container">
-                        <div class="container22">
-                            <img src="/totoga2/readable/06-1需要極度保密.jpeg" alt="正式交涉高度保密">
                 </div>
-                        <div class="container21">
+
-                            <section class="ebook-section">
+                <div class="containers">
+                    <section class="ebook-section" style="display:flex;flex-direction: row;">
+                        <div>
+                            <img src="/totoga2/readable/11-0.jpg">
+                        </div>
+                        <div style="margin-left: 1rem;">
                             <h2 class="section-title">正式交涉</h2>
                             <p class="ebook-intro-lead">兩位主持爆笑登場後，互相寒暄近況、簡單介紹一下水晶男孩、也提到當年備受矚目的動作 Back down
                                 (扶著後腦勺往後倒地)、過往的吵架故事......等，讓觀眾經由對話對水晶男孩有進一步地認識。</p>
+
+                        </div>
                     </section>
-                        </div>
-                    </div>
 
                     <div class="container">
                         <div class="container22">
@@ -978,12 +978,6 @@
 
             </article>
 
-            <footer>
-                <p>SECHSKIES Fanpage &copy; 2026 - 黃色氣球永遠飄揚</p>
-                <a href="https://jekkinoopy.github.io/Portfolio/" class="studio-link" target="_blank">
-                    Design by <span class="mark_b">Jekkinoopy Studio</span>
-                </a>
-            </footer>
         </main>
     </div>
 
@@ -991,6 +985,12 @@
         <a href="../index.html#story" class="btn">回到首頁 · 傳奇的轉折</a>
     </p>
 
+    <footer>
+        <p>SECHSKIES Fanpage &copy; 2026 - 黃色氣球永遠飄揚</p>
+        <a href="https://jekkinoopy.github.io/Portfolio/" class="studio-link" target="_blank">
+            Design by <span class="mark_b">Jekkinoopy Studio</span>
+        </a>
+    </footer>
     <script src="../assets/js/particles.js"></script>
     <script src="../assets/js/portal-nav.js"></script>
 </body>

totoga2/readable.html

@@ -224,7 +224,7 @@
             align-items: center;
         }
 
-        body.ebook-ssg2-page.totoga2-page #totoga2-reader .container [class^="container"] > img {
+        body.ebook-ssg2-page.totoga2-page #totoga2-reader .container [class^="container"]>img {
             flex: 0 1 auto;
             width: 100%;
             max-width: 100%;
@@ -235,7 +235,7 @@
             object-position: center center;
         }
 
-        body.ebook-ssg2-page.totoga2-page #totoga2-reader .container [class^="container"]:has(> img):not(:has(> section)) > img {
+        body.ebook-ssg2-page.totoga2-page #totoga2-reader .container [class^="container"]:has(> img):not(:has(> section))>img {
             align-self: center;
             margin-block: auto;
         }
@@ -730,29 +730,6 @@
                 </div>
 
                 <!-- 11. 三欄混排（文 + 文 + 圖） -->
-                <div class="container" style="height: auto; min-height: 35vh; margin-bottom: 20px; clear: both;">
-                    <div class="container31 readable-col-3 readable-col-3--left" style="float: left; width: 33.33%;">
-                        <section class="ebook-intro section" style="padding: 15px;">
-                            <h3>當場畫在錫的臉</h3>
-                            <p class="ebook-intro-lead" style="font-size: 0.9rem;">
-                                當節目組提到李宰鎮不久前舉辦過個人畫展、擅長繪畫時，便提出現場展示的要求，要他當場畫在錫的臉。沒想到宰鎮一邊拿著筆，畫到一半卻突然純真地提出自己的疑惑，拋出靈魂拷問：「你們為什麼見到諧星就要他搞笑，見到會畫畫的人就一定要他畫畫呢？」讓劉在錫瞬間覺得自己好像被嚴厲教訓了！
-                            </p>
-                        </section>
-                    </div>
-                    <div class="container32 readable-col-3 readable-col-3--left" style="float: left; width: 33.33%;">
-                        <section class="ebook-intro section" style="padding: 15px;">
-                            <h3>靈魂拷問與相當無語</h3>
-                            <p class="ebook-intro-lead" style="font-size: 0.9rem;">
-                                這番完全跳脫綜藝框架、既無辜又讓人無法反駁的真性情發言，再度讓現場氣氛陷入奇妙的停滯。面對這種史無前例的直球攻勢，剛剛還試圖控場的劉在錫和 HAHA
-                                瞬間失去了語言能力，只能雙手交疊、乖乖坐好，臉上掛著複雜而空洞的微笑。現場字幕更精準地配上「啊啊…相當無語…」，完美道出了主持人在這位「純真奇男子」面前，靈魂短暫登出、徹底無能為力的狀態。
-                            </p>
-                        </section>
-                    </div>
-                    <div class="container33 readable-col-3 readable-col-3--right" style="float: right; width: 33.33%;">
-                        <img src="/totoga2/readable/12-5_啊啊..jpeg" alt="啊啊相當無語字幕"
-                            style="width: 100%; height: 100%; object-fit: cover;">
-                    </div>
-                </div>
 
                 <!-- 12. 二欄圖片左文字右（絕對所有權） -->
                 <div class="container" style="height: auto; min-height: 35vh; margin-bottom: 20px; clear: both;">