fix 將 img 重新命名為 images，並更新全站引用

albums/albums.html

@@ -50,7 +50,7 @@
                         data-spotify-url="https://open.spotify.com/album/1Dijv8G0wnCN8PzFZoC8bN"
                         aria-label="在 Spotify 開啟：THREE WORDS（2016 數位單曲）">
                         <td class="album-cover-cell">
-                            <img src="../img/albums/2016.jpg" width="76" height="76" alt="2016 數位單曲 封面">
+                            <img src="../images/albums/2016.jpg" width="76" height="76" alt="2016 數位單曲 封面">
                         </td>
                         <td>2016</td>
                         <td><a href="../extra/lyrics.html">數位單曲</a></td>
@@ -60,7 +60,7 @@
                         data-spotify-url="https://open.spotify.com/album/5f2LzIFxljQF4FH7w3rXcQ"
                         aria-label="在 Spotify 開啟：ANOTHER LIGHT">
                         <td class="album-cover-cell">
-                            <img src="../img/albums/2017.jpg" width="76" height="76" alt="2017 ANOTHER LIGHT 封面">
+                            <img src="../images/albums/2017.jpg" width="76" height="76" alt="2017 ANOTHER LIGHT 封面">
                         </td>
                         <td>2017</td>
                         <td><a href="../concert/concert.html#stage-now">ANOTHER LIGHT</a></td>
@@ -70,7 +70,7 @@
                         data-spotify-url="https://open.spotify.com/album/7vqIRL00YfTtuO0sSAK3Uv"
                         aria-label="在 Spotify 開啟：ALL FOR YOU">
                         <td class="album-cover-cell">
-                            <img src="../img/albums/2020.jpg" width="76" height="76" alt="2020 ALL FOR YOU 封面">
+                            <img src="../images/albums/2020.jpg" width="76" height="76" alt="2020 ALL FOR YOU 封面">
                         </td>
                         <td>2020</td>
                         <td><a href="../concert/concert.html#stage-now">ALL FOR YOU</a></td>

concert/concert.css

