2026-05-13 18:52:23 +08:00
|
|
|
|
<!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>
|
2026-05-14 09:20:10 +08:00
|
|
|
|
<link rel="stylesheet" href="../assets/css/style.css">
|
2026-05-13 18:52:23 +08:00
|
|
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
|
2026-05-14 09:20:10 +08:00
|
|
|
|
<link rel="stylesheet" href="../assets/css/tablet.css">
|
2026-05-14 16:09:17 +08:00
|
|
|
|
<style>
|
2026-05-14 16:33:38 +08:00
|
|
|
|
/* 僅本頁 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;
|
2026-05-14 16:09:17 +08:00
|
|
|
|
}
|
|
|
|
|
|
|
2026-05-14 16:33:38 +08:00
|
|
|
|
/* 覆寫全站 .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;
|
|
|
|
|
|
background-color: #ccc;
|
|
|
|
|
|
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;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2026-05-15 14:50:20 +08:00
|
|
|
|
body.totoga2-page #totoga2-reader .chronicle-chapter>h2,
|
|
|
|
|
|
body.totoga2-page #totoga2-reader .chronicle-chapter>p {
|
2026-05-14 16:33:38 +08:00
|
|
|
|
clear: both;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
z-index: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2026-05-15 14:50:20 +08:00
|
|
|
|
body.totoga2-page #totoga2-reader .chronicle-chapter>.container {
|
2026-05-14 16:33:38 +08:00
|
|
|
|
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;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2026-05-15 14:50:20 +08:00
|
|
|
|
totoga2.html
|
|
|
|
|
|
|
2026-05-14 16:33:38 +08:00
|
|
|
|
/* 含圖列:必須寫在含 #totoga2-reader 的選取器上,否則會輸給上一段 #totoga2-reader .container 的 height,圖會溢出蓋住後文 */
|
|
|
|
|
|
body.totoga2-page #totoga2-reader.chronicle-reader .container:has(img) {
|
2026-05-14 16:09:17 +08:00
|
|
|
|
height: auto;
|
|
|
|
|
|
min-height: 0;
|
|
|
|
|
|
overflow: visible;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2026-05-14 16:33:38 +08:00
|
|
|
|
body.totoga2-page #totoga2-reader.chronicle-reader .container:has(img)::after {
|
2026-05-14 16:09:17 +08:00
|
|
|
|
content: "";
|
|
|
|
|
|
display: table;
|
|
|
|
|
|
clear: both;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
2026-05-14 16:33:38 +08:00
|
|
|
|
body.totoga2-page #totoga2-reader.chronicle-reader .container:has(img)>[class^="container"] {
|
2026-05-14 16:09:17 +08:00
|
|
|
|
height: auto;
|
|
|
|
|
|
min-height: 0;
|
|
|
|
|
|
overflow: visible;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.container11 {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
background-color: lightpink;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.container21 {
|
|
|
|
|
|
float: right;
|
|
|
|
|
|
width: 50%;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
background-color: lightblue;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.container22 {
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
width: 50%;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
background-color: lightyellow;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.container31 {
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
width: 33%;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
background-color: darkblue;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.container32 {
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
width: 33%;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
background-color: darkgreen;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.container33 {
|
|
|
|
|
|
float: right;
|
|
|
|
|
|
width: 33%;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
background-color: darkmagenta;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.container41 {
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
width: 25%;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
background-color: lightblue;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.container42 {
|
|
|
|
|
|
float: left;
|
|
|
|
|
|
width: 25%;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
background-color: lightgreen;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.container43 {
|
|
|
|
|
|
float: right;
|
|
|
|
|
|
width: 25%;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
background-color: lightpink;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.container44 {
|
|
|
|
|
|
float: right;
|
|
|
|
|
|
width: 25%;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
background-color: lightyellow;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* 圖在欄寬內鋪滿,高度由瀏覽器依 intrinsic ratio 計算(須配合上方 :has(img) 拿掉固定列高) */
|
|
|
|
|
|
body.totoga2-page .chronicle-reader img {
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
|
height: auto;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
2026-05-13 18:52:23 +08:00
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
|
|
<body class="ebook-ssg2-page totoga2-page">
|
|
|
|
|
|
<header class="map-archive-header">
|
|
|
|
|
|
<div class="header-inner">
|
|
|
|
|
|
<h1 class="main-title">無限挑戰 · 六六歌2</h1>
|
|
|
|
|
|
<div class="subtitle-wrap">
|
2026-05-15 02:47:26 +08:00
|
|
|
|
<span class="sub-title">水晶男孩回來啦!</span>
|
2026-05-13 18:52:23 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</header>
|
|
|
|
|
|
|
|
|
|
|
|
<nav class="portal-nav" aria-label="水晶男孩推廣部導覽" data-portal-nav></nav>
|
|
|
|
|
|
|
|
|
|
|
|
<canvas id="particles"></canvas>
|
2026-05-14 16:09:17 +08:00
|
|
|
|
<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 -->
|
2026-05-15 14:50:20 +08:00
|
|
|
|
|
|
|
|
|
|
<!-- 序號二:第二列單一全寬 container11 -->
|
|
|
|
|
|
<div class="container">
|
|
|
|
|
|
<div class="container11">
|
|
|
|
|
|
<img src="../assets/images/totoga2/web/cover.jpg" alt="六六歌2">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2026-05-14 16:09:17 +08:00
|
|
|
|
<div class="container">
|
|
|
|
|
|
<div class="container22">
|
2026-05-14 16:33:38 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
<div class="container21">
|
2026-05-15 14:50:20 +08:00
|
|
|
|
<img src="" alt="六六歌2 電子書跨頁圖(序號一 · 右)">
|
2026-05-13 18:52:23 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2026-05-14 16:09:17 +08:00
|
|
|
|
<h2>04 無限挑戰</h2>
|
|
|
|
|
|
<p>《無限挑戰》是韓國綜藝史上指標性的真人秀節目。「星期六星期六是歌手(六六歌)」企劃,成為水晶男孩 2016 回歸舞台的關鍵起點。</p>
|
|
|
|
|
|
<p>第一季掀起 90 年代懷舊熱潮,雖然水晶男孩未能完整出演,卻留下「總有一天要六人完整回到舞台」的遺憾伏筆。</p>
|
|
|
|
|
|
</article>
|
2026-05-13 18:52:23 +08:00
|
|
|
|
|
2026-05-14 16:09:17 +08:00
|
|
|
|
<article class="chronicle-chapter" id="ssg2" data-title="六六歌第二季">
|
|
|
|
|
|
<h2>06 六六歌第二季</h2>
|
|
|
|
|
|
<p>第二季改成「為單一團體打造完整回歸敘事」,保密層級更高,連主持群都縮小到劉在錫與 HAHA,避免消息提前走漏。</p>
|
|
|
|
|
|
<p>從開場的復古裝扮、試探式線索到真正揭曉團體身份,節目節奏在搞笑與懸念間拉開這場 16 年重逢序章。</p>
|
|
|
|
|
|
</article>
|
2026-05-13 18:52:23 +08:00
|
|
|
|
|
2026-05-14 16:09:17 +08:00
|
|
|
|
<article class="chronicle-chapter" id="sechskies-profile" data-title="水晶男孩">
|
|
|
|
|
|
<h2>08 水晶男孩</h2>
|
|
|
|
|
|
<p>1997 出道後迅速登頂,與同世代頂流並列,短短三年創下極高銷量與舞台紀錄,卻在 2000 無預警解散,留下集體創傷。</p>
|
|
|
|
|
|
<p>16 年間六人從未以水晶男孩名義完整合體,這次企劃不只是回憶,而是回應當年未說完的離別。</p>
|
|
|
|
|
|
</article>
|
2026-05-13 18:52:23 +08:00
|
|
|
|
|
2026-05-14 16:09:17 +08:00
|
|
|
|
<article class="chronicle-chapter" id="gather" data-title="召集">
|
|
|
|
|
|
<h2>10 召集</h2>
|
|
|
|
|
|
<p>製作組先與隊長殷志源交涉,再透過隱藏攝影機確認成員意願。大家都希望重組,卻同時知道最困難的拼圖是離開演藝圈多年的高志溶。</p>
|
|
|
|
|
|
<p>這個階段的重點不是舞台,而是「願不願意再次站在一起」的心理門檻。</p>
|
|
|
|
|
|
</article>
|
2026-05-13 18:52:23 +08:00
|
|
|
|
|
2026-05-14 16:09:17 +08:00
|
|
|
|
<article class="chronicle-chapter" id="negotiate" data-title="正式交涉">
|
|
|
|
|
|
<h2>11 正式交涉</h2>
|
|
|
|
|
|
<p>主持人與成員深度對話,回顧解散緣由、舞台記憶、KTV 挑戰與游擊演唱會規則。笑鬧之間,團魂逐漸浮現。</p>
|
|
|
|
|
|
<p>同時,節目也把高志溶議題正式擺上檯面:如果不是完整體,這次回歸是否還成立?</p>
|
|
|
|
|
|
</article>
|
2026-05-13 18:52:23 +08:00
|
|
|
|
|
2026-05-14 16:09:17 +08:00
|
|
|
|
<article class="chronicle-chapter" id="variables" data-title="變數">
|
|
|
|
|
|
<h2>16 變數</h2>
|
|
|
|
|
|
<p>排練期間接連出現傷病、手術需求與消息外流,原本理想的游擊演唱會計畫屢次被迫改寫,團隊陷入 B 計畫陰影。</p>
|
|
|
|
|
|
<p>在體力與心理都被拉到極限的情況下,成員仍選擇撐住,只為把久違舞台交回給等待 16 年的小黃。</p>
|
|
|
|
|
|
</article>
|
2026-05-13 18:52:23 +08:00
|
|
|
|
|
2026-05-14 16:09:17 +08:00
|
|
|
|
<article class="chronicle-chapter" id="surprise" data-title="驚喜">
|
|
|
|
|
|
<h2>19 驚喜</h2>
|
|
|
|
|
|
<p>當所有人幾乎接受「不完整」時,節目仍悄悄推進最後安排。高志溶與成員的情感張力在此段達到最高點。</p>
|
|
|
|
|
|
<p>這份驚喜不是綜藝反轉,而是把六顆水晶的空位真正填回舞台。</p>
|
|
|
|
|
|
</article>
|
2026-05-13 18:52:23 +08:00
|
|
|
|
|
2026-05-14 16:09:17 +08:00
|
|
|
|
<article class="chronicle-chapter" id="final-stage" data-title="登場">
|
|
|
|
|
|
<h2>21 登場</h2>
|
|
|
|
|
|
<p>眼罩揭開後,滿場黃海與哭聲同時湧現。從《請記得我》到安可,《離別曲》在那一晚變成了「重逢證詞」。</p>
|
|
|
|
|
|
<p>2000 的缺憾,在 2016 終於補上。這一頁不是結束,而是團體與粉絲共同完成的回歸章節。</p>
|
|
|
|
|
|
</article>
|
|
|
|
|
|
</main>
|
2026-05-13 18:52:23 +08:00
|
|
|
|
|
|
|
|
|
|
<p class="ebook-back-link content-container">
|
2026-05-14 09:01:08 +08:00
|
|
|
|
<a href="../index.html#story" class="btn">回到首頁 · 傳奇的轉折</a>
|
2026-05-13 18:52:23 +08:00
|
|
|
|
</p>
|
|
|
|
|
|
|
|
|
|
|
|
<footer>
|
|
|
|
|
|
<p>SECHSKIES Fanpage © 2026 - 黃色氣球永遠飄揚</p>
|
|
|
|
|
|
<a href="https://jekkinoopy.github.io/Portfolio/" class="studio-link" target="_blank">
|
2026-05-13 23:10:23 +08:00
|
|
|
|
Design by <span class="mark_b">Jekkinoopy Studio</span>
|
2026-05-13 18:52:23 +08:00
|
|
|
|
</a>
|
|
|
|
|
|
</footer>
|
|
|
|
|
|
|
2026-05-14 09:20:10 +08:00
|
|
|
|
<script src="../assets/js/particles.js"></script>
|
|
|
|
|
|
<script src="../assets/js/portal-nav.js"></script>
|
|
|
|
|
|
<script src="../assets/js/totoga2.js"></script>
|
2026-05-13 18:52:23 +08:00
|
|
|
|
</body>
|
|
|
|
|
|
|
2026-05-14 16:09:17 +08:00
|
|
|
|
</html>
|