jekkinoopy/sechskies
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix 六六歌模式規劃

Browse Source
This commit is contained in:
jekkinoopy
2026-05-15 02:47:26 +08:00
parent 0e64e5d571
commit 2d1497c045
20 changed files with 263 additions and 179 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/concert.css
+5
View File
@@ -217,6 +217,11 @@ img {
color: #333;
}
/* 暫隱：九十年代「燦爛的最初」整區；要對外顯示時刪除此規則即可 */
#stage-past {
display: none !important;
}
/* 燦爛的最初：小節標（對齊隔壁「一張大卡＋多個場次列」） */
#stage-past .stage-past-era {
margin-top: 2.25rem;
assets/css/style.css
+97 -61
View File
@@ -2148,54 +2148,7 @@ body.ebook-ssg2-page .ebook-back-link {
margin: 0 0 2.5rem;
}
/* totoga2.html — 六六歌2 整合（影片／電子書／長文＋網漫／分頁） */
body.totoga2-page .map-archive-header .main-content-title {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.35rem;
margin-top: clamp(12px, 2.5vw, 22px);
}
body.totoga2-page .map-archive-header .highlight-text {
font-size: clamp(1.45rem, 4vw, 2.65rem);
font-weight: 800;
color: #fff;
letter-spacing: 0.1em;
line-height: 1.2;
text-shadow: 0 2px 22px rgba(0, 0, 0, 0.5);
}
body.totoga2-page .map-archive-header .eng-title {
font-size: clamp(0.72rem, 2vw, 0.95rem);
letter-spacing: 0.26em;
color: var(--yellow);
font-weight: 700;
text-transform: uppercase;
}
body.totoga2-page .map-archive-header .subtitle-wrap {
flex-direction: column;
gap: 0.4rem;
margin-top: clamp(14px, 2.5vw, 24px);
}
body.totoga2-page .map-archive-header .subtitle-wrap::before,
body.totoga2-page .map-archive-header .subtitle-wrap::after {
display: none;
}
body.totoga2-page .map-archive-header .sub-title {
margin: 0;
}
body.totoga2-page .map-archive-header .event-date {
display: block;
font-size: 0.72rem;
letter-spacing: 0.22em;
color: #c8c8c8;
font-weight: 600;
}
/* totoga2 整合／複本頁：頂部結構與其他 map-archive-header 內頁一致（僅 main-title + subtitle-wrap） */
body.totoga2-page .totoga2-hub-controls {
max-width: 1200px;
@@ -2206,23 +2159,106 @@ body.totoga2-page .totoga2-hub-controls {
flex-wrap: wrap;
}
body.totoga2-page .bilivideo-stack {
body.totoga2-page.totoga2-video-copy-page .map-archive-header {
height: auto;
min-height: 0;
padding: clamp(1rem, 2.8vw, 1.75rem) 20px clamp(1.1rem, 3vw, 1.9rem);
background-size: cover;
}
body.totoga2-page.totoga2-video-copy-page .ebook-intro.section {
margin-bottom: 1.5rem;
}
body.totoga2-page.totoga2-video-copy-page .ebook-intro.section .bilivideo-tabs {
margin-top: 0.5rem;
}
body.totoga2-page.totoga2-video-copy-page {
overflow-x: hidden;
}
/* 節目影片複本：三集＝同一殼內分頁；非使用中 panel 不占版面（避免被 flex display 蓋掉 hidden） */
body.totoga2-page.totoga2-video-copy-page .bilivideo-tabs {
max-width: 960px;
margin: 0 auto;
}
body.totoga2-page.totoga2-video-copy-page .bilivideo-tabs__shell {
border-radius: 14px;
overflow: hidden;
border: 1px solid rgba(255, 204, 0, 0.38);
box-shadow: 0 14px 40px rgba(0, 0, 0, 0.18);
background: #070707;
}
body.totoga2-page.totoga2-video-copy-page .bilivideo-tabs__list {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0;
margin: 0;
padding: 0;
}
body.totoga2-page.totoga2-video-copy-page .bilivideo-tabs__tab {
margin: 0;
padding: 0.75rem 0.5rem;
border: none;
border-right: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 0;
cursor: pointer;
font: inherit;
font-weight: 700;
font-size: clamp(0.88rem, 2.1vw, 1rem);
text-align: center;
color: #e8e4dc;
background: #151515;
letter-spacing: 0.12em;
}
body.totoga2-page.totoga2-video-copy-page .bilivideo-tabs__tab:last-child {
border-right: none;
}
body.totoga2-page.totoga2-video-copy-page .bilivideo-tabs__tab:hover {
background: #1f1f1f;
color: #fff;
}
body.totoga2-page.totoga2-video-copy-page .bilivideo-tabs__tab:focus-visible {
outline: 2px solid #ffcc00;
outline-offset: -2px;
position: relative;
z-index: 1;
}
body.totoga2-page.totoga2-video-copy-page .bilivideo-tabs__tab--active {
background: linear-gradient(180deg, #ffe566 0%, #ffcc00 100%);
color: #1a1406;
}
body.totoga2-page.totoga2-video-copy-page .bilivideo-tabs__panels {
overflow: hidden;
background: #000;
}
body.totoga2-page.totoga2-video-copy-page .bilivideo-tabs__panel {
display: flex;
flex-direction: column;
gap: 2rem;
margin-bottom: 2rem;
align-items: stretch;
}
body.totoga2-page .bilivideo-block h3 {
margin: 0 0 0.5rem;
font-size: 1.1rem;
color: #2a2a2a;
body.totoga2-page.totoga2-video-copy-page .bilivideo-tabs__panel[hidden] {
display: none !important;
}
body.totoga2-page .bilivideo-placeholder-note {
font-size: 0.88rem;
color: #666;
margin: 0 0 0.5rem;
body.totoga2-page.totoga2-video-copy-page .bilivideo-tabs__shell .bilivideo-frame {
margin: 0;
max-width: none;
width: 100%;
border-radius: 0;
border: none;
box-shadow: none;
}
body.totoga2-page .bilivideo-frame {
@@ -2293,7 +2329,7 @@ body.totoga2-page .ebook-back-link {
gap: 12px;
}
/* extra/totoga2 copy.html — 複本改為三獨立頁後的總覽；子頁共用 .totoga2-split-crossnav */
/* extra/totoga2 copy.html — 複本改為三獨立頁後的總覽；主檔 fallen/totoga2.html；子頁共用 .totoga2-split-crossnav */
body.totoga2-page .totoga2-split-crossnav {
margin-top: 0.75rem;
}
@@ -2313,7 +2349,7 @@ body.totoga2-page .totoga2-copy-hub-anchor-hint {
font-size: 0.95rem;
}
/* extra/member.html — 黑白水晶交錯格（2×4）與懸賞令海報 */
/* member/member.html — 黑白水晶交錯格（2×4）與懸賞令海報 */
body.member-crystal-page .member-crystal-main {
padding: 1.75rem 14px 3rem;
max-width: 1240px;
assets/js/portal-nav.js
+7 -6
View File
@@ -3,7 +3,7 @@
* ── 導覽「尚未開放」連結 ─────────────────────────────────────────
* 【兩個世界】① 僅 `extra/site-guide.html`：`<nav data-portal-nav data-portal-nav-all-open>` → 不套用籌備中，
* 頂欄全可點；`main.site-guide-main` 內 `<a>` 腳本不改寫（站主自用索引）。② 其餘每一頁：一律套用籌備中。
* 【totoga2 整合頁】`totoga2.html` 在 COMING_SOON_PAGES 內＝訪客頂欄「傳奇的轉折」不可點進；站主沒明講開放不得從 Set 刪除。
* 【totoga2 整合頁】`fallen/totoga2.html`（檔名仍為 totoga2.html）在 COMING_SOON_PAGES 內＝訪客頂欄「傳奇的轉折」不可點進；站主沒明講開放不得從 Set 刪除。
* 【硬規則】檔案在 repo ≠ 可開放；未同意不得從 Set 刪名、不得擴白名單、不得在模板新增可點項。
* 文案 NAV_SOON_PHRASES：籌備中連結提示用。
* 完整條文：`.cursor/rules/portal-nav-rules.mdc` + `user-scope-and-nav.mdc`
@@ -33,6 +33,7 @@
const COMING_SOON_PAGES = new Set([
"albums.html",
"map.html",
"member.html",
"minister.html",
"minister_ge.html",
"totoga2.html",
@@ -173,7 +174,7 @@
<li><a target="_blank" rel="noopener noreferrer" href="${rp}index.html"><span class="portal-nav__label">淪陷瞬間</span><span class="portal-nav__sub">六顆永恆的水晶 · 左右命運的傳奇</span></a>
<ul class="portal-submenu">
<li><a target="_blank" rel="noopener noreferrer" href="${rp}index.html"><span class="portal-nav__label">初心與軌跡</span><span class="portal-nav__sub">我們現在：從好奇觀看到淪陷的起點</span></a></li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}extra/totoga2.html"><span class="portal-nav__label">傳奇的轉折</span><span class="portal-nav__sub">六六歌2 紀實與重逢敘事主線</span></a></li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}fallen/totoga2.html"><span class="portal-nav__label">傳奇的轉折</span><span class="portal-nav__sub">六六歌2 紀實與重逢敘事主線</span></a></li>
<li class="portal-nav__subgroup">
<span class="portal-nav__subgroup-head"><span class="portal-nav__label">全員發瘋</span><span class="portal-nav__sub">原來我是個正常人啊！團綜與失控現場</span></span>
<ul class="portal-submenu-nested" aria-label="全員發瘋">
@@ -188,7 +189,7 @@
</li>
</ul>
</li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}extra/member.html"><span class="portal-nav__label">完整的六顆</span><span class="portal-nav__sub">六顆水晶 · 黑白分流</span></a></li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}member/member.html"><span class="portal-nav__label">完整的六顆</span><span class="portal-nav__sub">六顆水晶 · 黑白分流</span></a></li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}concert/concert.html"><span class="portal-nav__label">現場的震撼</span><span class="portal-nav__sub">SECHSKIES CONCERT ARCHIVE</span></a>
<ul class="portal-submenu">
<li><a target="_blank" rel="noopener noreferrer" href="${rp}concert/concert.html"><span class="portal-nav__label">集結水晶</span><span class="portal-nav__sub">團體演唱會</span></a></li>
@@ -201,10 +202,10 @@
<li><a target="_blank" rel="noopener noreferrer" href="${rp}albums/albums.html#classic"><span class="portal-nav__label">輝煌全盛期</span><span class="portal-nav__sub">1997–1999 年表</span></a></li>
</ul>
</li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}map/map.html"><span class="portal-nav__label">Yellow Note</span><span class="portal-nav__sub">視覺進化論 · 聖地巡禮</span></a>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}yellow-note/map.html"><span class="portal-nav__label">Yellow Note</span><span class="portal-nav__sub">視覺進化論 · 聖地巡禮</span></a>
<ul class="portal-submenu">
<li><a target="_blank" rel="noopener noreferrer" href="${rp}extra/minister.html"><span class="portal-nav__label">視覺進化論</span><span class="portal-nav__sub">FROM CURIOSITY TO FULL-STACK</span></a></li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}map/map.html"><span class="portal-nav__label">聖地巡禮</span><span class="portal-nav__sub">SECHSKIES TAIWAN ARCHIVE</span></a></li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}yellow-note/minister.html"><span class="portal-nav__label">視覺進化論</span><span class="portal-nav__sub">FROM CURIOSITY TO FULL-STACK</span></a></li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}yellow-note/map.html"><span class="portal-nav__label">聖地巡禮</span><span class="portal-nav__sub">SECHSKIES TAIWAN ARCHIVE</span></a></li>
</ul>
</li>
</ul>