diff --git a/assets/js/portal-nav.js b/assets/js/portal-nav.js index 501a147..ad581f0 100644 --- a/assets/js/portal-nav.js +++ b/assets/js/portal-nav.js @@ -451,10 +451,22 @@ event.preventDefault(); event.stopPropagation(); if (!isSoon && !item.classList.contains("coming-soon")) { + const menuList = nav.querySelector(":scope > ul"); + const prevScroll = menuList ? menuList.scrollTop : 0; items.forEach((other) => { if (other !== item) other.classList.remove("open"); }); item.classList.toggle("open"); + if (!item.classList.contains("open")) { + item.querySelectorAll(".portal-nav__subgroup.open").forEach((sub) => { + sub.classList.remove("open"); + }); + } + if (menuList) { + requestAnimationFrame(() => { + menuList.scrollTop = prevScroll; + }); + } } return; } diff --git a/index.html b/index.html index f86301a..15ac6c8 100644 --- a/index.html +++ b/index.html @@ -153,10 +153,11 @@

-

聖誕夜：另一種形式的陪伴

+

第六顆水晶：另一種形式的陪伴

而志溶雖然未參與合體，卻在十二月聖誕夜那場釜山演唱會落幕當天，帶著孩子在《超人回來了》的預告驚喜現身。這不是告別，而是他選擇以另一種最真實、最溫馨的形式，在現實生活中繼續陪伴著大家。舞台上的空位雖然令人難過，但看到他帶著孩子幸福的模樣，我們才明白：原來水晶與粉絲的羈絆，早已超越了表演的定義，而是要在彼此的生活裡，一起寫下新的篇章。

+

體制調整與穩定

調整為四人組合（殷志源、李宰鎮、金在德、張水院），繼續以經典魅力活躍於樂壇與綜藝。

