ℹ️ 關於本站

Web Audio 音效系統與版面設定體驗優化

• Web Audio 音效與背景音樂系統：
  • 採用純 Web Audio API 研發的合成音效與背景音樂（BGM），無需加載外部大型音檔，兼顧網速與效能。
  • 設計 3 首不同風格背景音樂（輕鬆樂章、神秘氛圍、魔王關卡），並提供音樂播放/暫停、切換曲目、音量調整及靜音功能。
  • 全站按鈕/連結懸停與點擊整合機械式與晶片式微音效，增加微互動感。
  • 於遊戲配對頁面整合聲納（Sonar）搜尋循環音效與配對成功音效。
  • 於遊戲遊玩頁面整合勝利與失敗的專屬合成慶典音樂與哀傷旋律。
• 精緻懸浮 CD 音樂播放器（電腦版專屬）：
  • 電腦版右下角新增旋轉 CD 懸浮音樂播放器，滑鼠懸停時流暢展開控制面板，且加寬面板至 300px 以確保音量條控制項完整呈現不被遮擋。
  • 行動裝置（手機版）自動隱藏懸浮播放器，避免遮擋遊戲與內文視線，保持版面清爽。
• 自訂版面設定面板優化：
  • 將「字體大小調整」選項移至設定面板最頂部，方便使用者第一時間進行視覺化調整。
  • 手機版設定面板中，將「靜音切換按鈕」直接移至「背景音樂曲目選擇」下拉選單右側，節省垂直空間，使操作更為直覺、緊湊。
• 首頁公告彈窗邏輯優化：
  • 優化彈窗邏輯：針對首次造訪的使用者不自動彈窗，回訪使用者僅在有全新公告時自動彈出，並實作手風琴摺疊式（Accordion）公告列表，大幅提升閱讀舒適度。

聯盟官網 2.0 旗艦級改版與視覺大進化

• 全新頁面新增與機能整合：
  • 「聯盟介紹」頁面 (alliance.html)：深入解說聯盟自由精神，並將 12 個旗下活躍家族繪製成響應式玻璃擬態卡片（依等級套用黃金/紫色/藍色邊框），並新增旗下家族資訊快速彙整表與幹部全套免費影音平台福利說明。
  • 「聯盟史記」頁面 (history.html)：建立 Cyberpunk 風格的史記預告與「敬請期待」頁面。
  • 「關於本站」頁面 (about.html)：詮釋 weplay.sbs (Side By Side 並肩攜手) 的設計寓意，並加入互動式雙軌霓虹粒子 Canvas 動畫。
• 視覺特效與互動體驗升級：
  • 雙向懸停互動 SVG 指向連線：在聯盟介紹中實作發光脈動動畫。懸停或點擊右側標誌圖案位置，可高亮並定位左側對應的設計含意；在行動裝置上保持常亮顯示。
  • 圖片 Lightbox 燈箱放大：全站所有內容圖片均支援點擊全螢幕放大預覽與觸控手勢，且放大時自動鎖定背景滾動。
  • 首頁進場動畫 (Loader) 優化：Logo 在加載時新增 0.3 秒極快速旋轉一圈彈性動畫，調快節奏並實現 400ms 定時立即淡出，修復字體縮放引起的文字大小跳動 Bug。
• 系統功能與控制面板全面進化：
  • 多功能自訂版面設定面板 (customizer.js/css)：整合繁簡轉換、字體縮放、霓虹配色切換，並新增「淺色模式 (beta)」按鈕。
  • 手機選單與版面設定就地展開：手機版設定改為在選單內無縫就地展開 (SPA 單頁應用體驗)，清除重複連結，並重排按鈕順序。
  • 字體縮放排除導覽列：使用 CSS 變數 `--text-scale` 只縮放內文，確保頂部常駐導覽列及設定面板本身的佈局不受干擾。
  • 本頁目錄 (TOC) 置中與修復：將所有頁面的目錄標題設為水平置中；首頁目錄項新增 Emoji；修正電腦版目錄視覺溢出並實現獨立滾動區塊。
• 寶箱發送規則頁面優化 (chest.html)：
  • 頁籤預設與順序：頁籤排序調整為正序「①族 ➔ ②族 ➔ ③族 ➔ ④~⑩族」，並維持預設開啟高亮主流家族「④~⑩族」。
  • 規則分流與精簡：每週發箱說明與貢獻值公式移入各族頁籤內容，移除 ① 族免責括號，排版更清晰。
  • 自動記憶頁籤 (localStorage)：實作 localStorage 記憶機制，自動儲存並記住使用者上一次選擇的家族頁籤，下次造訪時免去重複點選。
• 全站 Logo 畫質與視覺比例調整：
  • 高解析度 Retina 圖檔：升級 Logo 為高解析度 Retina logo.png (96x96) 及 favicon PNG (32x32)，更新全站 17 個 HTML。
  • 導覽列尺寸最佳化：微調 Logo 尺寸為手機版 52px (w-13) 與電腦版 60px (sm:w-15) 的黃金視覺比例，並擴大電腦版導覽列寬度至 max-w-[95%]。
• 安裝容量說明與 PWA 整合：
  • 全站整合 manifest.json 與 sw.js Service Worker 離線快取技術，提供 PWA 一鍵安裝到桌面。
  • 在 PWA 新增桌面區段加上貼心容量提示，提醒使用者程式極為輕巧（僅數百 KB）且不佔用裝置儲存空間。

關於本站與 PWA 安裝整合

新增「關於本站」頁面，深度詮釋並肩（Side By Side）的設計寓意，並加入粒子 Canvas 動畫。成功整合 PWA 技術（含 `manifest.json` 與 `sw.js`），支援跨平台一鍵新增至桌面。

聯盟史記與頁面架構升級

新增「聯盟史記」頁面（近期上線），並重新優化各頁面的選單結構與全站 Client-side 搜尋快取機制。

雲端專屬檔案庫與管理自動化

串接 WePlay 帳務自動化機器人與雲端檔案庫，大幅降低幹部每週統計活躍與發放寶箱的工作負擔。

官方網站正式版發布

官網正式上線，提供基本的家族導覽、賺錢攻略與幹部介紹。