jekkinoopy/sechskies
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
ff358e76ce930d65d46b37188b161f08a89ae6c0
sechskies/variety/NJTW/NJTW5.html
T

349 lines
20 KiB
HTML
Raw Normal View History

feat NJTW5.html
2026-05-14 11:05:12 +08:00
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<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/tablet.css">
<link rel="stylesheet" href="njtw5.css">
<style>
/* 本頁專用：.nickname 只寫在 HTML（依你要求，未再放到 njtw5.css） */
body.njtw5-page .member-card .nickname {
display: block;
margin-top: 0.65rem;
padding: 0.15rem 0;
font-size: max(14px, 0.92rem);
font-weight: 700;
color: #3d240c;
line-height: 1.5;
word-break: break-word;
overflow-wrap: anywhere;
opacity: 1;
visibility: visible;
position: relative;
z-index: 1;
}
.main-header {
text-align: center;
margin-bottom: 50px;
width: 100%;
}
</style>
</head>
<body class="njtw5-page">
<header class="main-header">
<h1>新西遊記 5：與鬼神同行</h1>
<p class="intro">
這是一場驚心動魄（搞笑）的鬼怪盛宴！<br>
六位成員化身世界各地的經典鬼怪，展開一場前往香港與北海道的爆笑冒險。
</p>
</header>
<div class="container">
feat 加入h2
2026-05-14 11:28:36 +08:00
<h2 class="section-title">鬼神介紹</h2>
style 調整配色
2026-05-14 13:20:59 +08:00
<!-- tr/td 必須放在 <table> 裡；外層用 div 接在 .container 的 grid 下，佔滿整列 -->
<div class="njtw-member-table-wrap">
<table class="njtw-member-table">
<tbody>
<tr>
<td>
<div class="member-card m1 parchment-card">
<div class="parchment-inner">
style 調整配色
2026-05-14 13:01:32 +08:00
style 調整配色
2026-05-14 13:20:59 +08:00
<!-- <div class="parchment-logo" aria-hidden="true">新西遊記<span class="parchment-logo-num">5</span></div> -->
<div class="parchment-headline">
<p class="parchment-name"></p>
<p class="parchment-role">姜鎬臉男 姜鎬童</p>
<p class="parchment-byline">吃得津津有味的鬼怪</p>
feat 內容調整
2026-05-14 12:08:32 +08:00
</div>
style 調整配色
2026-05-14 13:20:59 +08:00
<div class="parchment-figure">
<div class="member-image"></div>
feat 內容調整
2026-05-14 12:08:32 +08:00
</div>
style 調整配色
2026-05-14 13:20:59 +08:00
<div class="parchment-stats">
<div class="parchment-stat-row">
<span class="parchment-stat-label">視覺</span>
<div class="parchment-stat-balls">
<!-- 將每顆 img 的 src 改成你的龍珠圖片網址（或同資料夾檔名） -->
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
</div>
</div>
<div class="parchment-stat-row">
<span class="parchment-stat-label">注目度</span>
<div class="parchment-stat-balls">
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
</div>
</div>
<div class="parchment-stat-row">
<span class="parchment-stat-label">可愛</span>
<div class="parchment-stat-balls">
<img src="dragon-ball.png" width="28" height="28" alt="" />
</div>
</div>
feat 內容調整
2026-05-14 12:08:32 +08:00
</div>
style 調整配色
2026-05-14 13:20:59 +08:00
<p class="parchment-tags">#吃貨精靈 #低聲細語</p>
feat 內容調整
2026-05-14 12:08:32 +08:00
</div>
</div>
style 調整配色
2026-05-14 13:20:59 +08:00
</td>
<td>
<div class="member-card m2 parchment-card">
<div class="parchment-inner">
<div class="parchment-headline">
<p class="parchment-name"></p>
<p class="parchment-role">鬼娃恰吉 李壽根</p>
<p class="parchment-byline">不搞笑會死的鬼怪</p>
feat 內容調整
2026-05-14 12:08:32 +08:00
</div>
style 調整配色
2026-05-14 13:20:59 +08:00
<div class="parchment-figure">
<div class="member-image"></div>
feat 內容調整
2026-05-14 12:08:32 +08:00
</div>
style 調整配色
2026-05-14 13:20:59 +08:00
<div class="parchment-stats">
<div class="parchment-stat-row">
<span class="parchment-stat-label">娃娃美</span>
<div class="parchment-stat-balls">
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
</div>
</div>
<div class="parchment-stat-row">
<span class="parchment-stat-label">語言能力</span>
<div class="parchment-stat-balls">
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
</div>
</div>
<div class="parchment-stat-row">
<span class="parchment-stat-label">體能</span>
<div class="parchment-stat-balls">
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
</div>
</div>
feat 內容調整
2026-05-14 12:08:32 +08:00
</div>
style 調整配色
2026-05-14 13:20:59 +08:00
<p class="parchment-tags">#最強短腿 #瘋狂跑動</p>
feat 內容調整
2026-05-14 12:08:32 +08:00
</div>
</div>
style 調整配色
2026-05-14 13:20:59 +08:00
</td>
<td>
<div class="member-card m3 parchment-card">
<div class="parchment-inner">
<div class="parchment-headline">
<p class="parchment-name"></p>
<p class="parchment-role">陰間使者 殷志源</p>
<p class="parchment-byline">戴上黑帽子 神志源回來了！</p>
feat 內容調整
2026-05-14 12:08:32 +08:00
</div>
style 調整配色
2026-05-14 13:20:59 +08:00
<div class="parchment-figure">
<div class="member-image"></div>
feat 內容調整
2026-05-14 12:08:32 +08:00
</div>
style 調整配色
2026-05-14 13:20:59 +08:00
<div class="parchment-stats">
<div class="parchment-stat-row">
<span class="parchment-stat-label">化妝消化力</span>
<div class="parchment-stat-balls">
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
</div>
</div>
<div class="parchment-stat-row">
<span class="parchment-stat-label">黑眼圈</span>
<div class="parchment-stat-balls">
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
</div>
</div>
<div class="parchment-stat-row">
<span class="parchment-stat-label">暴走</span>
<div class="parchment-stat-balls">
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
</div>
</div>
feat 內容調整
2026-05-14 12:08:32 +08:00
</div>
style 調整配色
2026-05-14 13:20:59 +08:00
<p class="parchment-tags">#瘋子使者 #最帥鬼怪</p>
feat 內容調整
2026-05-14 12:08:32 +08:00
</div>
</div>
style 調整配色
2026-05-14 13:20:59 +08:00
</td>
<td class="njtw-layout-slot">OB</td>
</tr>
<tr>
<td class="njtw-layout-slot">YB</td>
<td>
<div class="member-card m4 parchment-card">
<div class="parchment-inner">
<div class="parchment-headline">
<p class="parchment-name"></p>
<p class="parchment-role">帥氣殭屍 安宰賢</p>
<p class="parchment-byline">美貌&amp;藝能兼具 八面玲瓏的帥氣殭屍</p>
feat 內容調整
2026-05-14 12:08:32 +08:00
</div>
style 調整配色
2026-05-14 13:20:59 +08:00
<div class="parchment-figure">
<div class="member-image"></div>
feat 內容調整
2026-05-14 12:08:32 +08:00
</div>
style 調整配色
2026-05-14 13:20:59 +08:00
<div class="parchment-stats">
<div class="parchment-stat-row">
<span class="parchment-stat-label">帥氣度</span>
<div class="parchment-stat-balls">
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
</div>
</div>
<div class="parchment-stat-row">
<span class="parchment-stat-label">瘋癲</span>
<div class="parchment-stat-balls">
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
</div>
</div>
<div class="parchment-stat-row">
<span class="parchment-stat-label">臉紅紅</span>
<div class="parchment-stat-balls">
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
</div>
</div>
feat 內容調整
2026-05-14 12:08:32 +08:00
</div>
style 調整配色
2026-05-14 13:20:59 +08:00
<p class="parchment-tags">#美男殭屍 #運動白痴</p>
feat 內容調整
2026-05-14 12:08:32 +08:00
</div>
</div>
style 調整配色
2026-05-14 13:20:59 +08:00
</td>
<td>
<div class="member-card m5 parchment-card">
<div class="parchment-inner">
<div class="parchment-headline">
<p class="parchment-name"></p>
<p class="parchment-role">現代鬼 宋旻浩</p>
<p class="parchment-byline">獨特的文藝青年 現代鬼怪</p>
feat 內容調整
2026-05-14 12:08:32 +08:00
</div>
style 調整配色
2026-05-14 13:20:59 +08:00
<div class="parchment-figure">
<div class="member-image"></div>
feat 內容調整
2026-05-14 12:08:32 +08:00
</div>
style 調整配色
2026-05-14 13:20:59 +08:00
<div class="parchment-stats">
<div class="parchment-stat-row">
<span class="parchment-stat-label">髮型</span>
<div class="parchment-stat-balls">
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
</div>
</div>
<div class="parchment-stat-row">
<span class="parchment-stat-label">清純美</span>
<div class="parchment-stat-balls">
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
</div>
</div>
<div class="parchment-stat-row">
<span class="parchment-stat-label">時髦度</span>
<div class="parchment-stat-balls">
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
</div>
</div>
feat 內容調整
2026-05-14 12:08:32 +08:00
</div>
style 調整配色
2026-05-14 13:20:59 +08:00
<p class="parchment-tags">#長髮宋 #綜藝神降臨</p>
feat 內容調整
2026-05-14 12:08:32 +08:00
</div>
</div>
style 調整配色
2026-05-14 13:20:59 +08:00
</td>
<td>
<div class="member-card m6 parchment-card">
<div class="parchment-inner">
<div class="parchment-headline">
<p class="parchment-name"></p>
<p class="parchment-role">德古拉 P.O</p>
<p class="parchment-byline">新血降臨！華麗誤答轟炸機！</p>
feat 內容調整
2026-05-14 12:08:32 +08:00
</div>
style 調整配色
2026-05-14 13:20:59 +08:00
<div class="parchment-figure">
<div class="member-image"></div>
feat 內容調整
2026-05-14 12:08:32 +08:00
</div>
style 調整配色
2026-05-14 13:20:59 +08:00
<div class="parchment-stats">
<div class="parchment-stat-row">
<span class="parchment-stat-label">腦力</span>
<div class="parchment-stat-balls">
<img src="dragon-ball.png" width="28" height="28" alt="" />
</div>
</div>
<div class="parchment-stat-row">
<span class="parchment-stat-label">披風+領子</span>
<div class="parchment-stat-balls">
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
</div>
</div>
<div class="parchment-stat-row">
<span class="parchment-stat-label">藝能感</span>
<div class="parchment-stat-balls">
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
<img src="dragon-ball.png" width="28" height="28" alt="" />
</div>
</div>
feat 內容調整
2026-05-14 12:08:32 +08:00
</div>
style 調整配色
2026-05-14 13:20:59 +08:00
<p class="parchment-tags">#新弟子 #德古拉</p>
feat 內容調整
2026-05-14 12:08:32 +08:00
</div>
</div>
style 調整配色
2026-05-14 13:20:59 +08:00
</td>
</tr>
</tbody>
</table>
feat NJTW5.html
2026-05-14 11:05:12 +08:00
</div>
</div>
feat 加入video
2026-05-14 11:33:56 +08:00
<!-- 影片區塊：將 iframe 的 src 換成 https://www.youtube.com/embed/你的影片ID -->
<div class="video-container">
<h2 class="video-title">經典片段回顧</h2>
<div class="video-wrapper">
feat 內容調整
2026-05-14 12:08:32 +08:00
<iframe class="video-embed" src="https://www.youtube.com/embed/3zSeN9Ss3BI" title="新西遊記 5 精華片段"
loading="lazy"
feat 加入video
2026-05-14 11:33:56 +08:00
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
</div>
feat NJTW5.html
2026-05-14 11:05:12 +08:00
</body>
</html>
Reference in New Issue Copy Permalink