SAO Theme v1.2.0

🌟 SAO 主题 v1.2.0 重大更新

本次更新带来了多项重磅视觉与交互体验升级：不仅新增了两款极具极客质感的全新主题配色和矩阵开屏动效，还开放了流量用量光柱、延迟光柱、丢包光柱及其评级门槛的全方位自定义；同时全面重构了主题设置后台，并将设置保存体验直接对齐为全自动保存。

---

🎨 1. 新增两款重磅科幻主题配色方案

在原有「经典标准」与「EVA 初号机」基础上，新增两款辨识度极高的高颜值配色：

• 🌃 夜之城 2077 (Cyberpunk 2077)：
  • 配色基调：斯安威斯坦青 · 霓虹亮黄 · 超频绯红；
  • 视觉风格：极具冲击力的高饱和霓虹撞色与赛博故障美学。
• ⏳ 命运石之门 (Steins;Gate)：
  • 配色基调：待机暖杏橙 · 氖气放电暖橙 · 烈焰超频红橙；
  • 视觉风格：以世界线变动率与经典辉光管/真空管放电的温润橙光为核心。

📊 2. 流量用量光柱、延迟光柱、丢包光柱与评级全面支持自定义

告别过去单一死板的展示规则，现在所有关键指标的视觉渐变与判断标尺全由你掌控：

• 三款光柱配套预设：
  • 「经典运维」（翡翠绿 · 琥珀黄 · 警示橙 · 熔岩红）
  • 「深邃冰火」（冰川蓝 · 暮光紫 · 烈焰橙 · 绝境红）
  • 「深海青翠」（薄荷青 · 蔚蓝海 · 暖杏黄 · 珊瑚红）
  • 支持一键联动应用到流量用量、延迟和丢包三处光柱。
• 流量用量光柱（18 段连续色谱）：
  • 内置所见即所得的 18 段发光光柱实时预览，直观呈现 0% 充裕到 100% 耗尽的完整平滑过渡。
• 延迟光柱与评级门槛自定义：
  • 各毫秒区间（极佳、良好、中度、偏高、高危）的判断门槛数值与光柱颜色均可随心调节。
• 丢包光柱与评级门槛自定义：
  • 各丢包率梯度的判断门槛与报警颜色支持自由配置。

⚙️ 3. 全面梳理重构设置后台 · 设置实时自动保存

• 设置分类更清晰有序：
  • 重新梳理后台结构，清晰划分为三大专区：
    • 首页：外观风格、监控总览、访客权限、集群展台与状态评级；
    • 服务器：默认视图、卡片指标、列表排序、网络延迟线路管理、光柱配置与隐藏节点；
    • 资产：财务汇率与买入溢价；
• 改动即刻生效，无需返回顶部保存：
  • Komari-Theme-SAO 和 Monitor-SAO 向 CFSM-SAO 全面对齐，均可实时自动保存设置；
  • 任何开关、滑块或颜色修改均随改随存，彻底告别以前滑到页面最底下改完还要一路翻回顶部点保存的繁琐操作。

SAO Theme v1.1.5

📊 节点负载历史图表智能自适应与前瞻兼容 (v1.1.5)

本次更新重点重构了节点实例详情页（Instance）负载历史图表的感知与排版机制，解决上游极简探针服务端未下发历史连接数与进程数时图表全为 0 的体验问题，并确立未来版本的平滑向前兼容架构。

🌟 重点特性与体验升级

• 图表网格智能感知与自适应排版：
  • 实时模式（Realtime）：保持全功能 6 宫格矩阵，完整实时展现 CPU、内存、磁盘、网络、TCP/UDP 连接数以及进程数与系统负载；
  • 历史模式（1h / 6h / 1d / 7d 等）：动态探测后端返回的数据结构。针对当前极简探针官方 HUB 历史接口未下发连接数与进程数的现状，自动优雅收起无数据指标，自适应排版为对称均衡的 2×2 四宫格布局（CPU、内存、磁盘、网络），彻底消除平躺在 0 的歧义折线。
