/* ============================================================ 方案 B「中式 · 宣纸」主题皮肤 施工管理系统 · 整体换肤层（与 theme-blueprint.css 同架构：令牌 + 选择器覆盖） 概念：把系统当成一册装裱过的工程册页。 · 单档「宣纸」：米白纸底 + 松烟墨字 + 朱砂点睛（唯一档，已移除深色「墨韵」档） 记忆点：朱砂印章 —— 侧栏落款、卡片题签、主按钮印泥质感。 氛围层：祥云纹（四合云线描 tile）+ 墨晕（多层径向）+ 颗粒。 字体：宋体系做展示字（本地字体栈，不下载中文网字，国内加载不可靠）。 引入位置：main.css / module-home.css 之后（最后加载）。 切换：documentElement 设 data-zs="paper"；不设则该文件不生效。 ============================================================ */ /* ---------- 1. 设计令牌：宣纸（唯一档） ---------- */ :root[data-zs="paper"]{ color-scheme: light; --zs-bg:#F4EEE2; --zs-bg-alt:#EFE8D9; --zs-surface:#FBF7EE; --zs-surface-2:#F7F1E4; --zs-raised:#FFFDF8; --zs-line:rgba(60,48,36,.16); --zs-line-strong:rgba(60,48,36,.34); --zs-line-soft:rgba(60,48,36,.08); --zs-text:#241E17; --zs-text-sub:#5C5142; --zs-text-muted:#8B7E6B; --zs-accent:#B23A2F; --zs-accent-hi:#9E2F25; --zs-accent-dim:rgba(178,58,47,.10); --zs-seal:#A8271C; --zs-azure:#3F6E7E; --zs-jade:#4E7A63; --zs-gold:#9A7B34; --zs-warn:#8A6520; --zs-bad:#B23A2F; --zs-cloud:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22200%22%20height%3D%22200%22%20viewBox%3D%220%200%20200%20200%22%3E%3Cdefs%3E%3Cpath%20id%3D%22p%22%20d%3D%22M%200%200%20A%2024.0%2024.0%200%200%201%2048.0%200%20A%2021.8%2021.8%200%200%201%204.4%200%20A%2019.6%2019.6%200%200%201%2043.6%200%20A%2017.4%2017.4%200%200%201%208.8%200%20A%2015.2%2015.2%200%200%201%2039.2%200%20A%2013.0%2013.0%200%200%201%2013.2%200%20A%2010.8%2010.8%200%200%201%2034.8%200%20A%208.6%208.6%200%200%201%2017.6%200%20A%206.4%206.4%200%200%201%2030.4%200%20A%204.2%204.2%200%200%201%2022.0%200%20A%202.0%202.0%200%200%201%2026.0%200%22%20fill%3D%22none%22%20stroke%3D%22%239A7B34%22%20stroke-opacity%3D%220.08%22%20stroke-width%3D%221.70%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fdefs%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%2854.8%2C137.5%29%20scale%281.170%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%28136.6%2C56.6%29%20scale%281.056%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%28-0.3%2C69.3%29%20scale%281.193%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%28199.7%2C69.3%29%20scale%281.193%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%28135.2%2C159.7%29%20scale%281.114%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%28109.7%2C105.0%29%20scale%281.229%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%2877.3%2C50.9%29%20scale%281.107%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%280.3%2C166.0%29%20scale%281.109%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%28200.3%2C166.0%29%20scale%281.109%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%28-22.7%2C118.1%29%20scale%281.037%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%28177.3%2C118.1%29%20scale%281.037%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%2839.3%2C-9.5%29%20scale%280.926%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%2839.3%2C190.5%29%20scale%280.926%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%28144.1%2C14.1%29%20scale%280.620%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%28144.1%2C214.1%29%20scale%280.620%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%287.0%2C3.9%29%20scale%280.606%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%287.0%2C203.9%29%20scale%280.606%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%28207.0%2C3.9%29%20scale%280.606%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%28207.0%2C203.9%29%20scale%280.606%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%2888.1%2C168.1%29%20scale%280.782%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%2839.7%2C86.6%29%20scale%280.816%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%2891.0%2C5.2%29%20scale%280.604%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%2891.0%2C205.2%29%20scale%280.604%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%28170.2%2C-6.0%29%20scale%280.633%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%28170.2%2C194.0%29%20scale%280.633%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%2836.9%2C41.1%29%20scale%280.609%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%2816.6%2C113.1%29%20scale%280.581%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%28113.2%2C29.0%29%20scale%280.558%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%28173.5%2C25.7%29%20scale%280.711%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%28118.7%2C-7.6%29%20scale%280.553%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%28118.7%2C192.4%29%20scale%280.553%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%28156.3%2C88.4%29%20scale%280.580%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%2873.4%2C87.1%29%20scale%280.561%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%2812.0%2C29.0%29%20scale%280.580%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%28212.0%2C29.0%29%20scale%280.580%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%2859.5%2C18.6%29%20scale%280.525%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%28140.1%2C124.6%29%20scale%280.402%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%289.7%2C133.5%29%20scale%280.401%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%28209.7%2C133.5%29%20scale%280.401%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%2891.7%2C137.4%29%20scale%280.413%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%2868.0%2C-1.5%29%20scale%280.388%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%2868.0%2C198.5%29%20scale%280.388%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%28146.1%2C-8.9%29%20scale%280.412%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%28146.1%2C191.1%29%20scale%280.412%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%2872.3%2C107.9%29%20scale%280.404%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%2864.0%2C175.2%29%20scale%280.368%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%28173.8%2C148.0%29%20scale%280.321%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%2834.8%2C19.5%29%20scale%280.363%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%2834.7%2C161.7%29%20scale%280.303%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%28104.8%2C68.1%29%20scale%280.324%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%28107.6%2C142.3%29%20scale%280.301%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%28169.5%2C171.0%29%20scale%280.348%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%28166.7%2C69.0%29%20scale%280.308%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%28149.0%2C106.7%29%20scale%280.319%29%22%2F%3E%3Cuse%20href%3D%22%23p%22%20transform%3D%22translate%28173.0%2C48.7%29%20scale%280.362%29%22%2F%3E%3C%2Fsvg%3E"); --zs-wash-a:rgba(63,110,126,.07); --zs-wash-b:rgba(178,58,47,.045); --zs-grain:.045; --zs-shade:rgba(60,48,36,.16); } /* ============================================================ §全站蓝图色 → 中式令牌 批量映射（自动生成，v1.0.1，2026-10-13） 来源：index.html 内联 / main.css / theme-blueprint.css / module-home.css 覆盖：青蓝紫系（H168~292）、深底（L<0.20）、冷白文字（b>r+8） 映射：深底→surface/line｜主青蓝→accent(朱砂)｜浅蓝→azure(黛青)｜冷白→text ⚠ 本节点位于各分区手工规则之前，同权重时后写的手工规则优先。 ============================================================ */ :root[data-zs="paper"] ::selection{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] select option{ background:var(--zs-surface) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] #wbsBreadcrumb{ color:var(--zs-azure) !important; } :root[data-zs="paper"] #wbsBreadcrumb .wbs-crumb-item{ color:var(--zs-azure) !important; } :root[data-zs="paper"] #wbsBreadcrumb .wbs-crumb-item:hover{ background:var(--zs-wash-a) !important; } :root[data-zs="paper"] #wbsBreadcrumb .wbs-crumb-item.cur{ color:var(--zs-azure) !important; } :root[data-zs="paper"] #wbsBreadcrumb .wbs-crumb-sep{ color:var(--zs-accent) !important; } :root[data-zs="paper"] .drawing-edit-btn:hover{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] #drawingGrid th{ background:var(--zs-surface) !important; color:var(--zs-azure) !important; border:1px solid var(--zs-line-strong) !important; } :root[data-zs="paper"] #drawingGrid td{ border:1px solid var(--zs-line-strong) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] #drawingGrid th:first-child{ border-left-color:var(--zs-line-strong) !important; } :root[data-zs="paper"] #drawingGrid td.dg-sel input[type=checkbox]{ color:var(--zs-accent) !important; } :root[data-zs="paper"] #drawingGrid td.dg-bno{ color:var(--zs-azure) !important; } :root[data-zs="paper"] #drawingGrid td.dg-bldname{ color:var(--zs-azure) !important; } :root[data-zs="paper"] #drawingGrid td.dg-mcell .dg-mqty{ color:var(--zs-azure) !important; } :root[data-zs="paper"] #drawingGrid tr.dg-bld td{ color:var(--zs-azure) !important; background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] #drawingGrid tr.dg-total td{ background:var(--zs-surface) !important; } :root[data-zs="paper"] #drawingGrid .dg-foldarrow{ color:var(--zs-azure) !important; } :root[data-zs="paper"] #drawingGrid .dg-op-edit{ background:var(--zs-accent-dim) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] /* ===== 滚动冻结：分组行吸顶（原生 tr sticky，替换式多层） ===== */ #drawingGridBody tr.dg-freeze{ background:var(--zs-surface) !important; } :root[data-zs="paper"] #drawingGrid input.dg-cell{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .dg-page-lbl{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .dg-page{ border:1px solid var(--zs-line-strong) !important; background:var(--zs-surface) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] .dg-page:hover{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .dg-page-on{ background:var(--zs-accent-dim) !important; border-color:var(--zs-line-strong) !important; } :root[data-zs="paper"] .dg-page-sep{ color:var(--zs-accent) !important; } :root[data-zs="paper"] .dg-map-col{ border:1px solid var(--zs-line-strong) !important; background:var(--zs-surface) !important; } :root[data-zs="paper"] .dg-map-head{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .dg-map-col select{ border:1px solid var(--zs-line-strong) !important; background:var(--zs-surface) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] .dg-map-col input[data-mmonth]{ border:1px solid var(--zs-line-strong) !important; background:var(--zs-surface) !important; } :root[data-zs="paper"] .prod-card:hover{ border-color:var(--zs-line-strong) !important; } :root[data-zs="paper"] .topbar-info-tag.editing{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] .btn-default{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .machine-tab{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .stat-card{ background:var(--zs-surface) !important; border:1px solid var(--zs-line-strong) !important; } :root[data-zs="paper"] .stat-num{ color:var(--zs-accent) !important; } :root[data-zs="paper"] .stat-label{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .stat-card-icon .stat-icon-wrap{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] .stat-card-icon .stat-icon{ color:var(--zs-accent) !important; } :root[data-zs="paper"] .stat-card-icon .stat-label{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .tag-dark{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] th{ background:var(--zs-surface) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] tr:hover{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] thead th{ background:var(--zs-surface) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] tbody tr:nth-child(odd){ background:var(--zs-surface) !important; } :root[data-zs="paper"] tbody tr:nth-child(even){ background:var(--zs-surface) !important; } :root[data-zs="paper"] tbody tr:hover{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] .menu-dropdown .dropdown-menu button{ color:var(--zs-text) !important; } :root[data-zs="paper"] .menu-dropdown .dropdown-menu button:hover{ background:var(--zs-wash-a) !important; } :root[data-zs="paper"] .date-tool{ background:var(--zs-surface) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] .form-group input, :root[data-zs="paper"] .form-group select, :root[data-zs="paper"] .form-group textarea{ border:1px solid var(--zs-text) !important; } :root[data-zs="paper"] .modal{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .pc-range select{ background:var(--zs-surface) !important; color:var(--zs-azure) !important; border:1px solid var(--zs-line-strong) !important; } :root[data-zs="paper"] .pc-scale-btn:hover{ color:var(--zs-azure) !important; border-color:var(--zs-line-strong) !important; } :root[data-zs="paper"] .pc-scale-btn.active{ background:var(--zs-accent-dim) !important; border-color:var(--zs-line-strong) !important; } :root[data-zs="paper"] .pc-scale-btn.active:hover{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] .pc-gantt-hd{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .pc-left{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .pc-left-hd{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .pc-left-row::before{ background:var(--zs-wash-a) !important; } :root[data-zs="paper"] .pc-left-row:hover::before{ background:var(--zs-wash-a) !important; } :root[data-zs="paper"] .pc-left-row.is-hl::before{ background:var(--zs-wash-a) !important; } :root[data-zs="paper"] .pc-left-name{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .pc-right::-webkit-scrollbar-thumb{ background:var(--zs-wash-a) !important; } :root[data-zs="paper"] .pc-right::-webkit-scrollbar-thumb:hover{ background:var(--zs-wash-a) !important; } :root[data-zs="paper"] .pc-overall-track{ background:var(--zs-wash-a) !important; } :root[data-zs="paper"] .pc-pop-hd{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .pc-pop-row input{ background:var(--zs-surface) !important; color:var(--zs-azure) !important; border:1px solid var(--zs-line-strong) !important; } :root[data-zs="paper"] .pc-pop-row input:focus{ border-color:var(--zs-line-strong) !important; } :root[data-zs="paper"] .pc-pop-warnbody{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .pc-pop-warnlist{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .btn-warn{ color:var(--zs-text) !important; } :root[data-zs="paper"] #pcPopWeather{ background:var(--zs-surface) !important; border:1px solid var(--zs-line-strong) !important; } :root[data-zs="paper"] /* 【2026-10-13】#pcPopWeather 由 readonly 文本框改为可手选下拉：去掉只读色规则 */ #pcPopWeather:focus{ border-color:var(--zs-line-strong) !important; } :root[data-zs="paper"] .pc-pop-chip{ background:var(--zs-wash-a) !important; border:1px solid var(--zs-line-strong) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] .pc-pop-chip:hover{ background:var(--zs-wash-a) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] .pc-pop-chip.prio-blue.on{ background:var(--zs-wash-a) !important; border-color:var(--zs-line-strong) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] .pc-pop-notebtn.has{ color:var(--zs-text) !important; } :root[data-zs="paper"] .pc-pop-row label.pc-pop-notechk input[type=checkbox]{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .pc-pop-row label.pc-pop-notechk:hover{ color:var(--zs-azure) !important; } :root[data-zs="paper"] /* 悬停时也给一点本框主色的提示（未聚焦时能看出这条输入框属于哪个优先级）。 ⚠️ 必须写在 :focus 之前 —— 两者权重相同（同为 6 个类级），后写的赢， 悬停+聚焦同时成立时要让**聚焦**的纯色描边胜出。 */ .pc-note .pc-note-list .pc-note-item .pc-note-inp.pc-note-inp:hover{ border-color:var(--zs-line-strong) !important; } :root[data-zs="paper"] /* 已勾选（= 问题已解决）的条目：正文锁死不可编辑，视觉上弱化 ── 取消勾选即恢复。 锁定态**不跟随**优先级色，保持禁用灰（语义：这条已经关闭了）。 */ .pc-note .pc-note-list .pc-note-item.is-done .pc-note-inp.pc-note-inp{ border-color:var(--zs-line-strong) !important; background:var(--zs-surface) !important; } :root[data-zs="paper"] .pc-note .pc-note-list .pc-note-item.is-done .pc-note-inp.pc-note-inp:focus{ border-color:var(--zs-line-strong) !important; } :root[data-zs="paper"] /* 已锁定条目（勾选=问题已解决、正文只读）：沿用禁用灰，选中高亮不跟随优先级色（与上面的锁定态口径一致） */ .pc-note .pc-note-list .pc-note-item.is-done .pc-note-inp::selection{ background:var(--zs-accent-dim) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] .pc-note .pc-note-list .pc-note-item.is-done .pc-note-inp::-moz-selection{ background:var(--zs-accent-dim) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] .login-box{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .login-form label{ color:var(--zs-accent) !important; } :root[data-zs="paper"] .login-form input{ border:1px solid var(--zs-text) !important; } :root[data-zs="paper"] .login-form input:focus{ border-color:var(--zs-line-strong) !important; } :root[data-zs="paper"] .login-btn{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] .login-btn:hover{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] .deploy-guide code{ background:var(--zs-surface) !important; } :root[data-zs="paper"] th{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .modal-header{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .modal-footer{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .login-form input{ border:1px solid var(--zs-line-strong) !important; } :root[data-zs="paper"] .filter-bar select, :root[data-zs="paper"] .filter-bar input{ border:1px solid var(--zs-line-strong) !important; } :root[data-zs="paper"] /* 顶部导航 */ .topbar{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .topbar-info-tag{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] .topbar-info-tag:hover{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] .top-user .user-role{ background:var(--zs-accent-dim) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] /* 侧边栏 */ .sidebar{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .menu-item{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .menu-item:hover{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .menu-item.active{ background:var(--zs-accent-dim) !important; border-left-color:var(--zs-line-strong) !important; } :root[data-zs="paper"] .menu-group-title{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .menu-group-title:hover{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .menu-sub-title:hover{ background:var(--zs-accent-dim) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] .menu-sub-title.expanded{ color:var(--zs-azure) !important; } :root[data-zs="paper"] /* 卡片 */ .card{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .card-title{ color:var(--zs-azure) !important; } :root[data-zs="paper"] /* 统计卡片 */ .stat-card{ background:var(--zs-surface) !important; border:1.5px solid var(--zs-line-strong) !important; } :root[data-zs="paper"] .stat-card-icon{ background:var(--zs-surface) !important; border:1.5px solid var(--zs-line-strong) !important; } :root[data-zs="paper"] /* 表格 */ .table-wrap{ color:var(--zs-accent) !important; } :root[data-zs="paper"] table{ color:var(--zs-azure) !important; } :root[data-zs="paper"] tr:nth-child(even):hover{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] .btn-primary{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] .btn-primary:hover{ background:var(--zs-wash-a) !important; } :root[data-zs="paper"] .btn-link{ color:var(--zs-accent) !important; } :root[data-zs="paper"] .form-group input, :root[data-zs="paper"] .form-group select, :root[data-zs="paper"] .form-group textarea{ background:var(--zs-surface) !important; border:1px solid var(--zs-line-strong) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] .form-group input:focus, :root[data-zs="paper"] .form-group select:focus, :root[data-zs="paper"] .form-group textarea:focus{ border-color:var(--zs-line-strong) !important; } :root[data-zs="paper"] .form-group select option{ background:var(--zs-surface) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] /* 通用输入控件（页面内散落的搜索框/筛选框等） */ input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]), :root[data-zs="paper"] select, :root[data-zs="paper"] textarea{ background:var(--zs-surface) !important; border:1px solid var(--zs-line-strong) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]):focus, :root[data-zs="paper"] select:focus, :root[data-zs="paper"] textarea:focus{ border-color:var(--zs-line-strong) !important; } :root[data-zs="paper"] /* 模态框 */ .modal-mask{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .modal{ background:var(--zs-surface) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] .tag-dark{ background:var(--zs-surface) !important; } :root[data-zs="paper"] /* 页面内进度条 */ .progress{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .progress-text{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .alert-info h4{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .bar{ background:var(--zs-wash-a) !important; } :root[data-zs="paper"] .bar-val{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .pie-legend .legend-row{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .step-circle{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .step.active .step-circle{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] .info-val{ color:var(--zs-azure) !important; } :root[data-zs="paper"] /* Toast */ .toast{ background:var(--zs-surface) !important; border:1px solid var(--zs-line-strong) !important; } :root[data-zs="paper"] /* 登录界面 */ .login-mask{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .login-title{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .login-form input{ background:var(--zs-surface) !important; border:1px solid var(--zs-line-strong) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] .login-btn:hover{ background:var(--zs-wash-a) !important; } :root[data-zs="paper"] /* 机械设备分类标签 */ .machine-tab{ background:var(--zs-surface) !important; border-color:var(--zs-line-strong) !important; } :root[data-zs="paper"] .machine-tab:hover{ border-color:var(--zs-line-strong) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] .machine-tab.active{ background:var(--zs-accent-dim) !important; border-color:var(--zs-line-strong) !important; } :root[data-zs="paper"] /* 滚动条 */ .content::-webkit-scrollbar-thumb{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] .content::-webkit-scrollbar-thumb:hover{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] .modal-box{ background:var(--zs-surface) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] /* 兜底：仍有行内白底的弹窗类元素 */ .modal-body, :root[data-zs="paper"] .modal-header, :root[data-zs="paper"] .modal-footer{ background:var(--zs-surface) !important; } :root[data-zs="paper"] table thead th{ background:var(--zs-surface) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] /* 部署说明 */ .deploy-guide{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .deploy-guide h3{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .deploy-guide code{ background:var(--zs-surface) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] /* 表格内链接按钮 */ .table-actions .btn-link{ color:var(--zs-accent) !important; } :root[data-zs="paper"] ::-webkit-scrollbar-track{ background:var(--zs-surface) !important; } :root[data-zs="paper"] ::-webkit-scrollbar-thumb{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] ::-webkit-scrollbar-thumb:hover{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] #drawingGrid th, :root[data-zs="paper"] #drawingGrid td{ color:var(--zs-azure) !important; background:var(--zs-surface) !important; } :root[data-zs="paper"] #drawingGrid thead th{ background:var(--zs-surface) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] #drawingGrid .dg-bld td{ background:var(--zs-surface) !important; } :root[data-zs="paper"] #drawingGrid .dg-sec td{ background:var(--zs-surface) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] #drawingGrid .dg-total td{ background:var(--zs-surface) !important; } :root[data-zs="paper"] #drawingGrid td.dg-itemname{ color:var(--zs-azure) !important; } :root[data-zs="paper"] #drawingGrid td.dg-num{ color:var(--zs-azure) !important; } :root[data-zs="paper"] #drawingGrid tr.dg-item:hover td{ background:var(--zs-surface) !important; } :root[data-zs="paper"] #drawingGrid input.dg-cell{ background:var(--zs-surface) !important; border:1px solid var(--zs-line-strong) !important; } :root[data-zs="paper"] #drawingGrid .dg-mqty{ color:var(--zs-azure) !important; } :root[data-zs="paper"] #drawingGrid .dg-mamt{ color:var(--zs-accent) !important; } :root[data-zs="paper"] #drawingGrid .dg-sub .dg-mamt{ color:var(--zs-azure) !important; } :root[data-zs="paper"] #drawingGrid .dg-sec-amt, :root[data-zs="paper"] #drawingGrid .dg-bld-amt, :root[data-zs="paper"] #drawingGrid .dg-bld-done{ color:var(--zs-azure) !important; } :root[data-zs="paper"] #drawingGrid .dg-rowops .dg-op-edit{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .login-mask{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .ic-table th{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .track-scope{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .track-ranges{ border:1px solid var(--zs-line-strong) !important; } :root[data-zs="paper"] .track-range{ background:var(--zs-surface) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] .track-range:hover{ background:var(--zs-surface) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] .track-range.on{ background:var(--zs-wash-a) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] .track-filter input[type=date], :root[data-zs="paper"] .track-filter select, :root[data-zs="paper"] .track-filter input[type=search]{ background:var(--zs-surface) !important; color:var(--zs-azure) !important; border:1px solid var(--zs-line-strong) !important; } :root[data-zs="paper"] .track-chk{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .track-chk input{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .track-tab{ border:1px solid var(--zs-line-strong) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] .track-tab:hover{ color:var(--zs-azure) !important; border-color:var(--zs-line-strong) !important; } :root[data-zs="paper"] .track-tab.on{ background:var(--zs-wash-a) !important; border-color:var(--zs-line-strong) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] #tableTrack tbody tr:hover{ background:var(--zs-wash-a) !important; } :root[data-zs="paper"] .track-group td{ background:var(--zs-wash-a) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] .track-group-n{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .track-groupcell{ background:var(--zs-wash-a) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] .track-bld{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .track-bar{ background:var(--zs-wash-a) !important; } :root[data-zs="paper"] .track-pct{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .track-ok{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .track-wx{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .track-reason-edit{ border:1px dashed var(--zs-line-strong) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] .track-reason-edit:hover{ background:var(--zs-wash-a) !important; border-color:var(--zs-line-strong) !important; } :root[data-zs="paper"] .track-thumb{ border:1px solid var(--zs-line-strong) !important; } :root[data-zs="paper"] /* 延误原因编辑面板（批次㉒）：复用通用弹窗 #modalBody / #modalTitle。 输入框外观沿用主题的全局 input 规则（深底 + 青边），这里只补布局，避免与 !important 打架。 */ .track-edit-hint{ background:var(--zs-wash-a) !important; border:1px solid var(--zs-line-strong) !important; } :root[data-zs="paper"] .track-edit-who{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .track-edit-tip{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .track-edit-chk{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .rp-hint{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .rp-hint b{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .rp-history{ border:1px solid var(--zs-line-strong) !important; background:var(--zs-surface) !important; } :root[data-zs="paper"] .rp-history-title{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .rp-hist-date{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .rp-hist-qty{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .rp-hist-rate{ color:var(--zs-accent) !important; } :root[data-zs="paper"] .perm-tree-toolbar{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .perm-tree-hint b{ color:var(--zs-accent) !important; } :root[data-zs="paper"] .perm-node-head:hover{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .form-grid .perm-leaf.on{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .perm-leaf:hover{ color:var(--zs-azure) !important; } :root[data-zs="paper"] `（main.css:179 附近） */ .form-grid .perm-level-sel{ background:var(--zs-surface) !important; border:1px solid var(--zs-line-strong) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] .perm-group-name{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .perm-group-count{ color:var(--zs-accent) !important; background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] .perm-group-bulk{ border:1px solid var(--zs-line-strong) !important; } :root[data-zs="paper"] .perm-group-bulk:hover{ color:var(--zs-accent) !important; border-color:var(--zs-line-strong) !important; background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] /* 半选态：用一个蓝底横杠的方块，视觉上区别于"未勾选"（空心）和"全勾选"（实心对勾） */ .form-grid .perm-group-box[data-indeterm]{ background:var(--zs-accent-dim) !important; border:1px solid var(--zs-line-strong) !important; } :root[data-zs="paper"] .form-grid .perm-group-box[data-indeterm]:after{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .perm-team-all{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .form-grid .perm-team-chip{ color:var(--zs-azure) !important; background:var(--zs-surface) !important; border:1px solid var(--zs-line-strong) !important; } :root[data-zs="paper"] .form-grid .perm-team-chip:hover{ border-color:var(--zs-line-strong) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] .form-grid .perm-team-chip:has(input:checked){ background:var(--zs-accent-dim) !important; border-color:var(--zs-line-strong) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] /* ---------- 表头容器：标题 + 工具区一行 ---------- */ #module-machine .mh-head{ background:var(--zs-wash-a) !important; } :root[data-zs="paper"] #module-machine .mh-pick-btn:hover{ border-color:var(--zs-line-strong) !important; } :root[data-zs="paper"] /* 已选台数徽章：未选时置灰（0），选中即高亮 */ #module-machine .mx-count{ color:var(--zs-text) !important; } :root[data-zs="paper"] #module-machine .mx-count.is-zero{ background:var(--zs-wash-a) !important; } :root[data-zs="paper"] #module-machine .mh-srch{ background:var(--zs-surface) !important; } :root[data-zs="paper"] #module-machine .mh-opt:hover{ background:var(--zs-wash-a) !important; } :root[data-zs="paper"] #module-machine .mh-opt:has(input:checked){ background:var(--zs-wash-a) !important; } :root[data-zs="paper"] #module-machine .mh-opt input{ color:var(--zs-azure) !important; } :root[data-zs="paper"] #module-machine .mh-mini{ background:var(--zs-wash-a) !important; } :root[data-zs="paper"] #module-machine .mh-mini:hover{ background:var(--zs-wash-a) !important; } :root[data-zs="paper"] #module-machine .mh-seg button:hover{ background:var(--zs-wash-a) !important; } :root[data-zs="paper"] #module-machine .mh-seg button[aria-pressed="true"]{ color:var(--zs-text) !important; } :root[data-zs="paper"] #module-machine .mh-cfg-btn:hover{ border-color:var(--zs-line-strong) !important; } :root[data-zs="paper"] #module-machine .mh-cfg-panel{ background:var(--zs-surface) !important; border:1px solid var(--zs-line-strong) !important; } :root[data-zs="paper"] #module-machine .mh-cfg-range{ border:1px solid var(--zs-line-strong) !important; } :root[data-zs="paper"] #module-machine .mh-btn-p{ border-color:var(--zs-line-strong) !important; } :root[data-zs="paper"] body::before{ background:var(--zs-wash-a) !important; } :root[data-zs="paper"] .topbar-info-tag{ background:var(--zs-wash-a) !important; } :root[data-zs="paper"] .topbar-info-tag:hover{ background:var(--zs-wash-a) !important; } :root[data-zs="paper"] .logout-btn:hover{ background:var(--zs-wash-a) !important; } :root[data-zs="paper"] .menu-item:hover, :root[data-zs="paper"] .menu-group-title:hover{ background:var(--zs-wash-a) !important; } :root[data-zs="paper"] .menu-sub-title:hover{ background:var(--zs-wash-a) !important; } :root[data-zs="paper"] .menu-badge{ color:var(--zs-text) !important; } :root[data-zs="paper"] .stat-card-icon .stat-icon-wrap{ background:var(--zs-wash-a) !important; } :root[data-zs="paper"] .btn-primary{ color:var(--zs-text) !important; } :root[data-zs="paper"] .btn-default:hover{ background:var(--zs-wash-a) !important; } :root[data-zs="paper"] .btn-link:hover{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .table-wrap{ color:var(--zs-azure) !important; } :root[data-zs="paper"] /* 表头必须用不透明背景：表头是 sticky 吸顶元素，半透明背景会让 滚动中的表体内容透出来，视觉上"内容与表头重叠"（2026-10-02 修复） */ th{ background:var(--zs-surface) !important; } :root[data-zs="paper"] tbody tr:hover{ background:var(--zs-wash-a) !important; } :root[data-zs="paper"] #drawingGrid thead th{ background:var(--zs-surface) !important; } :root[data-zs="paper"] #drawingGrid th.dg-unlocked{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .dg-page{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .dg-page:hover{ background:var(--zs-wash-a) !important; } :root[data-zs="paper"] .dg-page-on{ color:var(--zs-text) !important; } :root[data-zs="paper"] .dg-map-col select, :root[data-zs="paper"] .dg-map-col input[data-mmonth]{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .form-group input, :root[data-zs="paper"] .form-group select, :root[data-zs="paper"] .form-group textarea, :root[data-zs="paper"] input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]), :root[data-zs="paper"] select, :root[data-zs="paper"] textarea{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .date-tool{ background:var(--zs-surface) !important; } :root[data-zs="paper"] /* 下拉选项 */ select option, :root[data-zs="paper"] select optgroup{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .tag-gray{ background:var(--zs-wash-a) !important; } :root[data-zs="paper"] .machine-tab.active{ color:var(--zs-text) !important; } :root[data-zs="paper"] .login-form input{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .login-btn{ color:var(--zs-text) !important; } :root[data-zs="paper"] .step.done .step-circle{ color:var(--zs-text) !important; } :root[data-zs="paper"] .step.active .step-circle{ color:var(--zs-text) !important; } :root[data-zs="paper"] ::-webkit-scrollbar-thumb{ background:var(--zs-wash-a) !important; } :root[data-zs="paper"] ::-webkit-scrollbar-thumb:hover{ background:var(--zs-wash-a) !important; } :root[data-zs="paper"] .sidebar::-webkit-scrollbar-thumb{ background:var(--zs-wash-a) !important; } :root[data-zs="paper"] .content::-webkit-scrollbar-thumb{ background:var(--zs-wash-a) !important; } :root[data-zs="paper"] .stat-card.kpi-accent{ border-color:var(--zs-line-strong) !important; } :root[data-zs="paper"] .dash-todo-item:hover{ background:var(--zs-wash-a) !important; } :root[data-zs="paper"] .dash-todo-dot.info{ background:var(--zs-wash-a) !important; } :root[data-zs="paper"] .dash-todo-title{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .dash-feed-text{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .dash-feed-text b{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .dash-feed-more{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .tb-ghost:hover{ border-color:var(--zs-line-strong) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] .empty-state .es-icon{ background:var(--zs-wash-a) !important; border:1px dashed var(--zs-line-strong) !important; } :root[data-zs="paper"] .empty-state .es-title{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .empty-state .es-desc kbd{ background:var(--zs-wash-a) !important; border:1px solid var(--zs-line-strong) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] .chip.c-lead{ border-color:var(--zs-line-strong) !important; color:var(--zs-azure) !important; background:var(--zs-wash-a) !important; } :root[data-zs="paper"] /* 材料/警示 */ .chip.c-tech{ border-color:var(--zs-line-strong) !important; color:var(--zs-azure) !important; background:var(--zs-wash-a) !important; } :root[data-zs="paper"] /* 技术/默认蓝 */ .chip.c-car{ border-color:var(--zs-line-strong) !important; color:var(--zs-azure) !important; background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] .mini-bar>i{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] .mh-hero-main::after{ background:var(--zs-wash-a) !important; } :root[data-zs="paper"] .mh-hero-num{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .mh-hero-num .u{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .mh-stack i.mg{ background:var(--zs-wash-a) !important; } :root[data-zs="paper"] .mh-stack i.hl{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] .mh-legend b{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .mh-sec-title::before{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] .mod-card:hover{ border-color:var(--zs-line-strong) !important; background:var(--zs-surface) !important; } :root[data-zs="paper"] .mod-card .mc-title{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .mod-card .mc-num{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .mod-card .mc-go{ color:var(--zs-accent) !important; } :root[data-zs="paper"] .mod-card:hover .mc-go{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .mh-arrow{ color:var(--zs-accent) !important; } :root[data-zs="paper"] .mh-item{ background:var(--zs-surface) !important; border:1px solid var(--zs-line-strong) !important; } :root[data-zs="paper"] .mh-item:hover{ border-color:var(--zs-line-strong) !important; background:var(--zs-surface) !important; } :root[data-zs="paper"] .mh-item .mi-name{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .mh-item .mi-data{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .mh-r-user{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .mh-r-act.edit{ color:var(--zs-azure) !important; background:var(--zs-wash-a) !important; } :root[data-zs="paper"] .mh-r-act.other{ color:var(--zs-azure) !important; background:var(--zs-wash-a) !important; } :root[data-zs="paper"] .mh-matrix-wrap{ /* 2026-10-14 修复：生成器把 module-home.css 的注释卷进了选择器，此规则整条失效，深藏青 #0a1a2a 底裸奔 */ border:1px solid var(--zs-line-strong) !important; background:var(--zs-surface) !important; } :root[data-zs="paper"] table.mh-mx{ color:var(--zs-azure) !important; } :root[data-zs="paper"] /* 表头 */ table.mh-mx thead th{ background:var(--zs-surface) !important; } :root[data-zs="paper"] table.mh-mx thead th.mx-cur{ background:var(--zs-surface) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] /* 表体单元格：细横线，无竖线（班组列单独一条分隔线） */ table.mh-mx td{ color:var(--zs-azure) !important; } :root[data-zs="paper"] table.mh-mx td.mx-zero{ color:var(--zs-accent) !important; } :root[data-zs="paper"] table.mh-mx tbody tr:hover{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] table.mh-mx tbody tr:hover td{ border-bottom-color:var(--zs-line-strong) !important; } :root[data-zs="paper"] table.mh-mx .mx-tname{ color:var(--zs-azure) !important; } :root[data-zs="paper"] /* 合计行 */ table.mh-mx tfoot td{ background:var(--zs-surface) !important; } :root[data-zs="paper"] table.mh-mx tfoot td.mx-td-team{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .mh-di-title{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .mh-dl-val{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .mh-pipe-seg:hover{ border-color:var(--zs-line-strong) !important; background:var(--zs-wash-a) !important; } /* @ZS-MAP-START (自动生成，勿手改；重跑 _gen_zs_mapping.py 覆盖) */ /* ============================================================ §全站蓝图色 → 中式令牌 批量映射（自动生成 v3，2026-10-13） A 段 样式表规则 · B 段 style 属性 · C 段 孤立白字 映射：深色实底+白字→实色朱砂(印章)｜深色无白字→浅纸面｜孤立白字→墨色 青蓝紫→朱砂·黛青｜低饱和蓝灰→次要墨｜冷白字→墨｜语义绿/橙/红→松绿/赭金/朱砂 ⚠ 本节位于各分区手工规则之前，同权重时后写的手工规则优先。 ============================================================ */ :root[data-zs="paper"] #wbsBreadcrumb{ color:var(--zs-azure) !important; } :root[data-zs="paper"] #wbsBreadcrumb .wbs-crumb-item{ color:var(--zs-azure) !important; } :root[data-zs="paper"] #wbsBreadcrumb .wbs-crumb-item:hover{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] #wbsBreadcrumb .wbs-crumb-item.cur{ color:var(--zs-text) !important; } :root[data-zs="paper"] #wbsBreadcrumb .wbs-crumb-sep{ color:var(--zs-accent) !important; } :root[data-zs="paper"] .drawing-edit-btn:hover{ background:var(--zs-surface) !important; } :root[data-zs="paper"] #drawingGrid th{ background:var(--zs-surface) !important; color:var(--zs-text) !important; border:1px solid var(--zs-line-strong) !important; } :root[data-zs="paper"] #drawingGrid td{ border:1px solid var(--zs-line-strong) !important; color:var(--zs-text) !important; } :root[data-zs="paper"] #drawingGrid th:first-child{ border-left-color:var(--zs-line-strong) !important; } :root[data-zs="paper"] #drawingGrid td.dg-sel input[type=checkbox]{ color:var(--zs-accent) !important; } :root[data-zs="paper"] #drawingGrid td.dg-bno{ color:var(--zs-azure) !important; } :root[data-zs="paper"] #drawingGrid td.dg-idx{ color:var(--zs-text-sub) !important; } :root[data-zs="paper"] #drawingGrid td.dg-bldname{ color:var(--zs-azure) !important; } :root[data-zs="paper"] #drawingGrid .dg-seq{ color:var(--zs-text-sub) !important; } :root[data-zs="paper"] #drawingGrid td.dg-mcell .dg-mqty{ color:var(--zs-text) !important; } :root[data-zs="paper"] #drawingGrid td.dg-mcell .dg-mamt{ color:var(--zs-jade) !important; } :root[data-zs="paper"] #drawingGrid tr.dg-sec td{ color:var(--zs-warn) !important; } :root[data-zs="paper"] #drawingGrid tr.dg-sec2 td{ color:var(--zs-warn) !important; } :root[data-zs="paper"] #drawingGrid tr.dg-sec2 .dg-foldarrow{ color:var(--zs-warn) !important; } :root[data-zs="paper"] #drawingGrid tr.dg-bld td{ color:var(--zs-azure) !important; background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] #drawingGrid tr.dg-total td{ background:rgba(60,48,36,.42) !important; } :root[data-zs="paper"] #drawingGrid tr.dg-grand td{ background:rgba(60,48,36,.42) !important; color:var(--zs-warn) !important; } :root[data-zs="paper"] #drawingGrid tr.dg-sub td{ color:var(--zs-warn) !important; } :root[data-zs="paper"] #drawingGrid .dg-foldarrow{ color:var(--zs-azure) !important; } :root[data-zs="paper"] #drawingGrid tr.dg-sec .dg-foldarrow{ color:var(--zs-warn) !important; } :root[data-zs="paper"] #drawingGrid .dg-cnt{ color:var(--zs-text-sub) !important; } :root[data-zs="paper"] #drawingGrid .dg-bld-amt, :root[data-zs="paper"] #drawingGrid .dg-sec-amt{ color:var(--zs-warn) !important; } :root[data-zs="paper"] #drawingGrid .dg-op-edit{ background:var(--zs-accent-dim) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] #drawingGrid .dg-op-del{ color:var(--zs-bad) !important; } :root[data-zs="paper"] #drawingGrid td.dg-over{ color:var(--zs-bad) !important; } :root[data-zs="paper"] #drawingGrid .dg-mh.dg-unlocked{ color:var(--zs-warn) !important; } :root[data-zs="paper"] /* ===== 滚动冻结：分组行吸顶（原生 tr sticky，替换式多层） ===== */ #drawingGridBody tr.dg-freeze{ background:var(--zs-surface) !important; } :root[data-zs="paper"] #drawingGrid .dg-mh-sub{ color:var(--zs-text-sub) !important; } :root[data-zs="paper"] #drawingGrid input.dg-cell{ background:rgba(60,48,36,.42) !important; color:var(--zs-warn) !important; border:1px solid var(--zs-line-strong) !important; } :root[data-zs="paper"] #drawingGrid td.dg-empty{ color:var(--zs-text-sub) !important; } :root[data-zs="paper"] .dg-page-lbl{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .dg-page{ border:1px solid var(--zs-line-strong) !important; background:rgba(60,48,36,.42) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] .dg-page:hover{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] .dg-page-on{ background:var(--zs-accent) !important; border-color:var(--zs-line-strong) !important; color:var(--zs-text) !important; } :root[data-zs="paper"] .dg-page-sep{ color:var(--zs-accent) !important; } :root[data-zs="paper"] .dg-map-col{ border:1px solid var(--zs-line-strong) !important; background:var(--zs-surface) !important; } :root[data-zs="paper"] .dg-map-head{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .dg-map-col select{ border:1px solid var(--zs-line-strong) !important; background:var(--zs-surface) !important; color:var(--zs-text) !important; } :root[data-zs="paper"] .dg-map-col input[data-mmonth]{ border:1px solid var(--zs-line-strong) !important; background:var(--zs-surface) !important; color:var(--zs-warn) !important; } :root[data-zs="paper"] /* 生产经营·班组产值汇总卡片 */ .prod-card{ background:var(--zs-surface) !important; border:1px solid var(--zs-line-strong) !important; } :root[data-zs="paper"] .prod-card:hover{ border-color:var(--zs-line-strong) !important; } :root[data-zs="paper"] /* 主题皮肤切换按钮（顶栏；蓝图=安全青 / 中式=朱砂，两档自适应） */ .theme-toggle{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .topbar-project{ color:var(--zs-text-sub) !important; border-left-color:var(--zs-line-strong) !important; } :root[data-zs="paper"] .topbar-date{ color:var(--zs-text-sub) !important; } :root[data-zs="paper"] .topbar-info-tag .tag-label{ color:var(--zs-text-sub) !important; } :root[data-zs="paper"] .topbar-info-tag.editing{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] .btn-default{ background:var(--zs-surface-2) !important; color:var(--zs-text) !important; } :root[data-zs="paper"] .menu-sub-title{ color:var(--zs-text-sub) !important; } :root[data-zs="paper"] .content::-webkit-scrollbar-thumb{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] .machine-tab{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .stat-card{ background:var(--zs-surface) !important; border:1px solid var(--zs-line-strong) !important; } :root[data-zs="paper"] .stat-num{ color:var(--zs-accent) !important; } :root[data-zs="paper"] .stat-card.normal .stat-num{ color:var(--zs-jade) !important; } :root[data-zs="paper"] .stat-card.warn .stat-num{ color:var(--zs-warn) !important; } :root[data-zs="paper"] .stat-card.danger .stat-num{ color:var(--zs-bad) !important; } :root[data-zs="paper"] .stat-label{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .stat-card-icon .stat-icon-wrap{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] .stat-card-icon .stat-icon{ color:var(--zs-accent) !important; } :root[data-zs="paper"] .stat-card-icon.normal .stat-icon{ color:var(--zs-jade) !important; } :root[data-zs="paper"] .stat-card-icon.warn .stat-icon{ color:var(--zs-warn) !important; } :root[data-zs="paper"] .stat-card-icon.danger .stat-icon{ color:var(--zs-bad) !important; } :root[data-zs="paper"] .stat-card-icon .stat-label{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .tag-gray{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] .tag-dark{ background:rgba(60,48,36,.42) !important; border:1px solid var(--zs-line-strong) !important; } :root[data-zs="paper"] .menu-dropdown .dropdown-menu button{ color:var(--zs-text) !important; } :root[data-zs="paper"] .menu-dropdown .dropdown-menu button:hover{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] .date-tool{ background:rgba(60,48,36,.42) !important; color:var(--zs-text) !important; } :root[data-zs="paper"] /* ========== 进度条 ========== */ .progress{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .progress-text{ color:var(--zs-text) !important; } :root[data-zs="paper"] .form-group input, :root[data-zs="paper"] .form-group select, :root[data-zs="paper"] .form-group textarea{ border:1px solid var(--zs-line-strong) !important; background:var(--zs-surface) !important; color:var(--zs-text) !important; } :root[data-zs="paper"] .modal{ background:var(--zs-surface) !important; border:1px solid var(--zs-line) !important; color:var(--zs-text) !important; } :root[data-zs="paper"] .pc-range-label{ color:var(--zs-text-sub) !important; } :root[data-zs="paper"] .pc-range select{ background:var(--zs-surface) !important; color:var(--zs-text) !important; border:1px solid var(--zs-line-strong) !important; } :root[data-zs="paper"] /* 【2026-10-10】原 .pc-done-toggle（显示完成量勾选框）已随该控件删除。 */ /* 时间轴档按钮（适应 / 周 / 月）：未选为低调灰，选中用青色高亮 + 描边， 一眼看出当前生效的档位。.active 由 pcSyncScaleBtns() 维护。 */ .pc-scale-btn{ background:var(--zs-surface) !important; color:var(--zs-text-sub) !important; border:1px solid var(--zs-line-strong) !important; } :root[data-zs="paper"] .pc-scale-btn:hover{ background:var(--zs-surface) !important; color:var(--zs-text) !important; border-color:var(--zs-line-strong) !important; } :root[data-zs="paper"] .pc-scale-btn.active{ background:var(--zs-accent) !important; border-color:var(--zs-line-strong) !important; } :root[data-zs="paper"] .pc-scale-btn.active:hover{ background:var(--zs-surface) !important; } :root[data-zs="paper"] /* 图例条（静态，永不被 innerHTML 覆盖） */ .pc-legend{ color:var(--zs-text-sub) !important; } :root[data-zs="paper"] .pc-legend-tip{ color:var(--zs-text-sub) !important; } :root[data-zs="paper"] .pc-gantt-hd{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .pc-left{ background:rgba(60,48,36,.42) !important; } :root[data-zs="paper"] .pc-left-hd{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .pc-left-row::before{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] .pc-left-row:hover::before{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] .pc-left-row.is-hl::before{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] .pc-left-name{ color:var(--zs-text) !important; } :root[data-zs="paper"] .pc-right::-webkit-scrollbar-thumb{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] .pc-right::-webkit-scrollbar-thumb:hover{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] /* 整体完成进度条（甘特图上方，整栋加权口径） */ .pc-overall{ background:rgba(60,48,36,.42) !important; border:1px solid var(--zs-line-strong) !important; } :root[data-zs="paper"] .pc-overall-tip{ color:var(--zs-text-sub) !important; } :root[data-zs="paper"] .pc-overall-track{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] .pc-overall-meta{ color:var(--zs-text-sub) !important; } :root[data-zs="paper"] /* 就地填报小弹框（点甘特条弹出） */ .pc-pop{ background:var(--zs-surface) !important; border:1px solid var(--zs-line-strong) !important; } :root[data-zs="paper"] .pc-pop-hd{ color:var(--zs-text) !important; } :root[data-zs="paper"] .pc-pop-sub{ color:var(--zs-text-sub) !important; } :root[data-zs="paper"] .pc-pop-sub b{ color:var(--zs-jade) !important; } :root[data-zs="paper"] .pc-pop-row label{ color:var(--zs-text-sub) !important; } :root[data-zs="paper"] .pc-pop-row input{ background:var(--zs-surface) !important; color:var(--zs-text) !important; border:1px solid var(--zs-line-strong) !important; } :root[data-zs="paper"] .pc-pop-row input:focus{ border-color:var(--zs-line-strong) !important; } :root[data-zs="paper"] .pc-pop-unit{ color:var(--zs-text-sub) !important; } :root[data-zs="paper"] .pc-pop-err{ color:var(--zs-bad) !important; } :root[data-zs="paper"] .pc-pop-warn .pc-pop-hd{ color:var(--zs-warn) !important; } :root[data-zs="paper"] .pc-pop-warnbody{ color:var(--zs-text) !important; } :root[data-zs="paper"] .pc-pop-warnlist{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .btn-warn{ color:var(--zs-text) !important; } :root[data-zs="paper"] #pcPopWeather{ background:var(--zs-surface) !important; color:var(--zs-jade) !important; border:1px solid var(--zs-line-strong) !important; } :root[data-zs="paper"] /* 【2026-10-13】#pcPopWeather 由 readonly 文本框改为可手选下拉：去掉只读色规则 */ #pcPopWeather:focus{ border-color:var(--zs-line-strong) !important; } :root[data-zs="paper"] .pc-pop-chip{ background:var(--zs-accent-dim) !important; border:1px solid var(--zs-line-strong) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] .pc-pop-chip:hover{ background:var(--zs-accent-dim) !important; color:var(--zs-text) !important; } :root[data-zs="paper"] .pc-pop-chip.used{ color:var(--zs-warn) !important; } :root[data-zs="paper"] /* 【批次⑲】优先级芯片（红/黄/蓝）：选中态按各自颜色点亮 */ .pc-pop-chip.prio-red.on{ color:var(--zs-bad) !important; } :root[data-zs="paper"] .pc-pop-chip.prio-yellow.on{ color:var(--zs-warn) !important; } :root[data-zs="paper"] .pc-pop-chip.prio-blue.on{ background:var(--zs-accent-dim) !important; border-color:var(--zs-line-strong) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] .pc-pop-priotip{ color:var(--zs-text-sub) !important; } :root[data-zs="paper"] /* 「批注」按钮：与累计完成率**同一行**（不再独占一行、不拉伸），点它打开批注便签 */ .pc-pop-notebtn{ color:var(--zs-warn) !important; } :root[data-zs="paper"] .pc-pop-notebtn.has{ color:var(--zs-text) !important; } :root[data-zs="paper"] /* 单选框「批注框」：勾选 = 显示批注便签（便签显示与否以它为准）；右对齐到行尾。 选择器带上 .pc-pop-row 提高优先级，避免被 .pc-pop-row label 的 flex:0 0 66px 覆盖。 */ .pc-pop-row label.pc-pop-notechk{ color:var(--zs-text-sub) !important; } :root[data-zs="paper"] .pc-pop-row label.pc-pop-notechk input[type=checkbox]{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .pc-pop-row label.pc-pop-notechk:hover{ color:var(--zs-text) !important; } :root[data-zs="paper"] .step-circle{ background:var(--zs-surface) !important; color:var(--zs-text-sub) !important; } :root[data-zs="paper"] /* ========== 登录界面 ========== */ .login-mask{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .login-box{ background:rgba(60,48,36,.42) !important; border:1px solid var(--zs-line) !important; } :root[data-zs="paper"] .login-title{ color:var(--zs-text) !important; } :root[data-zs="paper"] .login-subtitle{ color:var(--zs-text-sub) !important; } :root[data-zs="paper"] .login-form label{ color:var(--zs-text-sub) !important; } :root[data-zs="paper"] .login-form input{ border:1px solid var(--zs-line-strong) !important; background:rgba(60,48,36,.42) !important; color:var(--zs-text) !important; } :root[data-zs="paper"] .login-form input:focus{ border-color:var(--zs-line-strong) !important; } :root[data-zs="paper"] .login-btn{ background:var(--zs-accent-dim) !important; color:var(--zs-text) !important; } :root[data-zs="paper"] .login-btn:hover{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] .login-tip{ color:var(--zs-text-sub) !important; } :root[data-zs="paper"] .login-error{ color:var(--zs-bad) !important; } :root[data-zs="paper"] /* ========== Toast ========== */ .toast{ background:var(--zs-surface-2) !important; } :root[data-zs="paper"] /* ========== 部署说明 ========== */ .deploy-guide{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .deploy-guide code{ background:rgba(60,48,36,.42) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] .modal-header{ background:var(--zs-surface) !important; border-bottom-color:var(--zs-line) !important; } :root[data-zs="paper"] .modal-footer{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .filter-bar select, :root[data-zs="paper"] .filter-bar input{ border:1px solid var(--zs-line-strong) !important; } :root[data-zs="paper"] /* 顶部导航 */ .topbar{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .topbar-info-tag{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] .topbar-info-tag:hover{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] .top-user .user-role{ background:var(--zs-accent-dim) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] /* 侧边栏 */ .sidebar{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .menu-item{ color:var(--zs-text) !important; } :root[data-zs="paper"] .menu-item:hover{ background:var(--zs-accent) !important; } :root[data-zs="paper"] .menu-item.active{ background:var(--zs-accent-dim) !important; border-left-color:var(--zs-line-strong) !important; } :root[data-zs="paper"] .menu-group-title{ color:var(--zs-text) !important; } :root[data-zs="paper"] .menu-group-title:hover{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .menu-sub-title:hover{ background:var(--zs-accent-dim) !important; color:var(--zs-text) !important; } :root[data-zs="paper"] .menu-sub-title.expanded{ color:var(--zs-text) !important; } :root[data-zs="paper"] /* 卡片 */ .card{ background:var(--zs-surface) !important; border:1px solid var(--zs-line) !important; } :root[data-zs="paper"] .card-title{ color:var(--zs-text) !important; } :root[data-zs="paper"] /* 统计卡片 */ .stat-card{ background:var(--zs-surface) !important; border:1.5px solid var(--zs-line-strong) !important; } :root[data-zs="paper"] .stat-card-icon{ background:var(--zs-surface) !important; border:1.5px solid var(--zs-line-strong) !important; } :root[data-zs="paper"] /* 表格 */ .table-wrap{ color:var(--zs-accent) !important; } :root[data-zs="paper"] .btn-primary{ background:var(--zs-accent-dim) !important; color:var(--zs-text) !important; } :root[data-zs="paper"] .btn-primary:hover{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] .btn-default:hover{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] .btn-link{ color:var(--zs-accent) !important; } :root[data-zs="paper"] /* 表单 */ .form-group label{ color:var(--zs-text-sub) !important; } :root[data-zs="paper"] .form-group input:focus, :root[data-zs="paper"] .form-group select:focus, :root[data-zs="paper"] .form-group textarea:focus{ border-color:var(--zs-line-strong) !important; } :root[data-zs="paper"] .form-group input::placeholder, :root[data-zs="paper"] .form-group textarea::placeholder{ color:var(--zs-text-sub) !important; } :root[data-zs="paper"] .form-group select option{ background:var(--zs-surface) !important; color:var(--zs-text) !important; } :root[data-zs="paper"] .form-footer{ border-top-color:var(--zs-line) !important; } :root[data-zs="paper"] /* 通用输入控件（页面内散落的搜索框/筛选框等） */ input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]){ background:var(--zs-surface) !important; border:1px solid var(--zs-line-strong) !important; color:var(--zs-text) !important; } :root[data-zs="paper"] input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]):focus{ border-color:var(--zs-line-strong) !important; } :root[data-zs="paper"] /* 模态框 */ .modal-mask{ background:rgba(60,48,36,.42) !important; } :root[data-zs="paper"] .modal-close{ color:var(--zs-text-sub) !important; } :root[data-zs="paper"] /* 页面内进度条 */ .progress{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .alert-info h4{ color:var(--zs-text) !important; } :root[data-zs="paper"] .alert-info p{ color:var(--zs-text-sub) !important; } :root[data-zs="paper"] /* 简易图表 */ .bar-chart{ border-bottom-color:var(--zs-line) !important; } :root[data-zs="paper"] .bar{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] .bar-val{ color:var(--zs-text) !important; } :root[data-zs="paper"] .bar-label{ color:var(--zs-text-sub) !important; } :root[data-zs="paper"] .pie-legend .legend-row{ color:var(--zs-text) !important; } :root[data-zs="paper"] /* 流程步骤 */ .steps::before{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .step.active .step-circle{ background:var(--zs-accent-dim) !important; color:var(--zs-text) !important; } :root[data-zs="paper"] /* 项目信息 */ .info-key{ color:var(--zs-text-sub) !important; } :root[data-zs="paper"] .info-val{ color:var(--zs-text) !important; } :root[data-zs="paper"] /* 空状态 */ .empty{ color:var(--zs-text-sub) !important; } :root[data-zs="paper"] /* Toast */ .toast{ background:var(--zs-surface) !important; border:1px solid var(--zs-line-strong) !important; } :root[data-zs="paper"] /* 登录界面 */ .login-mask{ background:var(--zs-surface) !important; } :root[data-zs="paper"] /* 机械设备分类标签 */ .machine-tab{ background:var(--zs-surface) !important; border-color:var(--zs-line-strong) !important; color:var(--zs-text-sub) !important; } :root[data-zs="paper"] .machine-tab:hover{ border-color:var(--zs-line-strong) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] .machine-tab.active{ background:var(--zs-accent-dim) !important; border-color:var(--zs-line-strong) !important; color:var(--zs-text) !important; } :root[data-zs="paper"] /* 滚动条 */ .content::-webkit-scrollbar-thumb{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .content::-webkit-scrollbar-thumb:hover{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .modal-box{ background:var(--zs-surface) !important; color:var(--zs-text) !important; } :root[data-zs="paper"] /* 兜底：仍有行内白底的弹窗类元素 */ .modal-body, :root[data-zs="paper"] .modal-header, :root[data-zs="paper"] .modal-footer{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .sidebar::-webkit-scrollbar-thumb{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] /* 部署说明 */ .deploy-guide{ background:var(--zs-surface) !important; border-color:var(--zs-line) !important; } :root[data-zs="paper"] .deploy-guide h3{ color:var(--zs-text) !important; } :root[data-zs="paper"] .deploy-guide .note{ color:var(--zs-warn) !important; } :root[data-zs="paper"] /* 表格内链接按钮 */ .table-actions .btn-link{ color:var(--zs-accent) !important; } :root[data-zs="paper"] #drawingGrid th, :root[data-zs="paper"] #drawingGrid td{ color:var(--zs-text) !important; background:var(--zs-surface) !important; } :root[data-zs="paper"] #drawingGrid thead th{ background:var(--zs-surface) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] #drawingGrid th.dg-unlocked{ background:var(--zs-surface) !important; color:var(--zs-warn) !important; } :root[data-zs="paper"] #drawingGrid .dg-bld td{ background:var(--zs-surface) !important; color:var(--zs-warn) !important; } :root[data-zs="paper"] #drawingGrid .dg-sec td{ background:var(--zs-surface) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] #drawingGrid .dg-total td{ background:var(--zs-surface) !important; color:var(--zs-warn) !important; } :root[data-zs="paper"] #drawingGrid td.dg-itemname{ color:var(--zs-text) !important; } :root[data-zs="paper"] #drawingGrid td.dg-num{ color:var(--zs-azure) !important; } :root[data-zs="paper"] #drawingGrid td.dg-amt{ color:var(--zs-jade) !important; } :root[data-zs="paper"] #drawingGrid tr.dg-item:hover td{ background:var(--zs-surface) !important; } :root[data-zs="paper"] #drawingGrid .dg-mqty{ color:var(--zs-azure) !important; } :root[data-zs="paper"] #drawingGrid .dg-mamt{ color:var(--zs-accent) !important; } :root[data-zs="paper"] #drawingGrid .dg-sub .dg-mamt{ color:var(--zs-azure) !important; } :root[data-zs="paper"] #drawingGrid .dg-grand .dg-mamt{ color:var(--zs-warn) !important; } :root[data-zs="paper"] #drawingGrid .dg-sec-amt, :root[data-zs="paper"] #drawingGrid .dg-bld-amt, :root[data-zs="paper"] #drawingGrid .dg-bld-done{ color:var(--zs-text) !important; } :root[data-zs="paper"] #drawingGrid .dg-bld-done{ color:var(--zs-jade) !important; } :root[data-zs="paper"] #drawingGrid .dg-rowops .dg-op-edit{ color:var(--zs-azure) !important; } :root[data-zs="paper"] #drawingGrid .dg-rowops .dg-op-del{ color:var(--zs-bad) !important; } :root[data-zs="paper"] /* ========== UI 增强（2026-09-27） ========== */ .topbar{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .login-mask{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .ic-warn-box b{ color:var(--zs-warn) !important; } :root[data-zs="paper"] .ic-table th{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .ic-old{ color:var(--zs-text-sub) !important; } :root[data-zs="paper"] .ic-new{ color:var(--zs-jade) !important; } :root[data-zs="paper"] .ic-old-h{ color:var(--zs-text-sub) !important; } :root[data-zs="paper"] .ic-new-h{ color:var(--zs-jade) !important; } :root[data-zs="paper"] .track-scope{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .track-ranges{ border:1px solid var(--zs-line-strong) !important; } :root[data-zs="paper"] .track-range{ background:var(--zs-surface) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] .track-range:hover{ background:var(--zs-surface) !important; color:var(--zs-text) !important; } :root[data-zs="paper"] .track-range.on{ background:var(--zs-accent-dim) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] .track-filter input[type=date], :root[data-zs="paper"] .track-filter select, :root[data-zs="paper"] .track-filter input[type=search]{ background:var(--zs-surface) !important; color:var(--zs-text) !important; border:1px solid var(--zs-line-strong) !important; } :root[data-zs="paper"] .track-tilde{ color:var(--zs-text-sub) !important; } :root[data-zs="paper"] .track-chk{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .track-chk input{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .track-tab{ border:1px solid var(--zs-line-strong) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] .track-tab:hover{ color:var(--zs-text) !important; border-color:var(--zs-line-strong) !important; } :root[data-zs="paper"] .track-tab.on{ background:var(--zs-accent-dim) !important; border-color:var(--zs-line-strong) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] .track-count{ color:var(--zs-text-sub) !important; } :root[data-zs="paper"] #tableTrack td{ color:var(--zs-text) !important; } :root[data-zs="paper"] #tableTrack tbody tr:hover{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] .track-group td{ background:var(--zs-accent-dim) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] .track-group-n{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .track-groupcell{ background:var(--zs-accent-dim) !important; color:var(--zs-text) !important; } :root[data-zs="paper"] .track-bld{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .track-bar{ background:var(--zs-accent-dim) !important; } :root[data-zs="paper"] .track-pct{ color:var(--zs-text) !important; } :root[data-zs="paper"] .track-up{ color:var(--zs-jade) !important; } :root[data-zs="paper"] .track-sub{ color:var(--zs-text-sub) !important; } :root[data-zs="paper"] .track-none{ color:var(--zs-text-sub) !important; } :root[data-zs="paper"] .track-ahead{ color:var(--zs-jade) !important; } :root[data-zs="paper"] .track-lag{ color:var(--zs-bad) !important; } :root[data-zs="paper"] .track-ok{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .track-wx{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .track-reason{ color:var(--zs-warn) !important; } :root[data-zs="paper"] .track-reason-open{ color:var(--zs-warn) !important; } :root[data-zs="paper"] .track-reason-edit{ border:1px dashed var(--zs-line-strong) !important; color:var(--zs-azure) !important; } :root[data-zs="paper"] .track-reason-edit:hover{ background:var(--zs-accent-dim) !important; border-color:var(--zs-line-strong) !important; } :root[data-zs="paper"] .track-thumb{ border:1px solid var(--zs-line-strong) !important; } :root[data-zs="paper"] .track-empty{ color:var(--zs-text-sub) !important; } :root[data-zs="paper"] /* 延误原因编辑面板（批次㉒）：复用通用弹窗 #modalBody / #modalTitle。 输入框外观沿用主题的全局 input 规则（深底 + 青边），这里只补布局，避免与 !important 打架。 */ .track-edit-hint{ background:var(--zs-accent-dim) !important; border:1px solid var(--zs-line-strong) !important; } :root[data-zs="paper"] .track-edit-who{ color:var(--zs-text) !important; } :root[data-zs="paper"] .track-edit-date{ color:var(--zs-text-sub) !important; } :root[data-zs="paper"] .track-edit-tip{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .track-edit-chk{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .track-edit-del{ color:var(--zs-bad) !important; } :root[data-zs="paper"] .track-edit-cnt{ color:var(--zs-text-sub) !important; } :root[data-zs="paper"] .stat-card .stat-unit{ color:var(--zs-text-sub) !important; } :root[data-zs="paper"] /* 进度日报：多工序行 + 提示（2026-10-10 去掉 .rate-slider 滑块样式，累计率改直接输入） */ .rp-row{ background:rgba(60,48,36,.42) !important; } :root[data-zs="paper"] .rp-hint{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .rp-hint b{ color:var(--zs-text) !important; } :root[data-zs="paper"] .rp-force{ color:var(--zs-warn) !important; } :root[data-zs="paper"] .rp-force input{ color:var(--zs-warn) !important; } :root[data-zs="paper"] .rp-history{ border:1px solid var(--zs-line-strong) !important; background:var(--zs-surface) !important; } :root[data-zs="paper"] .rp-history-title{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .rp-hist-date{ color:var(--zs-text) !important; } :root[data-zs="paper"] .rp-hist-qty{ color:var(--zs-azure) !important; } :root[data-zs="paper"] .rp-hist-rate{ color:var(--zs-accent) !important; } :root[data-zs="paper"] .perm-tree-toolbar{ background:var(--zs-surface) !important; } :root[data-zs="paper"] .perm-tree-hint{ color:var(--zs-text-sub) !important; } :root[data-zs="paper"] .perm-tree-hint b{ color:var(--zs-accent) !important; } :root[data-zs="paper"] .perm-group{ border:1px solid var(--zs-line) !important; background:var(--zs-surface) !important; } :root[data-zs="paper"] .perm-node-head:hover{ background:var(--zs-surface) !important; } :root[data-zs="paper"] /* 叶子行：复选框 + 名称 + 读写下拉。不用