site-guide 全部整併進單一心智圖,區分頂欄真實連結與延伸內容

This commit is contained in:
2026-07-27 15:29:58 +08:00
parent d3b0a138a3
commit 17856bd9c3
2 changed files with 270 additions and 467 deletions
+141
View File
@@ -3480,6 +3480,11 @@ body.site-guide-page .site-guide-legend__off {
font-weight: 700; font-weight: 700;
} }
body.site-guide-page .site-guide-legend__extra {
color: #8a8a8a;
font-weight: 700;
}
body.site-guide-page .site-guide-nav-table-wrap { body.site-guide-page .site-guide-nav-table-wrap {
width: 100%; width: 100%;
overflow-x: auto; overflow-x: auto;
@@ -3590,6 +3595,142 @@ body.site-guide-page .site-guide-mini-table a {
text-decoration: none; text-decoration: none;
} }
/* 主選單樹:心智圖巢狀清單(取代原表格),主選單→次選單→子節點以連接線呈現 */
body.site-guide-page .site-guide-nav-caption--standalone {
text-align: center;
padding: 0 0.5rem 0.65rem;
font-size: 0.8rem;
color: #777;
line-height: 1.4;
}
body.site-guide-page .site-guide-mindmap,
body.site-guide-page .site-guide-mindmap ul {
list-style: none;
margin: 0;
padding: 0;
}
body.site-guide-page .site-guide-mindmap {
padding: 0.5rem 0.75rem 0.5rem 0.25rem;
min-width: 20rem;
}
body.site-guide-page .site-guide-mindmap ul {
margin-left: 1.5rem;
}
body.site-guide-page .site-guide-mindmap li {
position: relative;
padding: 0.32rem 0 0.32rem 1.35rem;
}
body.site-guide-page .site-guide-mindmap li::before,
body.site-guide-page .site-guide-mindmap li::after {
content: "";
position: absolute;
left: 0;
}
/* 節點到垂直線的橫向短連接線 */
body.site-guide-page .site-guide-mindmap li::before {
top: 1.1rem;
width: 1.15rem;
height: 0;
border-top: 2px solid rgba(150, 115, 20, 0.4);
}
/* 同層兄弟節點間的垂直連接線 */
body.site-guide-page .site-guide-mindmap li::after {
top: 0;
bottom: 0;
width: 0;
border-left: 2px solid rgba(150, 115, 20, 0.4);
}
/* 每層最後一個節點:垂直線只畫到分支點,不繼續往下延伸 */
body.site-guide-page .site-guide-mindmap li:last-child::after {
height: 1.1rem;
bottom: auto;
}
body.site-guide-page .sg-node {
display: inline-flex;
align-items: center;
padding: 0.3em 0.85em;
border-radius: 999px;
font-size: 0.88rem;
line-height: 1.3;
background: #fff;
border: 1px solid rgba(255, 204, 0, 0.45);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
body.site-guide-page .sg-node a {
color: #5c4010;
font-weight: 700;
text-decoration: none;
}
body.site-guide-page .sg-node a:hover {
text-decoration: underline;
}
body.site-guide-page .sg-node--nolink {
border-style: dashed;
border-color: rgba(0, 0, 0, 0.2);
background: rgba(0, 0, 0, 0.03);
color: #959595;
font-weight: 600;
}
/* 不在頂欄的延伸內容(頁內錨點/草稿/備查):灰色虛線,與頂欄真實連結區隔 */
body.site-guide-page .sg-node--extra {
border-style: dashed;
border-color: rgba(0, 0, 0, 0.22);
background: rgba(0, 0, 0, 0.02);
}
body.site-guide-page .sg-node--extra a {
color: #6e6e6e;
}
body.site-guide-page .sg-node--extra code {
font-size: 0.85em;
color: #7a6a30;
}
body.site-guide-page .sg-node--extra.sg-node--nolink {
color: #9a9a9a;
font-style: italic;
}
body.site-guide-page .site-guide-mindmap li[data-site-guide-depth="1"] > .sg-node {
font-weight: 800;
font-size: 0.98rem;
background: rgba(255, 220, 150, 0.55);
border-color: rgba(255, 204, 0, 0.6);
}
body.site-guide-page .site-guide-mindmap li[data-site-guide-depth="2"] > .sg-node {
background: rgba(255, 238, 200, 0.55);
}
body.site-guide-page .site-guide-mindmap li[data-site-guide-depth="3"] > .sg-node {
background: #fffaf2;
}
body.site-guide-page .site-guide-mindmap li[data-site-guide-depth="4"] > .sg-node {
background: #f5f8ff;
font-size: 0.82rem;
}
/* 延伸內容維持灰色虛線,不隨深度套用金黃底色(放在深度規則之後以蓋過同層底色) */
body.site-guide-page .site-guide-mindmap li[data-site-guide-depth] > .sg-node--extra {
background: rgba(0, 0, 0, 0.02);
border-color: rgba(0, 0, 0, 0.22);
}
body.site-guide-page .site-guide-nav-nolink { body.site-guide-page .site-guide-nav-nolink {
color: #959595; color: #959595;
font-weight: 600; font-weight: 600;
+129 -467
View File
@@ -23,57 +23,7 @@
overflow: visible; overflow: visible;
} }
/* 主選單樹巢狀:data-site-guide-depth + .site-guide-nav-name */ /* 主選單樹已改心智圖巢狀清單,樣式集中於 assets/css/style.css 的 .site-guide-mindmap 規則 */
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;
}
/* 選單名稱(短字層):單行不斷行;欄寬不足時由表格外層橫向捲動 */
body.site-guide-page .site-guide-nav-table td.site-guide-nav-menu-cell {
white-space: nowrap;
width: 1%;
}
body.site-guide-page .site-guide-nav-table .site-guide-nav-name,
body.site-guide-page .site-guide-nav-table .site-guide-nav-name a {
white-space: nowrap;
}
</style> </style>
</head> </head>
@@ -100,194 +50,136 @@
<section class="site-guide-group site-guide-group--nav-hero" aria-labelledby="sg-nav-tree"> <section class="site-guide-group site-guide-group--nav-hero" aria-labelledby="sg-nav-tree">
<h2 class="section-title" id="sg-nav-tree">主選單樹</h2> <h2 class="section-title" id="sg-nav-tree">主選單樹</h2>
<p class="site-guide-legend"> <p class="site-guide-legend">
<span><span class="site-guide-legend__on"></span> 連結</span> <span><span class="site-guide-legend__on"></span> 實線金框:頂欄真實連結</span>
<span><span class="site-guide-legend__off"></span> 無連結</span> <span><span class="site-guide-legend__off"></span> 虛線框:頂欄有此項但無連結/籌備中</span>
<span><span class="site-guide-legend__extra"></span> 灰色虛線:不在頂欄,頁面內錨點/草稿/備查</span>
</p> </p>
<p class="site-guide-nav-caption site-guide-nav-caption--standalone">路徑相對站根;主選單→次選單→子節點→延伸內容,全部收在同一張心智圖裡,不用再往下翻分散的表格。</p>
<div class="site-guide-nav-table-wrap"> <div class="site-guide-nav-table-wrap">
<table class="site-guide-nav-table"> <ul class="site-guide-mindmap">
<caption class="site-guide-nav-caption">路徑相對站根。</caption> <li data-site-guide-depth="1">
<thead> <span class="sg-node"><a href="../index.html">淪陷瞬間</a></span>
<tr> <ul>
<th scope="col">選單名稱</th> <li data-site-guide-depth="2">
<th scope="col">頁面簡介</th> <span class="sg-node sg-node--nolink">傳奇的轉折(六六歌2</span>
<th scope="col">連結</th> <ul>
</tr> <li data-site-guide-depth="3"><span class="sg-node"><a href="../totoga2/timeline.html">時間軸</a></span></li>
</thead> <li data-site-guide-depth="3"><span class="sg-node"><a href="../totoga2/ebook.html">電子書</a></span></li>
<tbody> <li data-site-guide-depth="3">
<tr data-site-guide-depth="1"> <span class="sg-node"><a href="../totoga2/readable.html">圖文好讀版</a></span>
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a <ul>
href="../index.html">淪陷瞬間</a></span></td> <li data-site-guide-depth="4"><span class="sg-node sg-node--extra"><a href="../totoga2/readable%20copy.html">複本(草稿)</a></span></li>
<td class="site-guide-nav-desc">Hero、入坑敘事與站方初衷;LOGO 理念、宣言與跨時空軌跡時間軸。</td> <li data-site-guide-depth="4"><span class="sg-node sg-node--extra"><a href="../totoga2/readable%20copy%202.html">複本 2(草稿)</a></span></li>
<td class="site-guide-nav-link-cell"><a href="../index.html"><code>index.html</code></a> <li data-site-guide-depth="4"><span class="sg-node sg-node--extra" title="#challenge 無限挑戰・#ssg2 六六歌2・#sechskies-profile 水晶男孩・#gather 召集・#negotiate 交涉・#variables 變數・#surprise 驚喜・#final-stage 登場">章節錨點(8,滑鼠移入看清單)</span></li>
</td> </ul>
</tr> </li>
<tr data-site-guide-depth="2"> <li data-site-guide-depth="3"><span class="sg-node"><a href="../totoga2/video.html">影片</a></span></li>
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><span </ul>
class="site-guide-nav-nolink">傳奇的轉折(六六歌2</span></span></td> </li>
<td class="site-guide-nav-desc">四種入口(順序):時間軸、電子書為獨立單頁;網頁版為 TOTOGA2 整合長頁(章節錨點);影片為嵌入單頁。</td> <li data-site-guide-depth="2">
<td class="site-guide-nav-link-cell"><span class="site-guide-nav-nolink"></span></td> <span class="sg-node sg-node--extra">首頁區塊錨點:<code>#start</code>·<code>#mission</code>·<code>#timeline</code><code>#story</code> 未開放)</span>
</tr> </li>
<tr data-site-guide-depth="3"> <li data-site-guide-depth="2">
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a <span class="sg-node"><a href="../variety/bangxiao.html">世紀級寶藏</a></span>
href="../totoga2/timeline.html">時間軸</a></span></td> <ul>
<td class="site-guide-nav-desc">時間軸與紀實八章長文單頁。</td> <li data-site-guide-depth="3"><span class="sg-node sg-node--extra">頁內「爆笑養老院」甜蜜負擔計量器區塊(同頁,非另一個檔案)</span></li>
<td class="site-guide-nav-link-cell"><a <li data-site-guide-depth="3">
href="../totoga2/timeline.html"><code>totoga2/timeline.html</code></a> <span class="sg-node sg-node--extra">variety/ 其他相關頁(不在頂欄)</span>
</td> <ul>
</tr> <li data-site-guide-depth="4"><span class="sg-node sg-node--extra"><a href="../variety/variety.html#variety">綜藝主頁・隊長帶弟弟</a></span></li>
<tr data-site-guide-depth="3"> <li data-site-guide-depth="4"><span class="sg-node sg-node--extra"><a href="../variety/variety-shows.html">節目存檔表</a></span></li>
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a <li data-site-guide-depth="4">
href="../totoga2/ebook.html">電子書</a></span></td> <span class="sg-node sg-node--extra sg-node--nolink">各自暴走</span>
<td class="site-guide-nav-desc">紀實電子書內容獨立成頁。</td> <ul>
<td class="site-guide-nav-link-cell"><a <li data-site-guide-depth="4"><span class="sg-node sg-node--extra"><a href="../variety/NJTW/NJTW5.html">新西遊記</a></span></li>
href="../totoga2/ebook.html"><code>totoga2/ebook.html</code></a></td> </ul>
</tr> </li>
<tr data-site-guide-depth="3"> </ul>
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a </li>
href="../totoga2/readable.html">圖文好讀版</a></span></td> </ul>
<td class="site-guide-nav-desc">單頁整合:影片/電子書/長文模式切換與八章錨點。</td> </li>
<td class="site-guide-nav-link-cell"><a </ul>
href="../totoga2/readable.html"><code>totoga2/readable.html</code></a></td> </li>
</tr> <li data-site-guide-depth="1">
<tr data-site-guide-depth="4"> <span class="sg-node"><a href="../member/member.html">完整的六顆</a></span>
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a <ul>
href="../totoga2/readable%20copy.html">圖文好讀版 · 複本</a></span></td> <li data-site-guide-depth="2"><span class="sg-node sg-node--extra">錨點:<a href="../member/member.html#crystal-board"><code>#crystal-board</code></a></span></li>
<td class="site-guide-nav-desc">與正式版同結構之草稿複本。</td> </ul>
<td class="site-guide-nav-link-cell"><a </li>
href="../totoga2/readable%20copy.html"><code>totoga2/readable copy.html</code></a> <li data-site-guide-depth="1">
</td> <span class="sg-node"><a href="../concert/concert.html">現場的震撼</a></span>
</tr> <ul>
<tr data-site-guide-depth="4"> <li data-site-guide-depth="2">
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a <span class="sg-node"><a href="../concert/concert.html">集結水晶</a></span>
href="../totoga2/readable%20copy%202.html">圖文好讀版 · 複本 2</a></span></td> <ul>
<td class="site-guide-nav-desc">與正式版同結構之草稿複本。</td> <li data-site-guide-depth="3"><span class="sg-node sg-node--extra">錨點:<code>#stage-now</code>·<code>#stage-past</code></span></li>
<td class="site-guide-nav-link-cell"><a </ul>
href="../totoga2/readable%20copy%202.html"><code>totoga2/readable copy 2.html</code></a> </li>
</td> <li data-site-guide-depth="2"><span class="sg-node sg-node--nolink">隊長的氣場(固定籌備中)</span></li>
</tr> </ul>
<tr data-site-guide-depth="3"> </li>
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a <li data-site-guide-depth="1">
href="../totoga2/video.html">影片</a></span></td> <span class="sg-node"><a href="../albums/albums.html">黃色留聲機</a></span>
<td class="site-guide-nav-desc">無限挑戰 · 六六歌2 嵌入影片單頁。</td> <ul>
<td class="site-guide-nav-link-cell"><a <li data-site-guide-depth="2"><span class="sg-node"><a href="../albums/albums.html#new">啟動新篇章</a></span></li>
href="../totoga2/video.html"><code>totoga2/video.html</code></a></td> <li data-site-guide-depth="2"><span class="sg-node"><a href="../albums/albums.html#classic">輝煌全盛期</a></span></li>
</tr> <li data-site-guide-depth="2"><span class="sg-node sg-node--extra"><a href="lyrics.html">歌詞(未列頂欄)</a></span></li>
<tr data-site-guide-depth="2"> </ul>
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a </li>
href="../variety/bangxiao.html">世紀級寶藏</a></span></td> <li data-site-guide-depth="1">
<td class="site-guide-nav-desc"></td> <span class="sg-node"><a href="../yellow-note/map.html">Yellow Note</a></span>
<td class="site-guide-nav-link-cell"><a <ul>
href="../variety/bangxiao.html"><code>variety/bangxiao.html</code></a></td> <li data-site-guide-depth="2">
</tr> <span class="sg-node"><a href="../yellow-note/minister.html">視覺進化論</a></span>
<tr data-site-guide-depth="3"> <ul>
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a <li data-site-guide-depth="3"><span class="sg-node sg-node--extra"><a href="minister_ge.html">minister 長版備份(未列頂欄)</a></span></li>
href="../variety/bangxiao.html">爆笑養老院(計量器)</a></span></td> </ul>
<td class="site-guide-nav-desc">甜蜜負擔計量器;勾本命算出要補幾個節目。</td> </li>
<td class="site-guide-nav-link-cell"><a <li data-site-guide-depth="2">
href="../variety/bangxiao.html"><code>variety/bangxiao.html</code></a> <span class="sg-node"><a href="../yellow-note/map.html">聖地巡禮</a></span>
</td> <ul>
</tr> <li data-site-guide-depth="3"><span class="sg-node sg-node--extra">錨點:<code>#taipei</code>·<code>#global</code></span></li>
<tr data-site-guide-depth="3"> </ul>
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a </li>
href="../variety/variety-shows.html">節目存檔表</a></span></td> </ul>
<td class="site-guide-nav-desc">綜藝節目存檔表;含隊長帶弟弟、各自暴走等區塊錨點。</td> </li>
<td class="site-guide-nav-link-cell"><a <li data-site-guide-depth="1">
href="../variety/variety-shows.html"><code>variety/variety-shows.html</code></a> <span class="sg-node sg-node--extra sg-node--nolink">站內其他頁面(草稿/作業/備查,不在頂欄)</span>
</td> <ul>
</tr> <li data-site-guide-depth="2">
<tr data-site-guide-depth="3"> <span class="sg-node sg-node--extra sg-node--nolink">extra/ 草稿與作業</span>
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a <ul>
href="../variety/variety.html#variety">隊長帶弟弟</a></span></td> <li data-site-guide-depth="3"><span class="sg-node sg-node--extra"><a href="site-guide.html">site-guide.html(本頁)</a></span></li>
<td class="site-guide-nav-desc">綜藝頁「瘋狂出演中」主區;與頂欄「隊長帶弟弟」同頁錨點。</td> <li data-site-guide-depth="3"><span class="sg-node sg-node--extra"><a href="grok.html">grok.html(實驗頁)</a></span></li>
<td class="site-guide-nav-link-cell"><a <li data-site-guide-depth="3"><span class="sg-node sg-node--extra"><a href="Untitled-1.html">Untitled-1.html(草稿)</a></span></li>
href="../variety/variety.html#variety"><code>variety/variety.html#variety</code></a> <li data-site-guide-depth="3"><span class="sg-node sg-node--extra"><a href="sunghoon.html">sunghoon.html</a></span></li>
</td> <li data-site-guide-depth="3"><span class="sg-node sg-node--extra"><a href="hw-bootstrap.html">hw-bootstrap.html(學校作業)</a></span></li>
</tr> <li data-site-guide-depth="3"><span class="sg-node sg-node--extra"><a href="bootstrap-navbar-carousel.html">bootstrap-navbar-carousel.html(學校作業)</a></span></li>
<tr data-site-guide-depth="3"> </ul>
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><span </li>
class="site-guide-nav-nolink">各自暴走</span></span></td> <li data-site-guide-depth="2">
<td class="site-guide-nav-desc"></td> <span class="sg-node sg-node--extra sg-node--nolink">站根與其他資料夾雜項</span>
<td class="site-guide-nav-link-cell"><span class="site-guide-nav-nolink"></span></td> <ul>
</tr> <li data-site-guide-depth="3"><span class="sg-node sg-node--extra"><a href="../fansform.html">fansform.html(入坑申請轉址)</a></span></li>
<tr data-site-guide-depth="4"> <li data-site-guide-depth="3"><span class="sg-node sg-node--extra"><a href="../index-bootstrap.html">index-bootstrap.html(首頁改版草稿)</a></span></li>
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a <li data-site-guide-depth="3"><span class="sg-node sg-node--extra"><a href="../s20260612_04_jq_calculator.html">s20260612_04_jq_calculator.html(學校作業)</a></span></li>
href="../variety/NJTW/NJTW5.html">新西遊記</a></span></td> <li data-site-guide-depth="3"><span class="sg-node sg-node--extra"><a href="../sechskies_brand_color_spec.html">sechskies_brand_color_spec.html(品牌色規範)</a></span></li>
<td class="site-guide-nav-desc">與鬼神同行企劃文案、六人介紹與 OB/YB 雙隊版面。</td> <li data-site-guide-depth="3"><span class="sg-node sg-node--extra"><a href="../totoga2/readable_ebookcontent.html">totoga2/readable_ebookcontent.html(電子書內容草稿)</a></span></li>
<td class="site-guide-nav-link-cell"><a <li data-site-guide-depth="3"><span class="sg-node sg-node--extra"><a href="../yellow-note/crystal-dance-survey.html">yellow-note/crystal-dance-survey.html(問卷頁)</a></span></li>
href="../variety/NJTW/NJTW5.html"><code>variety/NJTW/NJTW5.html</code></a></td> </ul>
</tr> </li>
<tr data-site-guide-depth="1"> <li data-site-guide-depth="2"><span class="sg-node sg-node--extra"><a href="../sechskies-admin-hw/index.html">sechskies-admin-hw/(水晶練習室,另一份作業,非本站)</a></span></li>
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a <li data-site-guide-depth="2">
href="../member/member.html">完整的六顆</a></span></td> <span class="sg-node sg-node--extra sg-node--nolink" title="2026-05-16 15:56 備份,基準 commit fa8b04d,內容為當時尚未提交的修改與未追蹤新檔">待確認/(舊備份快照,滑鼠移入看說明)</span>
<td class="site-guide-nav-desc">黑/白水晶六人海報板、團名典故與成員靜態介紹。</td> <ul>
<td class="site-guide-nav-link-cell"><a <li data-site-guide-depth="3"><span class="sg-node sg-node--extra"><a href="../待確認/index.html">待確認/index.html</a></span></li>
href="../member/member.html"><code>member/member.html</code></a></td> <li data-site-guide-depth="3"><span class="sg-node sg-node--extra"><a href="../待確認/extra/site-guide.html">待確認/extra/site-guide.html</a></span></li>
</tr> <li data-site-guide-depth="3"><span class="sg-node sg-node--extra"><a href="../待確認/.cursor/_tmp-index-2cd.html">待確認/.cursor/_tmp-index-2cd.html</a></span></li>
<tr data-site-guide-depth="1"> </ul>
<td class="site-guide-nav-menu-cell"><span class="site-guide-nav-name"><a </li>
href="../concert/concert.html">現場的震撼</a></span></td> </ul>
<td class="site-guide-nav-desc">巡迴場次、場館與曲目展開;搜尋曲目或場次。</td> </li>
<td class="site-guide-nav-link-cell"><a </ul>
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="../yellow-note/map.html">Yellow Note</a></span></td>
<td class="site-guide-nav-desc">台灣行程表、成員行程篩選、搜尋與地圖主體。</td>
<td class="site-guide-nav-link-cell"><a
href="../yellow-note/map.html"><code>yellow-note/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="../yellow-note/minister.html">視覺進化論</a></span></td>
<td class="site-guide-nav-desc">「從好奇到全端」自述與時間軸式章節段落。</td>
<td class="site-guide-nav-link-cell"><a
href="../yellow-note/minister.html"><code>yellow-note/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="../yellow-note/map.html">聖地巡禮</a></span></td>
<td class="site-guide-nav-desc">台灣行程表、成員行程篩選、搜尋與地圖主體。</td>
<td class="site-guide-nav-link-cell"><a
href="../yellow-note/map.html"><code>yellow-note/map.html</code></a></td>
</tr>
</tbody>
</table>
</div> </div>
<h3 class="site-guide-subh" id="sg-rules-quick">一般頁籌備中(掃一眼)</h3> <h3 class="site-guide-subh" id="sg-rules-quick">一般頁籌備中(掃一眼)</h3>
@@ -311,238 +203,8 @@
</tbody> </tbody>
</table> </table>
</div> </div>
<p class="site-guide-fine-print site-guide-fine-print--center">綜藝主頁:<a
href="../variety/variety.html">variety.html</a></p>
</section> </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>
<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/timeline.html">時間軸</a></td>
<td>平行單頁 · <code>totoga2/timeline.html</code></td>
</tr>
<tr>
<td><a href="../totoga2/ebook.html">電子書</a></td>
<td>平行單頁 · <code>totoga2/ebook.html</code></td>
</tr>
<tr>
<td><a href="../totoga2/readable.html">圖文好讀版</a></td>
<td>整合長頁 · <code>totoga2/readable.html</code></td>
</tr>
<tr>
<td><a href="../totoga2/readable%20copy.html">圖文好讀版 · 複本</a></td>
<td>草稿複本 · <code>readable copy.html</code><code>readable copy 2.html</code></td>
</tr>
<tr>
<td><a href="../totoga2/video.html">影片</a></td>
<td>平行單頁 · <code>totoga2/video.html</code></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/readable.html">六六歌2 · 四入口</a></h3>
<p class="site-guide-note">章節錨點僅在圖文好讀版(<code>totoga2/readable.html</code>)內。
</p>
<ul class="site-guide-inline-links">
<li><a href="../totoga2/timeline.html">時間軸</a></li>
<li><a href="../totoga2/ebook.html">電子書</a></li>
<li><a href="../totoga2/readable.html">圖文好讀版</a></li>
<li><a href="../totoga2/readable%20copy.html">複本</a></li>
<li><a href="../totoga2/readable%20copy%202.html">複本 2</a></li>
<li><a href="../totoga2/video.html">影片</a></li>
</ul>
<nav class="site-guide-chapter-nav" aria-label="totoga2 章節">
<a href="../totoga2/readable.html#challenge">無限挑戰</a>
<a href="../totoga2/readable.html#ssg2">六六歌2</a>
<a href="../totoga2/readable.html#sechskies-profile">水晶男孩</a>
<a href="../totoga2/readable.html#gather">召集</a>
<a href="../totoga2/readable.html#negotiate">交涉</a>
<a href="../totoga2/readable.html#variables">變數</a>
<a href="../totoga2/readable.html#surprise">驚喜</a>
<a href="../totoga2/readable.html#final-stage">登場</a>
</nav>
</article>
</div>
</section>
<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/member.html">member/member.html</a></td>
</tr>
<tr>
<th scope="row">錨點</th>
<td><a href="../member/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">現場的震撼</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">黃色留聲機</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-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="../yellow-note/minister.html">yellow-note/minister.html</a></td>
</tr>
<tr>
<th scope="row">minister 長版</th>
<td><a href="minister_ge.html">minister_ge.html</a>(備份;未列頂欄)</td>
</tr>
<tr>
<th scope="row">地圖</th>
<td><a href="../yellow-note/map.html">map.html</a> · <a
href="../yellow-note/map.html#taipei">#taipei</a> · <a
href="../yellow-note/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></td>
</tr>
<tr>
<th scope="row">世紀級寶藏</th>
<td><a href="../variety/bangxiao.html">bangxiao.html</a></td>
</tr>
<tr>
<th scope="row">節目存檔表</th>
<td><a href="../variety/variety-shows.html">variety-shows.html</a> · <a
href="../variety/variety-shows.html#variety-shows">#variety-shows</a> · <a
href="../variety/variety-shows.html#captain-brothers">#captain-brothers</a> · <a
href="../variety/variety-shows.html#each-rampage">#each-rampage</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">extra/ 其餘</h2>
<p class="site-guide-folder-hint">未列頂欄主模板之草稿/實驗頁。主選單對應頁面已移至
<code>member/</code><code>yellow-note/</code><code>variety/</code> 等資料夾;六六歌2 圖文好讀版之草稿複本在
<code>totoga2/readable copy*.html</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="site-guide.html">site-guide.html</a></td>
<td>全站導覽(本頁)</td>
</tr>
<tr>
<td><a href="grok.html">grok.html</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 長版備份(Yellow Note 小節亦列)</td>
</tr>
<tr>
<td><a href="hw-bootstrap.html">hw-bootstrap.html</a></td>
<td>精華牆:站內單頁 Bootstrap 5 導覽/格線/輪播練習(學校作業,非主線導覽項目)</td>
</tr>
<tr>
<td><a href="bootstrap-navbar-carousel.html">bootstrap-navbar-carousel.html</a></td>
<td>跨時空精選:另一份 Bootstrap 5 作業(Hero+錨點導覽+雙 Carousel+Grid,非主線導覽項目)</td>
</tr>
</tbody>
</table>
</div>
</section>
</main> </main>
<footer> <footer>