接入前端P0页面真实接口

client/src/styles/main.css

@@ -0,0 +1,66 @@
+@import './tokens.css';
+
+* {
+  box-sizing: border-box;
+}
+
+html,
+body,
+#app {
+  min-height: 100%;
+}
+
+body {
+  margin: 0;
+  background: var(--th-color-slate-100);
+  color: var(--th-color-slate-900);
+  font-family: var(--th-font-sans);
+  font-variant-numeric: tabular-nums;
+}
+
+button,
+input,
+textarea,
+select {
+  font: inherit;
+}
+
+a {
+  color: inherit;
+  text-decoration: none;
+}
+
+.th-page {
+  display: grid;
+  gap: 18px;
+}
+
+.th-section {
+  background: var(--th-color-white);
+  border: 1px solid var(--th-color-slate-200);
+  border-radius: var(--th-radius-md);
+  box-shadow: var(--th-shadow-sm);
+}
+
+.th-section-header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 16px;
+  padding: 18px 20px 0;
+}
+
+.th-section-title {
+  margin: 0;
+  color: var(--th-color-slate-900);
+  font-size: 16px;
+  font-weight: 700;
+}
+
+.th-muted {
+  color: var(--th-color-slate-500);
+}
+
+.th-code {
+  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
+}

client/src/styles/tokens.css

@@ -0,0 +1,29 @@
+:root {
+  --th-color-navy-950: #071735;
+  --th-color-navy-900: #0b1f45;
+  --th-color-blue-600: #1267ff;
+  --th-color-blue-100: #e9f1ff;
+  --th-color-slate-900: #101b32;
+  --th-color-slate-700: #40516f;
+  --th-color-slate-500: #71809a;
+  --th-color-slate-200: #dbe3f0;
+  --th-color-slate-100: #eef3f9;
+  --th-color-slate-50: #f7f9fc;
+  --th-color-white: #ffffff;
+  --th-color-success: #15985f;
+  --th-color-success-bg: #e8f7ef;
+  --th-color-warning: #c87905;
+  --th-color-warning-bg: #fff5df;
+  --th-color-danger: #ce2b3f;
+  --th-color-danger-bg: #ffecef;
+  --th-color-info: #1664d9;
+  --th-color-info-bg: #e9f1ff;
+  --th-radius-sm: 6px;
+  --th-radius-md: 8px;
+  --th-radius-lg: 12px;
+  --th-shadow-sm: 0 1px 2px rgb(11 31 69 / 8%);
+  --th-shadow-panel: 0 14px 34px rgb(11 31 69 / 8%);
+  --th-sidebar-width: 180px;
+  --th-topbar-height: 68px;
+  --th-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+}