/* Derived from templates/theme.css; edit that owner for token values. */
:root {
  --admin-canonical-font-ui: -apple-system, BlinkMacSystemFont, Inter, "Segoe UI", Roboto,
    "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
    "Noto Sans CJK SC", sans-serif;
  --admin-canonical-font-mono: ui-monospace, "SF Mono", SFMono-Regular, "Cascadia Mono",
    Menlo, Consolas, "DejaVu Sans Mono", monospace;
  --admin-canonical-num: var(--admin-canonical-font-ui);
  --admin-canonical-fs-display: 46px;
  --admin-canonical-fs-num-xl: 38px;
  --admin-canonical-fs-h1: 28px;
  --admin-canonical-fs-num-lg: 22px;
  --admin-canonical-fs-h2: 17px;
  --admin-canonical-fs-md: 15px;
  --admin-canonical-fs-body: 14px;
  --admin-canonical-fs-h3: 14px;
  --admin-canonical-fs-sm: 12.5px;
  --admin-canonical-fs-label: 11px;
  --admin-canonical-fs-micro: 10px;
  --admin-canonical-bg: #0f1115;
  --admin-canonical-panel: #181b21;
  --admin-canonical-panel2: #1e222a;
  --admin-canonical-text: #d7dce3;
  --admin-canonical-muted: #8b93a1;
  --admin-canonical-line: #3a4150;
  --admin-canonical-line-quiet: #272C35;
  --admin-canonical-q1: #2e9e4f;
  --admin-canonical-q2: #d4a017;
  --admin-canonical-q3: #d04545;
  --admin-canonical-q4: #3f78d8;
  --admin-canonical-warn: #e0a030;
  --admin-canonical-act: #e05555;
  --admin-canonical-ok: #3da564;
  --admin-canonical-fresh-ok: var(--admin-canonical-ok);
  --admin-canonical-up: #45b873;
  --admin-canonical-down: #e06464;
  --admin-canonical-orange: #e08b45;
  --admin-canonical-info: #5b9bf0;
  --admin-canonical-link: #7aa7e0;
  --admin-canonical-g-cold: #4d8df0;
  --admin-canonical-g-hot: #e0a23c;
  --admin-canonical-g-mid: #3a4150;
  --admin-canonical-pv-buy: color-mix(in srgb, var(--admin-canonical-up) 82%, var(--admin-canonical-text));
  --admin-canonical-pv-near: color-mix(in srgb, var(--admin-canonical-pv-buy) 70%, var(--admin-canonical-muted));
  --admin-canonical-pv-wait: #e0a030;
  --admin-canonical-pv-hold: #8b93a1;
  --admin-canonical-pv-avoid: #e06464;
  --admin-canonical-pv-dialog-shadow: 0 18px 60px rgba(0,0,0,.2666667);
  --admin-canonical-pv-dialog-backdrop: rgba(0,0,0,.5333333);
  --admin-canonical-chart-bg: transparent;
  --admin-canonical-card-shadow: 0 1px 0 rgba(255,255,255,.02);
  --admin-canonical-popover-shadow: 0 6px 18px rgba(0,0,0,.5);
  --admin-canonical-sb-thumb: color-mix(in srgb, var(--admin-canonical-muted) 34%, transparent);
  --admin-canonical-sb-thumb-hover: color-mix(in srgb, var(--admin-canonical-muted) 60%, transparent);
  --admin-canonical-sb-thumb-active: color-mix(in srgb, var(--admin-canonical-info) 62%, var(--admin-canonical-muted));
  --admin-canonical-glass-bg: color-mix(in srgb, var(--admin-canonical-panel) 86%, transparent);
  --admin-canonical-glass-brd: color-mix(in srgb, var(--admin-canonical-text) 14%, transparent);
  --admin-canonical-glass-blur: saturate(180%) blur(22px);
  --admin-canonical-glass-shadow: 0 24px 64px -22px rgba(3,7,18,.74), 0 10px 26px -12px rgba(3,7,18,.55),
    inset 0 1px 0 color-mix(in srgb,#fff 10%,transparent);
  --admin-canonical-gbtn-bg: color-mix(in srgb, var(--admin-canonical-panel2) 52%, transparent);
  --admin-canonical-gbtn-bg-hover: color-mix(in srgb, var(--admin-canonical-panel2) 76%, transparent);
  --admin-canonical-gbtn-brd: color-mix(in srgb, var(--admin-canonical-text) 12%, transparent);
  --admin-canonical-gbtn-brd-hover: color-mix(in srgb, var(--admin-canonical-text) 24%, transparent);
  --admin-canonical-gbtn-sheen: rgba(255,255,255,.09);
  --admin-canonical-surface-warn-subtle: color-mix(in srgb, var(--admin-canonical-warn) 6%, var(--admin-canonical-panel));
  --admin-canonical-surface-skeleton-deep: color-mix(in srgb, var(--admin-canonical-panel2) 86%, var(--admin-canonical-line));
  --admin-canonical-mc-ink-02: color-mix(in srgb, var(--admin-canonical-text) 2%, transparent);
  --admin-canonical-mc-ink-05: color-mix(in srgb, var(--admin-canonical-text) 5%, transparent);
  --admin-canonical-mc-ink-07: color-mix(in srgb, var(--admin-canonical-text) 7%, transparent);
  --admin-canonical-mc-ink-08: color-mix(in srgb, var(--admin-canonical-text) 8%, transparent);
  --admin-canonical-mc-ink-09: color-mix(in srgb, var(--admin-canonical-text) 9%, transparent);
  --admin-canonical-mc-ink-10: color-mix(in srgb, var(--admin-canonical-text) 10%, transparent);
  --admin-canonical-mc-ink-12: color-mix(in srgb, var(--admin-canonical-text) 12%, transparent);
  --admin-canonical-mc-ink-14: color-mix(in srgb, var(--admin-canonical-text) 14%, transparent);
  --admin-canonical-mc-ink-18: color-mix(in srgb, var(--admin-canonical-text) 18%, transparent);
  --admin-canonical-mc-text-06: color-mix(in srgb, var(--admin-canonical-text) 6%, transparent);
  --admin-canonical-mc-text-10: color-mix(in srgb, var(--admin-canonical-text) 10%, transparent);
  --admin-canonical-mc-text-22: color-mix(in srgb, var(--admin-canonical-text) 22%, transparent);
  --admin-canonical-mc-accent-10: color-mix(in srgb, var(--admin-canonical-info) 10%, transparent);
  --admin-canonical-mc-accent-12: color-mix(in srgb, var(--admin-canonical-info) 12%, transparent);
  --admin-canonical-mc-accent-22: color-mix(in srgb, var(--admin-canonical-info) 22%, transparent);
  --admin-canonical-mc-accent-34: color-mix(in srgb, var(--admin-canonical-info) 34%, transparent);
  --admin-canonical-mc-accent-line: color-mix(in srgb, var(--admin-canonical-info) 38%, var(--admin-canonical-mq-line));
  --admin-canonical-mc-halo: 0;
  --admin-canonical-mc-halo-fill: color-mix(in srgb, currentColor calc(var(--admin-canonical-mc-halo) * 100%), transparent);
  --admin-canonical-mc-stance-ok: transparent;
  --admin-canonical-mc-stance-warn: transparent;
  --admin-canonical-mc-stance-bad: transparent;
  --admin-canonical-mc-stance-neutral: transparent;
  --admin-canonical-mc-stance-fill: var(--admin-canonical-mc-stance-neutral);
  --admin-canonical-esurf-hair: color-mix(in srgb, var(--admin-canonical-line) 78%, transparent);
  --admin-canonical-esurf-hair-soft: color-mix(in srgb, var(--admin-canonical-line) 44%, transparent);
  --admin-canonical-esurf-ser1: var(--admin-canonical-info);
  --admin-canonical-esurf-ser2: #d4a017;
  --admin-canonical-esurf-band: color-mix(in srgb, var(--admin-canonical-esurf-ser1) 15%, transparent);
  --admin-canonical-esurf-flat: #5f6879;
  --admin-canonical-esurf-skel: #22262f;
  --admin-canonical-esurf-neutral-soft: color-mix(in srgb, var(--admin-canonical-muted) 14%, transparent);
  --admin-canonical-esurf-warn-soft: color-mix(in srgb, var(--admin-canonical-warn) 13%, transparent);
  --admin-canonical-esurf-warn-line: color-mix(in srgb, var(--admin-canonical-warn) 40%, transparent);
  --admin-canonical-esurf-ok-soft: color-mix(in srgb, var(--admin-canonical-ok) 13%, transparent);
  --admin-canonical-esurf-btn-hover: color-mix(in srgb, var(--admin-canonical-panel2) 72%, var(--admin-canonical-line));
  --admin-canonical-esurf-chip-warn-hover: color-mix(in srgb, var(--admin-canonical-warn) 18%, transparent);
  --admin-canonical-esurf-mv-hover: color-mix(in srgb, var(--admin-canonical-panel2) 60%, transparent);
}
html[data-theme="light"] {
  --admin-canonical-gbtn-bg: color-mix(in srgb, var(--admin-canonical-panel2) 78%, var(--admin-canonical-panel));
  --admin-canonical-gbtn-bg-hover: color-mix(in srgb, var(--admin-canonical-panel2) 96%, var(--admin-canonical-panel));
  --admin-canonical-gbtn-brd: color-mix(in srgb, #1c2430 50%, transparent);
  --admin-canonical-gbtn-brd-hover: color-mix(in srgb, #1c2430 66%, transparent);
  --admin-canonical-gbtn-sheen: rgba(255,255,255,.7);
  --admin-canonical-mc-stance-ok: color-mix(in srgb, var(--admin-canonical-ok) 6%, transparent);
  --admin-canonical-mc-stance-warn: color-mix(in srgb, var(--admin-canonical-warn) 6%, transparent);
  --admin-canonical-mc-stance-bad: color-mix(in srgb, var(--admin-canonical-act) 6%, transparent);
  --admin-canonical-mc-stance-neutral: color-mix(in srgb, var(--admin-canonical-muted) 6%, transparent);
  --admin-canonical-esurf-ser1: #2f63c4;
  --admin-canonical-esurf-ser2: #8f6a04;
  --admin-canonical-esurf-band: color-mix(in srgb, var(--admin-canonical-esurf-ser1) 11%, transparent);
  --admin-canonical-esurf-flat: #8a93a1;
  --admin-canonical-esurf-skel: #e9ecf1;
  --admin-canonical-esurf-neutral-soft: var(--admin-canonical-panel2);
  --admin-canonical-esurf-warn-soft: color-mix(in srgb, var(--admin-canonical-warn) 12%, var(--admin-canonical-panel));
  --admin-canonical-esurf-warn-line: color-mix(in srgb, var(--admin-canonical-warn) 45%, transparent);
  --admin-canonical-esurf-ok-soft: color-mix(in srgb, var(--admin-canonical-ok) 10%, var(--admin-canonical-panel));
}
html[data-theme="light"] {
  --admin-canonical-bg: #f7f8fa;
  --admin-canonical-panel: #ffffff;
  --admin-canonical-panel2: #eef1f6;
  --admin-canonical-text: #1c2430;
  --admin-canonical-muted: #5d6b7e;
  --admin-canonical-line: color-mix(in srgb, #1c2430 16%, #eaecf0);
  --admin-canonical-line-quiet: #E2E6EC;
  --admin-canonical-q1: #1f8b41;
  --admin-canonical-q2: #b07d05;
  --admin-canonical-q3: #c12f2f;
  --admin-canonical-q4: #2f63c4;
  --admin-canonical-warn: #b9791a;
  --admin-canonical-act: #c43d3d;
  --admin-canonical-ok: #2f8a52;
  --admin-canonical-fresh-ok: var(--admin-canonical-ok);
  --admin-canonical-up: #1f9a55;
  --admin-canonical-down: #cf4040;
  --admin-canonical-orange: #c4781f;
  --admin-canonical-info: #285fff;
  --admin-canonical-link: #285fff;
  --admin-canonical-g-cold: #285fff;
  --admin-canonical-g-hot: #c2841f;
  --admin-canonical-g-mid: #cdd5e0;
  --admin-canonical-pv-buy: color-mix(in srgb, var(--admin-canonical-up) 54%, var(--admin-canonical-text));
  --admin-canonical-pv-near: color-mix(in srgb, var(--admin-canonical-pv-buy) 70%, var(--admin-canonical-muted));
  --admin-canonical-pv-wait: #b9791a;
  --admin-canonical-pv-hold: #5d6b7e;
  --admin-canonical-pv-avoid: #cf4040;
  --admin-canonical-chart-bg: #11151c;
  --admin-canonical-card-shadow: 0 1px 3px rgba(20,30,50,.07);
  --admin-canonical-popover-shadow: 0 4px 10px rgba(20,30,50,.06), 0 12px 28px rgba(20,30,50,.14);
  --admin-canonical-glass-bg: color-mix(in srgb, var(--admin-canonical-panel) 90%, transparent);
  --admin-canonical-glass-brd: color-mix(in srgb, #1c2430 9%, transparent);
  --admin-canonical-glass-shadow: 0 20px 54px -24px rgba(20,32,64,.34), 0 10px 24px -14px rgba(20,32,64,.20),
    inset 0 1px 0 rgba(255,255,255,.85);
}
html[data-lang="zh"] {
  --admin-canonical-up: #e06464;
  --admin-canonical-down: #45b873;
  --admin-canonical-q1: #d04545;
  --admin-canonical-q3: #2e9e4f;
  --admin-canonical-pv-avoid: var(--admin-canonical-down);
}
html[data-theme="light"][data-lang="zh"] {
  --admin-canonical-up: #cf4040;
  --admin-canonical-down: #1f9a55;
  --admin-canonical-q1: #c12f2f;
  --admin-canonical-q3: #1f8b41;
}
:root {
  --admin-canonical-ink-mix-up: 100%;
  --admin-canonical-ink-mix-down: 100%;
  --admin-canonical-ink-mix-warn: 100%;
  --admin-canonical-ink-mix-ok: 100%;
  --admin-canonical-ink-mix-act: 100%;
  --admin-canonical-ink-mix-orange: 100%;
  --admin-canonical-ink-mix-link: 100%;
  --admin-canonical-ink-mix-info: 100%;
}
html[data-theme="light"] {
  --admin-canonical-ink-mix-up: 62%;
  --admin-canonical-ink-mix-down: 84%;
  --admin-canonical-ink-mix-warn: 62%;
  --admin-canonical-ink-mix-ok: 70%;
  --admin-canonical-ink-mix-act: 88%;
  --admin-canonical-ink-mix-orange: 58%;
  --admin-canonical-ink-mix-link: 88%;
  --admin-canonical-ink-mix-info: 88%;
}
html[data-theme="light"][data-lang="zh"] {
  --admin-canonical-ink-mix-up: 84%;
  --admin-canonical-ink-mix-down: 62%;
}
:root {
  --admin-canonical-ink-up: color-mix(in srgb, var(--admin-canonical-up)     var(--admin-canonical-ink-mix-up),     var(--admin-canonical-text));
  --admin-canonical-ink-down: color-mix(in srgb, var(--admin-canonical-down)   var(--admin-canonical-ink-mix-down),   var(--admin-canonical-text));
  --admin-canonical-ink-warn: color-mix(in srgb, var(--admin-canonical-warn)   var(--admin-canonical-ink-mix-warn),   var(--admin-canonical-text));
  --admin-canonical-ink-ok: color-mix(in srgb, var(--admin-canonical-ok)     var(--admin-canonical-ink-mix-ok),     var(--admin-canonical-text));
  --admin-canonical-ink-act: color-mix(in srgb, var(--admin-canonical-act)    var(--admin-canonical-ink-mix-act),    var(--admin-canonical-text));
  --admin-canonical-ink-orange: color-mix(in srgb, var(--admin-canonical-orange) var(--admin-canonical-ink-mix-orange), var(--admin-canonical-text));
  --admin-canonical-ink-link: color-mix(in srgb, var(--admin-canonical-link)   var(--admin-canonical-ink-mix-link),   var(--admin-canonical-text));
  --admin-canonical-ink-info: color-mix(in srgb, var(--admin-canonical-info)   var(--admin-canonical-ink-mix-info),   var(--admin-canonical-text));
  --admin-canonical-wash-ok: color-mix(in srgb, var(--admin-canonical-ok) 16%, transparent);
  --admin-canonical-ring-ok: color-mix(in srgb, var(--admin-canonical-ok) 26%, transparent);
}
:root {
  --admin-canonical-fill-mix: 64%;
  --admin-canonical-fill-up: color-mix(in srgb, var(--admin-canonical-up)     var(--admin-canonical-fill-mix), #000);
  --admin-canonical-fill-down: color-mix(in srgb, var(--admin-canonical-down)   var(--admin-canonical-fill-mix), #000);
  --admin-canonical-fill-warn: color-mix(in srgb, var(--admin-canonical-warn)   var(--admin-canonical-fill-mix), #000);
  --admin-canonical-fill-ok: color-mix(in srgb, var(--admin-canonical-ok)     var(--admin-canonical-fill-mix), #000);
  --admin-canonical-fill-act: color-mix(in srgb, var(--admin-canonical-act)    var(--admin-canonical-fill-mix), #000);
  --admin-canonical-fill-orange: color-mix(in srgb, var(--admin-canonical-orange) var(--admin-canonical-fill-mix), #000);
  --admin-canonical-fill-link: color-mix(in srgb, var(--admin-canonical-link)   var(--admin-canonical-fill-mix), #000);
  --admin-canonical-fill-info: color-mix(in srgb, var(--admin-canonical-info)   var(--admin-canonical-fill-mix), #000);
}
:root {
  --admin-canonical-ff-tint-act-8: color-mix(in srgb, var(--admin-canonical-act) 8%, transparent);
  --admin-canonical-ff-tint-act-43-border: color-mix(in srgb, var(--admin-canonical-act) 43%, var(--admin-canonical-ff-border));
  --admin-canonical-ff-tint-act-30-line: color-mix(in srgb, var(--admin-canonical-act) 30%, var(--admin-canonical-line));
  --admin-canonical-ff-tint-act-10-panel2: color-mix(in srgb, var(--admin-canonical-act) 10%, var(--admin-canonical-panel2));
  --admin-canonical-ff-tint-act-12-panel: color-mix(in srgb, var(--admin-canonical-act) 12%, var(--admin-canonical-panel));
  --admin-canonical-ff-tint-bg-96-act: color-mix(in srgb, var(--admin-canonical-bg) 96%, var(--admin-canonical-act));
  --admin-canonical-ff-tint-bg-94-info: color-mix(in srgb, var(--admin-canonical-bg) 94%, var(--admin-canonical-info));
  --admin-canonical-ff-tint-info-7: color-mix(in srgb, var(--admin-canonical-info) 7%, transparent);
  --admin-canonical-ff-tint-info-8: color-mix(in srgb, var(--admin-canonical-info) 8%, transparent);
  --admin-canonical-ff-tint-info-11: color-mix(in srgb, var(--admin-canonical-info) 11%, transparent);
  --admin-canonical-ff-tint-info-35: color-mix(in srgb, var(--admin-canonical-info) 35%, transparent);
  --admin-canonical-ff-tint-info-45: color-mix(in srgb, var(--admin-canonical-info) 45%, transparent);
  --admin-canonical-ff-tint-info-32-border: color-mix(in srgb, var(--admin-canonical-info) 32%, var(--admin-canonical-ff-border));
  --admin-canonical-ff-tint-info-38-border: color-mix(in srgb, var(--admin-canonical-info) 38%, var(--admin-canonical-ff-border));
  --admin-canonical-ff-tint-info-40-border: color-mix(in srgb, var(--admin-canonical-info) 40%, var(--admin-canonical-ff-border));
  --admin-canonical-ff-tint-info-70-border: color-mix(in srgb, var(--admin-canonical-info) 70%, var(--admin-canonical-ff-border));
  --admin-canonical-ff-tint-info-40-line: color-mix(in srgb, var(--admin-canonical-info) 40%, var(--admin-canonical-line));
  --admin-canonical-ff-tint-info-45-line: color-mix(in srgb, var(--admin-canonical-info) 45%, var(--admin-canonical-line));
  --admin-canonical-ff-tint-info-4-panel: color-mix(in srgb, var(--admin-canonical-info) 4%, var(--admin-canonical-panel));
  --admin-canonical-ff-tint-info-5-panel: color-mix(in srgb, var(--admin-canonical-info) 5%, var(--admin-canonical-panel));
  --admin-canonical-ff-tint-info-10-panel: color-mix(in srgb, var(--admin-canonical-info) 10%, var(--admin-canonical-panel));
  --admin-canonical-ff-tint-info-11-panel2: color-mix(in srgb, var(--admin-canonical-info) 11%, var(--admin-canonical-panel2));
  --admin-canonical-ff-tint-info-12-panel: color-mix(in srgb, var(--admin-canonical-info) 12%, var(--admin-canonical-panel));
  --admin-canonical-ff-tint-info-12-panel2: color-mix(in srgb, var(--admin-canonical-info) 12%, var(--admin-canonical-panel2));
  --admin-canonical-ff-tint-info-16-panel: color-mix(in srgb, var(--admin-canonical-info) 16%, var(--admin-canonical-panel));
  --admin-canonical-ff-tint-info-18-panel: color-mix(in srgb, var(--admin-canonical-info) 18%, var(--admin-canonical-panel));
  --admin-canonical-ff-tint-muted-8: color-mix(in srgb, var(--admin-canonical-muted) 8%, transparent);
  --admin-canonical-ff-tint-muted-40-line: color-mix(in srgb, var(--admin-canonical-muted) 40%, var(--admin-canonical-line));
  --admin-canonical-ff-tint-warn-6: color-mix(in srgb, var(--admin-canonical-warn) 6%, transparent);
  --admin-canonical-ff-tint-warn-40-line: color-mix(in srgb, var(--admin-canonical-warn) 40%, var(--admin-canonical-line));
}
:root {
  --admin-canonical-ink-pv-buy: var(--admin-canonical-pv-buy);
  --admin-canonical-ink-pv-near: var(--admin-canonical-pv-near);
  --admin-canonical-ink-pv-wait: var(--admin-canonical-pv-wait);
  --admin-canonical-ink-pv-avoid: color-mix(in srgb, var(--admin-canonical-pv-avoid) 88%, var(--admin-canonical-text));
}
html[data-theme="light"] {
  --admin-canonical-ink-pv-buy: var(--admin-canonical-pv-buy);
  --admin-canonical-ink-pv-near: var(--admin-canonical-pv-near);
  --admin-canonical-ink-pv-wait: color-mix(in srgb, var(--admin-canonical-pv-wait)  62%, var(--admin-canonical-text));
  --admin-canonical-ink-pv-avoid: color-mix(in srgb, var(--admin-canonical-pv-avoid) 84%, var(--admin-canonical-text));
}
html[data-theme="light"][data-lang="zh"] {
  --admin-canonical-ink-pv-avoid: color-mix(in srgb, var(--admin-canonical-pv-avoid) 62%, var(--admin-canonical-text));
}
:root {
  --admin-canonical-prov: #62a0e8;
  --admin-canonical-prov-ink: var(--admin-canonical-prov);
}
html[data-theme="light"] {
  --admin-canonical-prov: #2f6fd0;
  --admin-canonical-prov-ink: color-mix(in srgb, var(--admin-canonical-prov) 82%, var(--admin-canonical-text));
}