• 前瞻性无缝兼容架构（Forward-Compatibility）：
  • 底层接口预埋未来字段解析协议（tcp、udp、procs 及 swap_used）；
  • 当未来极简探针官方服务端（HUB）开放历史连接数与进程数查询时，主题将自动无缝点亮对应历史折线与 6 宫格布局，无需重写或再次回退代码。

⚡ 质量保障与版本升级

• 测试体系补全：新增关于连接数与进程数历史字段探测、数据映射与向后兼容场景的单元测试，保障全环境数据解析稳定性；
• 版本与底栏同步更新：同步升级全站版本标识、配置清单与微胶囊底栏芯片至 v1.1.5。

SAO Theme v1.1.4

🎮 方格矩阵点阵预设体系扩充与视觉重塑 (v1.1.4)

本次更新重点丰富了首页方格矩阵开屏动画与主题管理点阵画板的预设生态，新增多个兼具极客运维文化、硬核网络指标与复古游戏情怀的高辨识度系统点阵预设，并完善全流程测试体系与适配。

🌟 重点新特性与设计重塑

• 扩充方格矩阵系统预设生态：
  • 新增「PING」网络指标预设：严谨遵循 4 字母 5px 等宽像素字模，字符间距与中柱对称对齐，契合探针核心网络延迟属性；
  • 新增「OPS」运维代号预设：采用 3 字母宽幅排版与硬朗工业风笔画，气场舒展，与现有 SAO / EVA 主题风格完美契合；
  • 新增「FAST」极速性能预设：两端绝对居中对称，笔画方正有力，象征集群极致吞吐与低时延响应；
  • 新增「〰️ 心电脉冲」存活心跳预设：高仿真标准医学 QRS 脉冲波形与贯穿健康基线，像素无断笔平滑衔接，开屏扫光时极具监护仪与节点心跳（Heartbeat / Alive）的科技质感；
  • 新增「🕹️ 吃豆人」复古街机预设：重塑经典圆润弧度吃豆人（四角削圆 + 60° 锐角大张嘴），并携能量金豆与经典幽灵角色（Blinky 双眼与波浪裙摆）一同登场，故事感与街机辨识度拉满。

⚡ 质量保障与细节优化

• 测试体系同步补全：全面覆盖新增点阵预设的单元测试断言，确保点阵编辑器渲染与解析稳定可靠；
• 版本与底栏同步更新：同步升级全站版本标识与微胶囊底栏芯片至 v1.1.4。

SAO Theme v1.1.3

⚡ 极简探针 1.4.0 特性深度适配与体验重塑 (v1.1.3)

本次更新深度适配了「极简探针 (Monitor)」v1.4.0 后端的一系列关键新特性与规范，大幅降低实时推送网络吞吐、彻底解决移动端切屏唤醒重连假死、校准全场景离线时长，并针对卡片分组呈现与管理面板进行了细致的体验优化与缺陷修复，同时保持对旧版本探针程序的 100% 平滑向下兼容。

🌟 重点新特性与核心优化

• 实时 WebSocket 推送 gzip 压缩与时序队列支持：
  • 主动协商 /api/ws?gzip，直接接收并按序解压二进制 gzip 压缩帧；
  • 大规模节点集群在线时单帧传输量暴降，监控大屏/长期常驻标签出网传输流量降低 85%+；
  • 采用严格的 Promise 任务队列按序解析，彻底杜绝并发异步解压导致的乱序与数据倒流问题；同时自适应兼容纯文本帧。
• 页面切回前台（VisibilityChange）毫秒级自动重连唤醒：
  • 全局感知页面可见性：手机锁屏或切换至后台应用时，主动挂起连接并停止空转轮询，严格丢弃在途延迟请求；
  • 切回前台瞬间：瞬时拉取节点最新快照并触发 WebSocket 毫秒级静默重连，彻底消除长期后台标签页切回时的连接假死问题。
• 离线时长字段 last_seen_ago 全场景精准呈现：
  • 接入后端 v1.4.0 统一时钟字段 last_seen_ago，彻底消除由于东八区时区偏差或访客本地客户端时钟不准造成的离线时长负数或计算失真；
  • 实例详情页：离线状态升级展示精准相对离线时长（如「离线 (离线 15 分钟)」/「离线 (刚刚离线)」）；
  • 紧凑小卡视图：离线节点新增紧凑离线时长角标（如「离线 5m」/「离线 2h」），异常节点一目了然。
