3498dd7a4b
新增独立 xiaobai-datahub 服务（SQLite WAL、Tushare 盘后发布、/v1 契约和管理后台），不改现站页面与数据链路。 Co-authored-by: Cursor <cursoragent@cursor.com> Co-authored-by: multica-agent <github@multica.ai>
52 lines
2.5 KiB
CSS
52 lines
2.5 KiB
CSS
:root {
|
|
color-scheme: light;
|
|
--bg: #f4f5f7;
|
|
--surface: #ffffff;
|
|
--text: #1f2329;
|
|
--muted: #646a73;
|
|
--line: #dee0e3;
|
|
--action: #3370ff;
|
|
--danger: #e04536;
|
|
--ok: #16a34a;
|
|
--warn: #b45309;
|
|
--radius: 8px;
|
|
--pad: 16px;
|
|
font-family: "Segoe UI", "PingFang SC", "Noto Sans SC", sans-serif;
|
|
}
|
|
:root[data-theme="night"] {
|
|
color-scheme: dark;
|
|
--bg: #111318;
|
|
--surface: #1b1e24;
|
|
--text: #e8eaed;
|
|
--muted: #9aa0a6;
|
|
--line: #2a2f38;
|
|
--action: #5b8cff;
|
|
}
|
|
* { box-sizing: border-box; }
|
|
body { margin: 0; background: var(--bg); color: var(--text); }
|
|
.panel, header.top, nav, main { background: var(--surface); }
|
|
.auth-panel { max-width: 420px; margin: 12vh auto; padding: 28px; border-radius: var(--radius); border: 1px solid var(--line); }
|
|
label { display: block; margin: 12px 0; }
|
|
input, select { width: 100%; padding: 8px 10px; border: 1px solid var(--line); border-radius: 4px; background: var(--bg); color: var(--text); }
|
|
button { background: var(--action); color: #fff; border: 0; border-radius: 4px; padding: 8px 14px; cursor: pointer; }
|
|
button.ghost { background: transparent; color: var(--text); border: 1px solid var(--line); }
|
|
button.danger { background: var(--danger); }
|
|
.muted { color: var(--muted); }
|
|
.error { color: var(--danger); }
|
|
.top { display: flex; gap: 12px; align-items: center; padding: 10px var(--pad); border-bottom: 1px solid var(--line); }
|
|
nav { display: flex; gap: 4px; padding: 8px var(--pad); border-bottom: 1px solid var(--line); }
|
|
nav button { background: transparent; color: var(--muted); }
|
|
nav button.active { color: var(--action); background: transparent; font-weight: 600; }
|
|
main { padding: var(--pad); min-height: calc(100vh - 96px); }
|
|
.cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; margin-bottom: 16px; }
|
|
.card { border: 1px solid var(--line); border-radius: var(--radius); padding: 12px; }
|
|
table { width: 100%; border-collapse: collapse; font-size: 13px; }
|
|
th, td { text-align: left; padding: 8px; border-bottom: 1px solid var(--line); vertical-align: top; }
|
|
.pill { font-size: 12px; padding: 2px 8px; border-radius: 999px; border: 1px solid var(--line); }
|
|
.ok { color: var(--ok); }
|
|
.warn { color: var(--warn); }
|
|
.fail { color: var(--danger); }
|
|
.toolbar { display: flex; gap: 8px; flex-wrap: wrap; margin: 12px 0; align-items: end; }
|
|
.toolbar label { margin: 0; }
|
|
dialog { border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); color: var(--text); padding: 20px; }
|