分享下自用SAO系列探针主题，适配 极简探针 Komari CF探针。

⚠️ 项目声明
本项目为个人基于开源社区优秀成果进行的二次开发与定制分支。
若您正在寻找上游原版或希望探索更多衍生分支，建议前往并支持原作者的项目：

- 初代设计项目：stqfdyr/komari-theme-Lumina

- 功能增强上游：shanyang242/Komari-Theme-LuminaPlus

- 社区移植参考：volcano-1025/CFSM-Theme-LuminaPlus / guboysky/LuminaPlus

📜 主题族谱与演进脉络```
[初代设计] komari-theme-Lumina (作者: @stqfdyr)
│
▼
[功能扩展] Komari-Theme-LuminaPlus (作者: @shanyang242 / @shark)
│ ├─ 引入背景图/动态壁纸、透明度调节、首页文字评级、Ping/负载图表等特性
│ └─ 社区移植探索：
│ ├─ @volcano-1025 (移植至 CF-Server-Monitor)
│ └─ @guboysky (移植至 Monitor-Probe)
│
▼
[SAO 家族定制分支] Theme-SAO 系列
├─ Komari-Theme-SAO : 适配 Komari 探针
├─ CFSM-SAO : 适配 CFSM 探针
└─ Monitor-SAO : 适配极简探针（已适配最新 1.3.0 支持主题配置持久化）

![图片](https://cdn.nodeimage.com/i/TWwnRMEml8MnfuDFA7lNNVTPCS6vo6Qw.gif)

![图片](https://cdn.nodeimage.com/i/LHjG1yMf9NB4wTi3BG6cgMhHxz9UgKMS.gif)

---

🚀 安装与部署

请根据您使用的探针服务端类型选择对应的安装方式：

Komari

- 前往 Komari-Theme-SAO Releases 下载对应主题压缩包。

- 在 Komari 后台主题管理中上传启用。

Monitor-Probe（极简探针）

- 前往 Monitor-SAO Releases 下载最新版本的打包产物 `theme.tar.gz`。

- 在极简探针后台主题设置页面上传启用。

CF-Server-Monitor (CFSM)

1.打开管理后台「系统设置」→「主题管理」

2.选择SAO主题启用。

---

📌 特别说明

SAO 系列主题的「视频背景」和「图片背景」相关功能完全继承上游主题，对于探针面板这种高密度信息聚合页面，个人感觉使用「视频背景」和「图片背景」比较干扰阅读。不排除可能有人喜欢，所以保留着。但对于其在 SAO 系列主题上的展现效果我不做任何保证。

---

⚡ SAO系列通用特性

1. 加载速度优化

- **早期数据并行预取**：

- 通过内联脚本与静态资源并行发起配置与节点信息请求，大幅提升加载速度。

- **立体骨架屏迅速占位**：

- 在首屏数据抵达前渲染与真实仪表盘结构对齐的呼吸骨架。

- **构建分包优化**：

- 趋势图表库等重型组件按需异步加载。

2. 界面设计与视觉体验

- **双栏总览仪表盘**：

- **核心指标区**：汇总活跃链接、平均 CPU、内存用量、硬盘用量、今日流量及资产信息等指标。

- **集群状态看板**：

- **分段式在线健康指示格**：直观展示全站在线百分比与离线台数（健康绿/离线灰）。

- **双轨实时网络吞吐波形图**：拆分独立且对称的「上行」与「下行」实时波形卡片。

- **健康状态胶囊与带宽评级徽章**：顶部配备联动式呼吸状态胶囊，根据瞬时全站网络吞吐动态映射带宽活跃度等级。

- **护眼浅色与纯粹深色体系**：

- **浅色模式**：采用分层浅灰底色配合立体悬浮卡片，降低明亮背景下的眩光感。

- **深色模式**：采用中性碳黑基调，避免杂色泛蓝，暗光环境下视觉更加沉浸。

3. 运维细节与隐私防护

- **敏感数据受控隐藏**：默认对未登录访客隐藏节点费用与资产总值信息；管理员可在设置中开启向访客展示资产信息，也可通过顶部导航栏的快捷按钮临时切换显隐资产信息，方便截图分享。

4. 自适应布局优化

- 针对移动端和桌面端小窗口布局优化，确保各种窗口尺寸下吞吐波形图都能正常展示不被折叠压缩；对 iOS 灵动岛安全区进行沉浸式适配，无论是浅色还是深色模式，灵动岛区域与页面主体都保持完全一致的色彩阶梯。

---

🧩 各版本专属特性与差异说明

由于不同探针后端的数据结构和能力存在差异，各版本针对性地保留并优化了以下功能：

1. Komari 版本基准 (Komari-Theme-SAO)

- **基准主题，目前是最满血的 SAO 系列主题。**

- **默认隐藏资产数据**：默认对未登录访客隐藏节点费用与资产总值信息；管理员可手动开启向访客展示资产信息，同时也提供快捷按钮快捷临时显/隐资产信息，便于截图分享。

- **灵动流光昵称与动态语境问候语**：在首页总览仪表盘顶部，主题设计了一套融合时段关怀与渐变光效的问候体系：

- **首屏流光掠过（Sweep Layer）**：首屏初次渲染时用户昵称通过一道包含洋红、橙红、暖黄、紫罗兰与深蓝的多色光谱光带沿 110° 角度自左向右掠过字形，平滑完成初次亮相。

- **常态极光微流动（Aurora Layer）**：入场流光结束后，昵称无缝过渡至 135° 多色极光背景，以 8 秒为周期在字形内部保持缓慢、低饱和度的微流动呼吸效果，长时间停留观感自然克制。

- **时段问候与集群状态动态语境**：

- 自动识别当前时间，动态根据集群实时在线率智能切换贴切的状态提示。

- **昵称展示**：

- 未登录访客固定展示为 `Guest`；

- Komari 版本登录后可自动读取登录用户名。

- **延迟测速线路数量配置**：

- 相较于 LuminaPlus，SAO 不限制首页展示的延迟槽位数量（仅限大卡和小卡）。

- **重构暗色模式**：

- 按照个人喜好以碳黑色为基调重构暗色模式，个人十分满意当前的暗色模式。

- **更多细节优化**：

- 对一些上游主题遗留下来的细枝末节的功能进行完善和优化，不值得单独列出。

2. CFSM 版本差异 (CFSM-SAO)

- **彩色标签智能着色语法**：

- 支持在后台节点备注中使用 `标签名-颜色` 格式（如 `香港BGP-blue`、`特惠机-red`、`CN2-green`）指定标签色彩。未指定颜色后缀时，系统会根据线路关键词智能匹配适宜的色系。

- **用户名可自定义**：

- 由于 CFSM 探针并未输出用户名字段，因此相较于 Komari 版本，CFSM 版改为了手动编辑用户昵称，存储到 D1 数据库当中，你可以直接点击昵称处编辑，也可以在主题设置中编辑。

- **受限于特性的功能缺失**：

- 受限于 Workers 免费额度限制，每日流量统计和峰值统计等功能在 CFSM 上无法准确统计，因此缺失此部分功能。

3. 极简探针版本差异 (Monitor-SAO)

- **服务端配置标准持久化**：

- 适配极简探针最新版本主题配置持久化接口，主题配置得以跨设备统一生效。

- **用户昵称可自定义**：

- 由于极简探针压根就不存在用户名，因此极简探针版主题采取了 CFSM 版同样的处理方式，你可以直接点击昵称处编辑，也可以在主题设置中编辑。

- **提供了公告栏功能**：

- 可以通过公告栏向访客留言，未填写公告则不会展示公告栏。

极简探针版主题待完善功能

- **当前主题无法准确记录瞬时峰值**：

- 极简探针服务端历史数据采用 1 分钟或 5 分钟时间片平均加权落库。一次 15 秒的测速突发与后续 45 秒的闲置状态在服务端落库时会被整窗口平摊，短时间的突发测速结束后，服务端只记录平摊均值所以会导致峰值数值下降。

- 目前 SAO 主题只能在前端通过 WebSocket 实时推流捕获当日瞬时最高速率，并锁存在浏览器本地存储中（无法向其他访客展示）保证日常开盘测速期间峰值数据准确展示。

- 若测速期间完全未打开网页，补读时仍受限于服务端时间片均值，要想实现准确的峰值记录，需待 monitor-probe 后端提供峰值数据后主题再进行适配。

- **节点标签功能缺失**：

- 极简探针目前未提供节点标签（Tags）字段，因此原 Komari 体系下和 CFSM 体系下的线路色彩药丸标签功能暂处于冻结状态，待后端支持后主题会更新适配。