商店重新設計：具備深度與精緻感的高級外觀

新

遊戲內商店已進行了全面的視覺改造。每個元素——從商品卡片到購物車側邊欄，從頻道分頁到結帳按鈕——都經過重新設計，具備深度、精緻感與流暢的動畫效果。

改變了什麼

商品卡片

商店的核心獲得了最大的升級：

玻璃效果，搭配分層漸層與深邃陰影
流暢的滑鼠懸停效果——卡片上浮、圖片縮放至 1.08 倍、出現光暈
更大的圖片（高度 170px，原先為 150px）
延遲載入——圖片僅在捲動進入視野時才載入，節省頻寬
分隔線位於商品資訊與價格/按鈕區域之間
更大的價格（16px），CC 與 KC 貨幣具有更強的光暈

全新商店標頭

商品網格上方新增了一條識別列，顯示：

商店的類型圖示，位於彩色的圓角容器中
商店名稱，以大號粗體文字呈現
類型徽章（例如「硬體」、「食品」、「服務」），帶有該類型的專屬顏色
商品數量與貨幣

這讓每家商店在您捲動到商品之前就擁有清晰的視覺識別。

頻道分頁

切換商店的分頁獲得了更簡潔的外觀：

藥丸式風格，帶圓角
滑鼠懸停時背景會微妙地變化
啟用的分頁以藍青色漸層與內陰影發光
移除了複雜的 border-mask 效果以提升效能

篩選列

搜尋與篩選控制項現在更加精緻：

圓角輸入框（10px border-radius）帶有聚焦環
藥丸式下拉選單在滑鼠懸停時高亮顯示
篩選計數以帶背景的徽章呈現
清除按鈕帶有紅色強調色與懸停上浮效果

購物車側邊欄

右側的購物車與訂單面板：

固定定位——在您捲動瀏覽商品時保持可見
自訂捲軸——纖細的藍色捲軸取代瀏覽器預設樣式
漸層背景搭配細微的陰影
更大的按鈕帶有懸停上浮效果
結帳按鈕帶有漸層填充與懸停時的光暈

附近搜尋與商店搜尋

兩個搜尋功能都獲得了高級卡片設計：

深度感，搭配分層陰影
懸停時的滑動動畫（附近卡片向右滑動）
商店搜尋卡片的上浮效果帶有紫色光暈
更大的圖示（40px）帶有自己的陰影

空狀態

當沒有商品可顯示時，不再只是純文字訊息，您現在會看到：

一個大圖示（📦）
一條清晰的訊息（「沒有符合您篩選條件的商品」或「尚無商品」）
一條實用提示（「請嘗試調整您的搜尋或稍後再查看」）

動畫

商品卡片現在以交錯入場動畫出現——每張卡片淡入並略微放大，卡片之間有短暫延遲。動畫使用流暢的 cubic-bezier 緩動曲線，營造高級感。

地圖標記退出功能

本次更新還為商店擁有者新增了一項隱私功能：

不想透露實體 location 的服務提供者，現在可以在商店設定中取消勾選「在世界地圖上顯示我的商店」。商店仍可完全正常運作——只是不會在地圖上顯示為標記。

這對顧問、數位服務提供者，以及任何沒有公開店面的商家特別有用。

效能

儘管視覺效果更加豐富，商店實際上更快了，這要歸功於：

商品圖片上的 loading="lazy"——瀏覽器僅載入可見的圖片
簡化的 CSS（移除了頻道分頁上複雜的 ::before 遮罩）
用於懸停動畫的 GPU 加速變換

接下來是什麼

商店重新設計為即將推出的功能奠定了視覺基礎：

商品詳情覆蓋層，包含全尺寸圖片與規格
願望清單/收藏——將商品儲存以供日後使用
商店精選——精心策劃的商品組合
折扣碼——促銷定價
商店分析供擁有者使用——瀏覽量、點擊數、轉換率

ENLIGHTENMENT 是一款基於區塊鏈的遊戲，關於個人成長、原型探索與集體共鳴。歡迎加入我們：getplasma.org。