/* 矩阵终端（科技·dark）｜主题 matrix */
:root{color-scheme:dark;--bg:#000600;--surface:#031003;--surface2:#071a08;--line:#123d18;--text:#c8ffcf;--muted:#5f9e68;--faint:#356b3d;--teal:#39ff14;--teal-deep:#0a2e0d;--red:#ff5c4d;--amber:#c8ff3e;--blue:#4dff9e}
:root{--radius:10px;--radius-sm:6px;--border-w:1px;--glow:0 0 18px rgba(0,0,0,.35);--font-num:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--letter:.3px;--density:14px;--panel-shadow:0 10px 30px rgba(0,0,0,.4)}

/* 基础层中和：把 theme.css 写死的深色替换为变量，浅色主题才不会出现黑块 */
.app .side{background:var(--surface2)}
.side-bottom{background:var(--surface)}
.bar{background:var(--line)}
.data-table td,.kv-table td{border-bottom-color:var(--line)}
.daily-bars .down{border-top-color:var(--line)}
.alert{background:var(--surface2);color:var(--text);border-color:var(--line)}
.mode{border-color:var(--line);color:var(--blue)}
.btn{background:var(--surface2);color:var(--text);border-color:var(--line)}
.btn:hover{background:var(--surface);border-color:var(--teal)}
.chart-empty{color:var(--faint)}
.tag,.pill{color:var(--muted)}
.ok{background:var(--surface2);color:var(--teal);border-color:var(--line)}
.error{background:var(--surface2);color:var(--red);border-color:var(--line)}
input[type=text],input[type=password],input[type=number],input[type=email],select{background:var(--surface2)}
.secret{background:var(--surface2)}
.card.active{border-color:var(--teal);box-shadow:inset 0 0 0 1px rgba(127,127,127,.18)}
.btn.primary{background:var(--teal-deep);color:var(--bg)}
.status-pill{border-radius:var(--radius-sm)}
.tag,.pill{border-radius:var(--radius-sm)}
.tabs,.btn,.alert,.explain,.resume{border-radius:var(--radius-sm)}

body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC",sans-serif}
.app .side{background:linear-gradient(180deg,var(--bg),var(--surface));border-right:1px solid var(--line)}
.brand strong{font-weight:800}
.eyebrow{letter-spacing:2.2px}
.nav a.active{box-shadow:inset 2px 0 var(--teal),0 0 18px rgba(0,0,0,0)}
.panel{box-shadow:0 10px 30px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.03)}
.big-number,.metric .value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.bar i{box-shadow:0 0 10px rgba(0,0,0,.2)}
.mode{box-shadow:0 0 14px rgba(0,0,0,.15)}
.positive,.green{color:var(--teal)!important}

body{background:radial-gradient(900px 600px at 50% -20%,rgba(57,255,20,.10),transparent 60%),var(--bg);
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
h1,h2,.big-number,.metric .value,.brand strong{font-family:ui-monospace,Menlo,monospace;letter-spacing:1px}
.big-number,.metric .value{text-shadow:0 0 18px rgba(57,255,20,.55)}
.eyebrow,.positive,.green{text-shadow:0 0 10px rgba(57,255,20,.6)}
.panel,.metric{border-color:var(--line);box-shadow:inset 0 0 30px rgba(57,255,20,.03)}
.nav a.active{box-shadow:inset 2px 0 var(--teal),0 0 16px rgba(57,255,20,.2)}
.bar i{background:var(--teal);box-shadow:0 0 10px rgba(57,255,20,.6)}