feat 修改內容
This commit is contained in:
+343
-184
@@ -8,6 +8,63 @@
|
||||
<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>
|
||||
/* 本頁專用：導覽列捲到視窗頂端後固定，不再隨頁面上移 */
|
||||
body.site-guide-page .portal-nav {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 100;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
margin: 0 0 14px;
|
||||
padding: 0.8rem clamp(16px, 4vw, 100px);
|
||||
background-color: var(--black);
|
||||
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.28);
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/* 主選單樹巢狀：data-site-guide-depth + .site-guide-nav-name */
|
||||
body.site-guide-page .site-guide-nav-table .site-guide-nav-menu-cell {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
body.site-guide-page .site-guide-nav-table tr[data-site-guide-depth="1"] .site-guide-nav-menu-cell {
|
||||
padding-left: 0.65rem;
|
||||
}
|
||||
|
||||
body.site-guide-page .site-guide-nav-table tr[data-site-guide-depth="2"] .site-guide-nav-menu-cell {
|
||||
padding-left: 1.1rem;
|
||||
}
|
||||
|
||||
body.site-guide-page .site-guide-nav-table tr[data-site-guide-depth="3"] .site-guide-nav-menu-cell {
|
||||
padding-left: 1.85rem;
|
||||
}
|
||||
|
||||
body.site-guide-page .site-guide-nav-table tr[data-site-guide-depth="4"] .site-guide-nav-menu-cell {
|
||||
padding-left: 2.6rem;
|
||||
}
|
||||
|
||||
body.site-guide-page .site-guide-nav-table tr[data-site-guide-depth="2"] .site-guide-nav-name::before {
|
||||
content: "——\00a0";
|
||||
}
|
||||
|
||||
body.site-guide-page .site-guide-nav-table tr[data-site-guide-depth="3"] .site-guide-nav-name::before {
|
||||
content: "————\00a0";
|
||||
}
|
||||
|
||||
body.site-guide-page .site-guide-nav-table tr[data-site-guide-depth="4"] .site-guide-nav-name::before {
|
||||
content: "——————\00a0";
|
||||
}
|
||||
|
||||
body.site-guide-page .site-guide-nav-table tr[data-site-guide-depth] .site-guide-nav-name::before {
|
||||
display: inline;
|
||||
font-family: inherit;
|
||||
font-size: 0.92em;
|
||||
color: rgba(0, 0, 0, 0.38);
|
||||
letter-spacing: 0.02em;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body class="site-guide-page">
|
||||
@@ -15,7 +72,7 @@
|
||||
<div class="header-inner">
|
||||
<h1 class="main-title">全站導覽</h1>
|
||||
<div class="subtitle-wrap">
|
||||
<span class="sub-title">SITE MAP · 頁面索引</span>
|
||||
<span class="sub-title">SITE MAP · 一表為主</span>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
@@ -25,212 +82,314 @@
|
||||
<canvas id="particles"></canvas>
|
||||
|
||||
<main class="content-container site-guide-main">
|
||||
<p class="site-guide-lead">
|
||||
以下索引<strong>依頂欄全站導覽</strong>的分類與順序排列（與 <code>assets/js/portal-nav.js</code> 一致），並盡量對齊<strong>資料夾</strong>（站根 <code>index.html</code>、<code>variety/</code>、<code>concert/</code>、<code>albums/</code>、<code>map/</code>）。
|
||||
每張卡片含<span class="mark_b">連結</span>、<span class="mark_b">標題</span>（<code><title></code>）、<span class="mark_b">錨點</span>。
|
||||
<span class="mark_b">本頁頂欄</span>已設 <code>data-portal-nav-all-open</code>，連結全可點；一般內容頁頂欄仍依站主籌備中設定。
|
||||
此頁<strong>未</strong>掛在頂欄選單內，請自行書籤或開啟 <code>extra/site-guide.html</code>。
|
||||
<p class="site-guide-lead site-guide-lead--short">
|
||||
棕字可點、灰字無連結。本頁頂欄全開；他頁依 <code>portal-nav.js</code>。
|
||||
</p>
|
||||
|
||||
<!-- 順序與 portal-nav 主選單一致：淪陷瞬間 → 瘋子與天才 → 現場的震撼 → 黃色留聲機 → 聖地巡禮；其餘為 extra/ 未列頂欄 -->
|
||||
<section class="site-guide-group site-guide-group--nav-hero" aria-labelledby="sg-nav-tree">
|
||||
<h2 class="section-title" id="sg-nav-tree">主選單樹</h2>
|
||||
<p class="site-guide-legend">
|
||||
<span><span class="site-guide-legend__on">●</span> 有連結</span>
|
||||
<span><span class="site-guide-legend__off">●</span> 無連結</span>
|
||||
</p>
|
||||
<div class="site-guide-nav-table-wrap">
|
||||
<table class="site-guide-nav-table">
|
||||
<caption class="site-guide-nav-caption">路徑相對站根。</caption>
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">選單名稱</th>
|
||||
<th scope="col">頁面簡介</th>
|
||||
<th scope="col">連結</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr data-site-guide-depth="1">
|
||||
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a href="../index.html">淪陷瞬間</a></span></td>
|
||||
<td class="site-guide-nav-desc">Hero、入坑敘事與站方初衷；LOGO 理念、宣言與跨時空軌跡時間軸。</td>
|
||||
<td class="site-guide-nav-link-cell"><a href="../index.html"><code>index.html</code></a></td>
|
||||
</tr>
|
||||
<tr data-site-guide-depth="2">
|
||||
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a href="../index.html">初心與軌跡</a></span></td>
|
||||
<td class="site-guide-nav-desc">Hero、入坑敘事與站方初衷；LOGO 理念、宣言與跨時空軌跡時間軸。</td>
|
||||
<td class="site-guide-nav-link-cell"><a href="../index.html"><code>index.html</code></a></td>
|
||||
</tr>
|
||||
<tr data-site-guide-depth="2">
|
||||
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a href="totoga2.html">傳奇的轉折</a></span></td>
|
||||
<td class="site-guide-nav-desc">六六歌2 紀實長頁：影片、電子書、長文與章節錨點。</td>
|
||||
<td class="site-guide-nav-link-cell"><a href="totoga2.html"><code>extra/totoga2.html</code></a></td>
|
||||
</tr>
|
||||
<tr data-site-guide-depth="2">
|
||||
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><span class="site-guide-nav-nolink">全員發瘋</span></span></td>
|
||||
<td class="site-guide-nav-desc">—</td>
|
||||
<td class="site-guide-nav-link-cell"><span class="site-guide-nav-nolink">—</span></td>
|
||||
</tr>
|
||||
<tr data-site-guide-depth="3">
|
||||
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a href="../variety/variety.html#stage">隊長帶弟弟</a></span></td>
|
||||
<td class="site-guide-nav-desc">綜藝頁「隊長的氣場」段：控場、團內互動與後續切片預留。</td>
|
||||
<td class="site-guide-nav-link-cell"><a href="../variety/variety.html#stage"><code>variety/variety.html#stage</code></a></td>
|
||||
</tr>
|
||||
<tr data-site-guide-depth="3">
|
||||
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><span class="site-guide-nav-nolink">各自暴走</span></span></td>
|
||||
<td class="site-guide-nav-desc">—</td>
|
||||
<td class="site-guide-nav-link-cell"><span class="site-guide-nav-nolink">—</span></td>
|
||||
</tr>
|
||||
<tr data-site-guide-depth="4">
|
||||
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a href="../variety/NJTW/NJTW5.html">新西遊記</a></span></td>
|
||||
<td class="site-guide-nav-desc">與鬼神同行企劃文案、六人介紹與 OB／YB 雙隊版面。</td>
|
||||
<td class="site-guide-nav-link-cell"><a href="../variety/NJTW/NJTW5.html"><code>variety/NJTW/NJTW5.html</code></a></td>
|
||||
</tr>
|
||||
<tr data-site-guide-depth="1">
|
||||
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a href="member.html">完整的六顆</a></span></td>
|
||||
<td class="site-guide-nav-desc">黑／白水晶六人海報板、團名典故與成員靜態介紹。</td>
|
||||
<td class="site-guide-nav-link-cell"><a href="member.html"><code>extra/member.html</code></a></td>
|
||||
</tr>
|
||||
<tr data-site-guide-depth="1">
|
||||
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a href="../concert/concert.html">現場的震撼</a></span></td>
|
||||
<td class="site-guide-nav-desc">巡迴場次、場館與曲目展開；搜尋曲目或場次。</td>
|
||||
<td class="site-guide-nav-link-cell"><a href="../concert/concert.html"><code>concert/concert.html</code></a></td>
|
||||
</tr>
|
||||
<tr data-site-guide-depth="2">
|
||||
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a href="../concert/concert.html">集結水晶</a></span></td>
|
||||
<td class="site-guide-nav-desc">巡迴場次、場館與曲目展開；搜尋曲目或場次。</td>
|
||||
<td class="site-guide-nav-link-cell"><a href="../concert/concert.html"><code>concert/concert.html</code></a></td>
|
||||
</tr>
|
||||
<tr data-site-guide-depth="2">
|
||||
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><span class="site-guide-nav-nolink">隊長的氣場</span></span></td>
|
||||
<td class="site-guide-nav-desc">—</td>
|
||||
<td class="site-guide-nav-link-cell"><span class="site-guide-nav-nolink">—</span></td>
|
||||
</tr>
|
||||
<tr data-site-guide-depth="1">
|
||||
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a href="../albums/albums.html">黃色留聲機</a></span></td>
|
||||
<td class="site-guide-nav-desc">導聽文案；新篇章與全盛期年表、深水連結與曲目表。</td>
|
||||
<td class="site-guide-nav-link-cell"><a href="../albums/albums.html"><code>albums/albums.html</code></a></td>
|
||||
</tr>
|
||||
<tr data-site-guide-depth="2">
|
||||
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a href="../albums/albums.html#new">啟動新篇章</a></span></td>
|
||||
<td class="site-guide-nav-desc">回歸後數位單曲／專輯敘事與代表曲目表。</td>
|
||||
<td class="site-guide-nav-link-cell"><a href="../albums/albums.html#new"><code>albums/albums.html#new</code></a></td>
|
||||
</tr>
|
||||
<tr data-site-guide-depth="2">
|
||||
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a href="../albums/albums.html#classic">輝煌全盛期</a></span></td>
|
||||
<td class="site-guide-nav-desc">1997–1999 全盛期年表、專輯列與主打記憶整理。</td>
|
||||
<td class="site-guide-nav-link-cell"><a href="../albums/albums.html#classic"><code>albums/albums.html#classic</code></a></td>
|
||||
</tr>
|
||||
<tr data-site-guide-depth="1">
|
||||
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a href="../map/map.html">Yellow Note</a></span></td>
|
||||
<td class="site-guide-nav-desc">台灣行程表、成員行程篩選、搜尋與地圖主體。</td>
|
||||
<td class="site-guide-nav-link-cell"><a href="../map/map.html"><code>map/map.html</code></a></td>
|
||||
</tr>
|
||||
<tr data-site-guide-depth="2">
|
||||
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a href="minister.html">視覺進化論</a></span></td>
|
||||
<td class="site-guide-nav-desc">「從好奇到全端」自述與時間軸式章節段落。</td>
|
||||
<td class="site-guide-nav-link-cell"><a href="minister.html"><code>extra/minister.html</code></a></td>
|
||||
</tr>
|
||||
<tr data-site-guide-depth="2">
|
||||
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a href="../map/map.html">聖地巡禮</a></span></td>
|
||||
<td class="site-guide-nav-desc">台灣行程表、成員行程篩選、搜尋與地圖主體。</td>
|
||||
<td class="site-guide-nav-link-cell"><a href="../map/map.html"><code>map/map.html</code></a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<h3 class="site-guide-subh" id="sg-rules-quick">一般頁籌備中（掃一眼）</h3>
|
||||
<div class="site-guide-nav-table-wrap">
|
||||
<table class="site-guide-mini-table" aria-describedby="sg-rules-quick">
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row"><code>COMING_SOON_PAGES</code></th>
|
||||
<td><code>albums</code>、<code>map</code>、<code>minister</code>、<code>minister_ge</code> 檔名 → 一般頁改 <code>#</code></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row"><code>INDEX_NAV_OPEN_HASHES</code></th>
|
||||
<td>僅 <code>index.html</code> 無片段、<code>#origin</code>、<code>#start</code>、<code>#mission</code>、<code>#timeline</code></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">固定</th>
|
||||
<td>「隊長的氣場」與 Set 無關</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<p class="site-guide-fine-print site-guide-fine-print--center">綜藝主頁：<a href="../variety/variety.html">variety.html</a></p>
|
||||
</section>
|
||||
|
||||
<section class="site-guide-group" aria-labelledby="sg-nav-origin">
|
||||
<h2 class="section-title" id="sg-nav-origin">淪陷瞬間 <span class="site-guide-nav-sub">六顆永恆的水晶 · 左右命運的傳奇</span></h2>
|
||||
<p class="site-guide-folder-hint">站根 · 對應 <code>index.html#origin</code> 與子選單錨點</p>
|
||||
<div class="site-guide-grid">
|
||||
<article class="site-guide-card">
|
||||
<h3><a href="../index.html">index.html</a> <span class="site-guide-path">（站根）</span></h3>
|
||||
<p class="site-guide-meta">標題列：<cite>SECHSKIES - 水晶男孩傳奇介紹</cite></p>
|
||||
<p class="site-guide-note">主選單「淪陷瞬間」主連結；子項與導覽子選單用語一致。</p>
|
||||
<h4>子選單錨點（與頂欄一致）</h4>
|
||||
<ul>
|
||||
<li><a href="../index.html#origin">#origin</a> — 淪陷瞬間 · 主選單主連結（Hero）</li>
|
||||
<li><a href="../index.html#start">#start</a> — 好奇的開端 · 從好奇觀看到淪陷的起點</li>
|
||||
<li><a href="../index.html#mission">#mission</a> — 成立的初衷 · 推廣部與黃色奇蹟</li>
|
||||
<li><a href="../index.html#timeline">#timeline</a> — 跨時空軌跡 · 年表與作品節點</li>
|
||||
<li><a href="../index.html#story">#story</a> — 傳奇的轉折 · 重逢與敘事主線</li>
|
||||
</ul>
|
||||
</article>
|
||||
|
||||
<h2 class="section-title" id="sg-nav-origin">淪陷瞬間 <span class="site-guide-nav-sub">站根</span></h2>
|
||||
<div class="site-guide-nav-table-wrap">
|
||||
<table class="site-guide-mini-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">頁／錨點</th>
|
||||
<th scope="col">用途</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><a href="../index.html">index.html</a></td>
|
||||
<td>首頁 Hero</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="../index.html#start">#start</a> 等</td>
|
||||
<td>區塊錨點（<code>#story</code> 不在頂欄白名單）</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="totoga2.html">totoga2.html</a></td>
|
||||
<td>六六歌2 整合</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="site-guide-grid site-guide-grid--compact">
|
||||
<article class="site-guide-card site-guide-card--totoga2">
|
||||
<h3><a href="totoga2.html">extra/totoga2.html</a> <span class="site-guide-path">（敘事延伸）</span></h3>
|
||||
<p class="site-guide-meta">標題列：<cite>水晶男孩｜無限挑戰六六歌2 — 紀實電子書</cite></p>
|
||||
<p class="site-guide-note">呼應首頁「傳奇的轉折」軸線；檔案在 <code>extra/</code>，頂欄未單獨列項。</p>
|
||||
<div class="site-guide-totoga2-panel">
|
||||
<p class="site-guide-kicker">怎麼開</p>
|
||||
<ul class="site-guide-modes site-guide-modes--totoga2">
|
||||
<li><a href="totoga2.html">影片模式</a> — 預設（三集 Bilibili）</li>
|
||||
<li><a href="totoga2.html#ebook">電子書模式</a> — FlipHTML5 全螢幕</li>
|
||||
<li><a href="totoga2.html#challenge">紀實長文</a> — 自「無限挑戰」章起</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="site-guide-totoga2-panel">
|
||||
<p class="site-guide-kicker">長文章節捷徑</p>
|
||||
<nav class="site-guide-chapter-nav" aria-label="totoga2 紀實長文章節">
|
||||
<a href="totoga2.html#challenge">無限挑戰</a>
|
||||
<a href="totoga2.html#ssg2">六六歌第二季</a>
|
||||
<a href="totoga2.html#sechskies-profile">水晶男孩</a>
|
||||
<a href="totoga2.html#gather">召集</a>
|
||||
<a href="totoga2.html#negotiate">正式交涉</a>
|
||||
<a href="totoga2.html#variables">變數</a>
|
||||
<a href="totoga2.html#surprise">驚喜</a>
|
||||
<a href="totoga2.html#final-stage">登場</a>
|
||||
</nav>
|
||||
</div>
|
||||
<p class="site-guide-fine-print">舊檔 <code>ssg2-ebook.html</code>、<code>chronicle.html</code> 已併入本頁。</p>
|
||||
<h3><a href="totoga2.html">totoga2 模式</a></h3>
|
||||
<ul class="site-guide-inline-links">
|
||||
<li><a href="totoga2.html">影片</a></li>
|
||||
<li><a href="totoga2.html#ebook">電子書</a></li>
|
||||
<li><a href="totoga2.html#challenge">長文</a></li>
|
||||
</ul>
|
||||
<nav class="site-guide-chapter-nav" aria-label="totoga2 章節">
|
||||
<a href="totoga2.html#challenge">無限挑戰</a>
|
||||
<a href="totoga2.html#ssg2">六六歌2</a>
|
||||
<a href="totoga2.html#sechskies-profile">水晶男孩</a>
|
||||
<a href="totoga2.html#gather">召集</a>
|
||||
<a href="totoga2.html#negotiate">交涉</a>
|
||||
<a href="totoga2.html#variables">變數</a>
|
||||
<a href="totoga2.html#surprise">驚喜</a>
|
||||
<a href="totoga2.html#final-stage">登場</a>
|
||||
</nav>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="site-guide-group" aria-labelledby="sg-nav-variety">
|
||||
<h2 class="section-title" id="sg-nav-variety">瘋子與天才 <span class="site-guide-nav-sub">EUN JI-WON × VARIETY GRAVITY</span></h2>
|
||||
<p class="site-guide-folder-hint">資料夾 <code>variety/</code> · 對應頂欄第二主項</p>
|
||||
<div class="site-guide-grid">
|
||||
<article class="site-guide-card">
|
||||
<h3><a href="../variety/variety.html">variety/variety.html</a></h3>
|
||||
<p class="site-guide-meta">標題列：<cite>水晶男孩｜瘋子與天才</cite></p>
|
||||
<h4>子選單錨點（與頂欄一致）</h4>
|
||||
<ul>
|
||||
<li><a href="../variety/variety.html#variety">#variety</a> — 瘋狂出演中 · 綜藝鏡頭與名場面</li>
|
||||
<li><a href="../variety/variety.html#stage">#stage</a> — 隊長的氣場 · 控場與隊內互動</li>
|
||||
</ul>
|
||||
</article>
|
||||
<article class="site-guide-card">
|
||||
<h3><a href="../variety/NJTW/NJTW5.html">variety/NJTW/NJTW5.html</a></h3>
|
||||
<p class="site-guide-meta">標題列：<cite>新西遊記：成員介紹</cite></p>
|
||||
<p class="site-guide-note">頂欄「瘋子與天才」子選單第三項：新西遊記 · MEMBER GUIDE</p>
|
||||
</article>
|
||||
<section class="site-guide-group" aria-labelledby="sg-nav-member">
|
||||
<h2 class="section-title" id="sg-nav-member">完整的六顆</h2>
|
||||
<div class="site-guide-nav-table-wrap">
|
||||
<table class="site-guide-mini-table">
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row">頁</th>
|
||||
<td><a href="member.html">extra/member.html</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">錨點</th>
|
||||
<td><a href="member.html#crystal-board">#crystal-board</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="site-guide-group" aria-labelledby="sg-nav-concert">
|
||||
<h2 class="section-title" id="sg-nav-concert">現場的震撼 <span class="site-guide-nav-sub">SECHSKIES CONCERT ARCHIVE</span></h2>
|
||||
<p class="site-guide-folder-hint">資料夾 <code>concert/</code> · 對應頂欄第三主項</p>
|
||||
<div class="site-guide-grid">
|
||||
<article class="site-guide-card">
|
||||
<h3><a href="../concert/concert.html">concert/concert.html</a></h3>
|
||||
<p class="site-guide-meta">標題列：<cite>SECHSKIES Concert Archive</cite></p>
|
||||
<h4>子選單錨點（與頂欄一致）</h4>
|
||||
<ul>
|
||||
<li><a href="../concert/concert.html#stage-now">#stage-now</a> — 永恆的重逢 · 近年與重聚舞台</li>
|
||||
<li><a href="../concert/concert.html#stage-past">#stage-past</a> — 燦爛的最初 · 全盛期經典場次</li>
|
||||
</ul>
|
||||
</article>
|
||||
<h2 class="section-title" id="sg-nav-concert">現場的震撼</h2>
|
||||
<div class="site-guide-nav-table-wrap">
|
||||
<table class="site-guide-mini-table">
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row">集結水晶</th>
|
||||
<td><a href="../concert/concert.html">concert.html</a> · <a href="../concert/concert.html#stage-now">#stage-now</a> · <a href="../concert/concert.html#stage-past">#stage-past</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">隊長的氣場</th>
|
||||
<td>—</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="site-guide-group" aria-labelledby="sg-nav-albums">
|
||||
<h2 class="section-title" id="sg-nav-albums">黃色留聲機 <span class="site-guide-nav-sub">YELLOW PHONOGRAPH</span></h2>
|
||||
<p class="site-guide-folder-hint">資料夾 <code>albums/</code> · 對應頂欄第四主項；歌詞單頁檔在 <code>extra/</code>，主題歸典藏</p>
|
||||
<div class="site-guide-grid">
|
||||
<article class="site-guide-card">
|
||||
<h3><a href="../albums/albums.html">albums/albums.html</a></h3>
|
||||
<p class="site-guide-meta">標題列：<cite>水晶男孩｜黃色留聲機</cite></p>
|
||||
<h4>子選單錨點（與頂欄一致）</h4>
|
||||
<ul>
|
||||
<li><a href="../albums/albums.html#new">#new</a> — 啟動新篇章 · 重啟後作品與單曲</li>
|
||||
<li><a href="../albums/albums.html#classic">#classic</a> — 輝煌全盛期 · 1997–1999 年表</li>
|
||||
</ul>
|
||||
</article>
|
||||
<article class="site-guide-card">
|
||||
<h3><a href="lyrics.html">extra/lyrics.html</a> <span class="site-guide-path">（同區索引）</span></h3>
|
||||
<p class="site-guide-meta">標題列：<cite>세 단어 (THREE WORDS) — SECHSKIES</cite></p>
|
||||
<p class="site-guide-note"><code><html lang="ko"></code>；歌詞＋ YouTube 嵌入；頂欄未單獨列項。</p>
|
||||
<h4>結構</h4>
|
||||
<ul>
|
||||
<li><code>.lyrics-layout</code> — 主標＋表格雙欄</li>
|
||||
</ul>
|
||||
</article>
|
||||
<h2 class="section-title" id="sg-nav-albums">黃色留聲機</h2>
|
||||
<div class="site-guide-nav-table-wrap">
|
||||
<table class="site-guide-mini-table">
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row">典藏</th>
|
||||
<td><a href="../albums/albums.html">albums.html</a> · <a href="../albums/albums.html#new">#new</a> · <a href="../albums/albums.html#classic">#classic</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">歌詞</th>
|
||||
<td><a href="lyrics.html">extra/lyrics.html</a>（未列主欄）</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="site-guide-group" aria-labelledby="sg-nav-map">
|
||||
<h2 class="section-title" id="sg-nav-map">聖地巡禮 <span class="site-guide-nav-sub">SECHSKIES TAIWAN ARCHIVE</span></h2>
|
||||
<p class="site-guide-folder-hint">資料夾 <code>map/</code> · 對應頂欄第五主項</p>
|
||||
<div class="site-guide-grid">
|
||||
<article class="site-guide-card">
|
||||
<h3><a href="../map/map.html">map/map.html</a></h3>
|
||||
<p class="site-guide-meta">標題列：<cite>SECHSKIES 台灣行程地圖</cite></p>
|
||||
<h4>子選單錨點（與頂欄一致）</h4>
|
||||
<ul>
|
||||
<li><a href="../map/map.html#taipei">#taipei</a> — 台北聖地 · 行程與地點整理</li>
|
||||
<li><a href="../map/map.html#global">#global</a> — 海外遠征 · 跨國足跡</li>
|
||||
</ul>
|
||||
</article>
|
||||
<section class="site-guide-group" aria-labelledby="sg-nav-yellow-note">
|
||||
<h2 class="section-title" id="sg-nav-yellow-note">Yellow Note</h2>
|
||||
<div class="site-guide-nav-table-wrap">
|
||||
<table class="site-guide-mini-table">
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row">視覺</th>
|
||||
<td><a href="minister.html">minister.html</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">地圖</th>
|
||||
<td><a href="../map/map.html">map.html</a> · <a href="../map/map.html#taipei">#taipei</a> · <a href="../map/map.html#global">#global</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="site-guide-group" aria-labelledby="sg-nav-variety">
|
||||
<h2 class="section-title" id="sg-nav-variety">variety/（無主欄）</h2>
|
||||
<div class="site-guide-nav-table-wrap">
|
||||
<table class="site-guide-mini-table">
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row">主頁</th>
|
||||
<td><a href="../variety/variety.html">variety.html</a> · <a href="../variety/variety.html#variety">#variety</a> · <a href="../variety/variety.html#stage">#stage</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">NJTW5</th>
|
||||
<td><a href="../variety/NJTW/NJTW5.html">NJTW5.html</a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="site-guide-group site-guide-group--extra" aria-labelledby="sg-nav-extra">
|
||||
<h2 class="section-title" id="sg-nav-extra">其他 HTML（<code>extra/</code> · 頂欄未列）</h2>
|
||||
<p class="site-guide-folder-hint">仍在本站 repo，但未出現在 <code>buildPortalNavInnerHTML</code>；請由此索引或書籤開啟。</p>
|
||||
<div class="site-guide-grid">
|
||||
<article class="site-guide-card">
|
||||
<h3><a href="grok.html">grok.html</a></h3>
|
||||
<p class="site-guide-meta">標題列：<cite>水晶男孩 SECHSKIES | 永恆的六顆水晶</cite></p>
|
||||
<p class="site-guide-note">單頁多區塊（實驗／簡報）。</p>
|
||||
<h4>錨點</h4>
|
||||
<ul>
|
||||
<li><a href="grok.html#story">#story</a></li>
|
||||
<li><a href="grok.html#members">#members</a></li>
|
||||
<li><a href="grok.html#discography">#discography</a></li>
|
||||
<li><a href="grok.html#now">#now</a></li>
|
||||
</ul>
|
||||
</article>
|
||||
<article class="site-guide-card">
|
||||
<h3><a href="totoga2%20copy.html">totoga2 copy.html</a> <span class="site-guide-path">（檔名含空白）</span></h3>
|
||||
<p class="site-guide-meta">標題列：<cite>水晶男孩｜無限挑戰六六歌2 — 紀實電子書</cite>（與 <a href="totoga2.html">totoga2.html</a> 相同）</p>
|
||||
<p class="site-guide-note">六六歌 2 頁之<strong>複本／備份</strong>；版型與主檔相近。正式連結與索引敘事請以 <code>totoga2.html</code> 為準；若不再需要可刪除此檔。</p>
|
||||
</article>
|
||||
<article class="site-guide-card">
|
||||
<h3><a href="Untitled-1.html">Untitled-1.html</a> <span class="site-guide-path">（未命名草稿）</span></h3>
|
||||
<p class="site-guide-meta">標題列：<cite>Document</cite></p>
|
||||
<p class="site-guide-note">編輯器暫存草稿；<code><head></code> 內 <code>meta viewport</code> 與標記<strong>毀損</strong>，預覽可能異常。曾含跨頁 JPG 容器示意，尚未整理成正式頁。</p>
|
||||
</article>
|
||||
<article class="site-guide-card">
|
||||
<h3><a href="member.html">member.html</a></h3>
|
||||
<p class="site-guide-meta">標題列：<cite>水晶男孩｜六顆水晶 · 黑白分流</cite></p>
|
||||
<h4>錨點</h4>
|
||||
<ul>
|
||||
<li><a href="member.html#crystal-board">#crystal-board</a></li>
|
||||
</ul>
|
||||
</article>
|
||||
<article class="site-guide-card">
|
||||
<h3><a href="sunghoon.html">sunghoon.html</a></h3>
|
||||
<p class="site-guide-meta">標題列：<cite>水晶男孩｜消失的真相</cite></p>
|
||||
<h4>錨點</h4>
|
||||
<ul>
|
||||
<li><a href="sunghoon.html#truth">#truth</a></li>
|
||||
<li><a href="sunghoon.html#voice">#voice</a></li>
|
||||
</ul>
|
||||
</article>
|
||||
<article class="site-guide-card">
|
||||
<h3><a href="minister.html">minister.html</a></h3>
|
||||
<p class="site-guide-meta">標題列：<cite>水晶男孩推廣部｜視覺進化論</cite></p>
|
||||
<p class="site-guide-note">圖檔 <code>assets/images/minister/</code></p>
|
||||
<h4>錨點</h4>
|
||||
<ul>
|
||||
<li><a href="minister.html#intro">#intro</a></li>
|
||||
<li><a href="minister.html#slant">#slant</a></li>
|
||||
<li><a href="minister.html#journey">#journey</a></li>
|
||||
<li><a href="minister.html#journey-2016">#journey-2016</a></li>
|
||||
<li><a href="minister.html#journey-2017">#journey-2017</a></li>
|
||||
<li><a href="minister.html#journey-now">#journey-now</a></li>
|
||||
</ul>
|
||||
</article>
|
||||
<article class="site-guide-card">
|
||||
<h3><a href="minister_ge.html">minister_ge.html</a></h3>
|
||||
<p class="site-guide-meta">標題列：<cite>水晶男孩推廣部｜視覺進化論：認真魔人的進化之路</cite></p>
|
||||
<p class="site-guide-note">備份／改稿用長版。</p>
|
||||
<h4>錨點</h4>
|
||||
<ul>
|
||||
<li><a href="minister_ge.html#intro">#intro</a></li>
|
||||
<li><a href="minister_ge.html#identity">#identity</a></li>
|
||||
<li><a href="minister_ge.html#evolution">#evolution</a></li>
|
||||
<li><a href="minister_ge.html#journey">#journey</a></li>
|
||||
<li><a href="minister_ge.html#training">#training</a></li>
|
||||
<li><a href="minister_ge.html#tech-stack">#tech-stack</a></li>
|
||||
</ul>
|
||||
</article>
|
||||
<h2 class="section-title" id="sg-nav-extra">extra/ 其餘</h2>
|
||||
<p class="site-guide-folder-hint">未列頂欄主模板；<code>member</code>／<code>totoga2</code>／<code>minister</code> 已見上表。</p>
|
||||
<div class="site-guide-nav-table-wrap">
|
||||
<table class="site-guide-mini-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">檔案</th>
|
||||
<th scope="col">備註</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><a href="grok.html">grok.html</a></td>
|
||||
<td>實驗單頁</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="totoga2%20copy.html">totoga2 copy.html</a></td>
|
||||
<td>複本總覽</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="totoga2-copy-video.html">…-video</a> · <a href="totoga2-copy-ebook.html">…-ebook</a> · <a href="totoga2-copy-timeline.html">…-timeline</a></td>
|
||||
<td>無空白檔名子頁</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="Untitled-1.html">Untitled-1.html</a></td>
|
||||
<td>草稿</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="sunghoon.html">sunghoon.html</a></td>
|
||||
<td>—</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="minister_ge.html">minister_ge.html</a></td>
|
||||
<td>minister 長版備份</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
@@ -246,4 +405,4 @@
|
||||
<script src="../assets/js/portal-nav.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</html>
|
||||
|
||||
+17
-153
@@ -4,7 +4,7 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>水晶男孩｜無限挑戰六六歌2 — 紀實電子書</title>
|
||||
<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">
|
||||
@@ -13,7 +13,6 @@
|
||||
<body class="ebook-ssg2-page totoga2-page">
|
||||
<header class="map-archive-header">
|
||||
<div class="header-inner">
|
||||
<!-- 核心特輯名稱 -->
|
||||
<h1 class="main-title">無限挑戰 · 六六歌2</h1>
|
||||
|
||||
<div class="main-content-title">
|
||||
@@ -22,7 +21,7 @@
|
||||
</div>
|
||||
|
||||
<div class="subtitle-wrap">
|
||||
<span class="sub-title">INFINITE CHALLENGE · SIX SONGS 2 — E-BOOK</span>
|
||||
<span class="sub-title">INFINITE CHALLENGE · SIX SONGS 2 — 複本導覽</span>
|
||||
<span class="event-date">APRIL 14, 2016</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -32,163 +31,29 @@
|
||||
|
||||
<canvas id="particles"></canvas>
|
||||
|
||||
<div class="totoga2-hub-controls content-container" role="tablist" aria-label="六六歌2 內容模式">
|
||||
<button type="button" class="mode-btn totoga2-hub-btn active" data-totoga-hub="video">影片模式</button>
|
||||
<button type="button" class="mode-btn totoga2-hub-btn" data-totoga-hub="ebook">電子書模式</button>
|
||||
<button type="button" class="mode-btn totoga2-hub-btn" data-totoga-hub="reader">紀實長文（時間軸＋長卷）</button>
|
||||
</div>
|
||||
|
||||
<!-- 影片：上／中／下三集（Bilibili 嵌入；中／下可替換 bvid） -->
|
||||
<div class="totoga2-hub-panel content-container ebook-main" data-totoga-panel="video">
|
||||
<section class="ebook-intro section" aria-label="影片三集">
|
||||
<h2 class="section-title">節目影片</h2>
|
||||
<main class="content-container ebook-main totoga2-copy-hub-main">
|
||||
<section class="ebook-intro section" aria-labelledby="totoga2-copy-hub-title">
|
||||
<h2 class="section-title" id="totoga2-copy-hub-title">六六歌2 複本 · 三頁分開</h2>
|
||||
<p class="ebook-intro-lead">
|
||||
以下為 Bilibili 嵌入播放器（16：9）。若無法播放，請至站內搜尋同一 BV 號；中集、下集請將 iframe 的 <code>bvid</code> 換成你的分集連結。
|
||||
原先單頁以按鈕切換「影片／電子書／時間軸＋長文」；此複本改為<strong>三個獨立 HTML</strong>（檔名無空白，較利分享與書籤）。
|
||||
正式整合版仍以 <a href="totoga2.html">extra/totoga2.html</a> 為準。
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<div class="bilivideo-stack">
|
||||
<section class="bilivideo-block" aria-labelledby="bilivideo-top">
|
||||
<h3 id="bilivideo-top">上集</h3>
|
||||
<div class="bilivideo-frame">
|
||||
<iframe src="https://player.bilibili.com/player.html?bvid=BV1SW411a7cZ&page=1&high_quality=1&danmaku=0"
|
||||
title="Bilibili 影片：上集（BV1SW411a7cZ）" allowfullscreen></iframe>
|
||||
</div>
|
||||
</section>
|
||||
<section class="bilivideo-block" aria-labelledby="bilivideo-mid">
|
||||
<h3 id="bilivideo-mid">中集</h3>
|
||||
<p class="bilivideo-placeholder-note">預設與上集同一支；請替換 <code>bvid</code> 為中集 BV。</p>
|
||||
<div class="bilivideo-frame">
|
||||
<iframe src="https://player.bilibili.com/player.html?bvid=BV1SW411a7cZ&page=1&high_quality=1&danmaku=0"
|
||||
title="Bilibili 影片：中集（請替換 BV）" allowfullscreen></iframe>
|
||||
</div>
|
||||
</section>
|
||||
<section class="bilivideo-block" aria-labelledby="bilivideo-bot">
|
||||
<h3 id="bilivideo-bot">下集</h3>
|
||||
<p class="bilivideo-placeholder-note">預設與上集同一支；請替換 <code>bvid</code> 為下集 BV。</p>
|
||||
<div class="bilivideo-frame">
|
||||
<iframe src="https://player.bilibili.com/player.html?bvid=BV1SW411a7cZ&page=1&high_quality=1&danmaku=0"
|
||||
title="Bilibili 影片：下集（請替換 BV）" allowfullscreen></iframe>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
<nav class="ebook-back-link totoga2-split-crossnav totoga2-copy-hub-nav" aria-label="六六歌2 複本分頁入口">
|
||||
<a href="totoga2-copy-video.html" class="btn">節目影片 · 三集 Bilibili</a>
|
||||
<a href="totoga2-copy-ebook.html" class="btn">紀實電子書 · FlipHTML5</a>
|
||||
<a href="totoga2-copy-timeline.html" class="btn">時間軸＋紀實長文八章</a>
|
||||
</nav>
|
||||
|
||||
<div class="totoga2-hub-panel content-container ebook-main" data-totoga-panel="ebook" hidden>
|
||||
<section class="ebook-intro section" aria-label="電子書說明">
|
||||
<h2 class="section-title">紀實電子書</h2>
|
||||
<p class="ebook-intro-lead">
|
||||
以下為《無限挑戰》六六歌2 相關跨頁電子書（FlipHTML5）。若載入較慢，請稍候或重新整理；全螢幕閱讀請使用閱讀器內建控制項。
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<div class="flip-ebook-shell">
|
||||
<div class="flip-ebook-aspect">
|
||||
<iframe src="https://online.fliphtml5.com/tjyxm/vqff/"
|
||||
title="2023_電子書_無限挑戰六六歌2_final跨頁" allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="totoga2-hub-panel totoga2-reader-hub" data-totoga-panel="reader" hidden>
|
||||
<section class="story-archive totoga2-plot content-container" aria-labelledby="totoga2-plot-title">
|
||||
<h2 class="section-title" id="totoga2-plot-title">傳奇的轉折</h2>
|
||||
<div class="subtitle-wrap">
|
||||
<span class="sub-title">PLOT TWIST</span>
|
||||
</div>
|
||||
<p class="intro-text">
|
||||
與首頁相同的節點提要；點下方連結可跳到本頁「紀實長文」對應章節（八章皆在本頁，無需另開檔案）。
|
||||
</p>
|
||||
|
||||
<div class="merged-storyline">
|
||||
<article id="totoga2-special" class="story-node" data-era="六六歌">
|
||||
<h3>六六歌實錄</h3>
|
||||
<p>把懸念、試探與哭點縫在同一條時間軸上；很多人第一次真正把「水晶男孩」打進搜尋框，就是從這種瘋狂的剪輯節奏開始。</p>
|
||||
<p><a href="#ssg2">對照本頁幕後敘事 · 六六歌第二季</a></p>
|
||||
</article>
|
||||
<article id="totoga2-negotiate-card" class="story-node" data-era="交涉">
|
||||
<h3>命運的交涉</h3>
|
||||
<p>KTV、游擊演唱會規則、與其說講道理不如說把真心擺上桌面——交涉的不是合約字面，而是還願不願意再一次肩並肩。</p>
|
||||
<p><a href="#negotiate">讀本頁 · 正式交涉</a></p>
|
||||
</article>
|
||||
<article id="totoga2-complete" class="story-node" data-era="歸位">
|
||||
<h3>拼圖的歸位</h3>
|
||||
<p>變數一個個被排除之後，驚喜接上登場段落；缺一角舞台的視覺，終於對齊觀眾席上堅守的那片黃。</p>
|
||||
<p><a href="#gather">從本頁「召集」段開始補這條線</a></p>
|
||||
</article>
|
||||
<article id="totoga2-past" class="story-node" data-era="最初">
|
||||
<h3>巔峰與雨天</h3>
|
||||
<p>急凍、告別、各自的跑道——並不是要你沉浸遺憾，而是讓你懂：後來每一次亮燈，為什麼會更值得尖叫。</p>
|
||||
<p><a href="#sechskies-profile">讀本頁脈絡起點 · 水晶男孩</a></p>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="chronicle-controls content-container totoga2-chronicle-controls">
|
||||
<button type="button" class="mode-btn active" data-totoga-reader-mode="scroll">網漫模式（一路滑下去）</button>
|
||||
<button type="button" class="mode-btn" data-totoga-reader-mode="paged">分頁模式（上一頁 / 下一頁）</button>
|
||||
</div>
|
||||
|
||||
<main class="content-container chronicle-reader" id="totoga2-reader" data-mode="scroll">
|
||||
<article class="chronicle-chapter active" id="challenge" data-title="無限挑戰">
|
||||
<h2>04 無限挑戰</h2>
|
||||
<p>《無限挑戰》是韓國綜藝史上指標性的真人秀節目。「星期六星期六是歌手（六六歌）」企劃，成為水晶男孩 2016 回歸舞台的關鍵起點。</p>
|
||||
<p>第一季掀起 90 年代懷舊熱潮，雖然水晶男孩未能完整出演，卻留下「總有一天要六人完整回到舞台」的遺憾伏筆。</p>
|
||||
</article>
|
||||
|
||||
<article class="chronicle-chapter" id="ssg2" data-title="六六歌第二季">
|
||||
<h2>06 六六歌第二季</h2>
|
||||
<p>第二季改成「為單一團體打造完整回歸敘事」，保密層級更高，連主持群都縮小到劉在錫與 HAHA，避免消息提前走漏。</p>
|
||||
<p>從開場的復古裝扮、試探式線索到真正揭曉團體身份，節目節奏在搞笑與懸念間拉開這場 16 年重逢序章。</p>
|
||||
</article>
|
||||
|
||||
<article class="chronicle-chapter" id="sechskies-profile" data-title="水晶男孩">
|
||||
<h2>08 水晶男孩</h2>
|
||||
<p>1997 出道後迅速登頂，與同世代頂流並列，短短三年創下極高銷量與舞台紀錄，卻在 2000 無預警解散，留下集體創傷。</p>
|
||||
<p>16 年間六人從未以水晶男孩名義完整合體，這次企劃不只是回憶，而是回應當年未說完的離別。</p>
|
||||
</article>
|
||||
|
||||
<article class="chronicle-chapter" id="gather" data-title="召集">
|
||||
<h2>10 召集</h2>
|
||||
<p>製作組先與隊長殷志源交涉，再透過隱藏攝影機確認成員意願。大家都希望重組，卻同時知道最困難的拼圖是離開演藝圈多年的高志溶。</p>
|
||||
<p>這個階段的重點不是舞台，而是「願不願意再次站在一起」的心理門檻。</p>
|
||||
</article>
|
||||
|
||||
<article class="chronicle-chapter" id="negotiate" data-title="正式交涉">
|
||||
<h2>11 正式交涉</h2>
|
||||
<p>主持人與成員深度對話，回顧解散緣由、舞台記憶、KTV 挑戰與游擊演唱會規則。笑鬧之間，團魂逐漸浮現。</p>
|
||||
<p>同時，節目也把高志溶議題正式擺上檯面：如果不是完整體，這次回歸是否還成立？</p>
|
||||
</article>
|
||||
|
||||
<article class="chronicle-chapter" id="variables" data-title="變數">
|
||||
<h2>16 變數</h2>
|
||||
<p>排練期間接連出現傷病、手術需求與消息外流，原本理想的游擊演唱會計畫屢次被迫改寫，團隊陷入 B 計畫陰影。</p>
|
||||
<p>在體力與心理都被拉到極限的情況下，成員仍選擇撐住，只為把久違舞台交回給等待 16 年的小黃。</p>
|
||||
</article>
|
||||
|
||||
<article class="chronicle-chapter" id="surprise" data-title="驚喜">
|
||||
<h2>19 驚喜</h2>
|
||||
<p>當所有人幾乎接受「不完整」時，節目仍悄悄推進最後安排。高志溶與成員的情感張力在此段達到最高點。</p>
|
||||
<p>這份驚喜不是綜藝反轉，而是把六顆水晶的空位真正填回舞台。</p>
|
||||
</article>
|
||||
|
||||
<article class="chronicle-chapter" id="final-stage" data-title="登場">
|
||||
<h2>21 登場</h2>
|
||||
<p>眼罩揭開後，滿場黃海與哭聲同時湧現。從《請記得我》到安可，《離別曲》在那一晚變成了「重逢證詞」。</p>
|
||||
<p>2000 的缺憾，在 2016 終於補上。這一頁不是結束，而是團體與粉絲共同完成的回歸章節。</p>
|
||||
</article>
|
||||
</main>
|
||||
|
||||
<div class="chronicle-pager content-container" id="totoga2-pager" hidden>
|
||||
<button type="button" id="totoga2-prev" class="btn">上一頁</button>
|
||||
<span id="totoga2-chapter-indicator">1 / 8</span>
|
||||
<button type="button" id="totoga2-next" class="btn">下一頁</button>
|
||||
</div>
|
||||
</div>
|
||||
<p class="ebook-intro-lead totoga2-copy-hub-anchor-hint">
|
||||
長文章節錨點請用 <a href="totoga2-copy-timeline.html#challenge">#challenge</a> 等同名 id（見時間軸頁）。
|
||||
</p>
|
||||
</main>
|
||||
|
||||
<p class="ebook-back-link content-container">
|
||||
<a href="../index.html#story" class="btn">回到首頁 · 傳奇的轉折</a>
|
||||
<a href="#ebook" class="btn">同頁 · 電子書全螢幕</a>
|
||||
<a href="totoga2.html" class="btn">主檔 totoga2.html</a>
|
||||
</p>
|
||||
|
||||
<footer>
|
||||
@@ -200,7 +65,6 @@
|
||||
|
||||
<script src="../assets/js/particles.js"></script>
|
||||
<script src="../assets/js/portal-nav.js"></script>
|
||||
<script src="../assets/js/totoga2.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
@@ -0,0 +1,72 @@
|
||||
<!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">
|
||||
</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="main-content-title">
|
||||
<span class="highlight-text">水晶男孩回來啦！</span>
|
||||
<span class="eng-title">SECHSKIES COM' BACK</span>
|
||||
</div>
|
||||
<div class="subtitle-wrap">
|
||||
<span class="sub-title">INFINITE CHALLENGE · SIX SONGS 2 — E-BOOK</span>
|
||||
<span class="event-date">APRIL 14, 2016</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="totoga2-copy-video.html" class="btn">節目影片</a>
|
||||
<a href="totoga2-copy-ebook.html" class="btn" aria-current="page">紀實電子書</a>
|
||||
<a href="totoga2-copy-timeline.html" class="btn">時間軸＋長文</a>
|
||||
<a href="totoga2%20copy.html" class="btn">複本總覽</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 相關跨頁電子書（FlipHTML5）。若載入較慢，請稍候或重新整理；全螢幕閱讀請使用閱讀器內建控制項。
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<div class="flip-ebook-shell">
|
||||
<div class="flip-ebook-aspect">
|
||||
<iframe src="https://online.fliphtml5.com/tjyxm/vqff/"
|
||||
title="2023_電子書_無限挑戰六六歌2_final跨頁" allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p class="ebook-back-link content-container">
|
||||
<a href="../index.html#story" class="btn">回到首頁 · 傳奇的轉折</a>
|
||||
<a href="totoga2-copy-video.html" class="btn">節目影片（另頁）</a>
|
||||
<a href="totoga2-copy-timeline.html" class="btn">時間軸＋八章（另頁）</a>
|
||||
</p>
|
||||
|
||||
<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>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,153 @@
|
||||
<!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">
|
||||
</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="main-content-title">
|
||||
<span class="highlight-text">水晶男孩回來啦！</span>
|
||||
<span class="eng-title">SECHSKIES COM' BACK</span>
|
||||
</div>
|
||||
<div class="subtitle-wrap">
|
||||
<span class="sub-title">INFINITE CHALLENGE · 時間軸 · 紀實長文</span>
|
||||
<span class="event-date">APRIL 14, 2016</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="totoga2-copy-video.html" class="btn">節目影片</a>
|
||||
<a href="totoga2-copy-ebook.html" class="btn">紀實電子書</a>
|
||||
<a href="totoga2-copy-timeline.html" class="btn" aria-current="page">時間軸＋長文</a>
|
||||
<a href="totoga2%20copy.html" class="btn">複本總覽</a>
|
||||
</nav>
|
||||
|
||||
<div class="totoga2-reader-hub content-container ebook-main">
|
||||
<section class="story-archive totoga2-plot content-container" aria-labelledby="totoga2-plot-title">
|
||||
<h2 class="section-title" id="totoga2-plot-title">傳奇的轉折</h2>
|
||||
<div class="subtitle-wrap">
|
||||
<span class="sub-title">PLOT TWIST</span>
|
||||
</div>
|
||||
<p class="intro-text">
|
||||
與首頁相同的節點提要；點下方連結可跳到本頁「紀實長文」對應章節（八章皆在本頁，無需另開檔案）。
|
||||
</p>
|
||||
|
||||
<div class="merged-storyline">
|
||||
<article id="totoga2-special" class="story-node" data-era="六六歌">
|
||||
<h3>六六歌實錄</h3>
|
||||
<p>把懸念、試探與哭點縫在同一條時間軸上；很多人第一次真正把「水晶男孩」打進搜尋框，就是從這種瘋狂的剪輯節奏開始。</p>
|
||||
<p><a href="#ssg2">對照本頁幕後敘事 · 六六歌第二季</a></p>
|
||||
</article>
|
||||
<article id="totoga2-negotiate-card" class="story-node" data-era="交涉">
|
||||
<h3>命運的交涉</h3>
|
||||
<p>KTV、游擊演唱會規則、與其說講道理不如說把真心擺上桌面——交涉的不是合約字面，而是還願不願意再一次肩並肩。</p>
|
||||
<p><a href="#negotiate">讀本頁 · 正式交涉</a></p>
|
||||
</article>
|
||||
<article id="totoga2-complete" class="story-node" data-era="歸位">
|
||||
<h3>拼圖的歸位</h3>
|
||||
<p>變數一個個被排除之後，驚喜接上登場段落；缺一角舞台的視覺，終於對齊觀眾席上堅守的那片黃。</p>
|
||||
<p><a href="#gather">從本頁「召集」段開始補這條線</a></p>
|
||||
</article>
|
||||
<article id="totoga2-past" class="story-node" data-era="最初">
|
||||
<h3>巔峰與雨天</h3>
|
||||
<p>急凍、告別、各自的跑道——並不是要你沉浸遺憾，而是讓你懂：後來每一次亮燈，為什麼會更值得尖叫。</p>
|
||||
<p><a href="#sechskies-profile">讀本頁脈絡起點 · 水晶男孩</a></p>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="chronicle-controls content-container totoga2-chronicle-controls">
|
||||
<button type="button" class="mode-btn active" data-totoga-reader-mode="scroll">網漫模式（一路滑下去）</button>
|
||||
<button type="button" class="mode-btn" data-totoga-reader-mode="paged">分頁模式（上一頁 / 下一頁）</button>
|
||||
</div>
|
||||
|
||||
<main class="content-container chronicle-reader" id="totoga2-reader" data-mode="scroll">
|
||||
<article class="chronicle-chapter active" id="challenge" data-title="無限挑戰">
|
||||
<h2>04 無限挑戰</h2>
|
||||
<p>《無限挑戰》是韓國綜藝史上指標性的真人秀節目。「星期六星期六是歌手（六六歌）」企劃，成為水晶男孩 2016 回歸舞台的關鍵起點。</p>
|
||||
<p>第一季掀起 90 年代懷舊熱潮，雖然水晶男孩未能完整出演，卻留下「總有一天要六人完整回到舞台」的遺憾伏筆。</p>
|
||||
</article>
|
||||
|
||||
<article class="chronicle-chapter" id="ssg2" data-title="六六歌第二季">
|
||||
<h2>06 六六歌第二季</h2>
|
||||
<p>第二季改成「為單一團體打造完整回歸敘事」，保密層級更高，連主持群都縮小到劉在錫與 HAHA，避免消息提前走漏。</p>
|
||||
<p>從開場的復古裝扮、試探式線索到真正揭曉團體身份，節目節奏在搞笑與懸念間拉開這場 16 年重逢序章。</p>
|
||||
</article>
|
||||
|
||||
<article class="chronicle-chapter" id="sechskies-profile" data-title="水晶男孩">
|
||||
<h2>08 水晶男孩</h2>
|
||||
<p>1997 出道後迅速登頂，與同世代頂流並列，短短三年創下極高銷量與舞台紀錄，卻在 2000 無預警解散，留下集體創傷。</p>
|
||||
<p>16 年間六人從未以水晶男孩名義完整合體，這次企劃不只是回憶，而是回應當年未說完的離別。</p>
|
||||
</article>
|
||||
|
||||
<article class="chronicle-chapter" id="gather" data-title="召集">
|
||||
<h2>10 召集</h2>
|
||||
<p>製作組先與隊長殷志源交涉，再透過隱藏攝影機確認成員意願。大家都希望重組，卻同時知道最困難的拼圖是離開演藝圈多年的高志溶。</p>
|
||||
<p>這個階段的重點不是舞台，而是「願不願意再次站在一起」的心理門檻。</p>
|
||||
</article>
|
||||
|
||||
<article class="chronicle-chapter" id="negotiate" data-title="正式交涉">
|
||||
<h2>11 正式交涉</h2>
|
||||
<p>主持人與成員深度對話，回顧解散緣由、舞台記憶、KTV 挑戰與游擊演唱會規則。笑鬧之間，團魂逐漸浮現。</p>
|
||||
<p>同時，節目也把高志溶議題正式擺上檯面：如果不是完整體，這次回歸是否還成立？</p>
|
||||
</article>
|
||||
|
||||
<article class="chronicle-chapter" id="variables" data-title="變數">
|
||||
<h2>16 變數</h2>
|
||||
<p>排練期間接連出現傷病、手術需求與消息外流，原本理想的游擊演唱會計畫屢次被迫改寫，團隊陷入 B 計畫陰影。</p>
|
||||
<p>在體力與心理都被拉到極限的情況下，成員仍選擇撐住，只為把久違舞台交回給等待 16 年的小黃。</p>
|
||||
</article>
|
||||
|
||||
<article class="chronicle-chapter" id="surprise" data-title="驚喜">
|
||||
<h2>19 驚喜</h2>
|
||||
<p>當所有人幾乎接受「不完整」時，節目仍悄悄推進最後安排。高志溶與成員的情感張力在此段達到最高點。</p>
|
||||
<p>這份驚喜不是綜藝反轉，而是把六顆水晶的空位真正填回舞台。</p>
|
||||
</article>
|
||||
|
||||
<article class="chronicle-chapter" id="final-stage" data-title="登場">
|
||||
<h2>21 登場</h2>
|
||||
<p>眼罩揭開後，滿場黃海與哭聲同時湧現。從《請記得我》到安可，《離別曲》在那一晚變成了「重逢證詞」。</p>
|
||||
<p>2000 的缺憾，在 2016 終於補上。這一頁不是結束，而是團體與粉絲共同完成的回歸章節。</p>
|
||||
</article>
|
||||
</main>
|
||||
|
||||
<div class="chronicle-pager content-container" id="totoga2-pager" hidden>
|
||||
<button type="button" id="totoga2-prev" class="btn">上一頁</button>
|
||||
<span id="totoga2-chapter-indicator">1 / 8</span>
|
||||
<button type="button" id="totoga2-next" class="btn">下一頁</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p class="ebook-back-link content-container">
|
||||
<a href="../index.html#story" class="btn">回到首頁 · 傳奇的轉折</a>
|
||||
<a href="totoga2-copy-video.html" class="btn">節目影片（另頁）</a>
|
||||
<a href="totoga2-copy-ebook.html" class="btn">紀實電子書（另頁）</a>
|
||||
</p>
|
||||
|
||||
<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>
|
||||
@@ -0,0 +1,91 @@
|
||||
<!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">
|
||||
</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="main-content-title">
|
||||
<span class="highlight-text">水晶男孩回來啦！</span>
|
||||
<span class="eng-title">SECHSKIES COM' BACK</span>
|
||||
</div>
|
||||
<div class="subtitle-wrap">
|
||||
<span class="sub-title">INFINITE CHALLENGE · SIX SONGS 2 — 節目影片</span>
|
||||
<span class="event-date">APRIL 14, 2016</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="totoga2-copy-video.html" class="btn" aria-current="page">節目影片</a>
|
||||
<a href="totoga2-copy-ebook.html" class="btn">紀實電子書</a>
|
||||
<a href="totoga2-copy-timeline.html" class="btn">時間軸＋長文</a>
|
||||
<a href="totoga2%20copy.html" class="btn">複本總覽</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">
|
||||
以下為 Bilibili 嵌入播放器（16：9）。若無法播放，請至站內搜尋同一 BV 號；中集、下集請將 iframe 的 <code>bvid</code> 換成你的分集連結。
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<div class="bilivideo-stack">
|
||||
<section class="bilivideo-block" aria-labelledby="bilivideo-top">
|
||||
<h3 id="bilivideo-top">上集</h3>
|
||||
<div class="bilivideo-frame">
|
||||
<iframe src="https://player.bilibili.com/player.html?bvid=BV1SW411a7cZ&page=1&high_quality=1&danmaku=0"
|
||||
title="Bilibili 影片：上集（BV1SW411a7cZ）" allowfullscreen></iframe>
|
||||
</div>
|
||||
</section>
|
||||
<section class="bilivideo-block" aria-labelledby="bilivideo-mid">
|
||||
<h3 id="bilivideo-mid">中集</h3>
|
||||
<p class="bilivideo-placeholder-note">預設與上集同一支；請替換 <code>bvid</code> 為中集 BV。</p>
|
||||
<div class="bilivideo-frame">
|
||||
<iframe src="https://player.bilibili.com/player.html?bvid=BV1SW411a7cZ&page=1&high_quality=1&danmaku=0"
|
||||
title="Bilibili 影片：中集（請替換 BV）" allowfullscreen></iframe>
|
||||
</div>
|
||||
</section>
|
||||
<section class="bilivideo-block" aria-labelledby="bilivideo-bot">
|
||||
<h3 id="bilivideo-bot">下集</h3>
|
||||
<p class="bilivideo-placeholder-note">預設與上集同一支；請替換 <code>bvid</code> 為下集 BV。</p>
|
||||
<div class="bilivideo-frame">
|
||||
<iframe src="https://player.bilibili.com/player.html?bvid=BV1SW411a7cZ&page=1&high_quality=1&danmaku=0"
|
||||
title="Bilibili 影片：下集（請替換 BV）" allowfullscreen></iframe>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p class="ebook-back-link content-container">
|
||||
<a href="../index.html#story" class="btn">回到首頁 · 傳奇的轉折</a>
|
||||
<a href="totoga2-copy-ebook.html" class="btn">紀實電子書（另頁）</a>
|
||||
<a href="totoga2-copy-timeline.html" class="btn">時間軸＋八章（另頁）</a>
|
||||
</p>
|
||||
|
||||
<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>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user