cleaning - 前端基础样式调整v1.0 (#2)

## 描述

将 `cleaning` 开发分支合并到 `master`。

主要改动包括：
- 基础前端页面调整为初版设计

`cleaning` 分支中包含了多个开发过程的提交，本次合并计划 **使用 Squash 合并为一次提交**，以保持 `master` 分支历史清晰。

## 类型

- [ ] Bug 修复（非破坏性修改）
- [x] 新功能（非破坏性新增功能）
- [ ] 破坏性修改（修改会影响现有功能）
- [ ] 需要更新文档
- [x] 除非引入新的测试示例，否则不修改 `pnpm-lock.yaml`

Reviewed-on: http://124.221.55.225:3000/XW-AIOT/aiot-platform-ui/pulls/2

internal/vite-config/src/plugins/inject-app-loading/default-loading.html

@@ -22,8 +22,8 @@
   }
 
   .loading.hidden {
-    pointer-events: none;
     visibility: hidden;
+    pointer-events: none;
     opacity: 0;
     transition: all 0.8s ease-out;
   }
@@ -34,13 +34,16 @@
 
   .title {
     margin-top: 66px;
+    font-family:
+      -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
+      Arial, sans-serif !important;
     font-size: 28px;
-    font-weight: 600;
-    color: rgb(0 0 0 / 85%);
+    font-weight: 600 !important;
+    color: rgb(0 0 0 / 85%) !important;
   }
 
   .dark .title {
-    color: #fff;
+    color: #fff !important;
   }
 
   .loader {
@@ -56,7 +59,7 @@
     width: 48px;
     height: 5px;
     content: '';
-    background: hsl(var(--primary, 210 100% 50%) / 50%);
+    background: hsl(var(--primary, 37 100% 52%) / 50%);
     border-radius: 50%;
     animation: shadow-ani 0.5s linear infinite;
   }
@@ -68,7 +71,7 @@
     width: 100%;
     height: 100%;
     content: '';
-    background: hsl(var(--primary, 210 100% 50%));
+    background: hsl(var(--primary, 37 100% 52%));
     border-radius: 4px;
     animation: jump-ani 0.5s linear infinite;
   }