需求描述

用戶引導（User Onboarding）需求文檔，當日做完。

1. 目標
在現(xiàn)有 Next.js 網(wǎng)站上添加 新手引導功能，幫助首次訪問的用戶快速了解頁面結(jié)構(gòu)和核心功能，提高用戶體驗。
請參考現(xiàn)有網(wǎng)站 https://egolife-ntu.github.io/ 和 代碼庫 https://github.com/egolife-ntu/egolife-ntu.github.io

2. 需求描述
進入網(wǎng)站到達指定位置時（滑到最下方），自動觸發(fā)引導流程（僅限首次訪問，可在用戶手動觸發(fā)時重新啟動）。
通過 高亮特定按鈕/區(qū)域 + 箭頭指引 + 文字提示 形式，分步介紹核心功能。
交互方式：
用戶可點擊 “下一步” 繼續(xù)引導，或點擊 “跳過” 退出引導。
允許用戶手動重新啟動引導流程（如點擊“幫助”按鈕）。
記錄用戶是否已完成引導（可用 localStorage 或 cookie），避免重復觸發(fā)。

3. 設計方案
3.1 引導步驟
步驟 高亮元素 引導文本 交互

3.2 視覺效果
頁面整體變暗（遮罩層），僅高亮當前引導的 UI 元素。
使用 箭頭 或 動態(tài)邊框 指示引導內(nèi)容。
彈出框 顯示文字說明，可包含“下一步”、“跳過”按鈕。