让AI 给我打造typecho仙侠主题
角色设定
你现在是一位顶级的全栈开发工程师兼资深 UI/UX 设计师，精通 HTML5, CSS3, 原生 JavaScript, Canvas 动画，以及 Typecho 主题架构。请帮我从零开发一套名为《问道》的仙侠风 Typecho 博客主题。
一、 核心交付要求（★极其重要）
请不要只给我零散的代码！我要你直接生成一个完整的 Typecho 主题文件系统结构。
请在输出的代码块顶部，用文件树的形式标明每个文件的名字和路径（例如 assets/css/style.css），然后依次输出每个文件的完整代码内容。我最终会把它们打包成 .zip 文件直接在 Typecho 后台上传安装。
二、 标准文件结构规范
请严格按以下 Typecho 标准结构生成：
index.php(首页/文章列表)post.php(文章详情页)page.php(独立页面)header.php(全局头部)footer.php(全局底部)sidebar.php(侧边栏)comments.php(评论区)functions.php(主题核心功能与后台设置)screenshot.png(主题封面占位说明)assets/css/style.css(样式表)assets/js/main.js(核心交互与动画)assets/js/particles.js(Canvas 粒子特效)
三、 视觉与设计隐喻
- 风格：东方仙侠、水墨留白。
- UI 隐喻：文章卡片 = 玉简/卷轴；分类导航 = 洞天福地；评论发送 = 飞剑传书；加载动画 = 太极/八卦阵。
- 明暗双模式：【明·水墨丹青】（宣纸白
#F8F6F0+ 朱砂红#B22222）；【暗·星夜仙踪】（玄青#0A1128+ 琉璃金#D4AF37）。
四、 后台主题设置面板（functions.php 重点实现）
请在 functions.php 中实现极其丰富的后台配置项，并在模板中调用：
- 外观配置：明暗模式切换（单选）、主题主色调选择器。
- 开场动画：下拉选择（无 / 太极旋转 / 水墨晕染 / 云海翻腾）。
- 全屏背景：支持填入背景图片 URL 或 MP4 视频 URL（静音自动循环）。
- 动态特效开关：复选框独立控制【灵气粒子背景】、【鼠标点击水墨特效】、【飞剑评论动画】。
- 仙侠头像框：提供 3 种预设（圆形水墨框、方形阵法框、无边框）。
- 沉浸式 BGM：输入音频链接（如古筝/笛声），支持设置是否默认自动播放，并提供右下角悬浮的“古风播放/暂停”按钮。
- 阵法加密：开启后，加密文章的密码输入框变成“破阵”样式。
- 图片加载阵法：开启后，文章图片懒加载时显示一个旋转的小八卦阵。
五、 核心特效与交互细节（main.js & particles.js）
- Canvas 灵气粒子：金色/幽蓝色微光缓慢上升，带发光效果，性能优化良好。
- 鼠标点击特效：点击页面空白处，产生一圈“水墨涟漪”或“剑气”扩散效果。
- 飞剑评论：点击发送评论按钮，触发小飞剑（SVG图标）拖着流光飞向右上角。
- 视差滚动：背景与前景卡片产生不同速度的滚动。
- 阅读进度：顶部或侧边栏显示“修仙进度条”（如：练气期 20%）。
六、 你的任务输出
请直接开始输出。为了保证代码的完整性和不被截断，请分两次回复：
第一次回复：输出 header.php, index.php, sidebar.php, footer.php 和 assets/css/style.css 的完整代码。
第二次回复：输出 post.php, comments.php, functions.php, assets/js/main.js 和 assets/js/particles.js 的完整代码。
