Add OTA package upload functionality and UI enhancements

- Introduced a new endpoint for uploading OTA packages in backend/routes/ota.py.
- Implemented file handling and MD5 checksum calculation for OTA packages.
- Updated frontend API to support OTA package uploads with a new uploadOtaPackage function.
- Enhanced the OTA management UI to include file upload options and improved layout.
- Updated requirements.txt to include boto3 for S3 interactions.
- Made various UI adjustments for better user experience and consistency.

frontend/src/styles/lux-theme.css

@@ -89,7 +89,10 @@ body {
 .lux-shell .sidebar-glass {
   position: relative;
   width: 220px !important;
-  overflow-x: hidden;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
   background: var(--lux-glass-sidebar) !important;
   backdrop-filter: blur(18px);
   -webkit-backdrop-filter: blur(18px);
@@ -119,6 +122,9 @@ body {
 }
 
 .lux-shell .lux-menu.el-menu {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
   border-right: none !important;
   background: transparent !important;
   padding: 8px 6px 16px;
@@ -159,36 +165,71 @@ body {
   color: inherit;
 }
 
-/* —— 顶栏 —— */
+/* —— 顶栏（与内容卡片一致的浅色底） —— */
 .lux-shell .lux-header {
-  height: 56px !important;
+  height: 44px !important;
+  min-height: 44px !important;
   display: flex;
   align-items: center;
-  justify-content: space-between;
-  padding: 0 22px !important;
-  margin: 12px 16px 0 8px;
-  border-radius: 14px;
-  background: var(--lux-glass-header);
+  justify-content: flex-end;
+  padding: 0 14px !important;
+  margin: 8px 16px 0 8px;
+  border-radius: 10px;
+  background: var(--lux-card-grad) !important;
   backdrop-filter: blur(14px);
   -webkit-backdrop-filter: blur(14px);
-  border: 1px solid rgba(148, 163, 184, 0.2);
+  border: 1px solid rgba(148, 163, 184, 0.22) !important;
   box-shadow:
-    0 4px 6px -1px rgba(15, 23, 42, 0.06),
-    0 0 0 1px rgba(255, 255, 255, 0.7) inset;
+    0 2px 4px -1px rgba(15, 23, 42, 0.05),
+    0 0 0 1px rgba(255, 255, 255, 0.65) inset;
 }
 
-.lux-shell .lux-header-title {
-  font-size: 17px;
-  font-weight: 700;
-  letter-spacing: -0.01em;
-  color: #0f172a;
+.lux-shell .lux-header-power-btn {
+  width: 34px !important;
+  height: 34px !important;
+  padding: 0 !important;
+  box-shadow: 0 4px 12px rgba(56, 189, 248, 0.22) !important;
+}
+
+.lux-shell .lux-header-power-btn .el-icon {
+  margin: 0;
+}
+
+.lux-shell .lux-header-power-btn:hover,
+.lux-shell .lux-header-power-btn:focus {
+  box-shadow: 0 6px 16px rgba(56, 189, 248, 0.3) !important;
 }
 
 /* —— 主内容区 —— */
 .lux-shell .lux-main {
   background: transparent !important;
-  padding: 16px 16px 24px 12px !important;
+  padding: 12px 16px 24px 12px !important;
   overflow: auto;
+  flex: 1;
+  min-height: 0;
+}
+
+.lux-shell .lux-footer {
+  flex-shrink: 0;
+  height: auto !important;
+  padding: 10px 16px 14px !important;
+  margin: 0 16px 12px 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(15, 23, 42, 0.35) !important;
+  backdrop-filter: blur(10px);
+  -webkit-backdrop-filter: blur(10px);
+  border-radius: 12px;
+  border: none !important;
+  box-shadow: none;
+}
+
+.lux-shell .lux-footer-copy {
+  font-size: 12px;
+  color: rgba(203, 213, 225, 0.85);
+  letter-spacing: 0.03em;
+  user-select: none;
 }
 
 .lux-shell .card-header .title {
@@ -219,6 +260,20 @@ body {
   color: var(--lux-text-strong);
 }
 
+/* 列表页顶部筛选栏：压低整体高度 */
+.lux-shell .el-card.search-card {
+  margin-bottom: 14px !important;
+}
+
+.lux-shell .el-card.search-card .el-card__body {
+  padding: 8px 14px 10px !important;
+}
+
+.lux-shell .search-form.el-form--inline .el-form-item {
+  margin-bottom: 4px;
+  margin-top: 0;
+}
+
 .lux-shell .el-table {
   --el-table-border-color: rgba(148, 163, 184, 0.22);
   --el-table-header-bg-color: #eef2f7;