本主题基于 VitePress DefaultTheme 进行了大量扩展，光标移到卡片上可查看详细说明。
界面样式
Final Fantasy 风 UI
金属渐变框 + 深色外描边双线框，全站统一浅色模式为 FF4(3D) 半透明灰蓝面板（带背景模糊，避免大面积深色视觉疲劳），深色模式为 FF6 PR 经典皇家蓝窗；青色标签 / 金色选中 / ▶ 闪烁光标。
VitePress 默认组件统一
菜单、侧栏、移动导航与文章目录共用 FF 视觉统一 VPMenu、VPSidebar、VPNavScreen、VPLocalNav、本页目录和文章右侧目录：皇家蓝窗口、银白框、白字、青色标签与金色选中态，并补齐键盘焦点和移动安全区。
品牌色定制
紫色系主题色 #7a57a5，覆盖原生靛蓝紫色系主题色（#7a57a5），完全覆盖原生靛蓝色系，深色/浅色模式分别调优。
彩虹背景动画
首页渐变动画，hero 标题随彩虹色变化首页 :root 120 步渐变动画，hero 标题与 logo 背景随彩虹色卡实时变化。
毛玻璃效果
导航窗口与内容面板使用玻璃态模糊导航窗口、悬浮说明与内容卡片应用 backdrop-filter: blur() 玻璃态；搜索命令按钮保持完全透明，避免在导航渐变上形成独立色块。
自定义光标
像素风小手光标，悬停切换链接样式全局替换为像素风小手光标 .cur，悬停可交互元素切换链接光标。
深浅模式切换动画
View Transitions 圆形扩散过渡拦截 VitePress 默认切换，实现 View Transitions API 从点击处圆形扩散过渡（不支持时回退 CSS 过渡）。
FF 风搜索界面
透明搜索命令 + 银框蓝窗搜索弹窗导航栏使用无边框、无背景的图标搜索命令；搜索弹窗统一为 FF 银框蓝窗，包含连续结果菜单、金色选中光标、详细摘要、右上角关闭按钮和移动端安全区适配。
FF 菜单窗口时间线
整页即一个 FF 窗口，hover 亮蓝选中态整页即一个 FF 菜单窗口：青色日期标签行 + 白色记录列表，hover 亮蓝行 + 金字 + ▶ 闪烁光标；内容直接在 timeline.md 用 Markdown 编写，无需组件。
标题与头图装饰
Hero 渐变标题 / 圆形头像 / H1 青金分隔线 / H2 编号hero 主标题紫→蓝渐变色 + logo 背景半紫半蓝 blur(40px) 光晕；首页 hero logo 圆形裁切 + 白边框 + hover 旋转放大；文章 h1 使用青金双色分隔线；文档 h2 左侧大字号半透明自动编号。
像素字体
fusion-pixel 12px 等宽像素风字体引入 fusion-pixel-12px-monospaced-zh_hans 像素风字体（12px 等宽），作为全站中文正文字体，WOFF2 优先加载、TTF 回退。
页面功能
自定义首页
信息卡 + 翻转站点卡 + 分页文章列表Home.vue：个人信息卡（头像半露 + 社交链接）+ 翻转站点信息卡片（正：运营信息 / 背：构建版本）+ 分页文章列表（10 条/页），FF 菜单选中高亮 + ▶ 光标闪烁。
功能清单
分类卡片 + 自适应 FF 悬浮说明Overview.vue：功能按类别组织为响应式卡片，桌面 6 列、平板 4 列、移动端单列；详情使用 FF 银框蓝窗悬浮说明，支持唯一激活、上下翻转、左右边界修正和窄屏完整宽度显示，技术栈采用独立卡片布局。
归档页
GitHub 热力图 + 三层时间线Archives.vue：GitHub 风格文章贡献热力图（53 周 × 7 天，5 级色阶）+ 年/月/文章三层时间线，年份头粘性定位。
文章元数据
日期 / 字数 / 图片数自动注入ArticleMetadata.vue：自动注入 h1 下方，展示创建日期、最后更新、字数统计（中英文分别计算）、图片数量。
游戏库
CSV 驱动，筛选 + 分页 + 卡片翻转GameList.vue：CSV 数据驱动，筛选 + 分页 + 卡片翻转，FF 窗口风格按钮。
友链页
VPTeamPage 卡片式成员展示link.md：VPTeamPage 卡片式成员展示。
导航站
分类外部链接卡片Navlink.vue：分类外部链接卡片布局，FF 菜单选中态。
关于页
宝可梦训练家卡片，正反面翻转About.vue：宝可梦训练家卡片 1280×720 等比缩放，正反面翻转 + 属性/技能表格 + 按键交互。
行内链接卡片
Linkcard 组件渲染 inline 预览卡Linkcard.vue：<Linkcard url="..." title="..." /> 渲染 inline 预览卡。
交互增强
音乐播放器
全局底部 APlayer，FF 皮肤APlayer.vue：全局底部 APlayer 播放器，FF 风格皮肤，移动端隐藏歌词。
返回顶部
右下角猫猫图样按钮backtotop.vue：右下角猫猫图样返回顶部按钮。
图片查看器
viewerjs 点击放大预览viewerjs 集成，所有图片点击放大预览，支持缩放拖拽。
微信二维码弹窗
点击直接预览二维码图片社交链接中微信图标点击不走跳转，直接弹出 viewer 预览二维码图片。
运行时统计
页脚实时展示建站时长页脚实时计算并展示建站以来天数 + 时分秒。
搜索中文化
搜索按钮 / 弹窗 / 提示全汉化搜索按钮/弹窗/提示文本全部汉化。
工程与数据
内容加载器
createContentLoader 构建文章数据post.data.js：基于 createContentLoader("article/**/*.md") 构建 postMap + yearMap，为首页和归档页提供数据。
日期规范化
frontmatter.date 统一 YYYY-MM-DDtransformPageData：自动将 frontmatter.date 统一为 YYYY-MM-DD 格式，无效日期置 null。
构建时间注入
__BUILD_TIME__ 展示于站点信息卡Vite define.__BUILD_TIME__ 注入构建 ISO 时间戳，首页站点信息卡片展示。
路由与资源优化
Clean URLs / 图片懒加载 / 环境自适应启用 cleanUrls: true 去除 .html 后缀；Markdown 图片默认 lazyLoading: true；关于页直达时首帧渲染前隐藏页脚/导航栏避免闪烁；最后更新时间中文格式。
中文本地化
导航 / 侧边栏 / 返回顶部全中文上下页导航、搜索、侧边栏菜单、返回顶部标签全部中文。
样式模块
核心变量
var.css / vars.css 双令牌体系var.css：品牌色 + FF 设计变量（浅色 FF4 3D 半透明面板 / 深色 FF6 PR 蓝窗双套令牌）+ 深浅切换动画 + infobox 组件变量；vars.css：VitePress 全部 CSS 变量覆盖。
布局与页面样式
navbar / footer / vitepress / search / timeline / overviewnavbar.css / footer.css：导航栏与页脚 FF 窗口框；vitepress.css：默认菜单、侧栏、移动导航与文章目录；search.css：透明搜索命令与 FF 搜索弹窗；timeline.css：时间线 FF 菜单窗口；Overview.vue：功能清单及悬浮说明；APlayer.css：播放器 FF 皮肤；其余样式模块负责彩虹动画、字体、引用块和链接等细节。
技术栈
vitepress ^1.6.4
静态站点框架vitepress ^1.6.4 用于静态站点框架。
vue ^3.5.13
响应式框架vue ^3.5.13 用于响应式框架。
aplayer
音乐播放器aplayer 用于音乐播放器。
vitepress-plugin-image-viewer / viewerjs
图片查看器vitepress-plugin-image-viewer / viewerjs 用于图片查看器。
未启用
sakura.vue（樱花飘落 ，来源 jhammann/sakura）、Mouse.vue（鼠标粒子效果）、RightMenu.vue（右键菜单） 已编写但未在主题中激活。