fix調整結構
This commit is contained in:
+333
-239
@@ -17,17 +17,30 @@
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container {
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .containers {
|
||||
width: 100%;
|
||||
max-width: none;
|
||||
margin: 0 0 1.25rem;
|
||||
padding: 0;
|
||||
/* margin: 0 0 1.25rem; */
|
||||
padding: 1rem;
|
||||
height: auto;
|
||||
min-height: 0;
|
||||
clear: both;
|
||||
box-sizing: border-box;
|
||||
position: static;
|
||||
z-index: auto;
|
||||
background: var(--surface);
|
||||
border: 1px solid rgba(255, 204, 0, 0.15);
|
||||
border-radius: 16px;
|
||||
box-shadow: 0 14px 34px rgba(0, 0, 0, 0.15);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* 同列共用奶油底、外框與欄間距(內文 section 仍保留 padding,不重複底色) */
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container {
|
||||
padding: 0.75rem;
|
||||
/* gap: 0.75rem; */
|
||||
}
|
||||
|
||||
/* 同列共用奶油底、外框與欄間距(內文 section 仍保留 padding,不重複底色) */
|
||||
@@ -35,12 +48,12 @@
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container21):has(> .container22),
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container31):has(> .container32):has(> .container33),
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container41):has(> .container42):has(> .container43):has(> .container44) {
|
||||
padding: 0.75rem;
|
||||
/* padding: 0.75rem; */
|
||||
gap: 0.75rem;
|
||||
background: var(--surface);
|
||||
border: 1px solid rgba(255, 204, 0, 0.15);
|
||||
/* background: var(--surface);
|
||||
border: 1px solid rgba(255, 204, 0, 0.15); */
|
||||
border-radius: 16px;
|
||||
box-shadow: 0 14px 34px rgba(0, 0, 0, 0.15);
|
||||
/* box-shadow: 0 14px 34px rgba(0, 0, 0, 0.15); */
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@@ -93,7 +106,6 @@
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .readable-col-2--right,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container21 {
|
||||
float: right;
|
||||
width: 50%;
|
||||
@@ -120,13 +132,11 @@
|
||||
width: 33.33%;
|
||||
}
|
||||
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .readable-col-3--right,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container33 {
|
||||
float: right;
|
||||
width: 33.33%;
|
||||
}
|
||||
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .readable-col-4,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container41,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container42,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container43,
|
||||
@@ -135,14 +145,12 @@
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .readable-col-4--left,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container41,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container42 {
|
||||
float: left;
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .readable-col-4--right,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container43,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container44 {
|
||||
float: right;
|
||||
@@ -150,10 +158,7 @@
|
||||
}
|
||||
|
||||
/* 各欄內文字區:與一欄 section 同款邊距(不另縮 42rem 置中欄) */
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .readable-col-1 section.ebook-intro.section,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .readable-col-2 section.ebook-intro.section,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .readable-col-3 section.ebook-intro.section,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .readable-col-4 section.ebook-intro.section,
|
||||
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container11 section.ebook-intro.section,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container21 section.ebook-intro.section,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container22 section.ebook-intro.section,
|
||||
@@ -168,12 +173,9 @@
|
||||
max-width: 100%;
|
||||
clear: both;
|
||||
box-sizing: border-box;
|
||||
margin-bottom: 1.25rem;
|
||||
/* margin-bottom: 1.25rem; */
|
||||
}
|
||||
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .readable-col-2 section.ebook-intro.section p.ebook-intro-lead,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .readable-col-3 section.ebook-intro.section p.ebook-intro-lead,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .readable-col-4 section.ebook-intro.section p.ebook-intro-lead,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container21 section.ebook-intro.section p.ebook-intro-lead,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container22 section.ebook-intro.section p.ebook-intro-lead,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container31 section.ebook-intro.section p.ebook-intro-lead,
|
||||
@@ -189,9 +191,7 @@
|
||||
margin-bottom: 1.25rem;
|
||||
}
|
||||
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .readable-col-2 section.ebook-intro.section h3,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .readable-col-3 section.ebook-intro.section h3,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .readable-col-4 section.ebook-intro.section h3,
|
||||
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container21 section.ebook-intro.section h3,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container22 section.ebook-intro.section h3,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container31 section.ebook-intro.section h3,
|
||||
@@ -223,13 +223,13 @@
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:not(.readable-homework-block) [class^="container"] > img {
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:not(.readable-homework-block) [class^="container"]>img {
|
||||
flex: 0 1 auto;
|
||||
max-height: 100%;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:not(.readable-homework-block) [class^="container"]:has(> img):not(:has(> section)) > img {
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:not(.readable-homework-block) [class^="container"]:has(> img):not(:has(> section))>img {
|
||||
align-self: center;
|
||||
margin-block: auto;
|
||||
}
|
||||
@@ -342,6 +342,7 @@
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
/* 四欄列:僅在非作業區使用 Flex 佈局 */
|
||||
@@ -413,6 +414,50 @@
|
||||
letter-spacing: 0.04em;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
body.ebook-ssg2-page.totoga2-page .ebook-main #totoga2-reader .ebook-section h3 {
|
||||
max-width: 42rem;
|
||||
margin: 0.5rem auto 0.875rem;
|
||||
padding-left: 0.75rem;
|
||||
border-left: 3px solid var(--primary);
|
||||
color: #2a2a2a;
|
||||
font-size: 1.25rem;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.04em;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
/* 只有在 .overlap-style 裡面的 31、32、33 才會套用重疊效果 */
|
||||
|
||||
.overlap-style .container31 {
|
||||
float: left;
|
||||
width: 30%;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.overlap-style .container32 {
|
||||
float: left;
|
||||
width: 46%;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
margin-left: -12%;
|
||||
margin-right: -8%;
|
||||
}
|
||||
|
||||
.overlap-style .container33 {
|
||||
float: left;
|
||||
width: 30%;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* 清除浮動也只針對這個外層 */
|
||||
.overlap-style::after {
|
||||
content: "";
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="split-nav.css">
|
||||
</head>
|
||||
@@ -439,7 +484,7 @@
|
||||
</nav>
|
||||
|
||||
<div class="content-container ebook-main">
|
||||
<section class="ebook-intro section" aria-label="圖文好讀版說明">
|
||||
<section class="ebook-section" aria-label="圖文好讀版說明">
|
||||
<h2 class="section-title">圖文好讀版</h2>
|
||||
<p class="ebook-intro-lead">
|
||||
若你錯過了當年的直播,或想邊看節目截圖邊重溫敘事,這裡把《無限挑戰》六六歌2 的紀實整理成可一路往下讀的圖文長文;笑點與淚點交錯,六顆水晶如何再次站上舞台,都在這一頁。
|
||||
@@ -450,9 +495,9 @@
|
||||
<article id="challenge" data-title="無限挑戰">
|
||||
|
||||
<div class="container">
|
||||
<div class="container11 readable-col-1">
|
||||
<div class="container11">
|
||||
<img src="/totoga2/readable/07-2_160416_0_02_35水晶男孩.jpg" alt="水晶男孩 COM' BACK">
|
||||
<section class="ebook-intro section">
|
||||
<section class="ebook-section">
|
||||
<h2 class="section-title">世紀末的追星狂熱,你聽過那場驚天動地的「黃色奇蹟」嗎?</h2>
|
||||
<p class="ebook-intro-lead">在大韓民國綜藝史上,MBC《無限挑戰》締造了無數眼淚與歡笑,而其中最傳奇的企劃,莫過於將 90
|
||||
年代叱吒風雲的傳奇歌手們重新召集回舞台的「星期六星期六是歌手」(簡稱六六歌)。受邀歌手必須先在 KTV 唱歌通過測試,成績超過 95 分才能擁有登台資格。</p>
|
||||
@@ -468,11 +513,11 @@
|
||||
|
||||
|
||||
<div class="container">
|
||||
<div class="container22 readable-col-2 readable-col-2--left">
|
||||
<div class="container22">
|
||||
<img src="/totoga2/readable/04-2_totoka.png" alt="六六歌第二季">
|
||||
</div>
|
||||
<div class="container21 readable-col-2 readable-col-2--right">
|
||||
<section class="ebook-intro section">
|
||||
<div class="container21">
|
||||
<section class="ebook-section">
|
||||
<h3>六六歌第二季:獨一無二的專屬企劃</h3>
|
||||
<p class="ebook-intro-lead">和第一季不同的是,第一季是由許多藝人共同完成一個舞台,而第二季專門為一個團體而企劃。</p>
|
||||
<p class="ebook-intro-lead">節目一開場,來到 2016 年 2 月 17 日,兩位來歷不明的人裝扮成 90 年代的偶像,氣喘吁吁地跳著 90
|
||||
@@ -487,7 +532,7 @@
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section class="ebook-intro section">
|
||||
<section class="ebook-section">
|
||||
<h2 class="section-title">傳奇男團:水晶男孩(SECHSKIES)</h2>
|
||||
<p class="ebook-intro-lead">1997 年 4 月 15 日出道,一出道就和 H.O.T(韓國第一支男孩團體,「韓流」的開山鼻祖)平分秋色,為 90
|
||||
年代歌壇颶風兩大山脈,人氣非常高。</p>
|
||||
@@ -500,206 +545,255 @@
|
||||
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="container11 readable-col-1">
|
||||
<div class="containers">
|
||||
<div class="container" style="display: flex;flex-direction: row;">
|
||||
<img src="/totoga2/readable/06-1需要極度保密.jpeg" alt="正式交涉高度保密">
|
||||
<section class="ebook-intro section" style="padding-top: 15px;">
|
||||
<h2 class="section-title">正式交涉</h2>
|
||||
<p class="ebook-intro-lead">兩位主持爆笑登場後,互相寒暄近況、簡單介紹一下水晶男孩、也提到當年備受矚目的動作 Back down
|
||||
(扶著後腦勺往後倒地)、過往的吵架故事......等,讓觀眾經由對話對水晶男孩有進一步地認識。</p>
|
||||
</section>
|
||||
<div class="container11">
|
||||
<section class="ebook-section">
|
||||
<h2 class="section-title">正式交涉</h2>
|
||||
<p class="ebook-intro-lead">兩位主持爆笑登場後,互相寒暄近況、簡單介紹一下水晶男孩、也提到當年備受矚目的動作 Back down
|
||||
(扶著後腦勺往後倒地)、過往的吵架故事......等,讓觀眾經由對話對水晶男孩有進一步地認識。</p>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="container22 readable-col-2">
|
||||
<section class="ebook-intro section">
|
||||
<h3>冷凍美男-姜成勳</h3>
|
||||
<p class="ebook-intro-lead">印象深刻的是主唱姜成勳擁有和 20 年前一樣的驚人外貌,堪稱冷凍人級別!還被張水院虧說到 70 歲還是會繼續留這個髮型!</p>
|
||||
<div class="container">
|
||||
<div class="container22">
|
||||
<section class="ebook-section">
|
||||
<h3>冷凍美男-姜成勳</h3>
|
||||
<p class="ebook-intro-lead">印象深刻的是主唱姜成勳擁有和 20 年前一樣的驚人外貌,堪稱冷凍人級別!還被張水院虧說到 70 歲還是會繼續留這個髮型!
|
||||
</p>
|
||||
<p class="ebook-intro-lead">
|
||||
事實上這段期間他經歷了波折,遭到合夥人詐騙卻被誣告,過了兩年法院才還他清白,應該是最辛苦的他,反而只覺得對粉絲和大眾感到抱歉,令人心疼!
|
||||
</p>
|
||||
</section>
|
||||
</div>
|
||||
<div class="container21">
|
||||
<img src="/totoga2/readable/11-1_冷凍人.jpeg" alt="冷凍美男姜成勳">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="container">
|
||||
<div class="container31">
|
||||
<img src=" /totoga2/readable/11-3_160416_0_03.png" alt="清楚表達才聽得懂的極端 O 型">
|
||||
</div>
|
||||
<div class="container32">
|
||||
<section class="ebook-section">
|
||||
<h3>魔性魅力-李宰鎮</h3>
|
||||
<p class="ebook-intro-lead">節目剛開始時,大家高興地彼此問候,唯獨被嚇壞的李宰鎮問為什麼要這樣歡迎,性格似乎有點與眾不同。訪問輪到他時,就連劉在錫和
|
||||
HAHA
|
||||
都緊張這座必須要跨越的喜馬拉雅山。</p>
|
||||
</section>
|
||||
</div>
|
||||
<div class="container33">
|
||||
<img src="/totoga2/readable/13-4_160416_0_05.png" alt="清楚表達才聽得懂的極端 O 型">
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="container21">
|
||||
<section class="ebook-section">
|
||||
<h3>無法輕易征服的高山</h3>
|
||||
<p class="ebook-intro-lead">面對這座高山,主持人們頻頻在李宰鎮獨特的思考迴路中迷失方向。他是必須要「清楚表達才聽得懂的極端 O
|
||||
型」人格,不按綜藝套路出牌,讓劉在錫讚嘆這絕對是自己「生平第一次看到的角色」!</p>
|
||||
</section>
|
||||
</div>
|
||||
<div class="container22">
|
||||
<img src="/totoga2/readable/11-2_無法輕易征服的高山 宰鎮.jpeg" alt="無法輕易征服的高山 宰鎮">
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="container22">
|
||||
<img src="/totoga2/readable/11-4_160416_0_08.jpeg" alt="主持人群感到緊張">
|
||||
</div>
|
||||
<div class="container21">
|
||||
<section class="ebook-section">
|
||||
<h3>見過大風大浪也緊張</h3>
|
||||
<p class="ebook-intro-lead">隨著訪問推進,李宰鎮那具有個人特色的綜藝感漸漸展露。他的耿直反應和新穎回答,讓採訪過無數來賓的劉在錫和 HAHA
|
||||
從一開始就繃緊了神經,完全無法預測接下來的局勢發展。</p>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="container" style="padding: 0;">
|
||||
<div class="container31">
|
||||
<img src="/totoga2/readable/12-1_160416_0_06.png" alt="宰鎮突然大笑">
|
||||
</div>
|
||||
<div class="container32">
|
||||
<section class="ebook-section">
|
||||
<h3>無預警爆發的魔性笑聲</h3>
|
||||
<p class="ebook-intro-lead">聊天聊到一半,他常常因為腦海中的突發奇想,突然獨自放聲大笑「嗯哈哈哈哈~」。那毫無防備的突發笑彈,讓坐在一旁的
|
||||
HAHA 直接被嚇到雙眼圓睜、不知所措!</p>
|
||||
</section>
|
||||
</div>
|
||||
<div class="container33">
|
||||
<img src="/totoga2/readable/12-2_160416_0_07.png" alt="HAHA被嚇到">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="container22">
|
||||
<section class="ebook-section">
|
||||
<h3>讓全場陷入混亂的「精神衝擊」</h3>
|
||||
<p class="ebook-intro-lead">
|
||||
控場能力一流的劉在錫也徹底崩潰,一邊按耐著受驚的心臟、一邊哭笑不得,HAHA畢恭畢敬地追問:「真的真的很抱歉,但是為什麼你要笑?」這種摸不著頭緒卻又無敵純真的個人特色,讓劉在錫也爆笑又暴跳!
|
||||
</p>
|
||||
</section>
|
||||
</div>
|
||||
<div class="container21">
|
||||
<img src="/totoga2/readable/12-3_為什麼你要笑.jpeg" alt="為什麼你要笑近鏡頭">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="container21">
|
||||
<img src="/totoga2/readable/12-4_160416_0_18.jpeg" alt="為什麼見到諧星就要他搞笑">
|
||||
</div>
|
||||
<div class="container22">
|
||||
<img src="/totoga2/readable/12-5_啊啊..jpeg" alt="啊啊相當無語字幕">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="container11">
|
||||
<section class="ebook-section">
|
||||
<h3>當場畫在錫的臉</h3>
|
||||
<p class="ebook-intro-lead">
|
||||
當提到李宰鎮不久前舉辦過個人畫展、擅長繪畫時,節目組便提出現場展示的要求,要他當場畫在錫的臉。誰能想到,宰鎮手裡還握著筆、畫到一半,竟然純真地發問:「你們為什麼見到諧星就要他搞笑,見到會畫畫的人就一定要他畫畫呢?」這番話讓劉在錫和
|
||||
HAHA
|
||||
瞬間失去語言能力,雙手交疊乖乖坐好,靈魂短暫登出。</p>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="container22">
|
||||
<img src="./readable/13-0_像是死了有一個多月的屍體.jpeg" alt="像是死了有一個多月的屍體畫作">
|
||||
</div>
|
||||
<div class="container21">
|
||||
<section class="ebook-section">
|
||||
<h3>靈魂肖像畫:死了有一個多月的屍體?</h3>
|
||||
<p class="ebook-intro-lead">
|
||||
成品揭曉的那一刻,現場瞬間爆發出一陣荒唐的爆笑!只見畫中那奇妙的陰影與寫實卻又帶點詭異的筆觸,讓製作組忍不住在旁邊打上核彈級吐槽字幕:<strong>「像是死了有一個多月的屍體」</strong>!這幅極具衝擊力的黑色幽默畫作,讓國民
|
||||
MC 本人看著自己的臉,一時間也哭笑不得,完全成了當集最經典的視覺震撼彈!</p>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="container11">
|
||||
<section class="ebook-section">
|
||||
<h3>絕對所有權!</h3>
|
||||
<p class="ebook-intro-lead">
|
||||
好不容易在現場畫完了畫,當在錫哥理所當然地伸手準備拿走時,李宰鎮卻像個護著玩具的小孩,理直氣壯地一把護住自己的作品,神色認真地回絕:「不行,為什麼你要拿走?那是我畫的!所以是我的!」
|
||||
</p>
|
||||
<img src="/totoga2/readable/13-1_那是我畫的!所以是我的!.jpeg" alt="那是我畫的所以是我的">
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="container21">
|
||||
<img src="/totoga2/readable/13-2哥得自己畫!.jpeg" alt="哥得自己畫截圖">
|
||||
</div>
|
||||
<div class="container22">
|
||||
<section class="ebook-section">
|
||||
<h3>隊長幫腔聯手逗弄</h3>
|
||||
<p class="ebook-intro-lead">
|
||||
坐在一旁的隊長殷志源,看到在錫哥被宰鎮逼到牆角,完全進入了看戲加煽風點火的模式。非但沒有幫主持人解圍,順著宰鎮那無厘頭的耿直邏輯,笑著在錫哥說:「(在錫)哥要是想拿走,你得自己畫!」
|
||||
|
||||
平常在節目上就是「初丁弟弟」的志源,配上完全活在自己純真世界裡的宰鎮,兩個人一搭一唱、天衣無縫,直接把縱橫綜藝界的國民 MC
|
||||
逗得毫無還手之力。這種毫無包袱、又充滿兄弟默契的可愛互動,瞬間讓全場陷入一片笑海。
|
||||
|
||||
</p>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container overlap-style">
|
||||
<div class="container31">
|
||||
<img src="./readable/13-5_ScreenShot-VideoID-2epKr_O2s9E-TimeS-31.png" alt="左圖">
|
||||
</div>
|
||||
<div class="container32">
|
||||
<img src="./readable/13-7_生氣在錫大頭版.png" alt="中圖">
|
||||
</div>
|
||||
<div class="container33">
|
||||
<img src="./readable/13-6_ScreenShot-VideoID-2epKr_O2s9E-TimeS-42.jpeg" alt="右圖">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="container">
|
||||
<div class="container41">
|
||||
<img src="./readable/26-3_水晶男孩高志溶.jpg" alt="水晶男孩高志溶">
|
||||
<img src="./readable/27-1_我們很想念你!.jpg" alt="我們很想念你">
|
||||
<img src="./readable/27-4_無法輕易開口的志溶.jpg" alt="無法輕易開口的志溶">
|
||||
</div>
|
||||
<div class="container42">
|
||||
<img src="./readable/27-5_不要哭高志溶.jpg">
|
||||
<img src="./readable/27-7_度過了20.jpg">
|
||||
</div>
|
||||
<div class="container43">
|
||||
<img src="./readable/28-1_我們都很感謝志溶!.jpg">
|
||||
</div>
|
||||
<div class="container44">
|
||||
<img src="./readable/28-4_要多上一點.jpg">
|
||||
<img src="./readable/28-5_托隊長的福.jpg">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="container">
|
||||
<div class="container22">
|
||||
<section class="ebook-section">
|
||||
<h2 class="section-title">秘密召集與重組意願</h2>
|
||||
<p class="ebook-intro-lead">2016 年,是解散後的第 16 年,也正好是水晶男孩出道的第 20
|
||||
年,因此成為了第二季的邀約對象。六六歌製作組趁著水晶男孩隊長殷志源參加無限挑戰拍攝時,謹慎向他提議出演企劃,希望能夠講述這閃耀六人組合的故事。</p>
|
||||
<p class="ebook-intro-lead">為了確認成員真實的想法,2015 年 11 月 2
|
||||
日,在只有水晶男孩幾位成員的聚餐包廂裡,製作組設置了隱藏攝影機。隊長殷志源聊了一下開始引導話題:「有沒有意願重組水晶男孩?」成員們短暫地沉思後,紛紛表示可以的話當然希望。
|
||||
</p>
|
||||
<p class="ebook-intro-lead">
|
||||
然而水晶男孩當中,有一位成員高志溶已經退出演藝圈十多年,近年來唯一的消息就是三年前和女醫師結婚,從偶像變成企業家,若要全員出演,需要說服離開舞台 16
|
||||
年的他......
|
||||
</p>
|
||||
|
||||
</section>
|
||||
</div>
|
||||
<div class="container21">
|
||||
<section class="ebook-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>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section class="ebook-section">
|
||||
<h2 class="section-title">愛做不做公演 vs 游擊演唱會</h2>
|
||||
<p class="ebook-intro-lead">
|
||||
事實上這段期間他經歷了波折,遭到合夥人詐騙卻被誣告,過了兩年法院才還他清白,應該是最辛苦的他,反而只覺得對粉絲和大眾感到抱歉,令人心疼!
|
||||
</p>
|
||||
</section>
|
||||
</div>
|
||||
<div class="container21 readable-col-2">
|
||||
<img src="/totoga2/readable/11-1_冷凍人.jpeg" alt="冷凍美男姜成勳">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="container21 readable-col-3 readable-col-3--left">
|
||||
<img src="/totoga2/readable/11-3_160416_0_03.png" alt="清楚表達才聽得懂的極端 O 型">
|
||||
</div>
|
||||
|
||||
<div class="container22 readable-col-1">
|
||||
<section class="ebook-intro section">
|
||||
<h3>魔性魅力-李宰鎮</h3>
|
||||
<p class="ebook-intro-lead">節目剛開始時,大家高興地彼此問候,唯獨被嚇壞的李宰鎮問為什麼要這樣歡迎,性格似乎有點與眾不同。訪問輪到他時,就連劉在錫和
|
||||
HAHA
|
||||
都緊張這座必須要跨越的喜馬拉雅山。</p>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="container22 readable-col-2 readable-col-2--left">
|
||||
<img src="/totoga2/readable/11-2_無法輕易征服的高山 宰鎮.jpeg" alt="無法輕易征服的高山 宰鎮">
|
||||
</div>
|
||||
|
||||
<div class="container21 readable-col-3 readable-col-3--left">
|
||||
<section class="ebook-intro section">
|
||||
<h3>無法輕易征服的高山</h3>
|
||||
<p class="ebook-intro-lead">面對這座高山,主持人們頻頻在李宰鎮獨特的思考迴路中迷失方向。他是必須要「清楚表達才聽得懂的極端 O
|
||||
型」人格,不按綜藝套路出牌,讓劉在錫讚嘆這絕對是自己「生平第一次看到的角色」!</p>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="container22 readable-col-2 readable-col-2--left">
|
||||
<img src="/totoga2/readable/11-4_160416_0_08.jpeg" alt="主持人群感到緊張">
|
||||
</div>
|
||||
<div class="container21 readable-col-2 readable-col-2--right">
|
||||
<section class="ebook-intro section">
|
||||
<h3>見過大風大浪也緊張</h3>
|
||||
<p class="ebook-intro-lead">隨著訪問推進,李宰鎮那具有個人特色的綜藝感漸漸展露。他的耿直反應和新穎回答,讓採訪過無數來賓的劉在錫和 HAHA
|
||||
從一開始就繃緊了神經,完全無法預測接下來的局勢發展。</p>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="container31 readable-col-3 readable-col-3--left">
|
||||
<img src="/totoga2/readable/12-1_160416_0_06.png" alt="宰鎮突然大笑">
|
||||
</div>
|
||||
<div class="container33 readable-col-3 readable-col-3--left">
|
||||
<img src="/totoga2/readable/12-2_160416_0_07.png" alt="HAHA被嚇到">
|
||||
</div>
|
||||
<div class="container32 readable-col-3 readable-col-3--right" style="float: left;">
|
||||
<section class="ebook-intro section">
|
||||
<h3>無預警爆發的魔性笑聲</h3>
|
||||
<p class="ebook-intro-lead">聊天聊到一半,他常常因為腦海中的突發奇想,突然獨自放聲大笑「嗯哈哈哈哈~」。那毫無防備的突發笑彈,讓坐在一旁的
|
||||
HAHA 直接被嚇到雙眼圓睜、下巴脫臼,滿臉寫著盲然與不知所措!</p>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="container22 readable-col-2 readable-col-2--left">
|
||||
<section class="ebook-intro section">
|
||||
<h3>讓全場陷入混亂的「精神衝擊」</h3>
|
||||
<p class="ebook-intro-lead">
|
||||
控場能力一流的劉在錫也徹底崩潰,一邊按耐著受驚的心臟,一邊哭笑不得、畢恭畢敬地追問:「真的真的很抱歉,但是為什麼你要笑?」這種摸不著頭緒卻又無敵純真的個人特色,讓劉在錫也爆笑又暴跳!
|
||||
</p>
|
||||
</section>
|
||||
</div>
|
||||
<div class="container21 readable-col-2 readable-col-2--right">
|
||||
<img src="/totoga2/readable/12-3_為什麼你要笑.jpeg" alt="為什麼你要笑近鏡頭">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="container31 readable-col-3 readable-col-3--left">
|
||||
<img src="/totoga2/readable/13-1_那是我畫的!所以是我的!.jpeg" alt="那是我畫的所以是我的">
|
||||
</div>
|
||||
<div class="container32 readable-col-3 readable-col-3--left">
|
||||
<section class="ebook-intro section">
|
||||
<h3>靈魂拷問與相當無語</h3>
|
||||
<p class="ebook-intro-lead">
|
||||
當被要求現場展示繪畫時,李宰鎮純真地吐出靈魂拷問:「你們為什麼見到諧星就要他搞笑,見到會畫畫的人就一定要他畫畫呢?」這番話讓劉在錫和 HAHA
|
||||
瞬間失去語言能力,雙手交疊乖乖坐好,靈魂短暫登出。</p>
|
||||
</section>
|
||||
</div>
|
||||
<div class="container33 readable-col-3 readable-col-3--right">
|
||||
<img src="/totoga2/readable/12-5_啊啊..jpeg" alt="啊啊相當無語字幕">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="container22 readable-col-2 readable-col-2--left">
|
||||
<img src="/totoga2/readable/13-1_那是我畫的!所以是我的!.jpeg" alt="那是我畫的所以是我的">
|
||||
</div>
|
||||
<div class="container21 readable-col-2 readable-col-2--right">
|
||||
<section class="ebook-intro section">
|
||||
<h3>絕對所有權!</h3>
|
||||
<p class="ebook-intro-lead">
|
||||
好不容易在現場畫完了畫,當在錫哥理所當然地伸手準備拿走時,李宰鎮卻像個護著玩具的小孩,理直氣壯地一把護住自己的作品,神色認真地回絕:「不行,為什麼你要拿走?那是我畫的!所以是我的!」
|
||||
</p>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="container41 readable-col-4 readable-col-4--left">
|
||||
<img src="/totoga2/readable/13-2哥得自己畫!.jpeg" alt="哥得自己畫截圖">
|
||||
</div>
|
||||
<div class="container42 readable-col-4 readable-col-4--left">
|
||||
<img src="/totoga2/readable/13-4_160416_0_05.png" alt="志源大喊畫面">
|
||||
</div>
|
||||
<div class="container43 readable-col-4 readable-col-4--right">
|
||||
<img src="/totoga2/readable/13-5_ScreenShot-VideoID-2epKr_O2s9E-TimeS-31.png" alt="志源摟住宰鎮">
|
||||
</div>
|
||||
<div class="container44 readable-col-4 readable-col-4--right">
|
||||
<img src="/totoga2/readable/13-6_ScreenShot-VideoID-2epKr_O2s9E-TimeS-42.jpeg" alt="聯手逼退在錫">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="container">
|
||||
<div class="container22 readable-col-2 readable-col-2--left">
|
||||
<section class="ebook-intro section">
|
||||
<h2 class="section-title">秘密召集與重組意願</h2>
|
||||
<p class="ebook-intro-lead">2016 年,是解散後的第 16 年,也正好是水晶男孩出道的第 20
|
||||
年,因此成為了第二季的邀約對象。六六歌製作組趁著水晶男孩隊長殷志源參加無限挑戰拍攝時,謹慎向他提議出演企劃,希望能夠講述這閃耀六人組合的故事。</p>
|
||||
<p class="ebook-intro-lead">為了確認成員真實的想法,2015 年 11 月 2
|
||||
日,在只有水晶男孩幾位成員的聚餐包廂裡,製作組設置了隱藏攝影機。隊長殷志源聊了一下開始引導話題:「有沒有意願重組水晶男孩?」成員們短暫地沉思後,紛紛表示可以的話當然希望。
|
||||
和第一季不同的是,第一季是提前告知並讓觀眾申請入場,而第二季是游擊演唱會,公演當天宣傳並聚集觀眾,演出者必須戴上眼罩,於活動開始時才能看到觀眾人數,這是在他們解散後才出現的節目,終於可以嘗試了!光是想像都讓人激動!觀眾也相當期待。
|
||||
</p>
|
||||
<p class="ebook-intro-lead">
|
||||
然而水晶男孩當中,有一位成員高志溶已經退出演藝圈十多年,近年來唯一的消息就是三年前和女醫師結婚,從偶像變成企業家,若要全員出演,需要說服離開舞台 16
|
||||
年的他......
|
||||
大家都被意外的方式嚇到時,李宰鎮馬上潑冷水說他早就猜到,劉在錫瞬間語塞...而介紹規則時,李宰鎮因為想像到有趣的畫面突然大笑,嚇到兩位主持人,已經習慣宰鎮的團員也覺得主持人的反應很有趣,笑翻全場。
|
||||
</p>
|
||||
<p class="ebook-intro-lead">
|
||||
當提到李宰鎮不久前舉辦畫展時,馬上被要求當場畫在錫的臉,畫到一半時突然提出自己的疑惑,讓劉在錫覺得好像被教訓了!畫完後劉在錫表示會帶回家好好收藏時,李宰鎮竟回答:「那是我畫的!所以是我的!哥得自己畫!」正常都會給,但是李宰鎮不喜歡正常,真的是非常不平凡!此時殷志源再補一句話讓在錫覺得他是天才!
|
||||
</p>
|
||||
<p class="ebook-intro-lead">
|
||||
游擊演唱會是臨時聚集觀眾的公演,不能提前公開日程,因此需要和製作組簽訂一個保密協議。如果在演唱會之前消息走漏,將會取消演唱會,實行
|
||||
<strong>B計劃:愛做不做公演</strong>。此計劃內容為不管是什麼場地,只要觀眾需要,就必須去演出。
|
||||
</p>
|
||||
|
||||
</section>
|
||||
</div>
|
||||
<div class="container21 readable-col-2 readable-col-2--right">
|
||||
<section 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>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section class="ebook-intro section">
|
||||
<h2 class="section-title">愛做不做公演 vs 游擊演唱會</h2>
|
||||
<p class="ebook-intro-lead">
|
||||
和第一季不同的是,第一季是提前告知並讓觀眾申請入場,而第二季是游擊演唱會,公演當天宣傳並聚集觀眾,演出者必須戴上眼罩,於活動開始時才能看到觀眾人數,這是在他們解散後才出現的節目,終於可以嘗試了!光是想像都讓人激動!觀眾也相當期待。
|
||||
</p>
|
||||
<p class="ebook-intro-lead">
|
||||
大家都被意外的方式嚇到時,李宰鎮馬上潑冷水說他早就猜到,劉在錫瞬間語塞...而介紹規則時,李宰鎮因為想像到有趣的畫面突然大笑,嚇到兩位主持人,已經習慣宰鎮的團員也覺得主持人的反應很有趣,笑翻全場。
|
||||
</p>
|
||||
<p class="ebook-intro-lead">
|
||||
當提到李宰鎮不久前舉辦畫展時,馬上被要求當場畫在錫的臉,畫到一半時突然提出自己的疑惑,讓劉在錫覺得好像被教訓了!畫完後劉在錫表示會帶回家好好收藏時,李宰鎮竟回答:「那是我畫的!所以是我的!哥得自己畫!」正常都會給,但是李宰鎮不喜歡正常,真的是非常不平凡!此時殷志源再補一句話讓在錫覺得他是天才!
|
||||
</p>
|
||||
<p class="ebook-intro-lead">
|
||||
游擊演唱會是臨時聚集觀眾的公演,不能提前公開日程,因此需要和製作組簽訂一個保密協議。如果在演唱會之前消息走漏,將會取消演唱會,實行
|
||||
<strong>B計劃:愛做不做公演</strong>。此計劃內容為不管是什麼場地,只要觀眾需要,就必須去演出。
|
||||
</p>
|
||||
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="container22 readable-col-2 readable-col-2--left">
|
||||
<section class="ebook-intro section">
|
||||
<div class="container22">
|
||||
<section class="ebook-section">
|
||||
<h3>KTV挑戰:考驗默契的難關</h3>
|
||||
<p class="ebook-intro-lead">光是成員們有鬥志合體還不夠,必須在 KTV 機器評鑑分數超過 95
|
||||
分才可以繼續。離開舞台這麼久,不是歌詞記不得,舞蹈也零零落落,隊長殷志源甚至連自己有沒有唱都忘了!</p>
|
||||
@@ -708,8 +802,8 @@
|
||||
</p>
|
||||
</section>
|
||||
</div>
|
||||
<div class="container21 readable-col-2 readable-col-2--right">
|
||||
<section class="ebook-intro section">
|
||||
<div class="container21">
|
||||
<section class="ebook-section">
|
||||
<h3>第六顆水晶-高志溶的尋訪</h3>
|
||||
<p class="ebook-intro-lead">籌備接近尾聲時,劉在錫終於帶到高志溶的話題,才知道原來殷志源和李宰鎮也 16
|
||||
年沒有和高志溶見面了。殷志源表示高志溶的工作是需要專業性的,所以可能會希望隱藏曾是藝人的事實。KTV
|
||||
@@ -722,7 +816,7 @@
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section class="ebook-intro section">
|
||||
<section class="ebook-section">
|
||||
<h2 class="section-title">完美背後的代價:變數與消息走漏</h2>
|
||||
<p class="ebook-intro-lead">成員為了呈現完美的回
|
||||
回歸舞台努力練習,但殷志源和姜成勳各自受傷必須手術——姜成勳腳趾骨裂傷、殷志源膝蓋軟骨壞死,蹲下去就很難站起來。但兩人為了成員們、為了粉絲、為了久違的回歸舞台,暫時不做手術,堅持忍痛繼續練習。
|
||||
@@ -740,8 +834,8 @@
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="container22 readable-col-2 readable-col-2--left">
|
||||
<section class="ebook-intro section">
|
||||
<div class="container22">
|
||||
<section class="ebook-section">
|
||||
<h3>第一站:高速公路休息站</h3>
|
||||
<p class="ebook-intro-lead">2016 年 4 月 14
|
||||
日,無限挑戰的主持人分別接送每位成員,裝扮好當年的模樣後,先是到了高速公路休息站?!沒想到因為沒有保守好秘密,淪落到休息站表演的地步!還是化妝室旁,時隔這麼多年的表演舞台,和想像中的完全不一樣!
|
||||
@@ -751,8 +845,8 @@
|
||||
</p>
|
||||
</section>
|
||||
</div>
|
||||
<div class="container21 readable-col-2 readable-col-2--right">
|
||||
<section class="ebook-intro section">
|
||||
<div class="container21">
|
||||
<section class="ebook-section">
|
||||
<h3>第二站:民俗村與瘋狂粉絲</h3>
|
||||
<p class="ebook-intro-lead">接著來到民俗村,正好有一群國小生來校外教學,20
|
||||
年前都還沒出生的孩子們,根本不認識他們!看著這些觀眾,興起了想把對方變成粉絲的心情,更加賣力地表演著。本來感到文化衝擊的孩子們,看到李宰鎮跟金在德合作的 Back
|
||||
@@ -764,7 +858,7 @@
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section class="ebook-intro section">
|
||||
<section class="ebook-section">
|
||||
<h2 class="section-title">驚喜與轉折:真正的游擊演唱會</h2>
|
||||
<p class="ebook-intro-lead">
|
||||
經過高速公路休息區和民俗村兩場表演後,無限挑戰為了他們準備了最後落腳點——<strong>上岩世界盃體育場</strong>,舉辦真正的游擊演唱會!讓原本已經不抱希望的成員再次緊張起來。無限挑戰透過官網發布了水晶男孩游擊演唱會的消息,短短不到四個小時的時間,只能在
|
||||
@@ -779,8 +873,8 @@
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="container22 readable-col-2 readable-col-2--left">
|
||||
<section class="ebook-intro section">
|
||||
<div class="container22">
|
||||
<section class="ebook-section">
|
||||
<h3>高志溶的真心與團魂</h3>
|
||||
<p class="ebook-intro-lead">
|
||||
鏡頭帶到高志溶出現前在車上受訪的畫面,高志溶雖然有了自己的生活,但想到解散後,除了殷志源發展最好,其他成員們都經歷很多辛苦的事。知道其他成員從以前就很希望重組,也認為這次出演無限挑戰對成員來說是很好的機會。
|
||||
@@ -790,8 +884,8 @@
|
||||
</p>
|
||||
</section>
|
||||
</div>
|
||||
<div class="container21 readable-col-2 readable-col-2--right">
|
||||
<section class="ebook-intro section">
|
||||
<div class="container21">
|
||||
<section class="ebook-section">
|
||||
<h3>無人能取代的第六個位置</h3>
|
||||
<p class="ebook-intro-lead">
|
||||
彼此聊了過往和近況後,準備出發演出場地。殷志源表示此刻很像是去見初戀的心情,很擔心自己會破壞粉絲心中的美好回憶。雖然高志溶沒有和他們一起練習歌舞,但光是他的出現,就讓成員們心理變得非常踏實!
|
||||
@@ -804,7 +898,7 @@
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section class="ebook-intro section" style="background-color: var(--black); color: #fff;">
|
||||
<section class="ebook-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;">
|
||||
@@ -824,7 +918,7 @@
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section class="ebook-intro section">
|
||||
<section class="ebook-section">
|
||||
<h2 class="section-title">請記得我:從離別走向幸福</h2>
|
||||
<p class="ebook-intro-lead">
|
||||
劉在錫宣布最後的曲目是當年告別時演唱的〈請記得我〉,對於水晶男孩和小黃來說都是首催淚曲,也許是害怕再次離別,小黃大喊著不要唱。此時劉在錫沉澱了一下,接著說:「雖然這是在他們離開時唱的歌曲,但是,為了還記得他們,等待這麼久的各位,不是五顆水晶...由六顆水晶一同獻唱!」台下小黃激動不已!
|
||||
@@ -839,8 +933,8 @@
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="container22 readable-col-2 readable-col-2--left">
|
||||
<section class="ebook-intro section">
|
||||
<div class="container22">
|
||||
<section class="ebook-section">
|
||||
<h3>我是水晶男孩的高志溶</h3>
|
||||
<p class="ebook-intro-lead">
|
||||
表演完〈請記得我〉,台下瘋狂揮舞著氣球,大喊著高志溶。高志溶在台上正式問候:「大家好,我是水晶男孩的高志溶!」小黃們聲嘶力竭地大喊著:「我們很想你!」</p>
|
||||
@@ -849,8 +943,8 @@
|
||||
</p>
|
||||
</section>
|
||||
</div>
|
||||
<div class="container21 readable-col-2 readable-col-2--right">
|
||||
<section class="ebook-intro section">
|
||||
<div class="container21">
|
||||
<section class="ebook-section">
|
||||
<h3>殷隊的體貼與釋懷</h3>
|
||||
<p class="ebook-intro-lead">殷志源為了讓他緩和,主動開口:「志溶在各位的喜愛下度過了 20
|
||||
代初期,但他現在跟大家一樣過著平凡的生活...他能做出這個艱難的決定,我們都很感謝...他現在百感交集說不出話...」</p>
|
||||
@@ -862,7 +956,7 @@
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section class="ebook-intro section" style="border: 2px solid var(--primary);">
|
||||
<section class="ebook-section" style="border: 2px solid var(--primary);">
|
||||
<h2 class="section-title">安可:世界上最感動的結局</h2>
|
||||
<p class="ebook-intro-lead">
|
||||
結束了最後的問候後,帶來了〈Couple〉做為安可曲。金在德興奮地跳著舞脫離了隊形,張水院轉頭發現,寵溺地笑著看他要走去哪裡。金在德走到一半回頭看成員,才發現只有自己離開舞台中心,害羞地笑著走回原位,相當可愛!
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 972 KiB After Width: | Height: | Size: 842 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.3 MiB After Width: | Height: | Size: 486 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 306 KiB |
@@ -1,310 +1,4 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-TW">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>水晶男孩|無限挑戰六六歌2 — 紀實電子書</title>
|
||||
<link rel="stylesheet" href="../assets/css/style.css">
|
||||
<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>
|
||||
/* 僅本頁 main:加寬、取消左右內距(覆寫 .chronicle-reader / .content-container 的 padding) */
|
||||
body.totoga2-page main#totoga2-reader.chronicle-reader {
|
||||
max-width: min(1280px, 96vw);
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* 覆寫全站 .container(1200px/置中/大 padding),此頁圖列專用。
|
||||
* 勿沿用全站 header,nav,.container 的 z-index:1,否則圖列會疊在後方 h2、p 內文之上。 */
|
||||
body.totoga2-page #totoga2-reader .container {
|
||||
width: 100%;
|
||||
max-width: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: auto;
|
||||
min-height: 0;
|
||||
clear: both;
|
||||
box-sizing: border-box;
|
||||
position: static;
|
||||
z-index: auto;
|
||||
}
|
||||
|
||||
/* 章節卡 .chronicle-chapter 有左右 padding;直屬 .container 負邊距拉出 → 貼滿 main 內寬 */
|
||||
body.totoga2-page #totoga2-reader .chronicle-chapter {
|
||||
--totoga-chapter-pad-inline: 20px;
|
||||
overflow: visible;
|
||||
display: flow-root;
|
||||
}
|
||||
|
||||
body.totoga2-page #totoga2-reader .chronicle-chapter>h2,
|
||||
body.totoga2-page #totoga2-reader .chronicle-chapter>p {
|
||||
clear: both;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
body.totoga2-page #totoga2-reader .chronicle-chapter>.container {
|
||||
width: calc(100% + 2 * var(--totoga-chapter-pad-inline));
|
||||
margin-left: calc(-1 * var(--totoga-chapter-pad-inline));
|
||||
margin-right: calc(-1 * var(--totoga-chapter-pad-inline));
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
body.totoga2-page #totoga2-reader .chronicle-chapter {
|
||||
--totoga-chapter-pad-inline: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
/* 含圖列:必須寫在含 #totoga2-reader 的選取器上,否則會輸給上一段 #totoga2-reader .container 的 height,圖會溢出蓋住後文 */
|
||||
body.totoga2-page #totoga2-reader.chronicle-reader .container:has(img) {
|
||||
height: auto;
|
||||
min-height: 0;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
body.totoga2-page #totoga2-reader.chronicle-reader .container:has(img)::after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
body.totoga2-page #totoga2-reader.chronicle-reader .container:has(img)>[class^="container"] {
|
||||
height: auto;
|
||||
min-height: 0;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.container11 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.container21 {
|
||||
float: right;
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.container22 {
|
||||
float: left;
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.container31 {
|
||||
float: left;
|
||||
width: 33%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.container32 {
|
||||
float: left;
|
||||
width: 33%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.container33 {
|
||||
float: right;
|
||||
width: 33%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.container41 {
|
||||
float: left;
|
||||
width: 25%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.container42 {
|
||||
float: left;
|
||||
width: 25%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.container43 {
|
||||
float: right;
|
||||
width: 25%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.container44 {
|
||||
float: right;
|
||||
width: 25%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* 圖在欄寬內鋪滿,高度由瀏覽器依 intrinsic ratio 計算(須配合上方 :has(img) 拿掉固定列高) */
|
||||
body.totoga2-page .chronicle-reader img {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="split-nav.css">
|
||||
</head>
|
||||
|
||||
<body class="ebook-ssg2-page totoga2-page">
|
||||
<header class="inner-page-header">
|
||||
<div class="header-inner site-header-inner">
|
||||
<h1 class="main-title">無限挑戰 · 六六歌2</h1>
|
||||
<div class="subtitle-wrap">
|
||||
<span class="sub-title">水晶男孩回來啦!</span>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<nav class="portal-nav" aria-label="水晶男孩推廣部導覽" data-portal-nav></nav>
|
||||
|
||||
<canvas id="particles"></canvas>
|
||||
|
||||
<nav class="ebook-back-link content-container totoga2-split-crossnav" aria-label="六六歌2 閱讀入口">
|
||||
<a href="timeline.html" class="btn" title="時間軸與紀實八章長文單頁">時間軸</a>
|
||||
<a href="ebook.html" class="btn" title="紀實電子書內容獨立成頁">電子書</a>
|
||||
<a href="readable.html" class="btn" aria-current="page" title="單頁整合:影片/電子書/長文模式切換與八章錨點">圖文好讀版</a>
|
||||
<a href="video.html" class="btn" title="無限挑戰 · 六六歌2 嵌入影片單頁">影片</a>
|
||||
</nav>
|
||||
<main class="content-container chronicle-reader" id="totoga2-reader" data-mode="scroll">
|
||||
<article class="chronicle-chapter active" id="challenge" data-title="無限挑戰">
|
||||
<!-- 序號一:第一列 container21(右欄 float:right)+ container22(左欄 float:left)→ 畫面左 01、右 02 -->
|
||||
|
||||
<!-- 序號二:第二列單一全寬 container11 -->
|
||||
<div class="container">
|
||||
<div class="container11">
|
||||
<!-- <img src="../assets/images/totoga2/web/cover.jpg" alt="六六歌2"> -->
|
||||
<img src="/totoga2/readable/7-2_160416_0_02_35水晶男孩.jpg" alt="六六歌2">
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="container22">
|
||||
<img src="/totoga2/readable/04-2_totoka.png" alt="六六歌2">
|
||||
</div>
|
||||
<div class="container21">
|
||||
<img src="" alt="六六歌2 電子書跨頁圖(序號一 · 右)">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="container11">
|
||||
<img src="/totoga2/readable/6-1需要極度保密.jpeg" alt="六六歌2">
|
||||
</div>
|
||||
<h2>正式交涉</h2>
|
||||
<p>兩位主持爆笑登場後,互相寒暄近況、簡單介紹一下水晶男孩、也提到當年備受矚目的動作Back down(扶著後腦勺往後倒地)、過往的吵架故事......等,讓觀眾經由對話對水晶男孩有進一步地認識。</p>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="container21">
|
||||
<img src="/totoga2/readable/11-1_冷凍人.jpeg" alt="六六歌2">
|
||||
</div>
|
||||
<div class="container22">
|
||||
<h3>冷凍美男-姜成勳</h3>
|
||||
<p>印象深刻的是主唱姜成勳擁有和20年前一樣的驚人外貌,堪稱冷凍人級別!還被張水院虧說到70歲還是會繼續留這個髮型!</p>
|
||||
<p>事實上這段期間他
|
||||
經歷了波折,遭到合夥
|
||||
人詐騙卻被誣告,過了
|
||||
兩年法院才還他清白,
|
||||
應該是最辛苦的他,反
|
||||
而只覺得對粉絲和大眾
|
||||
感到抱歉,令人心疼!</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="container22">
|
||||
<img src="/totoga2/readable/11-2_無法輕易征服的高山 宰鎮.jpeg" alt="六六歌2">
|
||||
</div>
|
||||
<div class="container21">
|
||||
<img src="/totoga2/readable/11-4_160416_0_08.jpeg" alt="六六歌2">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="container31">
|
||||
<img src="/totoga2/readable/11-3_160416_0_03.png" alt="六六歌2">
|
||||
</div>
|
||||
<div class="container42">
|
||||
<h3>魔性魅力-李宰鎮</h3>
|
||||
<p>節目剛開始時,大家高興地彼此問候,唯獨被嚇壞的李宰鎮問為什麼要這樣歡迎,性格似乎有點與眾不同,訪問輪到他時,就連劉在錫和HAHA都緊張這座必須要跨越的喜馬拉雅山。隨著節目的進行,開始發現他的魔性魅力,李宰鎮的獨特思考方式、新穎的回答,具有他個人特色的綜藝感,讓採訪過無數來賓,見過大風大浪的劉在錫也爆笑又暴跳!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container44">
|
||||
<img src="/totoga2/readable/12-2_160416_0_07.png" alt="六六歌2">
|
||||
</div>
|
||||
<div class="container43">
|
||||
<img src="/totoga2/readable/12-1_160416_0_06.png" alt="六六歌2">
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="container11">
|
||||
<img src="/totoga2/readable/12-3_為什麼你要笑.jpeg" alt="六六歌2">
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="container11">
|
||||
<img src="/totoga2/readable/12-4_160416_0_18.jpeg" alt="六六歌2">
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="container11">
|
||||
<img src="/totoga2/readable/12-5_啊啊..jpeg" alt="六六歌2">
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="container11">
|
||||
<img src="/totoga2/readable/13-1_那是我畫的!所以是我的!.jpeg" alt="六六歌2">
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="container11">
|
||||
<img src="/totoga2/readable/13-2哥得自己畫!.jpeg" alt="六六歌2">
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="container11">
|
||||
<img src="/totoga2/readable/13-31779025232670.jpg" alt="六六歌2">
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="container11">
|
||||
<img src="/totoga2/readable/13-4_160416_0_05.png" alt="六六歌2">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="container11">
|
||||
<img src="/totoga2/readable/13-5_ScreenShot-VideoID-2epKr_O2s9E-TimeS-31.png" alt="六六歌2">
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="container11">
|
||||
<img src="/totoga2/readable/13-6_ScreenShot-VideoID-2epKr_O2s9E-TimeS-42.jpeg" alt="六六歌2">
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="container11">
|
||||
<img src="/totoga2/readable/13-7_生氣在錫大頭版.png" alt="六六歌2">
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
|
||||
<footer>
|
||||
<p>SECHSKIES Fanpage © 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>
|
||||
<script src="../assets/js/totoga2.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<!-- 水晶男孩
|
||||
<!-- 水晶男孩
|
||||
回來啦!
|
||||
|
||||
SECHSKIES COM’ BACK
|
||||
Reference in New Issue
Block a user