chore(styles): 优化"状态渐变圆点"的全局样式

1. 默认为灰色，可表示离线
2. 添加绿色渐变圆点样式，可表示在线

src/styles/global.scss

@@ -288,7 +288,7 @@
 
 .status-dot {
   // 定义控制变量 (可外部覆盖)
-  --status-dot-rgb: 103, 194, 58; // RGB 颜色分量 (绿色)
+  --status-dot-rgb: 191, 191, 191; // RGB 颜色分量 (灰色)
 
   position: relative;
   display: inline-block;
@@ -323,6 +323,10 @@
   }
 }
 
+.status-dot-green {
+  --status-dot-rgb: 103, 194, 58; // RGB 颜色分量 (绿色)
+}
+
 .center-loading {
   position: absolute;
   inset: 0;