新版ui

public/index.html

@@ -9,6 +9,67 @@
   <title>
     <%= webpackConfig.name %>
   </title>
+
+  <!-- Fonts -->
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&amp;display=swap"
+    rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/icon?family=Material+Icons+Round" rel="stylesheet" />
+
+  <!-- Tailwind CSS -->
+  <script src="https://cdn.tailwindcss.com?plugins=forms,typography"></script>
+  <script>
+    tailwind.config = {
+      darkMode: "class",
+      theme: {
+        extend: {
+          colors: {
+            primary: "#0066FF", // Cyber Blue
+            secondary: "#6366F1", // Electric Indigo
+            "background-light": "#F8FAFC",
+            "background-dark": "#0F172A",
+          },
+          fontFamily: {
+            display: ["Inter", "sans-serif"],
+          },
+          borderRadius: {
+            DEFAULT: "12px",
+            'xl': '20px',
+          },
+          boxShadow: {
+            'premium': '0 4px 20px -2px rgba(0, 0, 0, 0.05), 0 2px 10px -2px rgba(0, 0, 0, 0.02)',
+            'glass': 'inset 0 0 0 1px rgba(255, 255, 255, 0.4)',
+          }
+        },
+      },
+    };
+  </script>
+
+  <!-- Global Styles -->
+  <style>
+    body {
+      font-family: 'Inter', sans-serif;
+    }
+
+    .glass-card {
+      background: rgba(255, 255, 255, 0.7);
+      backdrop-filter: blur(12px);
+      -webkit-backdrop-filter: blur(12px);
+      border: 1px solid rgba(255, 255, 255, 0.3);
+    }
+
+    .sidebar-active {
+      background: linear-gradient(90deg, #F0F7FF 0%, #FFFFFF 100%);
+      border-right: 3px solid #0066FF;
+      box-shadow: 4px 0 15px -5px rgba(0, 102, 255, 0.15);
+    }
+
+    .subtle-grid {
+      background-image: radial-gradient(#E2E8F0 0.5px, transparent 0.5px);
+      background-size: 24px 24px;
+    }
+
+    /* QT WebChannel */
+  </style>
   <script src="qrc:///qtwebchannel/qwebchannel.js"></script>
 </head>