style: 暗色模式完善 + CSS 打磨 + 打包配置

gui/src-frontend/src/index.css

@@ -2,8 +2,22 @@
 @tailwind components;
 @tailwind utilities;
 
+@layer base {
+  :root {
+    --glass-bg: rgba(255, 255, 255, 0.7);
+    --glass-border: rgba(0, 0, 0, 0.08);
+  }
+  @media (prefers-color-scheme: dark) {
+    :root {
+      --glass-bg: rgba(17, 24, 39, 0.7);
+      --glass-border: rgba(255, 255, 255, 0.06);
+    }
+  }
+}
+
 body {
   @apply bg-gray-50 text-gray-900 dark:bg-gray-950 dark:text-gray-100;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei', sans-serif;
   margin: 0;
   overflow: hidden;
   user-select: none;
@@ -14,3 +28,21 @@ body {
   display: flex;
   flex-direction: column;
 }
+
+/* QR 预览区 SVG 自适应 */
+.qr-preview svg {
+  width: 100% !important;
+  height: 100% !important;
+}
+
+/* 自定义滚动条 */
+::-webkit-scrollbar { width: 4px; }
+::-webkit-scrollbar-track { background: transparent; }
+::-webkit-scrollbar-thumb {
+  @apply bg-gray-300 dark:bg-gray-700 rounded-full;
+}
+
+/* 输入框聚焦 */
+input:focus, textarea:focus, select:focus {
+  @apply ring-2 ring-blue-500/30 outline-none;
+}