chore: variety資料夾改名vedio並同步連結
This commit is contained in:
@@ -0,0 +1,445 @@
|
||||
<!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="njtw-td-fill">
|
||||
<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>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="njtw-td-fill">
|
||||
<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>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="njtw-td-fill">
|
||||
<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>
|
||||
</div>
|
||||
</td>
|
||||
<td class="njtw-layout-slot shinmyohan OB">
|
||||
<div class="njtw-td-fill">
|
||||
<div class="njtw-slot-stack njtw-team-panel ob-panel">
|
||||
<div class="njtw-slot-visual">
|
||||
<div class="njtw-team-title-band">
|
||||
<h2 class="njtw-team-hero-title" id="njtw-ob-team-title">OB 隊：老練的瘋子們</h2>
|
||||
</div>
|
||||
<div class="njtw-slot-faces">
|
||||
<img src="1.png" alt="" />
|
||||
<img src="2.png" alt="" />
|
||||
<img src="3.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="team-info">
|
||||
<p>看他們玩遊戲不是在看技術，是在看如何「鑽漏洞」和「互相背叛」。他們不用說話，光是一個眼神就能知道對方在想什麼（通常是壞主意）。</p>
|
||||
<p><strong>圈粉亮點：</strong>鎬童的食量、壽根的即興才藝、志源那種「初丁」卻天才的直覺。</p>
|
||||
<div class="parchment-stats">
|
||||
<div class="parchment-stat-row">
|
||||
<span class="parchment-stat-label">老練度</span>
|
||||
<div class="parchment-stat-balls" aria-label="5">
|
||||
<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" aria-label="1">
|
||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p class="njtw-team-catchphrase">口頭禪：喔嗚！吃吧！</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="njtw-layout-slot shinmyohan YB">
|
||||
<div class="njtw-td-fill">
|
||||
<div class="njtw-slot-stack njtw-team-panel yb-panel">
|
||||
<div class="njtw-slot-visual">
|
||||
<div class="njtw-team-title-band">
|
||||
<h2 class="njtw-team-hero-title" id="njtw-yb-team-title">YB 隊：新瘋子隊</h2>
|
||||
</div>
|
||||
<div class="njtw-slot-faces">
|
||||
<img src="4.png" alt="" />
|
||||
<img src="5.png" alt="" />
|
||||
<img src="6.png" alt="" class="Shinmyohan" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="team-info">
|
||||
<p>一開始以為是來幫哥哥們打雜的，結果卻是一個比一個還瘋的「瘋子新秀」。他們擁有體力優勢，卻常常在簡單的常識題中全軍覆沒。</p>
|
||||
<p><strong>圈粉亮點：</strong>安宰賢的紙片人運動神經、宋旻浩的藝術靈魂與神手指、P.O 的超大聲反應。</p>
|
||||
<div class="parchment-stats">
|
||||
<div class="parchment-stat-row">
|
||||
<span class="parchment-stat-label">老練度</span>
|
||||
<div class="parchment-stat-balls" aria-label="1">
|
||||
<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" aria-label="5">
|
||||
<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="njtw-team-catchphrase">口頭禪：哥！對不起！</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="njtw-td-fill">
|
||||
<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>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="njtw-td-fill">
|
||||
<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>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
<div class="njtw-td-fill">
|
||||
<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>
|
||||
</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>
|
||||
<div class="video-container">
|
||||
<h2 class="video-title">S5 EP01・180930（神叨字幕組）</h2>
|
||||
<div class="video-wrapper">
|
||||
<iframe class="video-embed" title="新西遊記5 EP01 神叨字幕組"
|
||||
src="//player.bilibili.com/player.html?isOutside=true&bvid=BV12t411U7Ni&p=1" scrolling="no"
|
||||
border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user