@@ -12,7 +12,7 @@ body {
     width: 100%;
     height: 100vh;
     min-height: 100dvh;
-    background-image: url('../img/header.jpg');
+    background-image: url('../images/header.jpg');
     background-position: center center;
     background-repeat: no-repeat;
     background-size: 108%;

concert/concert.html

@@ -33,7 +33,7 @@
 
             <div class="con-1" data-tour=" YELLOW NOTE">
                 <span class="title">2016&nbsp;&nbsp;|&nbsp;&nbsp;YELLOW NOTE&nbsp;&nbsp;首場回歸演唱會</span>
-                <img src="../img/concert/2016.jpg" alt="">
+                <img src="../images/concert/2016.jpg" alt="">
                 <div class="con-yk-1 attended" data-date1="09.10">
                     <span class="location">首爾 | 首爾奧林匹克體操競技場</span>
                     <input type="checkbox" id="expand-yk-1" class="expand-trigger">
@@ -160,7 +160,7 @@
 
             <div class="con-2" data-tour="20TH ANNIV.">
                 <span class="title">2017-2018&nbsp;&nbsp;|&nbsp;&nbsp;20TH ANNIVERSARY</span>
-                <img src="../img/concert/2017.jpg" alt="">
+                <img src="../images/concert/2017.jpg" alt="">
 
                 <div class="con-2-1">
                     <span class="location">首爾：高尺天空巨蛋</span>
@@ -352,7 +352,7 @@
         <!-- 演唱會 03 -->
         <div class="con-3" data-tour="NOW・HERE・AGAIN.">
             <span class="title">2018&nbsp;&nbsp;|&nbsp;&nbsp;NOW・HERE・AGAIN</span>
-            <img src="../img/concert/2018.jpg" alt="">
+            <img src="../images/concert/2018.jpg" alt="">
             <div class="con-3-1 attended" data-date1="10.13" data-date2="10.14">
                 <span class="location">首爾：首爾奧林匹克體操競技場</span>
                 <input type="checkbox" id="expand-con-3-1" class="expand-trigger">
@@ -389,7 +389,7 @@
         <!-- 演唱會 04：與 con-2／con-3 同結構 — title → img → con-4-1；ACCESS 樣式用 con-access-denied；CANCELED 水印為 ::before（::after 保留給 data-tour 緞帶） -->
         <div class="con-4 con-access-denied" data-tour="ACCESS">
             <span class="title">2020&nbsp;&nbsp;|&nbsp;&nbsp;CONCERT [ACCESS]</span>
-            <img src="../img/concert/2020.jpg" alt="">
+            <img src="../images/concert/2020.jpg" alt="">
 
             <div class="con-4-1 canceled" data-date1="03.06" data-date2="03.08">
                 <span class="location">首爾：慶熙大學 平和殿堂</span>

docs/portal-nav-rules.md

@@ -10,7 +10,7 @@
 
 - 依資訊架構放在對應的 **`<li>`** 底下；需要子選單時用 **`portal-submenu`**。
 - `href` 使用**站根相對路徑**（腳本會依當前頁深度加上前綴 `rp`）：例如 `` `${rp}variety/variety.html` ``、`` `${rp}index.html#section` ``。
-- Logo 列：`` `${rp}index.html` `` 與 `` `${rp}img/logov.svg` ``。
+- Logo 列：`` `${rp}index.html` `` 與 `` `${rp}images/logov.svg` ``。
 
 新增或調整完後，所有帶 **`data-portal-nav`** 的 `<nav class="portal-nav">` 都會在載入腳本時被注入同一份 HTML。
 

extra/grok.html

@@ -47,7 +47,7 @@
         <h2>六位永恆成員</h2>
         <div class="members-grid">
             <div class="member">
-                <img src="img/Eun Ji Won.jpeg" alt="殷志源">
+                <img src="../images/Eun Ji Won.jpeg" alt="殷志源">
                 <h3>殷志源 (Eun Ji Won)</h3>
                 <p>Leader • Rap • Black Kies</p>
             </div>

extra/minister.html

@@ -60,25 +60,25 @@
                 <p class="minister-month">07 月｜手作初試</p>
                 <p>開始學習勾針，為金在德製作第一個鴨鴨置物籃，這是從旁觀者轉為實踐者的第一步。</p>
                 <figure class="minister-photo">
-                    <img src="../img/minister/image_3c1739.jpg" alt="手作鴨鴨置物籃" width="1040" height="780" loading="lazy">
+                    <img src="../images/minister/image_3c1739.jpg" alt="手作鴨鴨置物籃" width="1040" height="780" loading="lazy">
                 </figure>
 
                 <p class="minister-month">08 月｜螢幕後的參與</p>
                 <p>以「水晶廢人字幕組」粉絲身分，用手繪應援板與勾針作品參與應援影片籌備。</p>
                 <figure class="minister-photo">
-                    <img src="../img/minister/image_3c13d7.jpg" alt="手繪應援板與勾針作品" width="1040" height="780" loading="lazy">
+                    <img src="../images/minister/image_3c13d7.jpg" alt="手繪應援板與勾針作品" width="1040" height="780" loading="lazy">
                 </figure>
 
                 <p class="minister-month">09 月｜孤注一擲的現場</p>
                 <p>在經濟窘迫、甚至需要借錢籌措旅費的情況下，飛往首爾參加首場演唱會。在那裡，我握著導師設計的台灣小黃手幅，第一次感受到設計與才華帶來的震撼。</p>
                 <figure class="minister-photo">
-                    <img src="../img/minister/image_3bb254.jpg" alt="台灣小黃手幅" width="1040" height="780" loading="lazy">
+                    <img src="../images/minister/image_3bb254.jpg" alt="台灣小黃手幅" width="1040" height="780" loading="lazy">
                 </figure>
 
                 <p class="minister-month">12 月｜溫暖的饋贈</p>
                 <p>在「#水晶文具社」聚會中，收到了同好精緻的手繪聖誕卡片。看著別人的創作，我更加確信自己也想成為能用作品傳遞能量的人。</p>
                 <figure class="minister-photo">
-                    <img src="../img/minister/image_3bab17.jpg" alt="手繪聖誕卡片" width="1040" height="780" loading="lazy">
+                    <img src="../images/minister/image_3bab17.jpg" alt="手繪聖誕卡片" width="1040" height="780" loading="lazy">
                 </figure>
             </article>
 
@@ -87,7 +87,7 @@
                 <p class="minister-month">01 月｜職人精神的啟發</p>
                 <p>參與資管組 D 大的新年紅包活動。其書法與刻印結合的質感，深深影響了我對美感的標準。</p>
                 <figure class="minister-photo">
-                    <img src="../img/minister/image_3ba74f.jpg" alt="新年紅包活動" width="1040" height="780" loading="lazy">
+                    <img src="../images/minister/image_3ba74f.jpg" alt="新年紅包活動" width="1040" height="780" loading="lazy">
                 </figure>
 
                 <p class="minister-month">02 月｜身體記憶的熱血</p>
@@ -96,8 +96,8 @@
                 <p class="minister-month">04 月｜筆尖的沈澱</p>
                 <p>跟著文具社走遍全台咖啡廳，在鋼筆墨水與玻璃杯的陪伴下，用手寫記錄初心。</p>
                 <figure class="minister-photo minister-photo--dual">
-                    <img src="../img/minister/image_3baed1.jpg" alt="鋼筆墨水與玻璃杯" width="1040" height="780" loading="lazy">
-                    <img src="../img/minister/image_3c2299.jpg" alt="手寫記錄初心" width="1040" height="780" loading="lazy">
+                    <img src="../images/minister/image_3baed1.jpg" alt="鋼筆墨水與玻璃杯" width="1040" height="780" loading="lazy">
+                    <img src="../images/minister/image_3c2299.jpg" alt="手寫記錄初心" width="1040" height="780" loading="lazy">
                 </figure>
             </article>
 

extra/site-guide.html

@@ -132,7 +132,7 @@
                 <article class="site-guide-card">
                     <h3><a href="minister.html">minister.html</a></h3>
                     <p class="site-guide-meta">標題列：<cite>水晶男孩推廣部｜視覺進化論</cite></p>
-                    <p class="site-guide-note">頂欄未開放；僅由此全站導覽索引或書籤開啟。圖檔請放 <code>img/minister/</code>（與頁面內檔名一致）。</p>
+                    <p class="site-guide-note">頂欄未開放；僅由此全站導覽索引或書籤開啟。圖檔請放 <code>images/minister/</code>（與頁面內檔名一致）。</p>
                     <h4>區塊錨點</h4>
                     <ul>
                         <li><a href="minister.html#intro">#intro</a> — 跨越時空的開端</li>

extra/variety.html

@@ -1,51 +0,0 @@
-<!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="../style.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
-    <link rel="stylesheet" href="../tablet.css">
-</head>
-
-<body class="chronicle-page">
-    <header class="map-archive-header">
-        <div class="header-inner">
-            <h1 class="main-title">瘋子與天才</h1>
-            <div class="subtitle-wrap">
-                <span class="sub-title">EUN JI-WON × VARIETY GRAVITY</span>
-            </div>
-        </div>
-    </header>
-
-    <nav class="portal-nav" aria-label="水晶男孩推廣部導覽" data-portal-nav></nav>
-
-    <canvas id="particles"></canvas>
-
-    <main class="content-container variety-page-main chronicle-reader">
-        <section id="variety" class="variety-block">
-            <h2 class="section-title">瘋狂出演中</h2>
-            <p class="intro-text">鏡頭一開就跑偏、台詞唸不完，卻總能把段子的節奏剪成「非他不可」——這是最容易被路人一眼看見的瘋勁，也是綜藝剪輯願意一路卡特寫給他的理由。</p>
-            <p class="intro-text">卸妝後的聊天、運動場上的暴走、對成員毫不修飾的吐槽；那些看起來像日常，其實比劇本更誇張。此區之後會補上節目清單、名場面與入坑路線，先把舞台留好。</p>
-        </section>
-        <section id="stage" class="variety-block">
-            <h2 class="section-title">隊長的氣場</h2>
-            <p class="intro-text">同樣一句話，由他說出口就變成節奏點；同樣混亂的場面，他一站出來觀眾會先笑、再安靜聽。那不是威嚴口號，而是多年在台上台下磨出來的「控場直覺」。</p>
-            <p class="intro-text">此區預留給談話、音樂、與團體互動裡的隊長切片——讓新粉先用氣場認人，再慢慢讀懂他背後的堅持。</p>
-        </section>
-    </main>
-
-    <footer>
-        <p>SECHSKIES Fanpage &copy; 2026 - 黃色氣球永遠飄揚</p>
-        <a href="https://jekkinoopy.github.io/Portfolio/" class="studio-link" target="_blank">
-            Design by <span class="mark_b">Jekkinoopy Studio</span>
-        </a>
-    </footer>
-
-    <script src="../portal-nav.js"></script>
-    <script src="../particles.js"></script>
-</body>
-
-</html>

index.html

@@ -48,7 +48,7 @@
                 <div class="mission-row mission-row--intro">
                     <div class="mission-row__visual">
                         <div class="logo-wrapper">
-                            <img src="./img/logo.png" alt="SECHSKIES Logo Concept">
+                            <img src="./images/logo.png" alt="SECHSKIES Logo Concept">
                             <span class="caption">
                                 <span class="arrow-icon" aria-hidden="true">↑</span>
                                 設計語彙：六角、黃海與初心
@@ -84,8 +84,8 @@
                     <div class="mission-row__visual">
                         <div class="mission-moment-wrap">
                             <div class="mission-gif-frame" role="group" aria-label="回歸演唱會／黃色氣球海（16：9）">
-                                <!-- 若改為 GIF 動圖，將底下 src 換成 ./img/mission-balloon-sea.gif 即可 -->
-                                <img src="./img/黃色海洋.gif" alt="無限挑戰 六六歌2 放送畫面：全場黃色氣球海">
+                                <!-- 若改為 GIF 動圖，將底下 src 換成 ./images/mission-balloon-sea.gif 即可 -->
+                                <img src="./images/黃色海洋.gif" alt="無限挑戰 六六歌2 放送畫面：全場黃色氣球海">
                             </div>
                             <span class="caption">
                                 <span class="arrow-icon" aria-hidden="true">↑</span>

portal-nav.js

@@ -121,7 +121,7 @@
 
     /**
      * 站根與 `portal-nav.js` 同層；依腳本路徑與當前頁路徑計算回到站根的相對前綴（如 `../`）。
-     * 子資料夾內頁面之導覽連結必須帶此前綴，否則 `./img`、`index.html` 會錯層。
+     * 子資料夾內頁面之導覽連結必須帶此前綴，否則 `./images`、`index.html` 會錯層。
      */
     function portalNavRootPrefix() {
         const el =
@@ -150,7 +150,7 @@
     /** 全站導覽 HTML — `rp` 為站根相對前綴；僅修改此模板即可同步所有頁面 */
     function buildPortalNavInnerHTML(rp) {
         return `
-<a class="logo" href="${rp}index.html"><img src="${rp}img/logov.svg" alt="SECHSKIES Logo"></a>
+<a class="logo" href="${rp}index.html"><img src="${rp}images/logov.svg" alt="SECHSKIES Logo"></a>
 <ul>
     <li><a href="${rp}index.html#origin">淪陷瞬間</a>
         <ul class="portal-submenu">

style.css

@@ -48,7 +48,7 @@ header {
     width: 100%;
     height: 100vh;
     min-height: 100dvh;
-    background-image: url('img/header.jpg');
+    background-image: url('images/header.jpg');
     background-position: center center;
     background-repeat: no-repeat;
     background-size: 108%;
@@ -1084,7 +1084,7 @@ footer a .mark_b {
     width: 100%;
     height: 100vh;
     min-height: 100dvh;
-    background-image: url('img/header.jpg');
+    background-image: url('images/header.jpg');
     background-position: center center;
     background-repeat: no-repeat;
     background-size: 108%;

tablet.css

@@ -180,7 +180,7 @@
         width: min(100%, 440px);
     }
 
-    .concert-page img[src*="img/concert/"] {
+    .concert-page img[src*="images/concert/"] {
         width: min(560px, 88%);
         max-width: 100%;
     }