2026-05-13 18:52:23 +08:00
<!DOCTYPE html>
< html lang = "zh-TW" >
< head >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< title > 水晶男孩｜全站導覽</ title >
< link rel = "stylesheet" href = "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 = "tablet.css" >
</ head >
< body class = "site-guide-page" >
< header class = "map-archive-header" >
< div class = "header-inner" >
< h1 class = "main-title" > 全站導覽</ h1 >
< div class = "subtitle-wrap" >
< span class = "sub-title" > SITE MAP · 頁面索引</ span >
</ div >
</ div >
</ header >
< nav class = "portal-nav" aria-label = "水晶男孩推廣部導覽" data-portal-nav ></ nav >
< canvas id = "particles" ></ canvas >
< main class = "content-container site-guide-main" >
< p class = "site-guide-lead" >
2026-05-13 23:10:23 +08:00
以下為本專案目前所有 HTML 頁面：每張卡片含< span class = "mark_b" > 連結</ span > 、瀏覽器分頁上的< span class = "mark_b" > 標題</ span > （ < code > < title> </ code > ）、以及主要< span class = "mark_b" > 區塊／錨點</ span > ，方便你開發或簡報時一鍵跳轉。
< span class = "mark_b" > 此頁未放入全站導覽列</ span > ，僅供你自行書籤或輸入網址（例如 < code > site-guide.html</ code > ）開啟。
2026-05-13 18:52:23 +08:00
</ p >
< section class = "site-guide-group" aria-labelledby = "sg-home" >
< h2 class = "section-title" id = "sg-home" > 首頁與入口</ h2 >
< div class = "site-guide-grid" >
< article class = "site-guide-card" >
< h3 >< a href = "index.html" > index.html</ a ></ 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 >
< 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 >
</ div >
</ section >
2026-05-13 23:10:23 +08:00
< section class = "site-guide-group site-guide-group--ssg2" aria-labelledby = "sg-ssg2" >
2026-05-13 18:52:23 +08:00
< h2 class = "section-title" id = "sg-ssg2" > 無限挑戰 · 六六歌 2</ h2 >
< div class = "site-guide-grid" >
2026-05-13 23:10:23 +08:00
< article class = "site-guide-card site-guide-card--totoga2" >
2026-05-13 18:52:23 +08:00
< h3 >< a href = "totoga2.html" > totoga2.html</ a ></ h3 >
< p class = "site-guide-meta" > 標題列：< cite > 水晶男孩｜無限挑戰六六歌2 — 紀實電子書</ cite ></ p >
2026-05-13 23:10:23 +08:00
< p class = "site-guide-note" > 單一入口：影片三集、FlipHTML5 電子書、傳奇的轉折時間軸、紀實長文八章（可切網漫／分頁）。</ p >
2026-05-13 18:52:23 +08:00
2026-05-13 23:10:23 +08:00
< 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 > 已併入 < a href = "totoga2.html" > totoga2 整合頁</ a > 。</ p >
2026-05-13 18:52:23 +08:00
</ article >
</ div >
</ section >
< section class = "site-guide-group" aria-labelledby = "sg-members" >
< h2 class = "section-title" id = "sg-members" > 成員與紀實</ h2 >
< div class = "site-guide-grid" >
< article class = "site-guide-card" >
< h3 >< a href = "jiwon.html" > jiwon.html</ a ></ h3 >
< p class = "site-guide-meta" > 標題列：< cite > 水晶男孩｜瘋子與天才</ cite ></ p >
< h4 > 區塊錨點</ h4 >
< ul >
< li >< a href = "jiwon.html#variety" > #variety</ a > — 瘋狂出演中</ li >
< li >< a href = "jiwon.html#stage" > #stage</ 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 >
</ div >
</ section >
2026-05-13 23:10:23 +08:00
< section class = "site-guide-group" aria-labelledby = "sg-minister" >
< h2 class = "section-title" id = "sg-minister" > 推廣部 · 視覺進化論</ h2 >
< div class = "site-guide-grid" >
< 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 > img/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 > — 2016</ li >
< li >< a href = "minister.html#journey-2017" > #journey-2017</ a > — 2017</ li >
< li >< a href = "minister.html#journey-now" > #journey-now</ a > — 2018 至今</ 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" > 供 Gemini 等工具改稿用的< span class = "mark_b" > 備份頁</ span > ；頂欄未開放，請由此索引或書籤開啟。</ 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 >
</ div >
</ section >
2026-05-13 18:52:23 +08:00
< section class = "site-guide-group" aria-labelledby = "sg-media" >
< h2 class = "section-title" id = "sg-media" > 現場 · 典藏 · 地圖 · 歌詞</ h2 >
< div class = "site-guide-grid" >
< article class = "site-guide-card" >
< h3 >< a href = "concert.html" > concert.html</ a ></ h3 >
< p class = "site-guide-meta" > 標題列：< cite > SECHSKIES Concert Archive</ cite ></ p >
< h4 > 區塊錨點</ h4 >
< ul >
< li >< a href = "concert.html#stage-now" > #stage-now</ a > — 永恆的重逢</ li >
< li >< a href = "concert.html#stage-past" > #stage-past</ a > — 燦爛的最初</ li >
</ ul >
</ article >
< article class = "site-guide-card" >
2026-05-14 08:32:53 +08:00
< h3 >< a href = "albums.html" > albums.html</ a ></ h3 >
2026-05-13 18:52:23 +08:00
< p class = "site-guide-meta" > 標題列：< cite > 水晶男孩｜黃色留聲機</ cite ></ p >
< h4 > 區塊錨點</ h4 >
< ul >
2026-05-14 08:32:53 +08:00
< li >< a href = "albums.html#new" > #new</ a > — 啟動新篇章</ li >
< li >< a href = "albums.html#classic" > #classic</ a > — 輝煌全盛期</ li >
2026-05-13 18:52:23 +08:00
</ ul >
</ article >
< article class = "site-guide-card" >
< h3 >< a href = "map.html" > map.html</ a ></ h3 >
< p class = "site-guide-meta" > 標題列：< cite > SECHSKIES 台灣行程地圖</ cite ></ p >
< h4 > 區塊錨點</ h4 >
< ul >
< li >< a href = "map.html#taipei" > #taipei</ a > — 台北聖地（主版面）</ li >
< li >< a href = "map.html#global" > #global</ a > — 海外遠征</ li >
</ ul >
</ article >
< article class = "site-guide-card" >
< h3 >< a href = "lyrics.html" > lyrics.html</ a ></ 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 >
</ div >
</ section >
</ main >
< footer >
< p > SECHSKIES Fanpage © 2026 - 黃色氣球永遠飄揚</ p >
< a href = "https://jekkinoopy.github.io/Portfolio/" class = "studio-link" target = "_blank" >
2026-05-13 23:10:23 +08:00
Design by < span class = "mark_b" > Jekkinoopy Studio</ span >
2026-05-13 18:52:23 +08:00
</ a >
</ footer >
< script src = "particles.js" ></ script >
< script src = "portal-nav.js" ></ script >
</ body >
</ html >
