From 8bd4543822824f50e52b2b693f05a68bd569a946 Mon Sep 17 00:00:00 2001
From: jekkinoopy <jekkinoopy@gmail.com>
Date: Wed, 17 Jun 2026 15:17:32 +0800
Subject: [PATCH] =?UTF-8?q?=E9=96=8B=E6=94=BE=E6=9C=AC=E9=A0=81nav?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/js/portal-nav.js    |  4 +--
 extra/site-guide.html      | 23 ++++++++++---
 variety/bangxiao.html      | 34 ++++++++++++++++++--
 variety/variety-shows.html | 66 +++++++++++---------------------------
 4 files changed, 70 insertions(+), 57 deletions(-)

diff --git a/assets/js/portal-nav.js b/assets/js/portal-nav.js
index 0000775..5dd22d2 100644
--- a/assets/js/portal-nav.js
+++ b/assets/js/portal-nav.js
@@ -234,7 +234,7 @@
     }
 
     /** 全站導覽 HTML — `rp` 為站根相對前綴；僅修改此模板即可同步所有頁面
-     * 五主項：淪陷瞬間、完整的六顆、現場的震撼、黃色留聲機、Yellow Note（全員是瘋子子選單暫關）。 */
+     * 六主項：淪陷瞬間、完整的六顆、現場的震撼、黃色留聲機、世紀級寶藏、Yellow Note。 */
     function buildPortalNavInnerHTML(rp) {
         return `
 <a class="logo" target="_blank" rel="noopener noreferrer" href="${rp}index.html"><img src="${rp}assets/images/logov.svg" alt="SECHSKIES Logo"></a>
@@ -257,7 +257,7 @@
                     <li><a target="_blank" rel="noopener noreferrer" href="${rp}totoga2/video.html"><span class="portal-nav__label">影片</span></a></li>
                 </ul>
             </li>
-            <!-- 全員是瘋子（原全員發瘋）：暫不顯示子選單；恢復時改回 subgroup 並用此標題 -->
+            <li><a target="_blank" rel="noopener noreferrer" href="${rp}variety/bangxiao.html"><span class="portal-nav__label">世紀級寶藏</span></a></li>
         </ul>
     </li>
     <li><a target="_blank" rel="noopener noreferrer" href="${rp}member/member.html"><span class="portal-nav__label">完整的六顆</span></a></li>
diff --git a/extra/site-guide.html b/extra/site-guide.html
index 6a937d6..47e153e 100644
--- a/extra/site-guide.html
+++ b/extra/site-guide.html
@@ -173,14 +173,23 @@
                                     href="../totoga2/video.html"><code>totoga2/video.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-menu-cell"><span class="site-guide-nav-name"><a
+                                        href="../variety/bangxiao.html">世紀級寶藏</a></span></td>
                             <td class="site-guide-nav-desc">—</td>
-                            <td class="site-guide-nav-link-cell"><span class="site-guide-nav-nolink">—</span></td>
+                            <td class="site-guide-nav-link-cell"><a
+                                    href="../variety/bangxiao.html"><code>variety/bangxiao.html</code></a></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-shows.html">全員發瘋</a></span></td>
+                                        href="../variety/bangxiao.html">爆笑養老院（計量器）</a></span></td>
+                            <td class="site-guide-nav-desc">甜蜜負擔計量器；勾本命算出要補幾個節目。</td>
+                            <td class="site-guide-nav-link-cell"><a
+                                    href="../variety/bangxiao.html"><code>variety/bangxiao.html</code></a>
+                            </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-shows.html">節目存檔表</a></span></td>
                             <td class="site-guide-nav-desc">綜藝節目存檔表；含隊長帶弟弟、各自暴走等區塊錨點。</td>
                             <td class="site-guide-nav-link-cell"><a
                                     href="../variety/variety-shows.html"><code>variety/variety-shows.html</code></a>
@@ -468,7 +477,11 @@
                                     href="../variety/variety.html#variety">#variety</a></td>
                         </tr>
                         <tr>
-                            <th scope="row">全員發瘋</th>
+                            <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
diff --git a/variety/bangxiao.html b/variety/bangxiao.html
index d74ddf3..3a2581f 100644
--- a/variety/bangxiao.html
+++ b/variety/bangxiao.html
@@ -223,6 +223,33 @@
             text-align: center;
         }
 
+        .bangxiao-page .result-cta {
+            display: inline-flex;
+            align-items: center;
+            gap: 6px;
+            margin-top: 1.2rem;
+            color: var(--color-brand-dark);
+            font-size: 0.95rem;
+            font-weight: 700;
+            text-decoration: none;
+            border-bottom: 2px solid var(--color-brand);
+            padding-bottom: 2px;
+            transition: border-color 0.18s ease, color 0.18s ease;
+        }
+
+        .bangxiao-page .result-cta:hover {
+            border-color: var(--color-brand-dark);
+        }
+
+        .bangxiao-page .result-cta .cta-arrow {
+            display: inline-block;
+            transition: transform 0.2s ease;
+        }
+
+        .bangxiao-page .result-cta:hover .cta-arrow {
+            transform: translateX(5px);
+        }
+
         @media (max-width: 540px) {
             .bangxiao-page .member-grid {
                 grid-template-columns: repeat(2, 1fr);
@@ -234,7 +261,7 @@
 <body class="bangxiao-page">
     <header class="inner-page-header">
         <div class="header-inner site-header-inner">
-            <h1 class="main-title">世紀級寶藏庫</h1>
+            <h1 class="main-title">世紀級寶藏</h1>
             <div class="subtitle-wrap">
                 <span class="sub-title">LEGENDARY VARIETY ARCHIVE</span>
             </div>
@@ -427,7 +454,10 @@
 
                 resultEl.html(
                     '<p class="result-headline">你總共有 <strong>' + totalStr + '</strong> 個節目要補！</p>' +
-                    groupNote
+                    groupNote +
+                    '<a class="result-cta" href="../totoga2/ebook.html" target="_blank" rel="noopener noreferrer">' +
+                    '進坑挖寶囉 <span class="cta-arrow">→</span>' +
+                    '</a>'
                 );
             });
         });
diff --git a/variety/variety-shows.html b/variety/variety-shows.html
index e9d6af0..06d9ba8 100644
--- a/variety/variety-shows.html
+++ b/variety/variety-shows.html
@@ -6,29 +6,10 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>水晶男孩｜全員發瘋</title>
     <link rel="stylesheet" href="../assets/css/style.css">
-    <link rel="stylesheet" href="../assets/css/concert.css">
+    <link rel="stylesheet" href="../assets/css/index.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>
-        /* 本頁：對齊 concert.html 深色底＋白卡片；表格僅此頁 */
-        body.variety-shows-page .variety-shows-container {
-            padding: 50px 0 40px;
-            font-family: "PingFang TC", "Microsoft JhengHei", sans-serif;
-        }
-
-        body.variety-shows-page .variety-shows-archive-card {
-            background: #fff;
-            border-radius: 16px;
-            padding: clamp(28px, 4vw, 48px) clamp(20px, 3vw, 56px);
-            margin-bottom: 0;
-            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
-            border: 1px solid rgba(0, 0, 0, 0.02);
-            position: relative;
-            z-index: 1;
-            overflow-x: auto;
-            -webkit-overflow-scrolling: touch;
-        }
-
         body.variety-shows-page .variety-shows-toolbar {
             display: flex;
             flex-wrap: wrap;
@@ -61,11 +42,11 @@
             margin: 0 0 0 auto;
         }
 
-        body.variety-shows-page .variety-shows-archive-card>.variety-table[data-show-tabs][hidden] {
+        body.variety-shows-page .variety-table[data-show-tabs][hidden] {
             display: none;
         }
 
-        body.variety-shows-page .variety-shows-archive-card>.variety-table[data-show-tabs]+.variety-table[data-show-tabs] {
+        body.variety-shows-page .variety-table[data-show-tabs]+.variety-table[data-show-tabs] {
             margin-top: 2rem;
             padding-top: 2rem;
             border-top: 1px solid #eee;
@@ -273,16 +254,7 @@
             color: #5a4a12;
         }
 
-        body.variety-shows-page footer {
-            position: relative;
-            z-index: 1;
-        }
-
         @media (max-width: 720px) {
-            body.variety-shows-page .variety-shows-archive-card {
-                padding: 20px 14px;
-            }
-
             body.variety-shows-page .variety-table {
                 font-size: 0.8rem;
             }
@@ -295,7 +267,7 @@
     </style>
 </head>
 
-<body class="concert-page variety-shows-page">
+<body class="variety-shows-page">
     <header class="inner-page-header">
         <div class="header-inner site-header-inner">
             <h1 class="main-title">全員發瘋</h1>
@@ -309,22 +281,21 @@
 
     <canvas id="particles"></canvas>
 
-    <div class="variety-shows-toolbar search-section">
-        <div class="variety-shows-tabs" role="tablist" aria-label="綜藝分類">
-            <button type="button" class="tab-btn active" role="tab" id="variety-tab-all" data-tab="all"
-                aria-selected="true" aria-controls="variety-shows">全部</button>
-            <button type="button" class="tab-btn" role="tab" id="variety-tab-captain" data-tab="captain"
-                aria-selected="false" aria-controls="variety-shows">隊長帶弟弟</button>
-            <button type="button" class="tab-btn" role="tab" id="variety-tab-solo" data-tab="solo"
-                aria-selected="false" aria-controls="variety-shows">各自暴走</button>
+    <div class="container">
+        <div class="variety-shows-toolbar">
+            <div class="variety-shows-tabs" role="tablist" aria-label="綜藝分類">
+                <button type="button" class="tab-btn active" role="tab" id="variety-tab-all" data-tab="all"
+                    aria-selected="true" aria-controls="variety-shows">全部</button>
+                <button type="button" class="tab-btn" role="tab" id="variety-tab-captain" data-tab="captain"
+                    aria-selected="false" aria-controls="variety-shows">隊長帶弟弟</button>
+                <button type="button" class="tab-btn" role="tab" id="variety-tab-solo" data-tab="solo"
+                    aria-selected="false" aria-controls="variety-shows">各自暴走</button>
+            </div>
+            <input type="search" id="variety-shows-search" class="search-input" placeholder="搜尋成員或節目…"
+                autocomplete="off" aria-label="搜尋成員或節目">
         </div>
-        <input type="search" id="variety-shows-search" class="search-input" placeholder="搜尋成員或節目…"
-            autocomplete="off" aria-label="搜尋成員或節目">
-    </div>
 
-    <main class="concert-container variety-shows-container">
-        <section id="variety-shows" class="variety-shows-archive" aria-label="全員發瘋">
-            <div class="variety-shows-archive-card">
+        <section id="variety-shows" aria-label="全員發瘋" style="overflow-x:auto;-webkit-overflow-scrolling:touch;">
                 <table class="variety-table" id="captain-brothers" data-show-tabs="all captain">
                 <colgroup>
                     <col class="variety-table__col-air">
@@ -739,9 +710,8 @@
 
             <a class="variety-shows-back" href="variety.html#variety"><i class="fa-solid fa-arrow-left"
                     aria-hidden="true"></i> 返回瘋子與天才</a>
-            </div>
         </section>
-    </main>
+    </div>
 
     <footer>
         <p>SECHSKIES Fanpage &copy; 2026 - 黃色氣球永遠飄揚</p>