Update 2026-05-18 14:31:53

frontend/src/index.css

@@ -5,7 +5,14 @@ body,
 }
 
 :root {
-  font-family: "PingFang SC", "Microsoft YaHei", "Heiti SC", Inter, system-ui, sans-serif;
+  --app-font-serif: 'Noto Serif SC', 'Songti SC', 'SimSun', serif;
+  --app-font-sans: 'Source Sans 3', 'PingFang SC', 'Microsoft YaHei', sans-serif;
+  --app-font-mono: 'IBM Plex Mono', 'Consolas', monospace;
+  --app-ink: #292524;
+  --app-parchment: #f5f0e6;
+  --app-copper: #b45309;
+  --app-gold: #f59e0b;
+  font-family: var(--app-font-sans);
   line-height: 1.5715;
   font-weight: 400;
   font-synthesis: none;
@@ -16,6 +23,41 @@ body,
   -ms-text-size-adjust: 100%;
 }
 
+[data-theme-resolved='dark'] {
+  --app-ink: #e7e5e4;
+  --app-parchment: #0c0a09;
+  --app-copper: #f59e0b;
+  --app-gold: #fbbf24;
+}
+
+.app-serif-title {
+  font-family: var(--app-font-serif);
+  letter-spacing: 0.02em;
+}
+
+.app-shell-sider .ant-menu-dark,
+.app-shell-sider .ant-menu {
+  background: transparent !important;
+}
+
+.app-shell-sider .ant-menu-item-selected {
+  border-left: 3px solid var(--app-gold) !important;
+}
+
+.app-login-tabs .ant-tabs-nav::before {
+  border-bottom-color: color-mix(in srgb, var(--app-ink) 12%, transparent);
+}
+
+.app-login-tabs .ant-tabs-tab-active .ant-tabs-tab-btn {
+  color: var(--app-copper) !important;
+  font-weight: 700;
+}
+
+.app-prompt-header {
+  border-left: 4px solid var(--app-copper);
+  padding-left: 20px;
+}
+
 body {
   margin: 0;
   min-height: 100vh;
@@ -219,8 +261,8 @@ body {
 }
 
 .ant-tooltip .ant-tooltip-inner {
-  background: var(--app-tooltip-bg, #884d5c);
-  border-radius: 8px;
+  background: var(--app-tooltip-bg, #292524);
+  border-radius: 2px;
   padding: 8px 16px;
   font-weight: 500;
   box-shadow: 0 4px 12px var(--app-tooltip-shadow, rgba(136, 77, 92, 0.3));