358 lines
24 KiB
HTML
358 lines
24 KiB
HTML
<!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">
|
|
<h2 class="section-title">鬼神介紹</h2>
|
|
<!-- 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">
|
|
|
|
<!-- <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>
|
|
</div>
|
|
<div class="parchment-figure">
|
|
<div class="member-image"></div>
|
|
</div>
|
|
<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>
|
|
</div>
|
|
<p class="parchment-tags">#吃貨精靈 #低聲細語</p>
|
|
</div>
|
|
</div>
|
|
</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>
|
|
</div>
|
|
<div class="parchment-figure">
|
|
<div class="member-image"></div>
|
|
</div>
|
|
<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>
|
|
</div>
|
|
<p class="parchment-tags">#最強短腿 #瘋狂跑動</p>
|
|
</div>
|
|
</div>
|
|
</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>
|
|
</div>
|
|
<div class="parchment-figure">
|
|
<div class="member-image"></div>
|
|
</div>
|
|
<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>
|
|
</div>
|
|
<p class="parchment-tags">#瘋子使者 #最帥鬼怪</p>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="njtw-layout-slot shinmyohan OB">
|
|
<h1>OB</h1>
|
|
<img src="1.png" alt="" class=""><img src="2.png" alt="" class=""><img src="3.png" alt=""
|
|
class="">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="njtw-layout-slot shinmyohan YB">
|
|
<h1>YB</h1>
|
|
<img src="4.png" alt="" class=""><img src="5.png" alt="" class=""><img src="6.png" alt=""
|
|
class="Shinmyohan">
|
|
</td>
|
|
</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">美貌&藝能兼具 八面玲瓏的帥氣殭屍</p>
|
|
</div>
|
|
<div class="parchment-figure">
|
|
<div class="member-image"></div>
|
|
</div>
|
|
<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>
|
|
</div>
|
|
<p class="parchment-tags">#美男殭屍 #運動白痴</p>
|
|
</div>
|
|
</div>
|
|
</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>
|
|
</div>
|
|
<div class="parchment-figure">
|
|
<div class="member-image"></div>
|
|
</div>
|
|
<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>
|
|
</div>
|
|
<p class="parchment-tags">#長髮宋 #綜藝神降臨</p>
|
|
</div>
|
|
</div>
|
|
</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>
|
|
</div>
|
|
<div class="parchment-figure">
|
|
<div class="member-image"></div>
|
|
</div>
|
|
<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>
|
|
</div>
|
|
<p class="parchment-tags">#新弟子 #德古拉</p>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<!-- 影片區塊：將 iframe 的 src 換成 https://www.youtube.com/embed/你的影片ID -->
|
|
<div class="video-container">
|
|
<h2 class="video-title">經典片段回顧</h2>
|
|
<div class="video-wrapper">
|
|
<iframe class="video-embed" src="https://www.youtube.com/embed/3zSeN9Ss3BI" title="新西遊記 5 精華片段"
|
|
loading="lazy"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
|
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |