From 31497c4d3140211d1d7b244b19930334c7522185 Mon Sep 17 00:00:00 2001 From: jekkinoopy Date: Tue, 25 Aug 2026 16:19:20 +0800 Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E6=8E=A8=E5=9D=91=E5=9C=B0?= =?UTF-8?q?=E5=9C=96=E9=A0=81=EF=BC=88=E6=9C=AA=E6=8E=A5=E5=B0=8E=E8=A6=BD?= =?UTF-8?q?=EF=BC=8C=E5=83=85=E7=B6=B2=E5=9D=80=E7=9B=B4=E9=81=94=EF=BC=89?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/pitch-map.css | 109 +++++++++++++++++++++++++++ yellow-note/pitch-map.html | 150 +++++++++++++++++++++++++++++++++++++ 2 files changed, 259 insertions(+) create mode 100644 assets/css/pitch-map.css create mode 100644 yellow-note/pitch-map.html diff --git a/assets/css/pitch-map.css b/assets/css/pitch-map.css new file mode 100644 index 0000000..194b30b --- /dev/null +++ b/assets/css/pitch-map.css @@ -0,0 +1,109 @@ +/* yellow-note/pitch-map.html:頁面專屬版型(頁內索引、精選標籤卡、影音嵌入) */ + +/* 本頁 .card 皆作為 使用,蓋掉瀏覽器預設連結底線/藍字(本檔僅此頁引用,不影響全站 .card) */ +a.card { + display: block; + text-decoration: none; + color: inherit; +} + +.pitch-map-index { + display: flex; + justify-content: center; + gap: 24px; + margin: 0 0 2rem; +} + +.pitch-map-index a { + color: var(--color-brand-dark); + font-weight: 700; + letter-spacing: 1px; + text-decoration: none; + border-bottom: 2px solid transparent; + padding-bottom: 2px; +} + +.pitch-map-index a:hover { + border-bottom-color: var(--color-brand); +} + +.pitch-map-section { + margin-bottom: 3.5rem; +} + +.pitch-map-highlights, +.pitch-map-links { + margin-bottom: 2.5rem; +} + +.pitch-map-highlight { + text-align: center; + text-decoration: none; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + gap: 0.5rem; +} + +.pitch-map-highlight i { + font-size: 1.5rem; + color: var(--color-brand); +} + +.pitch-map-highlight h3 { + margin: 0; + font-size: 1.05rem; + color: #2e2e2e; +} + +.pitch-map-highlight p { + margin: 0; + color: #585858; + font-size: 0.92rem; +} + +.pitch-map-media { + max-width: 42rem; + margin: 2rem auto; + text-align: center; +} + +.pitch-map-video-note { + margin-bottom: 1rem; +} + +.pitch-map-embed { + margin: 2rem auto; + max-width: 42rem; +} + +.pitch-map-embed iframe { + width: 100%; + border: 0; + border-radius: 12px; +} + +.pitch-map-embed--video { + aspect-ratio: 16 / 9; +} + +.pitch-map-embed--video iframe { + width: 100%; + height: 100%; +} + +.pitch-map-yellowkies-intro { + max-width: 42rem; + margin: 0 auto 2rem; + display: flex; + gap: 1rem; + align-items: flex-start; +} + +.pitch-map-yellowkies-intro i { + font-size: 1.5rem; + color: var(--color-brand); + flex-shrink: 0; + margin-top: 0.3rem; +} diff --git a/yellow-note/pitch-map.html b/yellow-note/pitch-map.html new file mode 100644 index 0000000..e8d8c4d --- /dev/null +++ b/yellow-note/pitch-map.html @@ -0,0 +1,150 @@ + + + + + + + SECHSKIES|推坑地圖 + + + + + + + +
+
+

推坑地圖

+
+ SECHSKIES PITCH GUIDE +
+
+
+ + + + + +
+ + + +
+

ABOUT SECHSKIES|關於水晶男孩

+ +
+ + +

暌違16年的等待

+

所有活動

+
+ + +

偶像的指南針

+

精選作品

+
+ + +

逆齡完顏男團

+

六顆水晶

+
+
+ +
+

+ 《我愛偶像 Idols of Asia》【小黃們集合!】水晶男孩SECHSKIES重啟團體活動 出道20年創下多項紀錄 +

+
+ +
+
+ +
+ MILESTONE +
+ +
+
+

出道即巔峰

+

水晶男孩 1997 年 4 月 15 日出道,一出道就和 H.O.T(韓國第一支男孩團體,「韓流」的開山鼻祖)平分秋色,為 90 + 年代的歌壇颶風主角。團名是德語的六顆水晶,全盛期也如名字一般閃耀:發行五張專輯、銷售量高達 400 + 萬張、演唱會門票年年售罄、曾獲得 32 次冠軍獎盃,僅三年一個月便取得如此輝煌的成績。

+
+
+

無預警解散

+

2000 年 5 月 18 日,水晶男孩召開記者會,無預警宣布解散,令粉絲陷入莫大的震驚與悲慟。事業巔峰期做出解散的決定,令外界深感意外不解,歌迷更是無法接受,部分激進歌迷群起橫躺街頭抗議,幾乎成為社會事件。解散的 + 16 年間,六人皆未以水晶男孩名義合體演出。

+
+
+

正式重組回歸

+

韓國代表性綜藝節目《無限挑戰》製作的特別企劃「星期六星期六我是歌手2」,特別邀請水晶男孩詢問重組意見,並花了不少心力說服離開舞台 16 + 年的團員,一起舉辦了突襲演唱會。節目播出後造成熱烈回響,同年六月,水晶男孩正式重組回歸歌壇。

+
+
+ +
+ +

MEMBER

+

認識六顆水晶的名字與長相

+
+ +

PORTFOLIO

+

20 年累積作品裡的精選節目

+
+ +

水晶官方活動

+

官方活動整理與現場舞台

+
+
+
+ +
+

ABOUT YELLOWKIES|關於小黃

+ +
+ +

+ 小黃 Yellowkies 是水晶男孩歌迷統稱。因水晶男孩應援色是黃色,粉絲們會穿黃色雨衣、手拿黃色氣球,故被水晶男孩主唱姜成勳暱稱為小黃們。分開 + 16 年的粉絲和偶像的羈絆,也是圈新粉的一大重點;下方影片是韓國阿拉唷和小黃的訪談(3:00–35:40)。 +

+
+ +
+ +
+ +
+ + +

超過16年的喜愛

+

精選應援

+
+ + +

迷妹的指南針

+

成粉養成

+
+
+
+ +
+ + + + + + + +