• 修复大卡服务器分组信息上下重复显示的体验缺陷：
  • 修复大卡模式（server-card）下，节点在无自定义标签时底部错误回退展示分组标签、导致副标题与底部标签栏同时出现分组信息的 BUG；
  • 统一大卡与紧凑小卡的标签过滤与呈现语义，避免重复展示；若节点副标题已呈现分组，底部标签栏仅展示有效自定义标签与续费价格，恢复清爽优雅排版。
• 站点图标规范接管与官方原版资源集成：
  • 严格遵循 1.4.0 图标接管规范，在 index.html 中标准化声明 /favicon.svg，支持 Hub 动态注入版本号（?v=...）刷新浏览器缓存；
  • 完整集成官方原版矢量图标（/favicon.svg）与 180×180 纯色不透明 iOS 主屏幕图标（apple-touch-icon.png），移除冗余的 ico 资产，彻底符合探针主题资源规范。

🛠️ 设置面板与细节完善

• 访客权限与入口面板归并统一：
  • 新增「向访客显示流量入口按钮」开关，默认对未登录访客隐藏今日流量右上角图表按钮，保持卡片无图标统一纯净；
  • 将资产与财务权限统一收敛至对应设置分区，逻辑更清晰；
• 清理废弃功能与冗余代码：
  • 移除已废弃的置顶公告栏（NoticeBanner）及无用配置项；
  • 收敛模型层 footerTags 计算逻辑，消除未使用的兼容别名与代码告警；
• 修复设置页底部高度遮挡：
  • 修复设置面板底部安全内边距与高度计算，彻底消除 PC 端设置页底部按钮过度截断遮挡问题。

🛡️ 兼容性说明

• 完全向后兼容：采用「特性检测 + 优雅降级」设计，在未升级的 v1.3.2、v1.3.1 等老版本探针上运行时，将自动平滑回退至纯文本推送与本地时钟差值计算，无需额外调整配置。

SAO Theme v1.1.2

🚀 扩展入口与微胶囊底栏升级 (v1.1.2)

本次更新带来了更清晰集中的总览入口管控体系，并全新上线了具有 SAO 标志性科技质感的「终端全息微胶囊底栏」，进一步打磨深浅模式下的光影细节与移动端排版体验。

🌟 重点新特性与设计重塑

• 新增「总览卡片扩展入口」管理面板：
  • 在主题设置「首页」Tab 中新增专属面板，集中收拢顶部各项指标卡片的二级跳转与快捷交互；
  • 新增「显示今日流量页入口按钮」：支持独立开启/关闭今日流量卡片右上角的流量详情统计图表按钮；
  • 设置结构纯净化：将资产统计卡内入口与右下角备用悬浮入口并列迁移至此，使「花费」Tab 彻底聚焦于续费价格、折算汇率与溢价摊销配置。
• 全新上线「SAO 终端全息微胶囊底栏」：
  • 告别苍白的纯文字页脚，全新打造悬浮毛玻璃质感的轻量级状态微胶囊（Cyber Status Capsule）；
  • 集成实时运行呼吸绿点、等宽字体版本微芯片（Micro-Chip）与带有上浮微动效的 GitHub 跃迁链接；
  • 鼠标悬停时触发一道平缓丝滑（1.6s 贝塞尔曲线）的对角全息扫光，彻底去除杂色描边，改用高级克制的中性高光轮廓。

⚡ 细节优化与交互完善

• 入口文案指引清晰化：在流量入口、资产卡内入口与悬浮按钮的说明中，明确补充“若关闭，首页则暂无其他途径进入详情页”的指引，并清晰表达卡内主入口与悬浮球之间的互斥备用关系；
• 底栏留白大幅收紧：重构底部边距计算，彻底消除外层容器多余的垂直冗余空间，让胶囊贴底呈现出适度、舒适的安全留白；
• 修复设置页底部截断遮挡：微调主容器与全局样式 padding-bottom 边距（对齐 CFSM 参考版本规范），彻底消除 PC 端设置页底部过度截断遮挡问题；
• 移动端排版防御：全端样式锁定强制单行，并在窄屏（≤480px）下按比例微调字号与内边距，确保在主流手机乃至极限小屏下坚决不换行。

