inital

frontend/src/styles/theme.css

@@ -0,0 +1,59 @@
+/* 设计令牌——与 HTML 参考文件保持一致 */
+:root {
+  --bg:      #07091A;
+  --bg-1:    #0B0E24;
+  --bg-2:    #10142E;
+  --bg-card: #0D1028;
+  --bg-hi:   #141838;
+
+  --blue:    #2E55F5;
+  --blue-2:  #5578FF;
+  --blue-gl: rgba(46, 85, 245, 0.15);
+  --blue-bd: rgba(46, 85, 245, 0.3);
+
+  --violet:   #7B3FE4;
+  --violet-2: #9A68EE;
+  --cyan:     #19C3E6;
+  --mint:     #25D6A3;
+  --amber:    #FFA336;
+  --red:      #FF4D6A;
+
+  --t1: #F0F2FF;
+  --t2: #B8BEDD;
+  --t3: #7A80A0;
+  --t4: #4A506A;
+
+  --rule:  rgba(255, 255, 255, 0.07);
+  --rule2: rgba(255, 255, 255, 0.13);
+
+  --sans: 'Noto Sans SC', system-ui, sans-serif;
+  --mono: 'JetBrains Mono', 'Courier New', monospace;
+
+  --r:      12px;
+  --r-sm:   8px;
+  --r-pill: 20px;
+}
+
+*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+
+html, body {
+  height: 100%;
+  background: var(--bg);
+  color: var(--t1);
+  font-family: var(--sans);
+  font-size: 14px;
+  line-height: 1.5;
+  -webkit-font-smoothing: antialiased;
+}
+
+a { color: inherit; text-decoration: none; }
+button { cursor: pointer; font-family: inherit; }
+input, select, textarea { font-family: inherit; }
+
+/* Element Plus 暗色覆盖 */
+.el-table { --el-table-bg-color: var(--bg-card); --el-table-header-bg-color: var(--bg-2); }
+.el-input__wrapper { background: var(--bg-2) !important; box-shadow: 0 0 0 1px var(--rule2) !important; }
+.el-input__inner { color: var(--t1) !important; }
+.el-select-dropdown { background: var(--bg-2); border-color: var(--rule2); }
+.el-select-dropdown__item { color: var(--t2); }
+.el-select-dropdown__item.hover, .el-select-dropdown__item:hover { background: var(--bg-hi); }