From ff358e76ce930d65d46b37188b161f08a89ae6c0 Mon Sep 17 00:00:00 2001 From: jekkinoopy Date: Thu, 14 May 2026 13:20:59 +0800 Subject: [PATCH] =?UTF-8?q?style=20=E8=AA=BF=E6=95=B4=E9=85=8D=E8=89=B2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- variety/NJTW/NJTW5.html | 508 ++++++++++++++++++++-------------------- variety/NJTW/njtw5.css | 50 +++- 2 files changed, 300 insertions(+), 258 deletions(-) diff --git a/variety/NJTW/NJTW5.html b/variety/NJTW/NJTW5.html index db62d70..809e132 100644 --- a/variety/NJTW/NJTW5.html +++ b/variety/NJTW/NJTW5.html @@ -44,288 +44,294 @@

鬼神介紹

- - - - - - - - - - - - - -
-
+ +
+ + + + + + + + + + + + + + + +
+
+
- -
-

-

姜鎬臉男 姜鎬童

-

吃得津津有味的鬼怪

-
-
-
-
-
-
- 視覺 -
- - - - - - + +
+

+

姜鎬臉男 姜鎬童

+

吃得津津有味的鬼怪

-
-
- 注目度 -
- - - - - +
+
-
-
- 可愛 -
- +
+
+ 視覺 +
+ + + + + + +
+
+
+ 注目度 +
+ + + + + +
+
+
+ 可愛 +
+ +
+
+

#吃貨精靈 #低聲細語

-

#吃貨精靈 #低聲細語

-
-
- -
-
-
-

-

鬼娃恰吉 李壽根

-

不搞笑會死的鬼怪

-
-
-
-
-
-
- 娃娃美 -
- - - +
+
+
+
+

+

鬼娃恰吉 李壽根

+

不搞笑會死的鬼怪

-
-
- 語言能力 -
- - - - - +
+
-
-
- 體能 -
- - - - - +
+
+ 娃娃美 +
+ + + +
+
+
+ 語言能力 +
+ + + + + +
+
+
+ 體能 +
+ + + + + +
+
+

#最強短腿 #瘋狂跑動

-

#最強短腿 #瘋狂跑動

-
-
- -
-
-
-

-

陰間使者 殷志源

-

戴上黑帽子 神志源回來了！

-
-
-
-
-
-
- 化妝消化力 -
- - - - - - - +
+
+
+
+

+

陰間使者 殷志源

+

戴上黑帽子 神志源回來了！

-
-
- 黑眼圈 -
- - - - +
+
-
-
- 暴走 -
- - - - - - +
+
+ 化妝消化力 +
+ + + + + + + +
+
+
+ 黑眼圈 +
+ + + + +
+
+
+ 暴走 +
+ + + + + + +
+
+

#瘋子使者 #最帥鬼怪

-

#瘋子使者 #最帥鬼怪

-
-
- - -
-
-
-

-

帥氣殭屍 安宰賢

-

美貌&藝能兼具 八面玲瓏的帥氣殭屍

-
-
-
-
-
-
- 帥氣度 -
- - - - - +
OB
YB +
+
+
+

+

帥氣殭屍 安宰賢

+

美貌&藝能兼具 八面玲瓏的帥氣殭屍

-
-
- 瘋癲 -
- - - - +
+
-
-
- 臉紅紅 -
- - +
+
+ 帥氣度 +
+ + + + + +
+
+
+ 瘋癲 +
+ + + + +
+
+
+ 臉紅紅 +
+ + +
+
+

#美男殭屍 #運動白痴

-

#美男殭屍 #運動白痴

-
-
- -
-
-
-

-

現代鬼 宋旻浩

-

獨特的文藝青年 現代鬼怪

-
-
-
-
-
-
- 髮型 -
- - - +
+
+
+
+

+

現代鬼 宋旻浩

+

獨特的文藝青年 現代鬼怪

-
-
- 清純美 -
- - - - - +
+
-
-
- 時髦度 -
- - - - - - - +
+
+ 髮型 +
+ + + +
+
+
+ 清純美 +
+ + + + + +
+
+
+ 時髦度 +
+ + + + + + + +
+
+

#長髮宋 #綜藝神降臨

-

#長髮宋 #綜藝神降臨

-
-
- -
-
-
-

-

德古拉 P.O

-

新血降臨！華麗誤答轟炸機！

-
-
-
-
-
-
- 腦力 -
- +
+
+
+
+

+

德古拉 P.O

+

新血降臨！華麗誤答轟炸機！

-
-
- 披風+領子 -
- - - - - - - +
+
-
-
- 藝能感 -
- - - - - - +
+
+ 腦力 +
+ +
+
+
+ 披風+領子 +
+ + + + + + + +
+
+
+ 藝能感 +
+ + + + + + +
+
+

#新弟子 #德古拉

-

#新弟子 #德古拉

-
+
diff --git a/variety/NJTW/njtw5.css b/variety/NJTW/njtw5.css index 327931b..ea154a2 100644 --- a/variety/NJTW/njtw5.css +++ b/variety/NJTW/njtw5.css @@ -114,6 +114,44 @@ body.njtw5-page .container { box-sizing: border-box; } +/* 成員 2×4 表格：必須為 table > tbody > tr > td，不可把 tr 直接放在 div 裡 */ +body.njtw5-page .njtw-member-table-wrap { + grid-column: 1 / -1; + width: 100%; + min-width: 0; + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} + +body.njtw5-page .njtw-member-table { + width: max-content; + min-width: 100%; + border-collapse: separate; + border-spacing: clamp(10px, 2vw, 18px); + table-layout: auto; +} + +body.njtw5-page .njtw-member-table td { + padding: 0; + vertical-align: top; +} + +body.njtw5-page .njtw-member-table td:not(.njtw-layout-slot) { + min-width: clamp(220px, 24vw, 300px); +} + +body.njtw5-page .njtw-member-table .njtw-layout-slot { + width: 1%; + white-space: nowrap; + vertical-align: middle; + text-align: center; + font-weight: 800; + font-size: clamp(1.35rem, 3.5vw, 1.85rem); + letter-spacing: 0.12em; + color: var(--njtw-ink); + opacity: 0.75; +} + body.njtw5-page .container .section-title, body.njtw5-page .video-container .video-title { font-weight: 800; @@ -348,7 +386,7 @@ body.njtw5-page .parchment-card .parchment-stats { body.njtw5-page .parchment-card .parchment-stat-row { display: grid; - grid-template-columns: auto minmax(0, 1fr); + grid-template-columns: auto minmax(min-content, 1fr); align-items: center; gap: 8px 10px; margin-bottom: clamp(8px, 1.6vw, 12px); @@ -368,16 +406,14 @@ body.njtw5-page .parchment-card .parchment-stat-label { } body.njtw5-page .parchment-card .parchment-stat-balls { display: flex; - flex-wrap: nowrap; + flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 4px; - min-width: 0; - overflow-x: auto; - overflow-y: hidden; - -webkit-overflow-scrolling: touch; + min-width: min-content; + overflow-x: visible; + overflow-y: visible; padding-bottom: 2px; - scrollbar-width: thin; } body.njtw5-page .parchment-card .parchment-stat-balls img {