diff --git a/variety/variety-shows.css b/variety/variety-shows.css new file mode 100644 index 0000000..38c5e60 --- /dev/null +++ b/variety/variety-shows.css @@ -0,0 +1,117 @@ +/* variety/variety-shows.html — 綜藝出演總表（維基式表格，僅本頁） */ + +body.variety-shows-page .variety-shows-main { + padding-bottom: 48px; +} + +body.variety-shows-page .variety-shows-lead { + max-width: 44rem; + margin: 0 auto 1.25rem; + text-align: left; + color: #4a4a4a; + line-height: 1.75; +} + +body.variety-shows-page .variety-shows-section { + margin-top: 2rem; +} + +body.variety-shows-page .variety-shows-section > h3 { + margin: 0 0 0.75rem; + font-size: 1.05rem; + font-weight: 800; + color: #303030; + text-align: left; +} + +body.variety-shows-page .variety-wiki-table-wrap { + width: 100%; + overflow-x: auto; + -webkit-overflow-scrolling: touch; + border-radius: 4px; + border-top: 4px solid var(--primary); + background: #fff; + box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06); +} + +body.variety-shows-page .variety-wiki-table { + width: 100%; + min-width: 640px; + margin: 0; + border-collapse: collapse; + border-radius: 0; + box-shadow: none; + background: #fff; + font-size: 0.875rem; + line-height: 1.45; +} + +body.variety-shows-page .variety-wiki-table thead th { + background: #fff9e0; + color: #303030; + font-weight: 700; + padding: 10px 8px; + border: 1px solid #d8d8d8; + text-align: center; + vertical-align: middle; + white-space: nowrap; +} + +body.variety-shows-page .variety-wiki-table tbody td { + padding: 8px 10px; + border: 1px solid #d8d8d8; + text-align: center; + vertical-align: middle; + color: #303030; +} + +body.variety-shows-page .variety-wiki-table tbody tr:nth-child(even) td { + background: #fafafa; +} + +body.variety-shows-page .variety-wiki-table .variety-wiki-table__program { + font-weight: 600; +} + +body.variety-shows-page .variety-wiki-table a { + color: #0645ad; + text-decoration: none; +} + +body.variety-shows-page .variety-wiki-table a:hover, +body.variety-shows-page .variety-wiki-table a:focus-visible { + text-decoration: underline; +} + +body.variety-shows-page .variety-wiki-table a.variety-wiki-table__link--site { + color: #5a4a12; + font-weight: 600; +} + +body.variety-shows-page .variety-shows-note { + margin-top: 0.75rem; + font-size: 0.82rem; + color: #6a6a6a; + text-align: left; + line-height: 1.6; +} + +body.variety-shows-page .variety-shows-back { + display: inline-flex; + align-items: center; + gap: 0.35rem; + margin-top: 1.5rem; + font-weight: 600; + color: #5a4a12; +} + +@media (max-width: 720px) { + body.variety-shows-page .variety-wiki-table { + font-size: 0.8rem; + } + + body.variety-shows-page .variety-wiki-table thead th, + body.variety-shows-page .variety-wiki-table tbody td { + padding: 7px 6px; + } +} diff --git a/variety/variety-shows.html b/variety/variety-shows.html new file mode 100644 index 0000000..8609d72 --- /dev/null +++ b/variety/variety-shows.html @@ -0,0 +1,205 @@ + + + + + + + 水晶男孩｜綜藝出演總表 + + + + + + + +
+
+

綜藝出演總表

+
+ VARIETY APPEARANCE ARCHIVE +
+
+
+ + + + + +
+
+

大家上過的綜藝

+

+ 依播出期間整理固定出演紀錄，欄位對照常見維基表格式：日期、頻道、節目、成員、集數。合併儲存格表示同一頻道／同一位成員連續多檔；其餘區塊會陸續補上。 +

+ +
+

固定出演（2016－2020）

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
播出日期頻道節目名稱出演成員集數
2016年4月22日－6月17日tvN《新西遊記2》殷志源E01－E09
2016年4月27日－6月22日《Let's GO 時間探險隊3》張水院E01－E09
2016年5月4日－7月20日K-Star《真實的帥氣的》—E01－E12
2016年6月5日－8月21日JTBC《天下壯士》殷志源E01－E12
2016年9月5日－11月21日SBS《花樣旅行》殷志源、李宰鎮E01－E12
2016年10月12日－10月21日JTBC《本月的活動王》張水院E01－E02
2017年1月1日－2019年6月2日KBS2《超人回來了》高志鎔E163－E280
2017年1月8日－3月12日tvN《新西遊記3》殷志源E01－E09＋導演版
2017年6月13日－8月22日《新西遊記4》E01－E10＋導演版
2017年12月5日－2018年1月9日《姜食堂》E01－E05＋導演版
2018年5月5日－10月27日MBC《意外的Q》—E01－E25
2018年9月30日－10月28日tvN《新西遊記5》殷志源E01－E05
2018年10月28日－12月2日《新西遊記6》E00－E05＋導演版
2019年10月25日－2020年1月3日tvN《新西遊記7》殷志源E01－E11
2019年5月31日－7月5日tvN《姜食堂2》殷志源E01－E06
2019年6月8日－8月17日tvN《高校供餐王》殷志源E01－E11
2019年7月5日－8月2日tvN《姜食堂3》殷志源E00－E04
2019年9月20日－11月22日tvN《去冰島的三餐》殷志源E01－E10
2020年1月10日－3月27日tvN《星期五星期五晚上》殷志源E01－E10＋導演版
2020年10月9日－12月18日tvN《新西遊記8》殷志源E01－E10＋導演版
+
+

資料整理自公開播出紀錄，集數與譯名若有出入以實際播出版本為準；歡迎之後逐列補上主持、嘉賓等區塊。

+
+ + 返回瘋子與天才 +
+
+ + + + + + + + diff --git a/variety/variety.html b/variety/variety.html index 5a95c12..5666667 100644 --- a/variety/variety.html +++ b/variety/variety.html @@ -28,7 +28,8 @@

瘋狂出演中

鏡頭一開就跑偏、台詞唸不完，卻總能把段子的節奏剪成「非他不可」——這是最容易被路人一眼看見的瘋勁，也是綜藝剪輯願意一路卡特寫給他的理由。

-

卸妝後的聊天、運動場上的暴走、對成員毫不修飾的吐槽；那些看起來像日常，其實比劇本更誇張。此區之後會補上節目清單、名場面與入坑路線，先把舞台留好。

+

卸妝後的聊天、運動場上的暴走、對成員毫不修飾的吐槽；那些看起來像日常，其實比劇本更誇張。

+

綜藝出演總表：依播出日期整理固定出演（維基式表格，含頻道／成員合併儲存格）；名場面與入坑路線仍會陸續補在本區。