角色设定
你现在是一位顶级的全栈开发工程师兼资深 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 的完整代码。

为什么我的亲姐姐一眨眼，就成了亲戚……

https://aoyun.za.net/index.php?theme=FriendCircle 朋友圈主题
https://aoyun.za.net/index.php?theme=WeiBo-X 微博主题
https://aoyun.za.net/index.php?theme=Typecho-QQ2006 QQ2006主题
https://aoyun.za.net/index.php?theme=Typecho-Wendao 仙侠问道
https://aoyun.za.net/index.php?theme=Typecho-FilmEra 胶片时代
https://aoyun.za.net/index.php?theme=Littlehands QQ空间

角色与任务
你是一位精通 Typecho 主题开发、熟悉前端像素级还原（Pixel-Perfect）的资深全栈工程师。我现在要开发一款名为 "Typecho-QQ2006" 的主题，请严格按照以下需求，帮我从零设计并输出完整的模板代码和静态资源结构。
项目背景与素材
视觉原型：所有 UI 素材（图标、头像、背景、气泡等）必须优先引用开源仓库 https://github.com/mengkunsoft/QQ2006 中的矢量/图片资源[reference:0]。
目标平台：Typecho 1.3+ 版本reference:1。
核心原则：不要基于任何旧主题修改，请完全参考我的设计稿，从头编写一套全新的模板文件（index.php, header.php, footer.php, sidebar.php, comments.php 等）reference:3。
页面布局与 UI 细节还原（严格对照图片）
请将博客的各个部分映射为 QQ2006 的经典界面元素：
1. 整体窗口框架（Header & Footer）
窗口外壳：页面最外层使用 QQ2006 经典的“珊瑚蓝渐变”标题栏，右上角包含“最小化、最大化、关闭”三个按钮的仿制图标[reference:5]。
全局字体：正文使用宋体或微软雅黑，字号偏小，行距紧凑。
侧边栏导航：左侧边栏的每个功能模块（分类、归档、友链）模仿“好友分组”样式。分组标题前有加号/减号折叠图标，鼠标悬停有经典蓝色高亮背景，且分组内第一项默认展示一个 QQ 头像。
2. 文章列表（Index.php）——“好友列表”
文章列表的每一项，将“文章标题”映射为“好友昵称”，将“文章摘要”映射为“个性签名”。
头像：文章作者的头像使用 QQ2006 风格的像素头像（可从仓库提取）。
底栏快捷键：在文章列表最下方，固定展示“手机好友、群/校友录、最近联系人”三个快捷按钮，点击后分别跳转到对应的页面或分类[reference:7]。
3. 文章详情页（Post.php）——“聊天窗口”
顶部信息栏：模仿 QQ 聊天窗口的顶部，左侧显示好友头像和昵称，右侧显示“短信、视频、语音、传文件、3D秀、邀请”等装饰性图标。
日志内容区：文章正文显示在聊天记录的气泡框中。可以将文章的发布时间、作者、分类等信息做成“系统消息”或“时间戳”样式，穿插在正文上下。
底部工具栏：将原本的“表情、魔法表情、截图”等图标，改为“点赞、分享、收藏”等博客功能按钮[reference:9]。
评论框：模仿 QQ 的输入栏样式，发送按钮做成经典的小按钮。
4. 评论列表（Comments.php）——“聊天记录”
访客的评论模仿 QQ 聊天气泡，左侧显示访客的 QQ 头像，右侧显示气泡和昵称。博主自己的回复使用不同颜色的气泡（比如绿色或蓝色）进行区分。
技术规范与输出要求
文件结构：请先输出主题的目录结构，然后逐个输出每个 PHP 文件的内容（包含详细的注释）和核心的 CSS 样式表。
资源路径：请假设所有 QQ2006 的图片素材已经下载到主题的 /assets/img/ 目录下，在 CSS 和 HTML 中统一使用这些路径。
兼容性与响应式：虽然还原 PC 端复古界面是核心，但请确保在移动端能基本可用（比如侧边栏可以折叠）。
版权声明：在主题的 functions.php 和 README.md 中，请务必添加声明：“视觉素材版权归腾讯公司所有，本项目仅供学习交流，严禁商用”[reference:10]。
请开始你的工作，先给我整体的架构设计和首页代码。