jekkinoopy/sechskies
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix 好讀版對齊電子書樣式

Browse Source
This commit is contained in:
jekkinoopy
2026-05-18 01:32:34 +08:00
parent 73a5427e48
commit 685dd064d8
2 changed files with 262 additions and 201 deletions
Download Patch File Download Diff File Expand all files Collapse all files
totoga2/readable copy 2.html
+72 -38
View File
@@ -9,16 +9,20 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<link rel="stylesheet" href="../assets/css/tablet.css">
<style>
/* 圖列 container：僅排版；標題／內文／註解用全站 section-title、ebook-intro-lead、ebook-intro-note */
body.totoga2-page main#totoga2-reader.chronicle-reader {
/* 圖列 container：僅 flex。內文須在 .ebook-main 內且包 .ebook-intro.section（與 ebook.html 同選擇器鏈） */
body.ebook-ssg2-page.totoga2-page .ebook-main main#totoga2-reader.chronicle-reader {
max-width: min(1280px, 96vw);
padding-left: 0;
padding-right: 0;
padding: 24px 20px;
margin: 0 auto 2rem;
position: relative;
z-index: 1;
background: #fffdf6;
border-radius: 16px;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
box-sizing: border-box;
}
body.totoga2-page #totoga2-reader .container {
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container {
width: 100%;
max-width: none;
margin: 0 0 35px 0;
@@ -55,7 +59,7 @@
box-sizing: border-box;
}
body.totoga2-page .ebook-main .chronicle-reader img {
body.ebook-ssg2-page.totoga2-page .ebook-main #totoga2-reader.chronicle-reader img {
width: 100%;
max-width: 100%;
height: auto;
@@ -64,28 +68,58 @@
object-fit: cover;
}
body.totoga2-page .ebook-main #totoga2-reader.chronicle-reader p.ebook-intro-lead {
body.ebook-ssg2-page.totoga2-page .ebook-main #totoga2-reader .ebook-intro.section h2.section-title {
color: var(--primary);
text-align: left;
font-size: 1.35rem;
letter-spacing: 3px;
margin: 0 0 20px;
text-transform: uppercase;
}
body.ebook-ssg2-page.totoga2-page .ebook-main #totoga2-reader .ebook-intro.section h2.section-title::after {
content: "";
display: block;
width: 50px;
height: 3px;
background: var(--primary);
margin: 15px 0 0;
}
body.ebook-ssg2-page.totoga2-page .ebook-main #totoga2-reader .ebook-intro.section p.ebook-intro-lead {
text-align: left;
max-width: none;
text-align: left;
margin: 0 0 1.25rem;
color: #4a4a4a;
line-height: 1.7;
}
body.totoga2-page .ebook-main #totoga2-reader.chronicle-reader h2.section-title {
text-align: left;
}
body.totoga2-page .chronicle-chapter .ebook-intro-note {
margin: 0.5rem 0 0;
body.ebook-ssg2-page.totoga2-page .ebook-main #totoga2-reader .ebook-intro.section p.ebook-intro-note {
margin: 0.35rem 0 0;
text-align: right;
font-size: 0.88rem;
color: #777;
line-height: 1.5;
}
body.ebook-ssg2-page.totoga2-page .ebook-main #totoga2-reader .ebook-intro.section h3 {
margin: 0 0 12px;
color: #252525;
letter-spacing: 1px;
font-size: 1.05rem;
}
@media (max-width: 768px) {
body.totoga2-page #totoga2-reader .container>div {
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container>div {
flex: 1 1 100% !important;
}
}
@media (max-width: 640px) {
body.ebook-ssg2-page.totoga2-page .ebook-main main#totoga2-reader.chronicle-reader {
padding: 18px 14px;
}
}
</style>
<link rel="stylesheet" href="split-nav.css">
</head>
@@ -120,12 +154,12 @@
</section>
<main class="content-container chronicle-reader flip-ebook-shell" id="totoga2-reader" data-mode="scroll">
<article class="chronicle-chapter active" id="challenge" data-title="無限挑戰">
<article id="challenge" data-title="無限挑戰">
<div class="container">
<div class="container11">
<img src="/totoga2/readable/7-2_160416_0_02_35水晶男孩.jpg" alt="水晶男孩 COM' BACK">
<div class="section">
<div class="ebook-intro section">
<h2 class="section-title">世紀末的追星狂狂熱，你聽過那場驚天動地的「黃色奇蹟」嗎？</h2>
<p class="ebook-intro-lead">在大韓民國綜藝史上，MBC《無限挑戰》締造了無數眼淚與歡笑，而其中最傳奇的企劃，莫過於將 90
年代叱吒風雲的傳奇歌手們重新召集回舞台的「星期六星期六是歌手」（簡稱六六歌）。受邀歌手必須先在 KTV 唱歌通過測試，成績超過 95 分才能擁有登台資格。</p>
@@ -143,7 +177,7 @@
<div class="container22">
<img src="/totoga2/readable/04-2_totoka.png" alt="六六歌第二季">
</div>
<div class="container21 section">
<div class="container21 ebook-intro section">
<h3>六六歌第二季：獨一無二的專屬企劃</h3>
<p class="ebook-intro-lead">和第一季不同的是，第一季是由許多藝人共同完成一個舞台，而第二季專門為一個團體而企劃。</p>
<p class="ebook-intro-lead">節目一開場，來到 2016 年 2 月 17 日，兩位來歷不明的人裝扮成 90 年代的偶像，氣喘吁吁地跳著 90
@@ -155,7 +189,7 @@
</div>
<div class="container">
<div class="container11 section">
<div class="container11 ebook-intro section">
<h2 class="section-title">傳奇男團：水晶男孩（SECHSKIES）</h2>
<p class="ebook-intro-lead">1997 年 4 月 15 日出道，一出道就和 H.O.T（韓國第一支男孩團體，「韓流」的開山鼻祖）平分秋色，為 90 年代歌壇颶風兩大山脈，人氣非常高。</p>
<p class="ebook-intro-lead">團體中另分為以
@@ -171,7 +205,7 @@
<div class="container">
<div class="container11">
<img src="/totoga2/readable/6-1需要極度保密.jpeg" alt="正式交涉高度保密">
<div style="padding-top: 15px;">
<div class="ebook-intro section" style="padding-top: 15px;">
<h2 class="section-title">正式交涉</h2>
<p class="ebook-intro-lead">兩位主持爆笑登場後，互相寒暄近況、簡單介紹一下水晶男孩、也提到當年備受矚目的動作 Back down
(扶著後腦勺往後倒地)、過往的吵架故事......等，讓觀眾經由對話對水晶男孩有進一步地認識。</p>
@@ -180,7 +214,7 @@
</div>
<div class="container">
<div class="container21 section">
<div class="container21 ebook-intro section">
<h3>冷凍美男－姜成勳</h3>
<p class="ebook-intro-lead">印象深刻的是主唱姜成勳擁有和 20 年前一樣的驚人外貌，堪稱冷凍人級別！還被張水院虧說到 70 歲還是會繼續留這個髮型！</p>
<p class="ebook-intro-lead">事實上這段期間他經歷了波折，遭到合夥人詐騙卻被誣告，過了兩年法院才還他清白，應該是最辛苦的他，反而只覺得對粉絲和大眾感到抱歉，令人心疼！</p>
@@ -203,7 +237,7 @@
<div class="container31">
<img src="/totoga2/readable/11-3_160416_0_03.png" alt="李宰鎮">
</div>
<div class="container32 section">
<div class="container32 ebook-intro section">
<h3>魔性魅力－李宰鎮</h3>
<p class="ebook-intro-lead">節目剛開始時，大家高興地彼此問候，唯獨被嚇壞的李宰鎮問為什麼要這樣歡迎，性格似乎有點與眾不同。訪問輪到他時，就連劉在錫和 HAHA 都緊張這座必須要跨越的喜馬拉雅山。</p>
<p class="ebook-intro-lead">隨著節目的進行，開始發現他的魔性魅力，李宰鎮的獨特思考方式、新穎的回答，具有他個人特色的綜藝感，讓採訪過無數來賓，見過大風大浪的劉在錫也爆笑又暴跳！</p>
@@ -253,7 +287,7 @@
</div>
<div class="container">
<div class="container21 section">
<div class="container21 ebook-intro section">
<h2 class="section-title">秘密召集與重組意願</h2>
<p class="ebook-intro-lead">2016 年，是解散後的第 16 年，也正好是水晶男孩出道的第 20
年，因此成為了第二季的邀約對象。六六歌製作組趁著水晶男孩隊長殷志源參加無限挑戰拍攝時，謹慎向他提議出演企劃，希望能夠講述這閃耀六人組合的故事。</p>
@@ -263,7 +297,7 @@
<p class="ebook-intro-note">圖片來源：MBC</p>
</div>
<div class="container22">
<div class="section" style="background-color: var(--primary); color: var(--black); height:100%;">
<div class="ebook-intro section" style="background-color: var(--primary); color: var(--black); height:100%;">
<h3 style="color:var(--black); border-left-color:var(--black)">保密協議與解散緣由</h3>
<p class="ebook-intro-lead">進而聊到解散情況，當時解散的原因是不滿公司的壓榨，原本想集體離開公司，卻被公司強制解散…當時鬧得很大，父母都到公司開會了...</p>
<p class="ebook-intro-lead">就在大家嚴肅討論的時候，李宰鎮又突然笑出來，說道當時父母親是去結算的，讓在錫和 HAHA 再次無語，互相幫對方按摩，訪談過程中李宰鎮的回應讓主持人各種崩潰，是節目的一大看點！</p>
@@ -272,7 +306,7 @@
</div>
<div class="container">
<div class="container11 section">
<div class="container11 ebook-intro section">
<h2 class="section-title">愛做不做公演 vs 游擊演唱會</h2>
<p class="ebook-intro-lead">和第一季不同的是，第一季是提前告知並讓觀眾申請入場，而第二季是游擊演唱會，公演當天宣傳並聚集觀眾，演出者必須戴上眼罩，於活動開始時才能看到觀眾人數，這是在他們解散後才出現的節目，終於可以嘗試了！光是想像都讓人激動！觀眾也相當期待。
</p>
@@ -287,14 +321,14 @@
</div>
<div class="container">
<div class="container22 section">
<div class="container22 ebook-intro section">
<h3>KTV挑戰：考驗默契的難關</h3>
<p class="ebook-intro-lead">光是成員們有鬥志合體還不夠，必須在 KTV 機器評鑑分數超過 95 分才可以繼續。離開舞台這麼久，不是歌詞記不得，舞蹈也零零落落，隊長殷志源甚至連自己有沒有唱都忘了！</p>
<p class="ebook-intro-lead">主唱姜成勳熱唱時，其他成員竟然還在後方開會討論舞步！而且還跳錯首，唱的是〈COM'
BACK〉跳的卻是〈品生品死〉！每首歌曲的起承轉合都是姜成勳，歌曲大股東姜成勳非但一人飾兩角、頂替高志溶的部分，也記得舞步帶領成員。但，歌都是姜成勳在唱，先失聲的卻是李宰鎮，令劉在錫笑到滿臉脹紅。
</p>
</div>
<div class="container21 section">
<div class="container21 ebook-intro section">
<h3>第六顆水晶－高志溶的尋訪</h3>
<p class="ebook-intro-lead">籌備接近尾聲時，劉在錫終於帶到高志溶的話題，才知道原來殷志源和李宰鎮也 16 年沒有和高志溶見面了。殷志源表示高志溶的工作是需要專業性的，所以可能會希望隱藏曾是藝人的事實。KTV
過關後，劉在錫決定親自去拜訪高志溶。</p>
@@ -304,7 +338,7 @@
</div>
<div class="container">
<div class="container11 section">
<div class="container11 ebook-intro section">
<h2 class="section-title">完美背後的代價：變數與消息走漏</h2>
<p class="ebook-intro-lead">成員為了呈現完美的回
回歸舞台努力練習，但殷志源和姜成勳各自受傷必須手術——姜成勳腳趾骨裂傷、殷志源膝蓋軟骨壞死，蹲下去就很難站起來。但兩人為了成員們、為了粉絲、為了久違的回歸舞台，暫時不做手術，堅持忍痛繼續練習。
@@ -320,14 +354,14 @@
</div>
<div class="container">
<div class="container22 section">
<div class="container22 ebook-intro section">
<h3>第一站：高速公路休息站</h3>
<p class="ebook-intro-lead">2016 年 4 月 14
日，無限挑戰的主持人分別接送每位成員，裝扮好當年的模樣後，先是到了高速公路休息站？！沒想到因為沒有保守好秘密，淪落到休息站表演的地步！還是化妝室旁，時隔這麼多年的表演舞台，和想像中的完全不一樣！
</p>
<p class="ebook-intro-lead">消磨膝蓋準備表演的〈品生品死〉，台下卻很冷清，還好唱到國民歌曲〈Couple〉時，很多觀眾還是耳熟能詳，甚至可以跟著唱跳。一開始覺得丟人想找地洞鑽的他們，表演到後來也跟著興奮了！</p>
</div>
<div class="container21 section">
<div class="container21 ebook-intro section">
<h3>第二站：民俗村與瘋狂粉絲</h3>
<p class="ebook-intro-lead">接著來到民俗村，正好有一群國小生來校外教學，20
年前都還沒出生的孩子們，根本不認識他們！看著這些觀眾，興起了想把對方變成粉絲的心情，更加賣力地表演著。本來感到文化衝擊的孩子們，看到李宰鎮跟金在德合作的 Back down
@@ -337,7 +371,7 @@
</div>
<div class="container">
<div class="container11 section">
<div class="container11 ebook-intro section">
<h2 class="section-title">驚喜與轉折：真正的游擊演唱會</h2>
<p class="ebook-intro-lead">經過高速公路休息區和民俗村兩場表演後，無限挑戰為了他們準備了最後落腳點——<strong>上岩世界盃體育場</strong>，舉辦真正的游擊演唱會！讓原本已經不抱希望的成員再次緊張起來。無限挑戰透過官網發布了水晶男孩游擊演唱會的消息，短短不到四個小時的時間，只能在
SNS 進行宣傳，又是平日晚上，雪上加霜的還是熱門韓劇《太陽的後裔》完結日！成員們非常緊張，粉絲們會來嗎？</p>
@@ -349,14 +383,14 @@
</div>
<div class="container">
<div class="container21 section">
<div class="container21 ebook-intro section">
<h3>高志溶的真心與團魂</h3>
<p class="ebook-intro-lead">鏡頭帶到高志溶出現前在車上受訪的畫面，高志溶雖然有了自己的生活，但想到解散後，除了殷志源發展最好，其他成員們都經歷很多辛苦的事。知道其他成員從以前就很希望重組，也認為這次出演無限挑戰對成員來說是很好的機會。
</p>
<p class="ebook-intro-lead">雖然他無法再次以水晶男孩的身分在演藝圈活動，但希望成員們可以藉由這個機會復出，所以最後決定出演，希望自己能幫忙抓住這個機會。而成員們雖然希望高志溶出現，但也表示尊重高志溶的選擇；當製作組提到待會要見到成員時，高志溶略為哽咽地說：「應該會很吃驚吧...可能以為我不會來吧...」一直以來無法回應成員期待的他，眼眶瞬間泛紅，雙方為彼此著想的心意，是他們重視這份情誼的最好證明！
</p>
</div>
<div class="container22 section">
<div class="container22 ebook-intro section">
<h3>無人能取代的第六個位置</h3>
<p class="ebook-intro-lead">彼此聊了過往和近況後，準備出發演出場地。殷志源表示此刻很像是去見初戀的心情，很擔心自己會破壞粉絲心中的美好回憶。雖然高志溶沒有和他們一起練習歌舞，但光是他的出現，就讓成員們心理變得非常踏實！
</p>
@@ -366,7 +400,7 @@
</div>
<div class="container">
<div class="container11 section" style="background-color: var(--black); color: #fff;">
<div class="container11 ebook-intro section" style="background-color: var(--black); color: #fff;">
<h2 class="section-title" style="color: var(--primary); border-left-color: var(--primary);">請脫下眼罩：累積16年的情感爆發</h2>
<p class="ebook-intro-lead" style="color: #eee;">
高志溶獨自先到達休息室等待，其他五位成員率先出場。主持人在成員上台前，和台下粉絲約定好安靜，等大家脫下眼罩才能發出聲音。成員們一進場時，台上台下一片寂寥與黑暗，戴著眼罩的成員們此刻非常緊張，就連平常看似無所畏懼的隊長殷志源都緊張到伸出手找金在德牽著。
@@ -384,7 +418,7 @@
</div>
<div class="container">
<div class="container11 section">
<div class="container11 ebook-intro section">
<h2 class="section-title">請記得我：從離別走向幸福</h2>
<p class="ebook-intro-lead">劉在錫宣布最後的曲目是當年告別時演唱的〈請記得我〉，對於水晶男孩和小黃來說都是首催淚曲，也許是害怕再次離別，小黃大喊著不要唱。此時劉在錫沉澱了一下，接著說：「雖然這是在他們離開時唱的歌曲，但是，為了還記得他們，等待這麼久的各位，不是五顆水晶...由六顆水晶一同獻唱！」台下小黃激動不已！
</p>
@@ -397,13 +431,13 @@
</div>
<div class="container">
<div class="container21 section">
<div class="container21 ebook-intro section">
<h3>我是水晶男孩的高志溶</h3>
<p class="ebook-intro-lead">表演完〈請記得我〉，台下瘋狂揮舞著氣球，大喊著高志溶。高志溶在台上正式問候：「大家好，我是水晶男孩的高志溶！」小黃們聲嘶力竭地大喊著：「我們很想你！」</p>
<p class="ebook-intro-lead">看著台下小黃，高志溶無法輕易回答，想到小黃苦苦地等待，他不禁紅了眼眶，久久說不出話來...台下小黃安慰地應援著：「不要哭！高志溶！」「沒關係！高志溶！」當高志溶每次想開口時都和忍著哭的粉絲對視，所以一直說不出話...
</p>
</div>
<div class="container22 section">
<div class="container22 ebook-intro section">
<h3>殷隊的體貼與釋懷</h3>
<p class="ebook-intro-lead">殷志源為了讓他緩和，主動開口：「志溶在各位的喜愛下度過了 20 代初期，但他現在跟大家一樣過著平凡的生活...他能做出這個艱難的決定，我們都很感謝...他現在百感交集說不出話...」</p>
<p class="ebook-intro-lead">準備好開口後，高志溶說：「剛才心情非常複雜，和大家重逢真的很開心，沒想到現在還有這麼多人會來呢！16
@@ -413,7 +447,7 @@
</div>
<div class="container">
<div class="container11 section" style="border: 2px solid var(--primary);">
<div class="container11 ebook-intro section" style="border: 2px solid var(--primary);">
<h2 class="section-title">安可：世界上最感動的結局</h2>
<p class="ebook-intro-lead">結束了最後的問候後，帶來了〈Couple〉做為安可曲。金在德興奮地跳著舞脫離了隊形，張水院轉頭發現，寵溺地笑著看他要走去哪裡。金在德走到一半回頭看成員，才發現只有自己離開舞台中心，害羞地笑著走回原位，相當可愛！
</p>