SAO Theme v1.1.1

🚀 界面质感与组件化升级 (v1.1.1)

• 🎨 首页顶部指标卡片全面组件化与色彩体系重构：

  • 标准化指标组件（StatMetricIcon）：将首页 6 张概览卡片的图标与样式全量组件化，封装建立清晰严谨的 7 维指标语义体系（活跃连接、CPU、内存、硬盘、流量、资产），杜绝内联样式与散落选择器。
  • 经典标准多维色彩体系：告别单调同质化，为经典 SAO 风格构建了 6 维互不冲突的专属标准色盘，关键监控指标一目了然。
  • EVA 初号机配色调优：
    • 全面适配机能风格色彩（荧光绿、装甲橙、机能青蓝等）；
    • 内存用量卡片重构：将原紫色调整为深沉稳重的「机能科技蓝」（深色 #3b82f6 / 浅色 #2563eb），视觉体验更严肃专业、杜绝浮躁感。

• ✨ 深浅模式分立特化与 HUD 机能光效：

  • 深色模式（HUD 微底框 + 微发光）：卡片图标启用专属科技感微底框与轻量霓虹高光光晕；鼠标悬停时触发微动效与微妙提亮，营造更沉浸的机甲立体交互质感。
  • 浅色模式（纯净矢量）：移除底框与发光投影，保持纯粹通透的矢量图形展示；同时针对浅色底色进行对比度调优，清晰耐看且舒适护眼。

• 📐 排版与视觉细节微调：

  • 留白与呼吸感优化：微调了指标卡片数值与标题栏、图标的上下边距，消除原有视觉贴合过紧的压抑局促感，版面更加舒展自然。

SAO Theme v1.1.0

🚀 全新功能与优化更新 (v1.1.0)

• 🔲 大集群全景监控更优解：全新推出「方格矩阵」集群状态模式：

  • 专为海量服务器节点打造：针对多节点、大集群用户的监控痛点量身设计，打破单行进度条的空间局限，采用 20 列高密度机架热力矩阵整屏呈现；超过 100 台服务器时自动启用平滑无痕垂直滚动，让大规模集群的健康与流量全貌一览无余。
  • 实时带宽吞吐梯级动态变色：每个单元格直观反映节点的在线状态与实时网络吞吐梯级（空闲/活跃传输/高吞吐），高带宽吞吐节点状态清晰醒目。
  • 双端交互深度适配：桌面端悬停即时展示详细指标浮层并支持点击平滑定位卡片；移动端轻触首次展开详细悬浮卡、再次点击直达节点，浏览与运维兼顾。
  • 模拟机位填充（Mock Fill）：支持开启闲置插槽模拟数据填充，不仅页面加载时随机分布，在运行期间更具备灵动呼吸机制，未刷新状态下也会周期性动态随机变幻「空闲待机」、「活跃传输」与「高吞吐」状态及吞吐速率，机架视觉更显灵动鲜活。

• ✨ SAO 正体开屏扫描动效与自定义点阵图案画板：

  • 经典机架激光扫光：进入首页时可播放自左向右横扫机架的激光束，点亮专属字符并在呼吸聚能后平滑溶解切入实时数据；可在设置中一键开启或关闭。
  • 可视化微型像素画板：在主题管理中内置 20×5 点阵绘制画布，支持用户自由绘制专属图案，并提供「动效预览」、「清空」与「应用到首页」功能。
  • 云端预设同步漫游：内置 SAO、EVA、❤️ 爱心、404 等经典图案，支持将画板设计保存为用户自定义预设（最多保存 12 个），随主题设置自动漫游至云端，跨设备不丢失。

• 🟣 新增「EVA 初号机」机能主题风格：

  • 专属初号机配色重塑：方格矩阵支持「经典标准（绿·橙·红）」与「EVA 初号机（机体紫·荧光绿·装甲橙·暴走红）」一键换装，集群健康徽章与开屏呼吸动效全链路联动。

