:root{
 --tone-blue-bg:#dce6ef;--tone-blue-ink:#315b80;--tone-blue-line:#a0b8ce;
 --tone-teal-bg:#d8e9df;--tone-teal-ink:#205c44;--tone-teal-line:#92b8a1;
 --tone-gold-bg:#efe0c4;--tone-gold-ink:#795013;--tone-gold-line:#c9ac77;
 --tone-violet-bg:#e6def0;--tone-violet-ink:#674280;--tone-violet-line:#b7a0c9;
 --tone-slate-bg:#dce2e9;--tone-slate-ink:#3f4d64;--tone-slate-line:#a6b2c3;
 --tone-peach-bg:#f3e2d6;--tone-peach-ink:#8a4b2f;--tone-peach-line:#d8b29a;
}
html[data-theme=dark]{
 --tone-blue-bg:#26394b;--tone-blue-ink:#a7ccef;--tone-blue-line:#45627f;
 --tone-teal-bg:#233f35;--tone-teal-ink:#9fd8b7;--tone-teal-line:#456d58;
 --tone-gold-bg:#403321;--tone-gold-ink:#f2cd86;--tone-gold-line:#79613d;
 --tone-violet-bg:#392f47;--tone-violet-ink:#d5b9ef;--tone-violet-line:#70588a;
 --tone-slate-bg:#2d3642;--tone-slate-ink:#c4d2e6;--tone-slate-line:#5a6a80;
 --tone-peach-bg:#41302a;--tone-peach-ink:#efc0a2;--tone-peach-line:#7a5747;
}
.dev-c41,select[name=dev_type]:has(option[value=dev_c41]:checked),.st-delivered,.st-completed,[data-stage=delivered],[data-stage=completed],[data-metric="3"],[data-shortcut=baidu_upload_panel],[data-shortcut=shipping_panel]{--tone-bg:var(--tone-teal-bg);--tone-ink:var(--tone-teal-ink);--tone-line:var(--tone-teal-line)}
.dev-ecn2,select[name=dev_type]:has(option[value=dev_ecn2]:checked),.st-washing,.st-return_needed,.st-storage_return,[data-stage=washing],[data-metric="4"],[data-shortcut=express_arrivals]{--tone-bg:var(--tone-gold-bg);--tone-ink:var(--tone-gold-ink);--tone-line:var(--tone-gold-line)}
.dev-bw,select[name=dev_type]:has(option[value=dev_bw]:checked){--tone-bg:var(--tone-slate-bg);--tone-ink:var(--tone-slate-ink);--tone-line:var(--tone-slate-line)}
.dev-e6,select[name=dev_type]:has(option[value=dev_e6]:checked),.st-scanning,.st-partial_delivered,.vip-tag,[data-stage=scanning],[data-metric="2"],[data-shortcut=review_panel],[data-shortcut=film_print_center],select[name=file_format]:has(option[value=tiff]:checked){--tone-bg:var(--tone-violet-bg);--tone-ink:var(--tone-violet-ink);--tone-line:var(--tone-violet-line)}
.st-signed,.st-processing,[data-stage=signed],[data-metric="1"],[data-shortcut=new_order],[data-shortcut=external_orders_page],select[name=file_format]:has(option[value=jpeg]:checked){--tone-bg:var(--tone-blue-bg);--tone-ink:var(--tone-blue-ink);--tone-line:var(--tone-blue-line)}
.tag:is(.dev-c41,.dev-ecn2,.dev-bw,.dev-e6,.st-signed,.st-processing,.st-washing,.st-scanning,.st-delivered,.st-completed,.st-partial_delivered,.st-return_needed,.st-storage_return,.vip-tag){background:var(--tone-bg);color:var(--tone-ink);border-color:var(--tone-line)}
.tag:is(.dev-c41,.dev-ecn2,.dev-bw,.dev-e6){font-weight:650;letter-spacing:.02em}
.record-process .process-line{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.record-process .process-chip{font-size:11px;line-height:1.2;padding:4px 8px;white-space:nowrap}
.record-process .film-format{color:var(--muted);font-size:11px}
select[name=dev_type]:has(option:checked),select[name=file_format]:has(option:checked){background:var(--tone-bg,var(--bg2));border-color:var(--tone-line,var(--control-line));border-inline-start:3px solid var(--tone-line,var(--control-line));color:var(--tone-ink,var(--ink));font-weight:600}
select[name=dev_type] option{background:var(--card);color:var(--ink)}
select[name=dev_type] option[value=dev_c41]{background:var(--tone-teal-bg);color:var(--tone-teal-ink)}
select[name=dev_type] option[value=dev_ecn2]{background:var(--tone-gold-bg);color:var(--tone-gold-ink)}
select[name=dev_type] option[value=dev_e6]{background:var(--tone-violet-bg);color:var(--tone-violet-ink)}
select[name=dev_type] option[value=dev_bw]{background:var(--tone-slate-bg);color:var(--tone-slate-ink)}
/* 工作台指标卡按业务语义取色，和卡片顺序无关 */
.metric-card[data-tone=blue]{--tone-bg:var(--tone-blue-bg);--tone-ink:var(--tone-blue-ink);--tone-line:var(--tone-blue-line)}
.metric-card[data-tone=violet]{--tone-bg:var(--tone-violet-bg);--tone-ink:var(--tone-violet-ink);--tone-line:var(--tone-violet-line)}
.metric-card[data-tone=teal]{--tone-bg:var(--tone-teal-bg);--tone-ink:var(--tone-teal-ink);--tone-line:var(--tone-teal-line)}
.metric-card[data-tone=gold]{--tone-bg:var(--tone-gold-bg);--tone-ink:var(--tone-gold-ink);--tone-line:var(--tone-gold-line)}
.metric-card[data-tone=peach]{--tone-bg:var(--tone-peach-bg);--tone-ink:var(--tone-peach-ink);--tone-line:var(--tone-peach-line)}
.metric-card[data-metric]{background:linear-gradient(120deg,var(--tone-bg),var(--card) 78%);border-color:var(--tone-line);border-top-width:3px}
.metric-card[data-metric] strong{color:var(--tone-ink)}
.metric-card[data-metric]>span svg{box-sizing:content-box;width:18px;height:18px;padding:7px;border-radius:9px;color:var(--tone-ink);background:var(--tone-bg);border:1px solid var(--tone-line)}
.workflow-stages a[data-stage]{border-color:var(--tone-line);background:linear-gradient(135deg,var(--tone-bg),var(--card) 85%)}
.workflow-stages a[data-stage] strong{color:var(--tone-ink)}
.workflow-stages a[data-stage] .stage-dot{background:var(--tone-ink)}
.workspace-actions a[data-shortcut]{--tone-bg:var(--tone-slate-bg);--tone-ink:var(--tone-slate-ink);--tone-line:var(--tone-slate-line)}
.workspace-actions a:is([data-shortcut=new_order],[data-shortcut=external_orders_page]){--tone-bg:var(--tone-blue-bg);--tone-ink:var(--tone-blue-ink);--tone-line:var(--tone-blue-line)}
.workspace-actions a:is([data-shortcut=baidu_upload_panel],[data-shortcut=shipping_panel]){--tone-bg:var(--tone-teal-bg);--tone-ink:var(--tone-teal-ink);--tone-line:var(--tone-teal-line)}
.workspace-actions a:is([data-shortcut=review_panel],[data-shortcut=film_print_center]){--tone-bg:var(--tone-violet-bg);--tone-ink:var(--tone-violet-ink);--tone-line:var(--tone-violet-line)}
.workspace-actions a[data-shortcut=express_arrivals]{--tone-bg:var(--tone-gold-bg);--tone-ink:var(--tone-gold-ink);--tone-line:var(--tone-gold-line)}
.workspace-actions a[data-shortcut] svg{box-sizing:content-box;padding:7px;width:20px;height:20px;background:var(--tone-bg);color:var(--tone-ink);border-radius:10px;margin:0}
.workspace-actions a[data-shortcut]{grid-template-columns:34px minmax(0,1fr);align-items:center}
.home-notifications{border-inline-start:3px solid var(--tone-blue-line)}
.home-notice-actions [data-notice-open]{color:var(--tone-blue-ink);background:var(--tone-blue-bg);border-color:var(--tone-blue-line)}
@media(max-width:600px){.metric-card[data-metric]>span svg{width:15px;height:15px;padding:5px}.record-process .process-chip{font-size:10px;padding:3px 6px}.workspace-actions a[data-shortcut]{gap:8px}}