feat: 演唱會頁新增 YELLOW NOTE 蠶室場次影片連結與版權來源注意

This commit is contained in:
2026-08-11 16:33:47 +08:00
parent cd71df4b1a
commit 22e0e89f8e
2 changed files with 35 additions and 0 deletions
+29
View File
@@ -291,6 +291,35 @@ img {
position: relative; position: relative;
} }
/* 場次影片連結(點場次看影片)+來源版權注意 */
/* 注意:class 名避開 "con-" 前綴,否則會被 197 行 [class*="con-"][class*="-"] 選到 */
.session-video-link {
display: inline-flex;
align-items: center;
gap: 6px;
margin-left: 12px;
padding: 3px 14px;
border-radius: 20px;
background: var(--color-brand);
color: var(--color-text-dark);
font-size: 0.82rem;
font-weight: 700;
text-decoration: none;
vertical-align: middle;
transition: all 0.3s ease;
}
.session-video-link:hover {
background: var(--color-brand-light);
}
.session-video-note {
display: block;
margin: 4px 0 0 38px;
font-size: 0.72rem;
color: var(--color-text-muted);
}
/* 地點圖示 */ /* 地點圖示 */
.location::before { .location::before {
/* 1. 使用 Unicode 編碼代替貼圖 */ /* 1. 使用 Unicode 編碼代替貼圖 */
+6
View File
@@ -397,6 +397,12 @@
</div> </div>
<div class="con-yk-4"> <div class="con-yk-4">
<span class="location">首爾 | 蠶室室內體育館</span> <span class="location">首爾 | 蠶室室內體育館</span>
<a class="session-video-link" href="https://www.youtube.com/watch?v=N2tir7hEg-o" target="_blank"
rel="noopener noreferrer" data-video-title="Sechskies Yellow Note Final Disc 2"
data-video-source="YouTube・Doomstryker(非官方上傳)">
<i class="fa-solid fa-play"></i> 場次影片
</a>
<span class="session-video-note">影片來源:YouTube・Doomstryker(非官方上傳,僅供歌迷資料查閱,版權歸原著作權人所有)</span>
<input type="checkbox" id="expand-yk-4" class="expand-trigger"> <input type="checkbox" id="expand-yk-4" class="expand-trigger">
<div class="track-list"> <div class="track-list">
<div class="track-item"><span class="track">학원별곡(RISE UP/ 學園別曲</span></div> <div class="track-item"><span class="track">학원별곡(RISE UP/ 學園別曲</span></div>