• 🛠️ 体验优化与文案修正：

  • 经典布局大集群排版修复：彻底解决了大集群用户在集群状态经典布局中，当服务器节点较多或处于特定屏幕尺寸时，在线状态胶囊可能超出卡片范围的排版异常，多节点场景下的布局更加稳健自适应。
  • 修正主题设置文案描述：修正主题设置中「集群状态展示模式」说明，移除已废弃的右上角手动切换按钮提示；同步更新「模拟数据填充」说明文案，准确反映未刷新状态下的灵动随机变幻特性。
  • 消除深浅模式切换方格闪烁抖动：优化集群方格矩阵容器动画与属性过渡策略，彻底杜绝切换深浅色外观时因动画重置引发的 3px 位移抖动及颜色频闪。

SAO Theme v1.0.22 (适配 Monitor v1.3.2+)

🚀 Monitor 1.3.2+ 新特性适配与增强 (v1.0.22)

本版本重点适配了 Monitor Hub 1.3.2 系列新特性与规范，并强化了用户自定义控制能力：

• ⚡ 动态历史监控天数与时间窗口 (history_days)：
  • 负载与 Ping 监控图表时间范围不再锁死 168 小时，动态跟随 Hub 后台配置的 history_days（支持 1–365 天）自动生成档位按钮（最高支持 8760 小时）；
  • 全面支持 1.3.2 超 7 天历史数据的小时汇总粒度（step 与 minutes），CPU 指标卡片支持标明长周期采样内的“峰值 XX%”，防止瞬时高负载被平均化抹平。
• 📌 节点详情公开说明 (public_remark)：
  • 节点详情页（Instance）系统面板新增展示站长对外公开说明（public_remark，纯文本安全渲染）；
  • 保持卡片副标题纯净，卡片标签仅展示所属分组，避免无关文本污染首页。
• 🌐 跨时区到期误报消除 (expires_in)：
  • 优先读取 Hub 服务端预计算好的 expires_in 剩余天数，彻底消除因浏览器与服务端跨时区时差导致的“临近到期误判已过期”问题，旧版 Hub 自动平滑降级。
• 💰 货币与周期格式化增强：
  • 采用标准 Intl.NumberFormat 本地化格式化货币符号，并添加全局安全容错降级；
  • 完整支持 <n>m（如 60m、18m）等自定义月份计费周期的解析与多周期规范展示。
• 🎛️ 分组联动与未分组过滤控制项（把选择权交给用户）：
  • showUngroupedTab（在分组栏显示“未分组”标签）：默认关闭（未分组机器在“全部”中查看，保证 Tab 栏整洁优雅）；站长可按需开启；
  • overviewFollowGroup（顶部总览跟随当前分组联动）：默认保持全站集群总览大盘；开启后顶部总览数据（服务器数、在线率、总流量、实时带宽等）将严格按当前选中分组实时统计。
• 🛡️ 发布完整性校验：
  • 打包流程集成 gzip -t 流完整性校验，确保发布的主题包完全符合 Monitor 1.3.0+ 校验和标准。

SAO Theme v1.0.21

✨ 优化与修复 (v1.0.21)

• 🖥️ 消除 PC 端首屏骨架屏阶段顶栏 LOGO 与站点名称抖动：
  • 常驻滚动槽预留（scrollbar-gutter）：在 html 根层级引入 scrollbar-gutter: stable;，在 PC 桌面端常驻预留右侧垂直滚动条槽位，彻底消除首屏骨架屏过渡至真实数据时因滚动条出现而导致的视口宽度突变及居中顶栏横向跳动（Layout Shift）。
  • 优化顶栏品牌区过渡动效作用域：将 .mao-nav-brand-left 的 transition 动效严格收敛至移动端/平板折叠展开媒体查询（@media (max-width: 1023px)）内部；PC 桌面端（>= 1024px）保持纯静态稳定呈现，杜绝初次挂载与断点计算时的微小位移动画抖动。
  • 完善首屏元数据预渲染缓存键匹配：index.html 首屏预水合脚本优先适配当前主题的 sao:sitename 与 sao:description 缓存键，确保刷新时站点标题毫秒级平滑直出。
