26 lines
1.4 KiB
CSS
26 lines
1.4 KiB
CSS
:root {
|
|
color-scheme:light dark;
|
|
--background:light-dark(#ffffff,#191c21);
|
|
--foreground:light-dark(#24282e,#eceff3);
|
|
--border:light-dark(#d9dfe5,#424a55);
|
|
--muted-foreground:light-dark(#56616c,#b4bdc8);
|
|
--viz-series-1:light-dark(#146e9a,#6cc8ed);
|
|
--viz-series-2:light-dark(#c6503a,#ff947d);
|
|
--viz-series-3:light-dark(#198064,#64d6ac);
|
|
--font-size-base:14px;
|
|
}
|
|
body { max-width:1000px; margin:0 auto; padding:24px; background:var(--background);color:var(--foreground);font:var(--font-size-base)/1.6 system-ui,"Microsoft YaHei",sans-serif; }
|
|
h2 {font-size:1.4em;font-weight:500;margin-block:0 18px;}
|
|
.viz-controls {display:flex;gap:16px;flex-wrap:wrap;align-items:end;}
|
|
.form-label {display:flex;flex-direction:column;gap:6px;flex:1 1 180px;min-width:0;}
|
|
.form-select {font:inherit;color:var(--foreground);background:var(--background);border:1px solid var(--border);padding:8px;max-width:100%;border-radius:5px;}
|
|
.form-range {width:100%;min-height:30px;accent-color:var(--viz-series-1);}
|
|
.text-small {font-size:12px;}
|
|
.tabular-nums {font-variant-numeric:tabular-nums;}
|
|
.table-responsive {overflow-x:auto;}
|
|
.table {width:100%;border-collapse:collapse;}
|
|
.table th,.table td {padding:6px 8px;border-bottom:1px solid var(--border);}
|
|
.table th {font-weight:500;text-align:left;}
|
|
.table .text-end {text-align:right;}
|
|
@media(max-width:480px) {body{padding:12px;}.form-label{flex-basis:100%;}.form-select{font-size:16px;}}
|