fix overlap還原30-46-30相疊
This commit is contained in:
File diff suppressed because it is too large
Load Diff
+678
-441
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,829 @@
|
|||||||
|
<!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>
|
||||||
|
/* 圖列 .container：float 排版（作業要求） */
|
||||||
|
body.ebook-ssg2-page.totoga2-page main#totoga2-reader.chronicle-reader {
|
||||||
|
max-width: min(1280px, 96vw);
|
||||||
|
padding-left: 0;
|
||||||
|
padding-right: 0;
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container {
|
||||||
|
width: 100%;
|
||||||
|
max-width: none;
|
||||||
|
margin: 0 0 1.25rem;
|
||||||
|
padding: 0;
|
||||||
|
height: auto;
|
||||||
|
min-height: 0;
|
||||||
|
clear: both;
|
||||||
|
box-sizing: border-box;
|
||||||
|
position: static;
|
||||||
|
z-index: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 同列共用奶油底、外框與欄間距（內文 section 仍保留 padding，不重複底色） */
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container11),
|
||||||
|
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;
|
||||||
|
gap: 0.75rem;
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container11 section.ebook-intro.section,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader [class^="container2"] section.ebook-intro.section,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader [class^="container3"] section.ebook-intro.section,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader [class^="container4"] section.ebook-intro.section {
|
||||||
|
background: transparent;
|
||||||
|
border: none;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container11)>.container11>img,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container21)>[class^="container2"]>img,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container31)>[class^="container3"]>img,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container41)>[class^="container4"]>img {
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader.chronicle-reader .container:has(img) {
|
||||||
|
height: auto;
|
||||||
|
min-height: 0;
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader.chronicle-reader .container:has(img)::after {
|
||||||
|
content: "";
|
||||||
|
display: table;
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader.chronicle-reader .container:has(img)>[class^="container"] {
|
||||||
|
height: auto;
|
||||||
|
min-height: 0;
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 一欄（全寬）；二／三／四欄共用高度，左右由修飾 class 決定 */
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .readable-col-1,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container11 {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .readable-col-2,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container21,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container22 {
|
||||||
|
height: 100%;
|
||||||
|
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%;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .readable-col-2--left,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container22 {
|
||||||
|
float: left;
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .readable-col-3,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container31,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container32,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container33 {
|
||||||
|
height: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .readable-col-3--left,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container31,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container32 {
|
||||||
|
float: left;
|
||||||
|
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,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container44 {
|
||||||
|
height: 100%;
|
||||||
|
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;
|
||||||
|
width: 25%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 各欄內文字區：與一欄 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,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container31 section.ebook-intro.section,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container32 section.ebook-intro.section,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container33 section.ebook-intro.section,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container41 section.ebook-intro.section,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container42 section.ebook-intro.section,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container43 section.ebook-intro.section,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container44 section.ebook-intro.section {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
float: none;
|
||||||
|
clear: both;
|
||||||
|
box-sizing: border-box;
|
||||||
|
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,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container32 section.ebook-intro.section p.ebook-intro-lead,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container33 section.ebook-intro.section p.ebook-intro-lead,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container41 section.ebook-intro.section p.ebook-intro-lead,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container42 section.ebook-intro.section p.ebook-intro-lead,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container43 section.ebook-intro.section p.ebook-intro-lead,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container44 section.ebook-intro.section p.ebook-intro-lead {
|
||||||
|
max-width: none;
|
||||||
|
margin-left: 0;
|
||||||
|
margin-right: 0;
|
||||||
|
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,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container32 section.ebook-intro.section h3,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container33 section.ebook-intro.section h3,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container41 section.ebook-intro.section h3,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container42 section.ebook-intro.section h3,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container43 section.ebook-intro.section h3,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container44 section.ebook-intro.section h3 {
|
||||||
|
max-width: none;
|
||||||
|
margin-left: 0;
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader.chronicle-reader img {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
object-position: center center;
|
||||||
|
display: block;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 僅圖欄：在等高 container 內上下置中 */
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container [class^="container"]:has(> img):not(:has(> section)) {
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container [class^="container"]>img {
|
||||||
|
flex: 0 1 auto;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto !important;
|
||||||
|
max-height: 100%;
|
||||||
|
min-height: 0;
|
||||||
|
object-fit: contain !important;
|
||||||
|
object-position: center center;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container [class^="container"]:has(> img):not(:has(> section))>img {
|
||||||
|
align-self: center;
|
||||||
|
margin-block: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 二欄列：父層 flex 等高（欄位改 flex 分寬，不再只靠 50% float 寬） */
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container21):has(> .container22) {
|
||||||
|
display: flex;
|
||||||
|
align-items: stretch;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container11)>.container11 {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 0.75rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container21):has(> .container22)::after {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container21):has(> .container22)>.container21,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container21):has(> .container22)>.container22 {
|
||||||
|
float: none;
|
||||||
|
width: auto;
|
||||||
|
flex: 1 1 50%;
|
||||||
|
min-width: 0;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container21):has(> .container22)>.container21>img,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container21):has(> .container22)>.container22>img {
|
||||||
|
flex: 0 1 auto;
|
||||||
|
max-height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container21):has(> .container22)>.container21>section.ebook-intro.section,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container21):has(> .container22)>.container22>section.ebook-intro.section {
|
||||||
|
flex: 1 1 auto;
|
||||||
|
min-height: 100%;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* container22 內兩張圖上下排列 */
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .readable-col-2--stack {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 0.75rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .readable-col-2--stack {
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .readable-col-2--stack>img {
|
||||||
|
flex: 0 1 auto;
|
||||||
|
width: 100%;
|
||||||
|
min-height: 0;
|
||||||
|
height: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
margin-block: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 上：container22 雙圖直排；下：container11 全寬文（無 container21） */
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .readable-col-2--stack):has(> .container11):not(:has(> .container21)) {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
row-gap: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .readable-col-2--stack):has(> .container11):not(:has(> .container21))>.readable-col-2--stack {
|
||||||
|
flex: 0 0 100%;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
float: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .readable-col-2--stack):has(> .container11):not(:has(> .container21))>.container11 {
|
||||||
|
flex: 0 0 100%;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
min-width: 100%;
|
||||||
|
float: none;
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .readable-col-2--stack):has(> .container11):not(:has(> .container21))>.container11>section.ebook-intro.section {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 上二圖 + 下全寬文：同一張列卡內換行（其他區塊仍用 container11） */
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container22):has(> .container21):has(> .container11) {
|
||||||
|
flex-wrap: wrap;
|
||||||
|
column-gap: 1rem;
|
||||||
|
row-gap: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container22):has(> .container21):has(> .container11)>.container22,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container22):has(> .container21):has(> .container11)>.container21 {
|
||||||
|
flex: 1 1 calc(50% - 0.5rem);
|
||||||
|
max-width: calc(50% - 0.5rem);
|
||||||
|
}
|
||||||
|
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container22):has(> .container21):has(> .container11)>.container11 {
|
||||||
|
flex: 0 0 100%;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
min-width: 100%;
|
||||||
|
float: none;
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container22):has(> .container21):has(> .container11)>.container11>section.ebook-intro.section {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 三欄列：同上等高 */
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container31):has(> .container32):has(> .container33) {
|
||||||
|
display: flex;
|
||||||
|
align-items: stretch;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container31):has(> .container32):has(> .container33)::after {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container31):has(> .container32):has(> .container33)>.container31,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container31):has(> .container32):has(> .container33)>.container32,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container31):has(> .container32):has(> .container33)>.container33 {
|
||||||
|
float: none;
|
||||||
|
width: auto;
|
||||||
|
flex: 1 1 33.33%;
|
||||||
|
min-width: 0;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container31):has(> .container32):has(> .container33)>.container31>img,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container31):has(> .container32):has(> .container33)>.container32>img,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container31):has(> .container32):has(> .container33)>.container33>img {
|
||||||
|
flex: 0 1 auto;
|
||||||
|
max-height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container31):has(> .container32):has(> .container33)>.container31>section.ebook-intro.section,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container31):has(> .container32):has(> .container33)>.container32>section.ebook-intro.section,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container31):has(> .container32):has(> .container33)>.container33>section.ebook-intro.section {
|
||||||
|
flex: 1 1 auto;
|
||||||
|
min-height: 100%;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 上 1 全寬文 + 下 3 圖：同一張列卡內換行 */
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container.collage-stack:has(> .container11):has(> .container31):has(> .container32):has(> .container33) {
|
||||||
|
flex-wrap: wrap;
|
||||||
|
row-gap: 0.75rem;
|
||||||
|
column-gap: 0.75rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container.collage-stack>.container11 {
|
||||||
|
flex: 0 0 100%;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
min-width: 100%;
|
||||||
|
float: none;
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container.collage-stack>.container31,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container.collage-stack>.container32,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container.collage-stack>.container33 {
|
||||||
|
flex: 1 1 calc(33.33% - 0.5rem);
|
||||||
|
max-width: calc(33.33% - 0.5rem);
|
||||||
|
}
|
||||||
|
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container.collage-stack>.container11>section.ebook-intro.section {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 四欄列：flex 等高 */
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container41):has(> .container42):has(> .container43):has(> .container44) {
|
||||||
|
display: flex;
|
||||||
|
align-items: stretch;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container41):has(> .container42):has(> .container43):has(> .container44)::after {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container41):has(> .container42):has(> .container43):has(> .container44)>.container41,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container41):has(> .container42):has(> .container43):has(> .container44)>.container42,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container41):has(> .container42):has(> .container43):has(> .container44)>.container43,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container41):has(> .container42):has(> .container43):has(> .container44)>.container44 {
|
||||||
|
float: none;
|
||||||
|
width: auto;
|
||||||
|
flex: 1 1 25%;
|
||||||
|
min-width: 0;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container41):has(> .container42):has(> .container43):has(> .container44)>[class^="container4"]>img {
|
||||||
|
flex: 0 1 auto;
|
||||||
|
max-height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 全寬單一 section：維持獨立卡片，避免與列卡雙重 margin */
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> section.ebook-intro.section):not(:has(> [class^="container"])) {
|
||||||
|
margin-bottom: 0;
|
||||||
|
padding: 0;
|
||||||
|
background: transparent;
|
||||||
|
border: none;
|
||||||
|
box-shadow: none;
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 作業 float 區：只套 .readable-homework-block 內，不動全站 body／header */
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .readable-homework-block .container {
|
||||||
|
width: 100%;
|
||||||
|
height: 35vh;
|
||||||
|
clear: both;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
border-radius: 8px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .readable-homework-block .box-content {
|
||||||
|
padding: 20px;
|
||||||
|
height: 100%;
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .readable-homework-block .box-content h2,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .readable-homework-block .box-content h3,
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .readable-homework-block .box-content h4 {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader .readable-homework-block .box-content img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 作業區沿用上方二／三／四欄規則（scoped 於 .readable-homework-block） */
|
||||||
|
|
||||||
|
/* 與全站 section 同款：main 內勿用 div，且勿與 container21 等 float 綁同一元素 */
|
||||||
|
body.ebook-ssg2-page.totoga2-page #totoga2-reader section.ebook-intro.section {
|
||||||
|
clear: both;
|
||||||
|
width: 100%;
|
||||||
|
float: none;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 只調字級；對齊／42rem 閱讀欄與頂部 intro 同用 style.css（勿改 text-align、max-width） */
|
||||||
|
body.ebook-ssg2-page.totoga2-page .ebook-main .ebook-intro.section h2.section-title {
|
||||||
|
font-size: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.ebook-ssg2-page.totoga2-page .ebook-main #totoga2-reader .ebook-intro.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;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.ebook-ssg2-page.totoga2-page .ebook-main #totoga2-reader .ebook-intro.section[style*="background-color: var(--black)"] h3,
|
||||||
|
body.ebook-ssg2-page.totoga2-page .ebook-main #totoga2-reader .ebook-intro.section[style*="background-color: var(--primary)"] h3 {
|
||||||
|
border-left-color: currentColor;
|
||||||
|
}
|
||||||
|
</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>
|
||||||
|
|
||||||
|
<div class="content-container ebook-main">
|
||||||
|
<section class="ebook-intro section" aria-label="圖文好讀版說明">
|
||||||
|
<h2 class="section-title">圖文好讀版</h2>
|
||||||
|
<p class="ebook-intro-lead">
|
||||||
|
若你錯過了當年的直播，或想邊看節目截圖邊重溫敘事，這裡把《無限挑戰》六六歌2 的紀實整理成可一路往下讀的圖文長文；笑點與淚點交錯，六顆水晶如何再次站上舞台，都在這一頁。
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<main class="content-container chronicle-reader" id="totoga2-reader" data-mode="scroll">
|
||||||
|
<article id="challenge" data-title="無限挑戰">
|
||||||
|
|
||||||
|
<!-- 1. 全寬圖文 -->
|
||||||
|
<div class="container" style="height: auto; min-height: 45vh; margin-bottom: 20px;">
|
||||||
|
<div class="container11 readable-col-1">
|
||||||
|
<img src="/totoga2/readable/07-2_160416_0_02_35水晶男孩.jpg" alt="水晶男孩 COM' BACK"
|
||||||
|
style="width: 100%; height: auto; display: block;">
|
||||||
|
<section class="ebook-intro section" style="padding: 20px;">
|
||||||
|
<h2 class="section-title">世紀末的追星狂狂熱，你聽過那場驚天動地的「黃色奇蹟」嗎？</h2>
|
||||||
|
<p class="ebook-intro-lead">在大韓民國綜藝史上，MBC《無限挑戰》締造了無數眼淚與歡笑，而其中最傳奇的企劃，莫過於將 90
|
||||||
|
年代叱吒風雲的傳奇歌手們重新召集回舞台的「星期六星期六是歌手」（簡稱六六歌）。受邀歌手必須先在 KTV 唱歌通過測試，成績超過 95 分才能擁有登台資格。</p>
|
||||||
|
<p class="ebook-intro-lead">當時，創下無數輝煌紀錄、卻在 2000
|
||||||
|
年事業巔峰期無預警解散的超級男團——<strong>「水晶男孩（SECHSKIES）」</strong>，成員金在德、張水院曾受邀參與第一季。兩人雖通過測試，但皆認為若要以水晶男孩名義踏上舞台，必須要以「完整體」參加才有意義。可惜當時未能集結六顆水晶，第一季由
|
||||||
|
Turbo、S.E.S Singer、Jinusean 等歌手引爆熱潮，而無數粉絲期盼的水晶男孩只能抱憾缺席。</p>
|
||||||
|
<p class="ebook-intro-lead"><strong>傳奇不該就此謝幕。</strong></p>
|
||||||
|
<p class="ebook-intro-lead">於是，六六歌於 2016 年 4 月開啟了第二季的篇章。</p>
|
||||||
|
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 2. 二欄並排 -->
|
||||||
|
<div class="container" style="height: auto; min-height: 38vh; margin-bottom: 20px;">
|
||||||
|
<div class="container22 readable-col-2 readable-col-2--left" style="float: left; width: 50%;">
|
||||||
|
<img src="/totoga2/readable/04-2_totoka.png" alt="六六歌第二季"
|
||||||
|
style="width: 100%; height: 100%; object-fit: cover;">
|
||||||
|
</div>
|
||||||
|
<div class="container21 readable-col-2 readable-col-2--right" style="float: right; width: 50%;">
|
||||||
|
<section class="ebook-intro section" style="padding: 20px;">
|
||||||
|
<h3>六六歌第二季：獨一無二的專屬企劃</h3>
|
||||||
|
<p class="ebook-intro-lead">和第一季不同的是，第一季是由許多藝人共同完成一個舞台，而第二季專門為一個團體而企劃。</p>
|
||||||
|
<p class="ebook-intro-lead">節目一開場，來到 2016 年 2 月 17 日，兩位來歷不明的人裝扮成 90 年代的偶像，氣喘吁吁地跳著 90
|
||||||
|
年代的流行歌曲－〈品生品死〉。像是如魚得水的純黑蚱蜢和正在跳蹦床的純白小鬼，當年帥氣的造型現在看起來和大媽沒有差別，模樣相當逗趣！</p>
|
||||||
|
<p class="ebook-intro-lead">
|
||||||
|
無限挑戰中原本的五名主持卻只來兩位，原來是因為這次的企劃是高度機密，為了避免消息走漏讓企劃流局，遺憾的先將另外三名排除在外，由口風較緊的國民主持人劉在錫和 HAHA 參與。接著
|
||||||
|
HAHA 開始猜測嘉賓，依照身上的裝扮大概念猜到，是不是一開始跳的舞曲〈品生品死〉的原唱，正是第一季曾出演過的水院、在德所屬團體－水晶男孩。</p>
|
||||||
|
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 3. 全寬純文字 -->
|
||||||
|
<div class="container" style="height: auto; min-height: 30vh; margin-bottom: 20px; clear: both;">
|
||||||
|
<div class="container11 readable-col-1">
|
||||||
|
<section class="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">團體中另分為以
|
||||||
|
Rap、舞蹈為主的黑水晶（殷志源、李宰鎮、金在德）及以歌唱為主的白水晶（姜成勳、高志溶、張水院）。水晶男孩的團名，是德語的「六顆水晶」；他們的全盛期，也如名字一般閃耀。發行五張專輯，銷售量卻高達
|
||||||
|
190 萬張、演唱會門票年年售罄、曾獲得 32 次冠軍獎盃，僅三年一個月便取得如此輝煌的成績。</p>
|
||||||
|
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 4. 全寬圖文 -->
|
||||||
|
<div class="container" style="height: auto; min-height: 45vh; margin-bottom: 20px; clear: both;">
|
||||||
|
<div class="container11 readable-col-1">
|
||||||
|
<img src="/totoga2/readable/06-1需要極度保密.jpeg" alt="正式交涉高度保密"
|
||||||
|
style="width: 100%; height: auto; display: block;">
|
||||||
|
<section class="ebook-intro section" style="padding: 20px;">
|
||||||
|
<h2 class="section-title">正式交涉與保密協議</h2>
|
||||||
|
<p class="ebook-intro-lead">兩位主持爆笑登場後，互相寒暄近況、簡單介紹一下水晶男孩、也提到當年備受矚目的動作 Back down
|
||||||
|
(扶著後腦勺往後倒地)、過往的吵架故事......等，讓觀眾經由對話對水晶男孩有進一步地認識。</p>
|
||||||
|
<p class="ebook-intro-lead">
|
||||||
|
<strong>【做不做公演？游擊演唱會的殘酷規則】</strong><br>和第一季提前告知並讓觀眾申請入場不同，第二季是<strong>游擊演唱會</strong>！公演當天才能展開宣傳並聚集觀眾，演出者必須全程戴上眼罩，直到活動正式開始那一刻才能摘下眼罩看到現場觀眾人數。這是在他們解散後才出現的新型節目形式，如今終於可以親自嘗試了，光是想像都讓人激動，觀眾也相當期待！
|
||||||
|
</p>
|
||||||
|
<p class="ebook-intro-lead">
|
||||||
|
由於游擊演唱會必須臨時聚集觀眾，不能提前公開日程，因此成員們需要和製作組簽訂一個<strong>保密協議</strong>。只有在保密完全成功的情況下，才能正常地按原計劃進行演唱會。如果在演唱會之前消息意外走漏，主辦方將會立刻取消演唱會，直接實行<strong>「B計劃：愛做不做公演」</strong>！此計劃內容為不管是什麼奇葩場地，只要有觀眾需要，成員就必須立刻趕去現場演出。
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 5. 二欄文字左圖片右 -->
|
||||||
|
<div class="container" style="height: auto; min-height: 35vh; margin-bottom: 20px; clear: both;">
|
||||||
|
<div class="container22 readable-col-2 readable-col-2--left" style="float: left; width: 50%;">
|
||||||
|
<section class="ebook-intro section">
|
||||||
|
<h3>冷凍美男－姜成勳</h3>
|
||||||
|
<p class="ebook-intro-lead">令人印象深刻的是，主唱姜成勳擁有和 20
|
||||||
|
年前完全一模一樣的驚人外貌，堪稱「冷凍人」級別！甚至還被張水院私下吐槽虧說：「他就算到了 70 歲還是會繼續留這個招牌髮型吧！」</p>
|
||||||
|
<p class="ebook-intro-lead">
|
||||||
|
然而，在光鮮的外表背後，這段解散期間他經歷了無數波折。曾遭到合夥人惡意詐騙，甚至反被誣告，足足痛苦地過了兩年，法院才終於判決還他清白。在這段日子裡承受了最多、最辛苦的他，此時此刻反而只覺得對等待多年的粉絲和大眾感到無比抱歉，真心讓人感到心疼！
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
<div class="container21 readable-col-2 readable-col-2--right" style="float: right; width: 50%;">
|
||||||
|
<img src="/totoga2/readable/11-1_冷凍人.jpeg" alt="冷凍美男姜成勳"
|
||||||
|
style="width: 100%; height: 100%; object-fit: cover;">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 6. 二欄純雙圖並排 -->
|
||||||
|
<div class="container" style="height: auto; min-height: 35vh; margin-bottom: 20px; clear: both;">
|
||||||
|
<div class="container22 readable-col-2 readable-col-2--left" style="float: left; width: 50%;">
|
||||||
|
<img src="/totoga2/readable/11-2_無法輕易征服的高山 宰鎮.jpeg" alt="無法輕易征服的高山 宰鎮"
|
||||||
|
style="width: 100%; height: 100%; object-fit: cover;">
|
||||||
|
</div>
|
||||||
|
<div class="container21 readable-col-2 readable-col-2--right" style="float: right; width: 50%;">
|
||||||
|
<img src="/totoga2/readable/11-4_160416_0_08.jpeg" alt="綜藝感爆發"
|
||||||
|
style="width: 100%; height: 100%; object-fit: cover;">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 7. 三欄圖文混排（當場畫在錫的臉） -->
|
||||||
|
<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%;">
|
||||||
|
<img src="/totoga2/readable/11-3_160416_0_03.png" alt="無法輕易征服的高山"
|
||||||
|
style="width: 100%; height: 100%; object-fit: cover;">
|
||||||
|
</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.95rem;">
|
||||||
|
節目剛開始時，大家高興地彼此問候，唯獨被嚇壞的李宰鎮滿臉防備地追問為什麼要這樣熱烈歡迎，獨特的性格似乎有點與眾不同。訪問輪到他時，就連劉在錫和 HAHA
|
||||||
|
都瞬間緊張起來，面對這座必須要跨越的「綜藝喜馬拉雅山」使出渾身解數，卻頻頻在他奇特的思考迴路中迷失方向。</p>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
<div class="container33 readable-col-3 readable-col-3--right" style="float: right; width: 33.33%;">
|
||||||
|
<section class="ebook-intro section" style="padding: 15px;">
|
||||||
|
<h3>無法輕易征服的高山</h3>
|
||||||
|
<p class="ebook-intro-lead" style="font-size: 0.95rem;">他是那種必須要「清楚表達才聽得懂的極端 O
|
||||||
|
型」人格，完全不按綜藝套路出牌。當大家都被節目組意外的游擊宣布嚇到時，李宰鎮卻一秒潑冷水說自己「早就猜到了」，讓劉在錫瞬間語塞！直白四次元的反應，更讓劉在錫忍不住對著鏡頭驚嘆這絕對是自己「生平第一次看到的角色」！
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 8. 二欄圖片左文字右 -->
|
||||||
|
<div class="container" style="height: auto; min-height: 32vh; margin-bottom: 20px; clear: both;">
|
||||||
|
<div class="container22 readable-col-2 readable-col-2--left" style="float: left; width: 50%;">
|
||||||
|
<img src="/totoga2/readable/11-4_160416_0_08.jpeg" alt="主持人群感到緊張"
|
||||||
|
style="width: 100%; height: 100%; object-fit: cover;">
|
||||||
|
</div>
|
||||||
|
<div class="container21 readable-col-2 readable-col-2--right" style="float: right; width: 50%;">
|
||||||
|
<section class="ebook-intro section" style="padding: 20px;">
|
||||||
|
<h3>見過大風大浪也緊張</h3>
|
||||||
|
<p class="ebook-intro-lead">隨著訪問推進，李宰鎮那具有個人特色的綜藝感漸漸展露。他的耿直反應和新穎回答，讓採訪過無數來賓的劉在錫和 HAHA
|
||||||
|
從一開始就繃緊了神經，完全無法預測接下來的局勢發展。</p>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 9. 三欄混排（雙圖一文） -->
|
||||||
|
<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%;">
|
||||||
|
<img src="/totoga2/readable/12-1_160416_0_06.png" alt="宰鎮突然大笑"
|
||||||
|
style="width: 100%; height: 100%; object-fit: cover;">
|
||||||
|
</div>
|
||||||
|
<div class="container32 readable-col-3 readable-col-3--left" style="float: left; width: 33.33%;">
|
||||||
|
<img src="/totoga2/readable/12-2_160416_0_07.png" alt="HAHA被嚇到"
|
||||||
|
style="width: 100%; height: 100%; object-fit: cover;">
|
||||||
|
</div>
|
||||||
|
<div class="container33 readable-col-3 readable-col-3--right" style="float: right; width: 33.33%;">
|
||||||
|
<section class="ebook-intro section" style="padding: 15px;">
|
||||||
|
<h3>無預警爆發的魔性笑聲</h3>
|
||||||
|
<p class="ebook-intro-lead" style="font-size: 0.95rem;">
|
||||||
|
就在介紹規則和訪談進行到一半時，李宰鎮因為自己腦海中想像到的有趣畫面，突然毫無預警地獨自放聲大笑「嗯哈哈哈哈～」。那毫無防備的突發笑彈，瞬間打破錄影現場的節奏，直接把兩位主持人嚇了一大跳！不過早已經習慣宰鎮這種四次元個性的水晶男孩團員們，反而覺得主持人的受驚反應超有趣，跟著笑翻全場。
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 10. 二欄文字左圖片右 -->
|
||||||
|
<div class="container" style="height: auto; min-height: 32vh; margin-bottom: 20px; clear: both;">
|
||||||
|
<div class="container22 readable-col-2 readable-col-2--left" style="float: left; width: 50%;">
|
||||||
|
<section class="ebook-intro section" style="padding: 20px;">
|
||||||
|
<h3>讓全場陷入混亂的「精神衝擊」</h3>
|
||||||
|
<p class="ebook-intro-lead">面對這毫無前因後果的突發笑彈，坐在一旁的 HAHA
|
||||||
|
直接被嚇到雙眼圓睜、下巴脫臼，滿臉寫著茫然。控場能力一流的劉在錫也徹底崩潰，一邊按耐著受驚的心臟，一邊哭笑不得、畢恭畢敬地追問：「真的真的很抱歉，但是為什麼你要笑？」這種摸不著頭緒卻又無敵純真地個人特色，讓劉在錫也爆笑又暴跳！
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
<div class="container21 readable-col-2 readable-col-2--right" style="float: right; width: 50%;">
|
||||||
|
<img src="/totoga2/readable/12-3_為什麼你要笑.jpeg" alt="為什麼你要笑近鏡頭"
|
||||||
|
style="width: 100%; height: 100%; object-fit: cover;">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 11. 三欄混排（文 + 文 + 圖） -->
|
||||||
|
|
||||||
|
<!-- 12. 二欄圖片左文字右（絕對所有權） -->
|
||||||
|
<div class="container" style="height: auto; min-height: 35vh; margin-bottom: 20px; clear: both;">
|
||||||
|
<div class="container22 readable-col-2 readable-col-2--left" style="float: left; width: 50%;">
|
||||||
|
<img src="/totoga2/readable/12-4_160416_0_18.jpeg" alt="那是我畫的所以是我的"
|
||||||
|
style="width: 100%; height: 100%; object-fit: cover;">
|
||||||
|
</div>
|
||||||
|
<div class="container21 readable-col-2 readable-col-2--right" style="float: right; width: 50%;">
|
||||||
|
<section class="ebook-intro section" style="padding: 20px;">
|
||||||
|
<h3>絕對所有權！</h3>
|
||||||
|
<p class="ebook-intro-lead">
|
||||||
|
好不容易在現場把肖像畫完成了，一般情況下嘉賓都會大方送給節目，但李宰鎮不喜歡「正常」，他真的是非常不平凡！當在錫哥表示會帶回家好好收藏並理所當然地伸手準備拿走時，李宰鎮卻像個護著玩具的小孩，理直氣壯地一把護住自己的作品，神色認真地回絕：「不行，為什麼你要拿走？那是我畫的！所以是我的！」
|
||||||
|
</p>
|
||||||
|
<p class="ebook-intro-lead">這番毫無心機的「所有權宣告」，直接讓在錫哥當場抱頭崩潰，甚至開玩笑地指著宰鎮大喊：「這哥是惡魔嗎？！」</p>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 13. 四欄純圖片並排 -->
|
||||||
|
<div class="container" style="height: auto; min-height: 32vh; margin-bottom: 20px; clear: both;">
|
||||||
|
<div class="container41 readable-col-4 readable-col-4--left" style="float: left; width: 25%;">
|
||||||
|
<img src="/totoga2/readable/13-2哥得自己畫!.jpeg" alt="哥得自己畫截圖"
|
||||||
|
style="width: 100%; height: 100%; object-fit: cover;">
|
||||||
|
</div>
|
||||||
|
<div class="container42 readable-col-4 readable-col-4--left" style="float: left; width: 25%;">
|
||||||
|
<img src="/totoga2/readable/13-4_160416_0_05.png" alt="志源大喊畫面"
|
||||||
|
style="width: 100%; height: 100%; object-fit: cover;">
|
||||||
|
</div>
|
||||||
|
<div class="container43 readable-col-4 readable-col-4--right" style="float: right; width: 25%;">
|
||||||
|
<img src="/totoga2/readable/13-5_ScreenShot-VideoID-2epKr_O2s9E-TimeS-31.png" alt="志源摟住宰鎮"
|
||||||
|
style="width: 100%; height: 100%; object-fit: cover;">
|
||||||
|
</div>
|
||||||
|
<div class="container44 readable-col-4 readable-col-4--right" style="float: right; width: 25%;">
|
||||||
|
<img src="/totoga2/readable/13-6_ScreenShot-VideoID-2epKr_O2s9E-TimeS-42.jpeg" alt="聯手逼退在錫"
|
||||||
|
style="width: 100%; height: 100%; object-fit: cover;">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 14. 二欄文字左圖片右（隊長聯手逗弄） -->
|
||||||
|
<div class="container" style="height: auto; min-height: 45vh; margin-bottom: 20px; clear: both;">
|
||||||
|
<div class="container22 readable-col-2 readable-col-2--left" style="float: left; width: 50%;">
|
||||||
|
<section class="ebook-intro section" style="padding: 20px;">
|
||||||
|
<h3>隊長聯手逗弄主持人的日常</h3>
|
||||||
|
<p class="ebook-intro-lead">
|
||||||
|
這時候，最精彩的水晶男孩「日常生態」出現了。坐在一旁的隊長殷志源看著在錫哥被宰鎮逼到牆角，非傷也沒有出來打圓場，反而一把摟住自家大哥，理直氣壯地站在宰鎮這邊，順著那無厘頭的耿直邏輯，對著在錫哥大喊：「哥要是想拿走，你得自己畫！」這神補刀的一句話，讓在錫更覺得他簡直是個調皮的天才！
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
<div class="container21 readable-col-2 readable-col-2--right" style="float: right; width: 50%;">
|
||||||
|
<img src="/totoga2/readable/13-31779025232670.jpg" alt="水晶男孩現場互動"
|
||||||
|
style="width: 100%; height: 100%; object-fit: cover;">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 15. 滿版大組合包（嚴肅話題下的爆笑神反轉） -->
|
||||||
|
<div class="container collage-stack">
|
||||||
|
<div class="container11 readable-col-1">
|
||||||
|
<section class="ebook-intro section" style="padding: 20px;">
|
||||||
|
<h3>嚴肅話題下的爆笑神反轉</h3>
|
||||||
|
<p class="ebook-intro-lead">
|
||||||
|
接著大家聊到當年最沉重的話題——解散的真正情況。當時解散的原因其實是因為不滿公司的壓榨與不公，成員原本想著要集體離開公司，卻被公司強制宣布解散……當時在社會上鬧得非常大，甚至連雙方父母都親自跑到公司開會抗議了。然而，就在全場氣氛陷入一片嚴肅與感傷的時候，李宰鎮又突然毫無預警地笑出聲來，冷不防地說道：「當時我父母親其實是去結算（拿錢）的啦！」
|
||||||
|
</p>
|
||||||
|
<p class="ebook-intro-lead">這句話一出，讓剛剛還沉浸在悲傷情緒中的劉在錫和 HAHA
|
||||||
|
再次瞬間無語、徹底崩潰，只能哭笑不得地互相幫對方按摩心臟來緩解精神衝擊。整個訪談過程中，李宰鎮這種不按牌理出牌的回應，各種讓主持人防不防的崩潰，絕對是節目中最大的看點！</p>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
<div class="container31 readable-col-3 readable-col-3--left">
|
||||||
|
<img src="/totoga2/readable/9-3_160416_0_03_20解散.jpeg" alt="解散話題">
|
||||||
|
</div>
|
||||||
|
<div class="container32 readable-col-3 readable-col-3--left">
|
||||||
|
<img src="/totoga2/readable/12-4_160416_0_18.jpeg" alt="崩潰反應">
|
||||||
|
</div>
|
||||||
|
<div class="container33 readable-col-3 readable-col-3--right">
|
||||||
|
<img src="/totoga2/readable/13-7_生氣在錫大頭版.png" alt="生氣在錫大頭">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</article>
|
||||||
|
</main>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
|
||||||
|
<p class="ebook-back-link content-container">
|
||||||
|
<a href="../index.html#story" class="btn">回到首頁 · 傳奇的轉折</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<script src="../assets/js/particles.js"></script>
|
||||||
|
<script src="../assets/js/portal-nav.js"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user