調整粉絲頁與導覽

AGENTS.md

@@ -80,6 +80,11 @@
 **待確認：**
 - developer-rules 健檢尚未執行
 
+**歷史定位（文案不可再寫錯）：**
+- 水晶熱舞社是水晶男孩粉絲自主成立的舞蹈社團，並非水晶男孩推廣部旗下組織
+- 水晶歌詞社、水晶嘻哈社等其他「社」是當時同好為了好玩延伸的稱呼
+- 2017 年 20 週年正式應援由「水晶男孩應援站」企劃與執行；應援站看見水晶熱舞社其中部分成員持續練舞後，邀請這些成員擔任活動的舞蹈小組長，相關影片為該次合作紀錄
+
 **已完成：**
 - 建立 AGENTS.md 跨裝置上下文檔案
 - 新增 `variety/bangxiao.html`（世紀級寶藏 / 爆笑養老院，甜蜜負擔計量器）

assets/css/style.css

@@ -3376,6 +3376,14 @@ body.member-crystal-page .member-poster--white {
     background: linear-gradient(180deg, #b9a08a 0%, #7d6854 100%);
 }
 
+body.member-crystal-page .member-poster__link {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    color: inherit;
+    text-decoration: none;
+}
+
 body.member-crystal-page .member-poster__wanted {
     text-align: center;
     font-weight: 900;

member/kim-jaeduck-fan-site.html

@@ -172,11 +172,17 @@
       background: #d8cbae;
     }
 
-    .hero-photo img {
+    .hero-photo iframe {
+      position: absolute;
+      top: 50%;
+      left: 50%;
       width: 100%;
       height: 100%;
-      object-fit: cover;
+      min-width: 177.78vh;
-      object-position: center 15%
+      min-height: 56.25vw;
+      transform: translate(-50%, -50%);
+      border: 0;
+      pointer-events: none;
     }
 
     .hero-photo .cap {
@@ -692,7 +698,7 @@
         <!-- GALLERY / VIDEOS / UPDATES / 台灣粉絲：對應區塊尚無實際素材，先與內容一起註解，等內容補齊再一併打開 -->
         <a href="#stickers">貼圖</a>
       </nav>
-      <!-- <a class="back" href="member.html">← 六顆水晶</a> -->
+      <a class="back" href="member.html">← 六顆水晶</a>
     </div>
   </header>
 
@@ -703,14 +709,15 @@
         <div class="hero-copy">
           <div class="eyebrow">Sechs Kies · Black Kies · Fan Archive</div>
           <h1 class="hero-title">JAEDUCK</h1>
-          <p>一個以金在德為核心整理的粉絲企劃頁——舞台上的節奏擔當，鏡頭外的沉穩存在。這裡收著他的資料、時間軸與台灣粉絲的一點心意，慢慢補、慢慢留。</p>
+          <p>一個以金在德為核心整理的粉絲企劃頁——舞台上的節奏擔當，鏡頭外的沉穩存在。這裡收著他的資料與時間軸，慢慢補、慢慢留。</p>
           <span class="tag">김재덕</span>
           <span class="tag">젝스키스</span>
           <span class="tag">KIM JAEDUCK</span>
-          <span class="tag">TAIWAN FAN PAGE</span>
         </div>
         <div class="hero-photo">
-          <img src="../assets/images/member/4c0e013b341e85622979475bc230719b.jpg" alt="金在德肖像">
+          <iframe
+            src="https://www.youtube.com/embed/m7Zt_p9S-yg?start=179&autoplay=1&mute=1&loop=1&playlist=m7Zt_p9S-yg&controls=0&modestbranding=1&rel=0&showinfo=0&playsinline=1&iv_load_policy=3"
+            title="金在德舞台片段" allow="autoplay; encrypted-media" loading="lazy"></iframe>
           <span class="cap">BLACK KIES · RAP / DANCE</span>
         </div>
       </div>

member/member.html

@@ -63,16 +63,18 @@
 
             <div class="member-crystal-cell member-crystal-cell--poster" data-area="b3">
                 <article class="member-poster member-poster--black" aria-labelledby="poster-kjd">
-                    <div class="member-poster__wanted">BLACK</div>
+                    <a class="member-poster__link" href="kim-jaeduck-fan-site.html">
-                    <div class="member-poster__sheet">
+                        <div class="member-poster__wanted">BLACK</div>
-                        <div class="member-poster__photo">
+                        <div class="member-poster__sheet">
-                            <img src="../assets/images/member/4c0e013b341e85622979475bc230719b.jpg" alt="金在德肖像" width="280" height="340" loading="lazy">
+                            <div class="member-poster__photo">
+                                <img src="../assets/images/member/4c0e013b341e85622979475bc230719b.jpg" alt="金在德肖像" width="280" height="340" loading="lazy">
+                            </div>
+                            <p class="member-poster__role">Rap · Dance</p>
+                            <h2 class="member-poster__name" id="poster-kjd">金在德</h2>
+                            <p class="member-poster__name-en">KIM JAE DUC</p>
+                            <p class="member-poster__stamp">BLACK KIES</p>
                         </div>
-                        <p class="member-poster__role">Rap · Dance</p>
+                    </a>
-                        <h2 class="member-poster__name" id="poster-kjd">金在德</h2>
-                        <p class="member-poster__name-en">KIM JAE DUC</p>
-                        <p class="member-poster__stamp">BLACK KIES</p>
-                    </div>
                 </article>
             </div>
 

yellow-note/crystal-dance-survey.html

@@ -4,7 +4,7 @@
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>水晶男孩推廣部｜水晶熱舞社</title>
+    <title>水晶熱舞社｜SECHSKIES 粉絲舞蹈社團</title>
     <link rel="stylesheet" href="../assets/css/style.css">
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
@@ -433,11 +433,11 @@
         <!-- ① 認識水晶熱舞社 -->
         <section id="about">
             <img class="hero-banner" src="../assets/images/crystal-dance-hero.jpg" alt="水晶熱舞社應援視覺">
-            <span class="category-tag">水晶男孩推廣部・舞蹈應援企劃</span>
+            <span class="category-tag">水晶男孩粉絲自主成立・舞蹈社團</span>
-            <!-- <h2 class="section-title">水晶熱舞社不是一般社團</h2> -->
+            <!-- <h2 class="section-title">由粉絲自主成立的水晶熱舞社</h2> -->
             <div class="section-body">
-                <p>水晶熱舞社是<span class="mark_b mark_y">水晶男孩推廣部</span>中的舞蹈應援企劃，從 20TH台灣小黃串燒聯舞的集體記憶出發，整理經典舞台、翻跳紀錄與應援行動，並<span class="fan-journey-wave">預備在 2027/04/15 30TH 前</span>募集新的參與者。</p>
+                <p>水晶熱舞社是由<span class="mark_b mark_y">水晶男孩粉絲自主成立</span>的舞蹈社團，從日常練舞與同好交流開始。後來其中部分成員因為持續練習 SECHSKIES 的舞蹈，被「水晶男孩應援站」邀請擔任 20 週年活動的舞蹈小組長，留下串燒聯舞與練習影片紀錄。</p>
-                <p>水晶熱舞社不是獨立成立的社團，而是「水晶男孩推廣部」底下的舞蹈、翻跳、應援與影片紀錄分類。凡是跟 SECHSKIE舞台有關的練習、重現與紀錄，都會被收進這個企劃裡，由歷屆台灣小黃接力整理與延續。</p>
+                <p>水晶歌詞社、水晶嘻哈社等其他「社」，則是我們當時為了好玩延伸出的同好稱呼。2017 年 20 週年的正式應援企劃與執行，應歸功於「水晶男孩應援站」；水晶熱舞社其中部分成員參與的是活動中的舞蹈小組工作。現在重新整理這些紀錄，並<span class="fan-journey-wave">預備在 2027/04/15 30TH 前</span>再次集合。</p>
             </div>
             <!-- <div class="keyword-row">
                 <span class="keyword-chip">💛 經典舞台</span>
@@ -465,7 +465,7 @@
                         allowfullscreen></iframe>
                     </div>
 <div class="section-body">
-    <p>水晶熱舞社是<span class="mark_b mark_y">水晶男孩推廣部</span>底下的舞蹈應援企劃，從 20TH 台灣小黃串燒聯舞的集體記憶出發，整理 SECHSKIES 經典舞台、翻跳紀錄與應援行動，並<span class="fan-journey-wave">預備在 2027/04/15 30TH 前</span>募集新的參與者，由歷屆台灣小黃接力延續。</p>
+    <p>2017 年，「水晶男孩應援站」看見水晶熱舞社其中部分成員持續練舞，邀請這些成員擔任 20 週年活動的舞蹈小組長。頁面收錄的 20TH 串燒聯舞與相關影片，正是那次合作留下的紀錄；如今重新整理，是希望延續當年粉絲一起完成應援的記憶。</p>
 </div>
                 </div>
 
@@ -528,7 +528,7 @@
                             <li>🔒 這份資料僅供水晶熱舞社內部整理 30TH 應援企劃使用</li>
                             <li>📅 送出後若確定參與，之後會另行公告練習與錄製時間</li>
                         </ul>
-                        <p class="info-footer-text">水晶男孩推廣部・30TH 應援企劃</p>
+                        <p class="info-footer-text">水晶熱舞社・30TH 應援募集</p>
                     </div>
                 </div>
 

yellow-note/practice-room.html

@@ -700,7 +700,7 @@
             <h2 class="practice-room__hero-title" id="practice-hero-title">水晶練習室</h2>
             <p class="practice-room__hero-en">Crystal Practice Room</p>
             <p class="practice-room__hero-lead">
-                水晶練習室是<span class="mark_b mark_y">水晶男孩推廣部</span>底下的粉絲向練習工具，結合水晶熱舞社、水晶歌詞社與水晶嘻哈社概念，將歌曲、舞蹈、歌詞、Rap 與應援整理成可以反覆練習的互動頁面。第一版先以舞蹈影片練習與歌詞段落整理為主，未來可擴充唱歌、Rap、應援詞、錄音回放與練習紀錄。
+                水晶練習室延續我們當年以<span class="mark_b mark_y">水晶熱舞社、水晶歌詞社與水晶嘻哈社</span>等名稱交流的玩心，將歌曲、舞蹈、歌詞、Rap 與應援整理成可以反覆練習的粉絲向互動工具。第一版先以舞蹈影片練習與歌詞段落整理為主，未來可擴充唱歌、Rap、應援詞、錄音回放與練習紀錄。
             </p>
             <div class="practice-room__tag-row">
                 <span class="practice-room__tag"><i class="fa-solid fa-fire" aria-hidden="true"></i> 水晶熱舞社</span>