• 🧹 彻底移除上游遗留的自定义背景媒体功能与内置视频：
  • 精简设置项与底层渲染架构：作为高密度专业运维监控看板，复杂背景图与动态视频易对数据可读性造成干扰。彻底移除主题配置与 theme.json 中的「自定义背景图与动态视频」设置项，全面清除背景图层、视频会话及首帧缓存等相关实现代码。
  • 大幅瘦身主题包体积：删除了预设内置的动态壁纸视频文件（LanternRivers_1080p15fps2Mbps3s.mp4），发布与分发更加纯净轻量。
• 🧭 精简主题设置导航与分类结构：
  • 移除了原有的独立「外观」Tab，将精简后的「默认外观」与「默认卡片视图」无缝合并至「首页」设置面板顶部；彻底清除了侧栏导航中关于“背景媒体、透明度”的过时描述，分类结构更加直观聚焦。

SAO Theme v1.0.20

⚠️ 【重要升级前置要求】
本版本深度对接官方探针 Monitor Hub v1.3.1 新特性。
升级本主题前，请先将您的 Monitor Hub 服务端升级至 v1.3.1 或更高版本。

✨ 主要更新与功能改进

1. 瞬时流速峰值原生精准捕获（告别均值削平）

   • 深度接入 Hub 1.3.1 新增的每分钟最高瞬时流速指标（net_rx_max / net_tx_max）。
   • 今日流量卡片中的**「最高上行 / 最高下行」**现能完整保留当天发生的高速跑测与突发流量的真实秒级瞬时极值，不再被 60 秒时间片加权均值摊薄削平。
   • 累计流量统计依然严格遵循均值时间积分计算，确保流量总消耗真实准确、不虚标。

2. 架构重构与性能大扫除

   • 彻底移除了原先用于规避旧版 Hub 缺陷的「前端 WebSocket 临时锁存补偿机制」，删除了本地 Storage 读写与冗余状态合并。
   • 大幅降低高频 WebSocket 推流下的浏览器 I/O 负担与内存开销，弹窗与图表数据流完全回归纯粹的服务端权威时序数据。

3. 任意付款周期与货币识别支持

   • 完整适配 Hub 1.3.1 的自定义月数与年数付款周期格式（如 18m、60m、biennial、triennial 等）。
   • 修正了自定义周期的折算天数与格式化展示（整年显示为「5年」、其余月数显示为「18个月」），确保资产统计页面的月均摊销成本和剩余价值计算精准无误。
   • 兼容支持任意 3 字母国际货币代码（TWD、HKD、USD、EUR 等）。

4. 接口报错清洗与反代错误拦截

   • 深度适配 Hub 1.3.1 简短纯文本中文错误输出；
   • 自动拦截反向代理（如 Nginx 502/504）或 CDN（如 Cloudflare 拦截验证）返回的整段 HTML 源码，转换为清晰友好的状态说明提示。

5. 国旗图标升级为纯正圆 Circle Flags 矢量集

   • 移除原先的方形国旗图标，全面换装为视觉更统一精致的纯正圆 Circle Flags 矢量图标集；
   • 重构旗帜组件显示逻辑，规范 1:1 正圆形渲染、边缘防溢出与等宽排版，提升全站视觉协调性；
   • 内置优雅降级机制，遇到特殊或未匹配区域代码时自动平滑回退至未知地区中立圆形图标（xx.svg）。

---

📦 安装方式

1. 面板拖拽安装（推荐）：下载 theme.tar.gz，直接拖拽上传至 Monitor 后台管理面板（/admin/#/theme）的「主题」页面即可一键安装并激活。
2. 服务器目录安装：将 theme.tar.gz 解压放置到 Monitor hub 的 --themes 目录下（如 /opt/monitor/data/themes/sao）。
3. 一键在线更新：若探针后台配置了本仓库地址，在主题卡片上点击 ⟳ 刷新按钮即可自动拉取最新 Release 的 theme.tar.gz 进行更新。