From 1b7b3fd5e808140ee7d42cf6c162a98a249d4ca4 Mon Sep 17 00:00:00 2001
From: Jokul <wangshengshan011@163.com>
Date: Sat, 4 Jul 2026 21:31:37 +0800
Subject: [PATCH] fix: restore missing CSS styles

---
 src/main.ts              |  3 ++-
 src/styles/global.css    | 26 +++++++++++++++++++++++++
 src/styles/variables.css | 42 ++++++++++++++++++++++++++++++++++++++++
 3 files changed, 70 insertions(+), 1 deletion(-)
 create mode 100644 src/styles/global.css
 create mode 100644 src/styles/variables.css

diff --git a/src/main.ts b/src/main.ts
index b4894fb..89928a3 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,10 +1,11 @@
-// src/renderer/main.ts
+// src/main.ts
 import { createApp } from 'vue'
 import { createPinia } from 'pinia'
 import ElementPlus from 'element-plus'
 import 'element-plus/dist/index.css'
 import * as ElementPlusIconsVue from '@element-plus/icons-vue'
 import App from './App.vue'
+import './styles/global.css'
 
 const app = createApp(App)
 app.use(createPinia())
diff --git a/src/styles/global.css b/src/styles/global.css
new file mode 100644
index 0000000..32bfe67
--- /dev/null
+++ b/src/styles/global.css
@@ -0,0 +1,26 @@
+/* src/styles/global.css */
+@import './variables.css';
+
+*, *::before, *::after {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+html, body, #app {
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+}
+
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  background: var(--bg-primary);
+  color: var(--text-primary);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+::-webkit-scrollbar { width: 6px; height: 6px; }
+::-webkit-scrollbar-track { background: transparent; }
+::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.1); border-radius: 3px; }
diff --git a/src/styles/variables.css b/src/styles/variables.css
new file mode 100644
index 0000000..7cc0916
--- /dev/null
+++ b/src/styles/variables.css
@@ -0,0 +1,42 @@
+/* src/styles/variables.css */
+:root {
+  --bg-primary: #0f0f1a;
+  --bg-secondary: #1a1a2e;
+  --bg-card: rgba(255, 255, 255, 0.03);
+  --bg-card-hover: rgba(255, 255, 255, 0.06);
+  --bg-card-active: rgba(99, 102, 241, 0.08);
+  --border-color: rgba(255, 255, 255, 0.06);
+  --border-accent: rgba(99, 102, 241, 0.2);
+  --text-primary: #e2e8f0;
+  --text-secondary: #94a3b8;
+  --text-muted: #64748b;
+  --accent: #6366f1;
+  --accent-light: #a5b4fc;
+  --success: #22c55e;
+  --warning: #eab308;
+  --danger: #ef4444;
+  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.2);
+  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.3);
+  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.4);
+  --shadow-glow: 0 0 14px rgba(99, 102, 241, 0.2);
+  --radius-sm: 8px;
+  --radius-md: 12px;
+  --radius-lg: 16px;
+}
+
+:root.light {
+  --bg-primary: #f8fafc;
+  --bg-secondary: #f1f5f9;
+  --bg-card: #ffffff;
+  --bg-card-hover: #f1f5f9;
+  --bg-card-active: rgba(99, 102, 241, 0.06);
+  --border-color: rgba(0, 0, 0, 0.06);
+  --border-accent: rgba(99, 102, 241, 0.15);
+  --text-primary: #1e293b;
+  --text-secondary: #64748b;
+  --text-muted: #94a3b8;
+  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
+  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.06);
+  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.08);
+  --shadow-glow: 0 0 12px rgba(99, 102, 241, 0.1);
+}