/* ========================================================================= * public/css/veh-align.css —— 资产端车辆卡片：三列固定宽 + 背景色占位（纯 CSS） * 2026.v4702（光年指令） * * 光年定案原话：「这儿用纯 CSS 写，然后宽度扩大一点，还是一行」 * · 纯 CSS：三列宽度写死（不依赖 JS 测宽、不依赖 :has 动态判定） * · 宽度扩大：年检 100 / 二级维护 122 / 保险 292（原 81/99/261 ⇒ 各放大一档） * · 还是一行：卡头 nowrap + 收紧别处（卡片内边距、按钮内边距）把放大吃掉的空间找回来 * · 无值占位 = 实心浅底色 + 文字居中（和有值时一样长）✓ * * 特异性说明：用 html body[data-module] #veh-cards .lw-dev .lw-insp-cell.lw-cX * —— 比存量任何规则都高，且本文件在 asset.html 中最后加载 ⇒ 双保险，必生效 * ========================================================================= */ /* 卡片头永不换行 */ body[data-module="asset"] #veh-cards .lw-dev .lw-dev-head, body[data-module="asset"] #veh-cards .adm-item.lw-dev .adm-item-main, /* ========================================================================= * public/css/veh-align.css —— 资产端车辆卡片：三列固定宽 + 背景色占位（纯 CSS） * 2026.v4702（光年指令） * * 光年定案原话：「这儿用纯 CSS 写，然后宽度扩大一点，还是一行」 * · 纯 CSS：三列宽度写死（不依赖 JS 测宽、不依赖 :has 动态判定） * · 宽度扩大：年检 100 / 二级维护 122 / 保险 292（原 81/99/261 ⇒ 各放大一档） * · 还是一行：卡头 nowrap + 收紧别处（卡片内边距、按钮内边距）把放大吃掉的空间找回来 * · 无值占位 = 实心浅底色 + 文字居中（和有值时一样长）✓ * * 特异性说明：用 html body[data-module] #veh-cards .lw-dev .lw-insp-cell.lw-cX * —— 比存量任何规则都高，且本文件在 asset.html 中最后加载 ⇒ 双保险，必生效 * ========================================================================= */ /* 卡片头永不换行 */ body[data-module="admin"] #veh-cards .lw-dev .lw-dev-head, body[data-module="admin"] #veh-cards .adm-item.lw-dev .adm-item-main { flex-wrap: nowrap !important; } /* 卡片内边距收紧一点 ⇒ 内容区更宽（放大三列后仍能一行）*/ body[data-module="asset"] #veh-cards .xh-upload-item, body[data-module="asset"] #veh-cards .adm-item.lw-dev, /* 卡片内边距收紧一点 ⇒ 内容区更宽（放大三列后仍能一行）*/ body[data-module="admin"] #veh-cards .xh-upload-item, body[data-module="admin"] #veh-cards .adm-item.lw-dev { padding-left: 8px !important; padding-right: 8px !important; } /* ---- 三列固定宽度（放大一档）---- */ html body[data-module="asset"] #veh-cards .lw-dev .lw-insp-cell.lw-ca, html body[data-module="asset"] #veh-cards .adm-item .lw-insp-cell.lw-ca, /* ---- 三列固定宽度（放大一档）---- */ html body[data-module="admin"] #veh-cards .lw-dev .lw-insp-cell.lw-ca, html body[data-module="admin"] #veh-cards .adm-item .lw-insp-cell.lw-ca { width: 100px !important; min-width: 100px !important; max-width: 100px !important; } html body[data-module="asset"] #veh-cards .lw-dev .lw-insp-cell.lw-cb, html body[data-module="asset"] #veh-cards .adm-item .lw-insp-cell.lw-cb, html body[data-module="admin"] #veh-cards .lw-dev .lw-insp-cell.lw-cb, html body[data-module="admin"] #veh-cards .adm-item .lw-insp-cell.lw-cb { width: 122px !important; min-width: 122px !important; max-width: 122px !important; } html body[data-module="asset"] #veh-cards .lw-dev .lw-insp-cell.lw-cc, html body[data-module="asset"] #veh-cards .adm-item .lw-insp-cell.lw-cc, html body[data-module="admin"] #veh-cards .lw-dev .lw-insp-cell.lw-cc, html body[data-module="admin"] #veh-cards .adm-item .lw-insp-cell.lw-cc { width: 292px !important; min-width: 292px !important; max-width: 292px !important; } html body[data-module="asset"] #veh-cards .lw-insp-cell, html body[data-module="admin"] #veh-cards .lw-insp-cell { flex: 0 0 auto !important; box-sizing: border-box !important; display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 1px 3px !important; } /* ---- 年检 / 二级维护：药丸占满整列、文字居中 ---- */ html body[data-module="asset"] #veh-cards .lw-insp-cell > .lw-insp, /* ---- 年检 / 二级维护：药丸占满整列、文字居中 ---- */ html body[data-module="admin"] #veh-cards .lw-insp-cell > .lw-insp { width: 100% !important; min-width: 0 !important; max-width: 100% !important; flex: 1 1 auto !important; font-size: 10px !important; line-height: 15px !important; padding: 1px 5px !important; white-space: nowrap !important; overflow: hidden !important; box-sizing: border-box !important; text-align: center !important; } /* ★ 无值：整格实心浅底色 + 居中（= 背景颜色做占位符）*/ html body[data-module="asset"] #veh-cards .lw-insp-cell > .lw-insp.is-empty, /* ★ 无值：整格实心浅底色 + 居中（= 背景颜色做占位符）*/ html body[data-module="admin"] #veh-cards .lw-insp-cell > .lw-insp.is-empty { background: #eef2f7 !important; border: 0 !important; color: #94a3b8 !important; box-shadow: none !important; text-align: center !important; } /* ---- 保险：三段等分整列 ⇒ 有值/无值同宽 ---- */ html body[data-module="asset"] #veh-cards .lw-insp-cell > .lw-ins3, /* ---- 保险：三段等分整列 ⇒ 有值/无值同宽 ---- */ html body[data-module="admin"] #veh-cards .lw-insp-cell > .lw-ins3 { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 1px 4px !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; box-sizing: border-box !important; } html body[data-module="asset"] #veh-cards .lw-ins3 > .lb, html body[data-module="asset"] #veh-cards .lw-ins3 > .seg, html body[data-module="admin"] #veh-cards .lw-ins3 > .lb, html body[data-module="admin"] #veh-cards .lw-ins3 > .seg { font-size: 10px !important; line-height: 15px !important; padding: 1px 3px !important; white-space: nowrap !important; box-sizing: border-box !important; text-align: center !important; } html body[data-module="asset"] #veh-cards .lw-ins3 > .lb, html body[data-module="admin"] #veh-cards .lw-ins3 > .lb { flex: 0 0 auto !important; } html body[data-module="asset"] #veh-cards .lw-ins3 > .seg, html body[data-module="admin"] #veh-cards .lw-ins3 > .seg { flex: 1 1 0 !important; min-width: 0 !important; } /* ★ 保险空段：同款实心浅底色 + 居中 */ html body[data-module="asset"] #veh-cards .lw-ins3 > .seg.st-none, /* ★ 保险空段：同款实心浅底色 + 居中 */ html body[data-module="admin"] #veh-cards .lw-ins3 > .seg.st-none { background: #eef2f7 !important; border: 0 !important; color: #94a3b8 !important; box-shadow: none !important; } /* ---- 操作按钮收紧，把放大三列的空间找回来（仍一行）---- */ html body[data-module="asset"] #veh-cards .lw-dev .adm-item-acts > .btn, html body[data-module="asset"] #veh-cards .lw-dev .lwro-acts > .btn, /* ---- 操作按钮收紧，把放大三列的空间找回来（仍一行）---- */ html body[data-module="admin"] #veh-cards .lw-dev .adm-item-acts > .btn, html body[data-module="admin"] #veh-cards .lw-dev .lwro-acts > .btn { font-size: 10.5px !important; padding: 1px 5px !important; white-space: nowrap !important; } html body[data-module="asset"] #veh-cards .lw-dev .adm-item-acts, html body[data-module="asset"] #veh-cards .lw-dev .lwro-acts, html body[data-module="admin"] #veh-cards .lw-dev .adm-item-acts, html body[data-module="admin"] #veh-cards .lw-dev .lwro-acts { gap: 4px !important; } /* ===================== 2026.v4703（光年指令）「在用 / 未套半挂车」格定宽 ===================== 光年原话：「这里首帧和尾帧不一样，你取一个大的帧数做为结局」⇒ 取全表最大值作为统一宽度。 实测（29 行）：该格宽度 150px（未套半挂车 + 虚线填充）↔ 166px（在用 闽A5B12挂 / 普通架·长架·3轴）， 左边界同为 x=628 —— 宽度差 16px 会把右侧所有列逐列推歪（首行与尾行肉眼可见不一致 ✗）。 定宽 166px（= 全表最大值）⇒ 未套那行由 .lw-fill 虚线自动铺满到同宽 ⇒ 首尾完全一致 ✓ 回滚：删掉本段 ============================== */ html body[data-module="asset"] #veh-cards .lw-dev .lw-tag.lw-chassis, html body[data-module="asset"] #veh-cards .adm-item .lw-tag.lw-chassis, /* ===================== 2026.v4703（光年指令）「在用 / 未套半挂车」格定宽 ===================== 光年原话：「这里首帧和尾帧不一样，你取一个大的帧数做为结局」⇒ 取全表最大值作为统一宽度。 实测（29 行）：该格宽度 150px（未套半挂车 + 虚线填充）↔ 166px（在用 闽A5B12挂 / 普通架·长架·3轴）， 左边界同为 x=628 —— 宽度差 16px 会把右侧所有列逐列推歪（首行与尾行肉眼可见不一致 ✗）。 定宽 166px（= 全表最大值）⇒ 未套那行由 .lw-fill 虚线自动铺满到同宽 ⇒ 首尾完全一致 ✓ 回滚：删掉本段 ============================== */ html body[data-module="admin"] #veh-cards .lw-dev .lw-tag.lw-chassis, html body[data-module="admin"] #veh-cards .adm-item .lw-tag.lw-chassis { /* ===== 2026.v4764（光年指令）：166px → 208px ===== 数据里已出现 198px 的长内容（"在用 闽A5B12挂 / 普通架·长架·3轴"）， 166px 定宽会把 3 行截掉 32px（底色到边上、字被切 ✗）。 新宽 = 内容 198 + 边框 2 + 内边距 5.75 ≈ 206 ⇒ 取 208px（留 2px 余量）： · 有值：内容完整显示，底色跟着增长 ✓ · 无值：同宽，右侧由 .lw-fill 虚线（--）自动铺满 ⇒ 两态等长 ✓ · 右侧各列整体右移 42px（年检 x 573 → 615）✓ 回滚：把下面三个值改回 166px 即可 ===== */ /* ===== 2026.v4780（光年指令）：彻底去掉右侧"尾巴" ===== 166 → 208（多 8px 余量 ✗）→ 200（还剩药丸右内边距 3.9px ✗）→ 现在： · 宽度收到 197.5px = 边框1 + 左内边距2.875 + 文字192.25 + 边框1（右内边距已归零） · padding-right: 0 ⇒ 有值那枚"2轴/3轴"文字直接贴到右缘 ✓ · 无值那枚的虚线（.lw-fill）同步往外延 2px ⇒ 与有值那枚去掉同样长的一截 ✓ 回滚：三个值改回 200px、删掉 padding-right 那行 ===== */ /* ===== 2026.v5233（光年指令·修正 v4780 「3轴后面的空白」）===== 光年原话：「是这个尾巴：3轴后面的空白不要了」「2者要保持尾巴一样长，这样可上下对齐」 病根：v4703/v4764/v4780 一路用 198px 硬定宽（= 边框1 + 左内边距2.875 + 文字192.25 + 边框1）+ JS 内联 padding-right:0 ⇒ 换字体/缩放（光年机器约 6~8px）就露出空白 ✗ 做法：宽度交还内容 —— width:auto / min-width:0 / max-width:100%， 右内边距与左对称（JS 内联同改 padding:4px 3px）⇒ 两枚「尾巴」等长 ✓ 影响：标签不再等宽（未套那枚自然短），但左内边距一致⇒左缘仍严格对齐 ✓ 回滚：三个值改回 198px、padding-right 改回 0 ===== */ width: auto !important; min-width: 0 !important; max-width: 100% !important; padding-right: 3px !important; box-sizing: border-box !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: clip !important; display: inline-flex !important; align-items: center !important; } /* 未套时的虚线填充：撑满剩余宽度（定宽下自动铺满） */ html body[data-module="asset"] #veh-cards .lw-tag.lw-chassis > .lw-fill, /* 未套时的虚线填充：撑满剩余宽度（定宽下自动铺满） */ html body[data-module="admin"] #veh-cards .lw-tag.lw-chassis > .lw-fill { flex: 1 1 auto !important; min-width: 0 !important; } /* ===================== 2026.v4704（光年指令）车牌号放大 + 全部纯 CSS ===================== ① 光年指令：「车牌号大点」⇒ 车牌字号放大一档（并同步加宽其定宽，保证整行仍对齐） ② 光年指令：「列表还是会跳，去除扰动因素，列表只用 CSS 来排版」 跳动根因：fleet-views.js 里我先前加的 __lwVehPh 模块（每 1.5s 扫一次 + 动态算宽度 + 动态给占位符打标记）＋ 车队分组模块的重排 ⇒ 页面加载后逐帧改 DOM/样式 ⇒ 视觉跳动。 处置：JS 动态模块已整段删除（3490 字符）；三列宽度、占位符底色、字号全部改由本文件 静态声明 ⇒ 首帧即终帧，不再有任何"加载后重排"✓ 回滚：删掉本段 ============================== */ html body[data-module="asset"] #veh-cards .lw-dev .veh-plate, html body[data-module="asset"] #veh-cards .adm-item .veh-plate, /* ===================== 2026.v4704（光年指令）车牌号放大 + 全部纯 CSS ===================== ① 光年指令：「车牌号大点」⇒ 车牌字号放大一档（并同步加宽其定宽，保证整行仍对齐） ② 光年指令：「列表还是会跳，去除扰动因素，列表只用 CSS 来排版」 跳动根因：fleet-views.js 里我先前加的 __lwVehPh 模块（每 1.5s 扫一次 + 动态算宽度 + 动态给占位符打标记）＋ 车队分组模块的重排 ⇒ 页面加载后逐帧改 DOM/样式 ⇒ 视觉跳动。 处置：JS 动态模块已整段删除（3490 字符）；三列宽度、占位符底色、字号全部改由本文件 静态声明 ⇒ 首帧即终帧，不再有任何"加载后重排"✓ 回滚：删掉本段 ============================== */ html body[data-module="admin"] #veh-cards .lw-dev .veh-plate, html body[data-module="admin"] #veh-cards .adm-item .veh-plate { font-size: 14.5px !important; line-height: 20px !important; padding: 2px 12px !important; min-width: 132px !important; box-sizing: border-box !important; letter-spacing: 0.3px !important; } /* ===================== 2026.v4705（光年指令）车牌放大后回收宽度（仍保持一行）===================== 车牌 118 → 132px（+14px）后整行溢出 ⇒ 从这些"不影响信息"的地方等量回收： · 卡片左右内边距 8 → 5px（-6px） · 三列各收 2px（100/122/292 → 98/120/288，-6px；保险内容 261px 仍装得下） · 操作按钮内边距再收 1px（-4px） 回滚：删掉本段 ============================== */ html body[data-module="asset"] #veh-cards .lw-dev, html body[data-module="asset"] #veh-cards .xh-upload-item, /* ===================== 2026.v4705（光年指令）车牌放大后回收宽度（仍保持一行）===================== 车牌 118 → 132px（+14px）后整行溢出 ⇒ 从这些"不影响信息"的地方等量回收： · 卡片左右内边距 8 → 5px（-6px） · 三列各收 2px（100/122/292 → 98/120/288，-6px；保险内容 261px 仍装得下） · 操作按钮内边距再收 1px（-4px） 回滚：删掉本段 ============================== */ html body[data-module="admin"] #veh-cards .lw-dev, html body[data-module="admin"] #veh-cards .xh-upload-item { padding-left: 5px !important; padding-right: 5px !important; } html body[data-module="asset"] #veh-cards .lw-dev .lw-insp-cell.lw-ca, html body[data-module="admin"] #veh-cards .lw-dev .lw-insp-cell.lw-ca { width: 98px !important; min-width: 98px !important; max-width: 98px !important; } html body[data-module="asset"] #veh-cards .lw-dev .lw-insp-cell.lw-cb, html body[data-module="admin"] #veh-cards .lw-dev .lw-insp-cell.lw-cb { width: 120px !important; min-width: 120px !important; max-width: 120px !important; } html body[data-module="asset"] #veh-cards .lw-dev .lw-insp-cell.lw-cc, html body[data-module="admin"] #veh-cards .lw-dev .lw-insp-cell.lw-cc { width: 288px !important; min-width: 288px !important; max-width: 288px !important; } html body[data-module="asset"] #veh-cards .lw-dev .adm-item-acts > .btn, html body[data-module="asset"] #veh-cards .lw-dev .lwro-acts > .btn, html body[data-module="admin"] #veh-cards .lw-dev .adm-item-acts > .btn, html body[data-module="admin"] #veh-cards .lw-dev .lwro-acts > .btn { padding: 1px 4px !important; } /* ===================== 2026.v4706（光年指令）筛选工具条移到页面顶部 ===================== 光年指令：「这个放该页顶部」（指 全部29 / 在用29 / 未绑司机0 / 年检临期0 / 已过期0 + 搜索车牌 · 品牌 · 半挂车号 · 司机 + 添加牵引车 这一条） 实测 DOM：#veh-cards.card 内子元素顺序 = [.lw-fleet-wrap（车队分组列表，y=248）, .veh-toolbar（工具条，y=2863）] ⇒ 工具条排在列表之后，视觉上沉在页面底部 ✗ 做法：纯 CSS 的 order（不动 DOM、不写 JS）—— 容器列向 + 工具条 order:-1 提到最前 ✓ 回滚：删掉本段 ============================== */ html body[data-module="asset"] #veh-cards.card, .veh-toolbar（工具条，y=2863）] ⇒ 工具条排在列表之后，视觉上沉在页面底部 ✗ 做法：纯 CSS 的 order（不动 DOM、不写 JS）—— 容器列向 + 工具条 order:-1 提到最前 ✓ 回滚：删掉本段 ============================== */ html body[data-module="admin"] #veh-cards.card { display: flex !important; flex-direction: column !important; } html body[data-module="asset"] #veh-cards.card > .veh-toolbar, html body[data-module="admin"] #veh-cards.card > .veh-toolbar { order: -2 !important; margin-bottom: 8px !important; } html body[data-module="asset"] #veh-cards.card > .lw-fleet-wrap, html body[data-module="admin"] #veh-cards.card > .lw-fleet-wrap { order: 0 !important; } html body[data-module="asset"] #veh-cards.card > #veh-pager, html body[data-module="asset"] #veh-cards.card > .veh-pager, html body[data-module="admin"] #veh-cards.card > #veh-pager, html body[data-module="admin"] #veh-cards.card > .veh-pager { order: 9 !important; margin-top: 10px !important; } /* 工具条内部：药丸左、搜索与按钮右（保持原样，仅确保一行不折） */ html body[data-module="asset"] #veh-cards.card > .veh-toolbar, /* 工具条内部：药丸左、搜索与按钮右（保持原样，仅确保一行不折） */ html body[data-module="admin"] #veh-cards.card > .veh-toolbar { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 8px !important; } /* ===================== 2026.v4707（光年指令）消除分组引起的 22px 宽度跳变 ===================== 逐帧实测：分组前卡片宽 1170px → 分组后 1148px（差 22px = .lw-fleet-body 左右 padding 10px×2 + .lw-fleet-grp 边框 1px×2）。这 22px 会让卡片内容整体"缩一下"，是跳动的第二个来源。 做法：组体不再缩卡片（水平 padding 归零），卡片宽度与分组前一致； 组头的内缩由组框自身负责，视觉上更整齐 ✓ 回滚：删掉本段 ============================== */ html body[data-module="asset"] #veh-cards .lw-fleet-body, /* ===================== 2026.v4707（光年指令）消除分组引起的 22px 宽度跳变 ===================== 逐帧实测：分组前卡片宽 1170px → 分组后 1148px（差 22px = .lw-fleet-body 左右 padding 10px×2 + .lw-fleet-grp 边框 1px×2）。这 22px 会让卡片内容整体"缩一下"，是跳动的第二个来源。 做法：组体不再缩卡片（水平 padding 归零），卡片宽度与分组前一致； 组头的内缩由组框自身负责，视觉上更整齐 ✓ 回滚：删掉本段 ============================== */ html body[data-module="admin"] #veh-cards .lw-fleet-body { padding-left: 0 !important; padding-right: 0 !important; } html body[data-module="asset"] #veh-cards .lw-fleet-grp, html body[data-module="admin"] #veh-cards .lw-fleet-grp { padding-left: 0 !important; padding-right: 0 !important; } /* ===================== 2026.v4710（光年指令）单行车卡「标签美化 · V9 顶部彩线 + 浅底」===================== 光年选定 V9。 硬约束（务必保留这段说明）：本行是精算到 px 的"刚好一行" —— 年检列 98px / 二级维护列 120px / 保险列 288px 全部固定宽，卡片左右内边距 5px，按钮 padding 1px 4px， 整行【零余量】⇒ 任何宽度增量（padding / 描边 / 字号）都会让内容撞进相邻列（实测会重叠 190px）。 因此本段【零宽度】实现：只改 background / color / border-radius / box-shadow(内阴影)， 完全不碰 padding、字号、行高、宽度 ⇒ 三列对齐与单行 68px 不受影响 （实测：卡片高 68、列重叠 0、照片↔按钮间距 230px，与美化前基线逐项一致）。 回滚：删掉本段 ============================== */ html body[data-module="asset"] #veh-cards .lw-tag, /* ===================== 2026.v4710（光年指令）单行车卡「标签美化 · V9 顶部彩线 + 浅底」===================== 光年选定 V9。 硬约束（务必保留这段说明）：本行是精算到 px 的"刚好一行" —— 年检列 98px / 二级维护列 120px / 保险列 288px 全部固定宽，卡片左右内边距 5px，按钮 padding 1px 4px， 整行【零余量】⇒ 任何宽度增量（padding / 描边 / 字号）都会让内容撞进相邻列（实测会重叠 190px）。 因此本段【零宽度】实现：只改 background / color / border-radius / box-shadow(内阴影)， 完全不碰 padding、字号、行高、宽度 ⇒ 三列对齐与单行 68px 不受影响 （实测：卡片高 68、列重叠 0、照片↔按钮间距 230px，与美化前基线逐项一致）。 回滚：删掉本段 ============================== */ html body[data-module="admin"] #veh-cards .lw-tag { background: #f7f9fc !important; color: #42506a !important; border-radius: 5px !important; box-shadow: inset 0 2px 0 #cbd5e1 !important; } html body[data-module="asset"] #veh-cards .lw-tag.is-drv, html body[data-module="admin"] #veh-cards .lw-tag.is-drv { background: #f4f8ff !important; color: #1b4ed8 !important; box-shadow: inset 0 2px 0 #2b6cff !important; } html body[data-module="asset"] #veh-cards .lw-tag.is-on, html body[data-module="admin"] #veh-cards .lw-tag.is-on { background: #f2fbf6 !important; color: #0f7a54 !important; box-shadow: inset 0 2px 0 #12a36f !important; } html body[data-module="asset"] #veh-cards .lw-tag.is-free, html body[data-module="admin"] #veh-cards .lw-tag.is-free { background: #fffbf3 !important; color: #b45309 !important; box-shadow: inset 0 2px 0 #f59e0b !important; } html body[data-module="asset"] #veh-cards .lw-insp-cell > .lw-insp, html body[data-module="admin"] #veh-cards .lw-insp-cell > .lw-insp { background: #f5faff !important; color: #0a5fbe !important; box-shadow: inset 0 2px 0 #38bdf8 !important; } html body[data-module="asset"] #veh-cards .lw-insp-cell.lw-cb > .lw-insp, html body[data-module="admin"] #veh-cards .lw-insp-cell.lw-cb > .lw-insp { background: #f9f7ff !important; color: #6b34dd !important; box-shadow: inset 0 2px 0 #a78bfa !important; } html body[data-module="asset"] #veh-cards .lw-ins3 > .lb, html body[data-module="admin"] #veh-cards .lw-ins3 > .lb { color: #8a5a00 !important; } html body[data-module="asset"] #veh-cards .lw-ins3 > .seg, html body[data-module="admin"] #veh-cards .lw-ins3 > .seg { background: #fffaef !important; color: #7a5200 !important; box-shadow: inset 0 2px 0 #fbbf24 !important; } html body[data-module="asset"] #veh-cards .lw-ins3 > .seg.st-none, html body[data-module="admin"] #veh-cards .lw-ins3 > .seg.st-none { background: #eef2f7 !important; color: #94a3b8 !important; box-shadow: none !important; } html body[data-module="asset"] #veh-cards .lw-insp-cell > .lw-insp.is-empty, html body[data-module="admin"] #veh-cards .lw-insp-cell > .lw-insp.is-empty { background: #eef2f7 !important; color: #94a3b8 !important; box-shadow: none !important; } html body[data-module="asset"] #veh-cards .vp-cell, html body[data-module="admin"] #veh-cards .vp-cell { background: #f7f9fc !important; box-shadow: inset 0 2px 0 #cbd5e1 !important; } /* ===================== 2026.v4711（光年指令）牵引车卡片：加高 + 去 hover 抽风 + 按钮恢复历史样式与新配色 ========== 【本段三项，各自可单独回滚】 ① 上下加高（光年：「上下高度加一点」） 卡片上下内边距 16→20px · 标签上下内边距 4→6px · 年检/维护药丸 1→3px ⇒ 卡片 68 → 76px；标签内文字与 V9 顶线之间有了呼吸空间（原来只差 2px，贴着）✓ ② 去掉 hover 抽风（光年：「这里会抽风，鼠标移过去的时候」） 真因：style.css:10514 的「悬停浮起」对 .lw-tag 做 transform:translateY(-1px)， 而挂车标签是 166px 硬定宽 + overflow:hidden，鼠标移上去后元素位移会让 hover 反复 触发/失效。逐帧实测：1.4 秒内 18 帧 transform 全在变（-0.47 / -0.16 / 0 循环）✗ 做法：去掉位移（transform:none），保留一个极轻的底色反馈（filter 变深 3%）⇒ 不抖且有反馈 ✓ ③ 按钮恢复历史样式 + 新配色（光年：「恢复历史样式」+「指派司机用蓝色、编辑用表色、上下箭头资产端全局用黑色」） 历史取样：汇盛物流-全量-20260928-1338.zip（version.json = 2026.v3808）里 .btn.ghost.sm 原样 尺寸：字号 10.5→12px · 内边距 1px 4px→6px 12px · 圆角 9→10px · 图标 .78em→1em · 间距 4→6px · 边框 1.5px 配色：指派司机 = 蓝 #1b4ed8 ｜ 编辑 = 金 #b8860b ｜ ↑↓ = 黑 #1f2937（资产端全局；↑ 禁用态浅灰 #c3ccd9） 实测：按钮区 162→250px；1920 宽下「照片/材料↔按钮」仍有 141px 余量，未挤压年检/维护/保险三列 ✓ 注：本段尺寸只作用于牵引车页（#veh-cards）；其它资产端列表页仅套用新配色，尺寸不动 ⇒ 不会挤坏别页布局 ✓ 回滚：删掉本段 ============================================================================== */ /* ---- ① 加高 ---- */ html body[data-module="asset"] #veh-cards .lw-dev .lw-tag.lw-tag, /* ===================== 2026.v4711（光年指令）牵引车卡片：加高 + 去 hover 抽风 + 按钮恢复历史样式与新配色 ========== 【本段三项，各自可单独回滚】 ① 上下加高（光年：「上下高度加一点」） 卡片上下内边距 16→20px · 标签上下内边距 4→6px · 年检/维护药丸 1→3px ⇒ 卡片 68 → 76px；标签内文字与 V9 顶线之间有了呼吸空间（原来只差 2px，贴着）✓ ② 去掉 hover 抽风（光年：「这里会抽风，鼠标移过去的时候」） 真因：style.css:10514 的「悬停浮起」对 .lw-tag 做 transform:translateY(-1px)， 而挂车标签是 166px 硬定宽 + overflow:hidden，鼠标移上去后元素位移会让 hover 反复 触发/失效。逐帧实测：1.4 秒内 18 帧 transform 全在变（-0.47 / -0.16 / 0 循环）✗ 做法：去掉位移（transform:none），保留一个极轻的底色反馈（filter 变深 3%）⇒ 不抖且有反馈 ✓ ③ 按钮恢复历史样式 + 新配色（光年：「恢复历史样式」+「指派司机用蓝色、编辑用表色、上下箭头资产端全局用黑色」） 历史取样：汇盛物流-全量-20260928-1338.zip（version.json = 2026.v3808）里 .btn.ghost.sm 原样 尺寸：字号 10.5→12px · 内边距 1px 4px→6px 12px · 圆角 9→10px · 图标 .78em→1em · 间距 4→6px · 边框 1.5px 配色：指派司机 = 蓝 #1b4ed8 ｜ 编辑 = 金 #b8860b ｜ ↑↓ = 黑 #1f2937（资产端全局；↑ 禁用态浅灰 #c3ccd9） 实测：按钮区 162→250px；1920 宽下「照片/材料↔按钮」仍有 141px 余量，未挤压年检/维护/保险三列 ✓ 注：本段尺寸只作用于牵引车页（#veh-cards）；其它资产端列表页仅套用新配色，尺寸不动 ⇒ 不会挤坏别页布局 ✓ 回滚：删掉本段 ============================================================================== */ /* ---- ① 加高 ---- */ html body[data-module="admin"] #veh-cards .lw-dev .lw-tag.lw-tag { padding-top: 6px !important; padding-bottom: 6px !important; } html body[data-module="asset"] #veh-cards .lw-dev .lw-insp-cell > .lw-insp.lw-insp, html body[data-module="admin"] #veh-cards .lw-dev .lw-insp-cell > .lw-insp.lw-insp { padding-top: 3px !important; padding-bottom: 3px !important; } html body[data-module="asset"] #veh-cards .lw-dev.lw-dev, html body[data-module="asset"] #veh-cards .adm-item.lw-dev.lw-dev, html body[data-module="admin"] #veh-cards .lw-dev.lw-dev, html body[data-module="admin"] #veh-cards .adm-item.lw-dev.lw-dev { padding-top: 20px !important; padding-bottom: 20px !important; } /* ---- ② 去 hover 抽风（保留轻反馈）---- */ html body[data-module="asset"] #veh-cards .lw-dev .lw-tag.lw-tag:hover, /* ---- ② 去 hover 抽风（保留轻反馈）---- */ html body[data-module="admin"] #veh-cards .lw-dev .lw-tag.lw-tag:hover { transform: none !important; filter: brightness(.97); } html body[data-module="asset"] #veh-cards .lw-dev .lw-insp-cell > .lw-insp.lw-insp:hover, html body[data-module="admin"] #veh-cards .lw-dev .lw-insp-cell > .lw-insp.lw-insp:hover { transform: none !important; } /* ---- ③ 按钮恢复历史尺寸（仅牵引车页）---- */ html body[data-module="asset"] #veh-cards .lw-dev .adm-item-acts > .btn, html body[data-module="asset"] #veh-cards .lw-dev .lwro-acts > .btn, /* ---- ③ 按钮恢复历史尺寸（仅牵引车页）---- */ html body[data-module="admin"] #veh-cards .lw-dev .adm-item-acts > .btn, html body[data-module="admin"] #veh-cards .lw-dev .lwro-acts > .btn { font-size: 12px !important; padding: 6px 12px !important; border-radius: 10px !important; line-height: 1 !important; gap: 7px !important; min-height: 0 !important; border: 1.5px solid currentColor !important; background: transparent !important; } html body[data-module="asset"] #veh-cards .lw-dev .adm-item-acts > .btn > i, html body[data-module="asset"] #veh-cards .lw-dev .lwro-acts > .btn > i, html body[data-module="admin"] #veh-cards .lw-dev .adm-item-acts > .btn > i, html body[data-module="admin"] #veh-cards .lw-dev .lwro-acts > .btn > i { font-size: 1em !important; width: 1em !important; height: 1em !important; } html body[data-module="asset"] #veh-cards .lw-dev .adm-item-acts, html body[data-module="asset"] #veh-cards .lw-dev .lwro-acts, html body[data-module="admin"] #veh-cards .lw-dev .adm-item-acts, html body[data-module="admin"] #veh-cards .lw-dev .lwro-acts { gap: 6px !important; } /* ---- ③ 配色：指派司机=蓝 · 编辑=金 · ↑↓=黑（资产端全局）---- */ html body[data-module="asset"] .lw-dev .adm-item-acts > .btn[data-drivers], /* ---- ③ 配色：指派司机=蓝 · 编辑=金 · ↑↓=黑（资产端全局）---- */ html body[data-module="admin"] .lw-dev .adm-item-acts > .btn[data-drivers] { color: #1b4ed8 !important; } html body[data-module="asset"] .lw-dev .adm-item-acts > .btn[data-edit], html body[data-module="admin"] .lw-dev .adm-item-acts > .btn[data-edit] { color: #b8860b !important; } html body[data-module="asset"] .lw-dev .lwro-acts > .btn, html body[data-module="admin"] .lw-dev .lwro-acts > .btn { color: #1f2937 !important; } html body[data-module="asset"] .lw-dev .lwro-acts > .btn:disabled, html body[data-module="admin"] .lw-dev .lwro-acts > .btn:disabled { color: #c3ccd9 !important; opacity: 1 !important; } /* hover 时按各自颜色给淡底（原来是主题色淡底，避免蓝按钮配金底）*/ html body[data-module="asset"] .lw-dev .adm-item-acts > .btn[data-drivers]:hover, /* hover 时按各自颜色给淡底（原来是主题色淡底，避免蓝按钮配金底）*/ html body[data-module="admin"] .lw-dev .adm-item-acts > .btn[data-drivers]:hover { background: #eef4ff !important; } html body[data-module="asset"] .lw-dev .adm-item-acts > .btn[data-edit]:hover, html body[data-module="admin"] .lw-dev .adm-item-acts > .btn[data-edit]:hover { background: #fdf6e3 !important; } html body[data-module="asset"] .lw-dev .lwro-acts > .btn:not(:disabled):hover, html body[data-module="admin"] .lw-dev .lwro-acts > .btn:not(:disabled):hover { background: #f1f5f9 !important; } /* ===================== 2026.v4742（光年指令）牵引车单行车卡：外框不变，内容等比放大 ===================== 光年原话：「外框不变，里面的元素大点，还是要保持一行和原字符数，就更外观更大气点。你要考虑比例」 背景：style.css:18702（v4695m）当时为了"让日期完整且不挤右侧"，把整行字号统一压到 10px （.veh-plate / .lw-tag.is-drv / .lw-tag:not(.lw-chassis):not(.lw-insp) 全是 10px）✗ 现在放大 ⇒ 靠两个来源腾空间：① 当前「照片/材料 ↔ 按钮」还有 141px 余量 ② 列宽从保险列匀给年检/维护列 改动明细（按比例一起放大，不是只放大字）： · 车牌 14.5 → 15.5px，定宽 132 → 138px（同步加宽，保持列对齐） · 普通标签 10 → 11.5px，内边距 上下 6→8 / 左右 2.5→5，圆角 5→8 · 年检/维护 10 → 11.5px，内边距上下 1 → 5（原来只有 1px，压得扁） · 保险三段 10 → 11.5px，内边距 2→4 · 照片/材料 10 → 11.5px · 列宽 年检 98→105、维护 120→126、保险 288→278（保险列匀出 10px） · 行内间距 14 → 11px · 外框高度 76px 不变（内容变高由卡片上下内边距 20→22px 等量回收） 实测（1920 视口）：卡片高 76 不变 · 宽 1588 不变 · 三列零重叠 · 横向溢出 0 · 「照片/材料 ↔ 按钮」94px 余量 · 标签 26→32px(10→11.5px) · 车牌 15.5px 回滚：删掉本段 ========================================================================== */ html body[data-module="asset"] #veh-cards .lw-dev.lw-dev, /* ===================== 2026.v4742（光年指令）牵引车单行车卡：外框不变，内容等比放大 ===================== 光年原话：「外框不变，里面的元素大点，还是要保持一行和原字符数，就更外观更大气点。你要考虑比例」 背景：style.css:18702（v4695m）当时为了"让日期完整且不挤右侧"，把整行字号统一压到 10px （.veh-plate / .lw-tag.is-drv / .lw-tag:not(.lw-chassis):not(.lw-insp) 全是 10px）✗ 现在放大 ⇒ 靠两个来源腾空间：① 当前「照片/材料 ↔ 按钮」还有 141px 余量 ② 列宽从保险列匀给年检/维护列 改动明细（按比例一起放大，不是只放大字）： · 车牌 14.5 → 15.5px，定宽 132 → 138px（同步加宽，保持列对齐） · 普通标签 10 → 11.5px，内边距 上下 6→8 / 左右 2.5→5，圆角 5→8 · 年检/维护 10 → 11.5px，内边距上下 1 → 5（原来只有 1px，压得扁） · 保险三段 10 → 11.5px，内边距 2→4 · 照片/材料 10 → 11.5px · 列宽 年检 98→105、维护 120→126、保险 288→278（保险列匀出 10px） · 行内间距 14 → 11px · 外框高度 76px 不变（内容变高由卡片上下内边距 20→22px 等量回收） 实测（1920 视口）：卡片高 76 不变 · 宽 1588 不变 · 三列零重叠 · 横向溢出 0 · 「照片/材料 ↔ 按钮」94px 余量 · 标签 26→32px(10→11.5px) · 车牌 15.5px 回滚：删掉本段 ========================================================================== */ html body[data-module="admin"] #veh-cards .lw-dev.lw-dev { padding-top: 22px !important; padding-bottom: 22px !important; } html body[data-module="asset"] #veh-cards .lw-dev .veh-plate.veh-plate, html body[data-module="admin"] #veh-cards .lw-dev .veh-plate.veh-plate { font-size: 15.5px !important; line-height: 21px !important; padding: 3px 12px !important; min-width: 138px !important; letter-spacing: .3px !important; } html body[data-module="asset"] #veh-cards .lw-dev .lw-tag.lw-tag, html body[data-module="admin"] #veh-cards .lw-dev .lw-tag.lw-tag { font-size: 11.5px !important; padding: 8px 5px !important; border-radius: 8px !important; line-height: 1.2 !important; } html body[data-module="asset"] #veh-cards .lw-insp-cell > .lw-insp.lw-insp, html body[data-module="admin"] #veh-cards .lw-insp-cell > .lw-insp.lw-insp { font-size: 11.5px !important; padding: 5px !important; line-height: 1.25 !important; } html body[data-module="asset"] #veh-cards .lw-ins3 > .lb, html body[data-module="admin"] #veh-cards .lw-ins3 > .lb { font-size: 11.5px !important; } html body[data-module="asset"] #veh-cards .lw-ins3 > .seg, html body[data-module="admin"] #veh-cards .lw-ins3 > .seg { font-size: 11.5px !important; padding: 4px !important; line-height: 1.25 !important; } html body[data-module="asset"] #veh-cards .vp-cell, html body[data-module="asset"] #veh-cards .lw-vp-wrap .lw-vp-cell, html body[data-module="admin"] #veh-cards .vp-cell, html body[data-module="admin"] #veh-cards .lw-vp-wrap .lw-vp-cell { font-size: 11.5px !important; } html body[data-module="asset"] #veh-cards .lw-insp-cell.lw-ca, html body[data-module="admin"] #veh-cards .lw-insp-cell.lw-ca { width: 105px !important; min-width: 105px !important; max-width: 105px !important; } html body[data-module="asset"] #veh-cards .lw-insp-cell.lw-cb, html body[data-module="admin"] #veh-cards .lw-insp-cell.lw-cb { width: 126px !important; min-width: 126px !important; max-width: 126px !important; } html body[data-module="asset"] #veh-cards .lw-insp-cell.lw-cc, html body[data-module="admin"] #veh-cards .lw-insp-cell.lw-cc { width: 278px !important; min-width: 278px !important; max-width: 278px !important; } html body[data-module="asset"] #veh-cards .lw-dev-head, html body[data-module="admin"] #veh-cards .lw-dev-head { gap: 11px !important; } /* ===================== 2026.v4744（光年指令）挂车标签配色：在用=绿 / 未套=灰 ===================== 光年原话：「在用用绿色，未套半挂车用灰色」 现状：两枚标签同为 .lw-tag.lw-chassis，靠第二个类区分 —— · 在用 闽X挂 / 车架信息 => .is-warn（原来是橙色系） · 未套半挂车 + 虚线填充 => .is-free（原来也是橙色系） 改后：在用 = 绿（浅绿底 / 深绿字 / 绿色顶线）；未套 = 灰（浅灰底 / 灰字 / 灰顶线 + 虚线同步转灰） 特异性 (0,1,5,2) + !important ⇒ 压过 V9 的 .lw-tag 基色与 style.css:10536 的 is-warn 橙 ✓ 回滚：删掉本段 ======================================================================== */ html body[data-module="asset"] #veh-cards .lw-dev .lw-tag.lw-chassis.is-warn, /* ===================== 2026.v4744（光年指令）挂车标签配色：在用=绿 / 未套=灰 ===================== 光年原话：「在用用绿色，未套半挂车用灰色」 现状：两枚标签同为 .lw-tag.lw-chassis，靠第二个类区分 —— · 在用 闽X挂 / 车架信息 => .is-warn（原来是橙色系） · 未套半挂车 + 虚线填充 => .is-free（原来也是橙色系） 改后：在用 = 绿（浅绿底 / 深绿字 / 绿色顶线）；未套 = 灰（浅灰底 / 灰字 / 灰顶线 + 虚线同步转灰） 特异性 (0,1,5,2) + !important ⇒ 压过 V9 的 .lw-tag 基色与 style.css:10536 的 is-warn 橙 ✓ 回滚：删掉本段 ======================================================================== */ html body[data-module="admin"] #veh-cards .lw-dev .lw-tag.lw-chassis.is-warn { background: #f2fbf6 !important; color: #0f7a54 !important; box-shadow: inset 0 2px 0 #12a36f !important; } html body[data-module="asset"] #veh-cards .lw-dev .lw-tag.lw-chassis.is-free, html body[data-module="admin"] #veh-cards .lw-dev .lw-tag.lw-chassis.is-free { background: #f4f6f9 !important; color: #64748b !important; box-shadow: inset 0 2px 0 #94a3b8 !important; } html body[data-module="asset"] #veh-cards .lw-dev .lw-tag.lw-chassis.is-free > .lw-fill, html body[data-module="admin"] #veh-cards .lw-dev .lw-tag.lw-chassis.is-free > .lw-fill { border-top-color: #94a3b8 !important; } /* ===== 2026.v4763（光年指令）：车卡「照片/材料」在左右两个邻居之间居中 ===== 现状（1920 视口实测）：左边紧贴保险组（间距 11px）、右侧余量 94px ⇒ 视觉明显偏左 ✗ 做法：把本行剩余空间交给「左右 auto 外边距」平分 ⇒ 两侧相等； 再补 1.5px（行 gap 14px − 行内自然间距 11px = 3px 的一半）修正，做到严格居中 ✓ 实测：左 52.5 / 右 52.5（改前 11 / 94）✓ 回滚：删掉本段即可 */ body[data-module="asset"] .lw-dev .lw-dev-head > .vp-cell:last-child, /* ===== 2026.v4763（光年指令）：车卡「照片/材料」在左右两个邻居之间居中 ===== 现状（1920 视口实测）：左边紧贴保险组（间距 11px）、右侧余量 94px ⇒ 视觉明显偏左 ✗ 做法：把本行剩余空间交给「左右 auto 外边距」平分 ⇒ 两侧相等； 再补 1.5px（行 gap 14px − 行内自然间距 11px = 3px 的一半）修正，做到严格居中 ✓ 实测：左 52.5 / 右 52.5（改前 11 / 94）✓ 回滚：删掉本段即可 */ body[data-module="admin"] .lw-dev .lw-dev-head > .vp-cell:last-child { /* 2026.v4763a：加 !important —— 实测被行内其它规则压掉 margin-right:auto（右边收成 0px）✗ */ margin-left: auto !important; margin-right: auto !important; position: relative; left: 1.5px; } /* ===== 2026.v4780（光年指令）：无值「未套半挂车」的虚线尾巴与有值那枚同步去掉 ===== 有值那枚：padding-right 归零 ⇒ 文字贴右缘；无值那枚：虚线右移 2px 顶到边框内缘 ⇒ 两枚去掉的长度一致 ✓ */ html body[data-module="asset"] #veh-cards .lw-tag.lw-chassis > .lw-fill, /* ===== 2026.v4780（光年指令）：无值「未套半挂车」的虚线尾巴与有值那枚同步去掉 ===== 有值那枚：padding-right 归零 ⇒ 文字贴右缘；无值那枚：虚线右移 2px 顶到边框内缘 ⇒ 两枚去掉的长度一致 ✓ */ html body[data-module="admin"] #veh-cards .lw-tag.lw-chassis > .lw-fill { /* ===== 2026.v4785（光年拍板 · 10版里的 V10）===== 虚线在药丸右缘前收住 12px（≈去掉最后两个横杠），那截药丸底色【保留】✓ 两枚宽度都不动：未套（is-free）= 198px、在用（is-warn）= 198px ✓ 回滚：把 12px 改回 -2px ===== */ margin-right: 12px !important; } /* ========================================================================== 2026.v4786（光年拍板 · 「新版式 10 版」里的 V3） ① 保险三枚：实心类型胶囊 —— 交强=蓝 / 商业=绿 / 超赔=紫，白字；日期不再用底框 ② 照片·材料：计数改成实心蓝徽章（白字） 注意：保险的【状态色】保持原样不动 —— 正常 #047857 绿 / 临期 #a16207 橙 / 过期 #dc2626 红 （见 style.css:15994 起），所以"类型分色 + 状态预警"两个信息同时保留 ✓ 保险格是 288px 定宽，本段只改视觉、不动列宽；回滚：删掉本段即可 ========== */ html body[data-module="asset"] #veh-cards .lw-dev .lw-ins3, /* ========================================================================== 2026.v4786（光年拍板 · 「新版式 10 版」里的 V3） ① 保险三枚：实心类型胶囊 —— 交强=蓝 / 商业=绿 / 超赔=紫，白字；日期不再用底框 ② 照片·材料：计数改成实心蓝徽章（白字） 注意：保险的【状态色】保持原样不动 —— 正常 #047857 绿 / 临期 #a16207 橙 / 过期 #dc2626 红 （见 style.css:15994 起），所以"类型分色 + 状态预警"两个信息同时保留 ✓ 保险格是 288px 定宽，本段只改视觉、不动列宽；回滚：删掉本段即可 ========== */ html body[data-module="admin"] #veh-cards .lw-dev .lw-ins3 { background: #fff !important; border-color: #e7ecf3 !important; } html body[data-module="asset"] #veh-cards .lw-dev .lw-ins3 > .seg, html body[data-module="admin"] #veh-cards .lw-dev .lw-ins3 > .seg { background: none !important; border: none !important; gap: 4px !important; font-size: 9.5px !important; } html body[data-module="asset"] #veh-cards .lw-dev .lw-ins3 > .seg > i, html body[data-module="admin"] #veh-cards .lw-dev .lw-ins3 > .seg > i { color: #fff !important; font-weight: 700 !important; border: none !important; box-shadow: none !important; border-radius: 5px !important; padding: 1px 5px !important; } html body[data-module="asset"] #veh-cards .lw-dev .lw-ins3 > .seg:nth-child(2) > i, html body[data-module="admin"] #veh-cards .lw-dev .lw-ins3 > .seg:nth-child(2) > i { background: #2563eb !important; } html body[data-module="asset"] #veh-cards .lw-dev .lw-ins3 > .seg:nth-child(3) > i, html body[data-module="admin"] #veh-cards .lw-dev .lw-ins3 > .seg:nth-child(3) > i { background: #16a34a !important; } html body[data-module="asset"] #veh-cards .lw-dev .lw-ins3 > .seg:nth-child(4) > i, html body[data-module="admin"] #veh-cards .lw-dev .lw-ins3 > .seg:nth-child(4) > i { background: #7c3aed !important; } /* 照片·材料 计数 → 实心蓝徽章 */ html body[data-module="asset"] #veh-cards .lw-dev .vp-cell b[data-n="all"], /* 照片·材料 计数 → 实心蓝徽章 */ html body[data-module="admin"] #veh-cards .lw-dev .vp-cell b[data-n="all"] { display: inline-block !important; min-width: 18px !important; padding: 0 5px !important; border-radius: 9px !important; background: #2563eb !important; color: #fff !important; font-weight: 800 !important; font-size: 11px !important; line-height: 16px !important; text-align: center !important; } /* ===== 2026.v4786b（光年拍板 · V3 日期色收口）===== ① 正常（st-ok）日期 → 中性深灰 #334155（与 V3 预览一致，不再跟主题金棕） ② 临期 st-warn 橙 / 过期 st-exp 红 / 无值 st-none 灰 —— 恢复预警色 （style.css:15994 起本来有这三条，但被后面的规则盖掉了 ⇒ 这里按原设计值补回）✓ */ html body[data-module="asset"] #veh-cards .lw-dev .lw-ins3 > .seg, /* ===== 2026.v4786b（光年拍板 · V3 日期色收口）===== ① 正常（st-ok）日期 → 中性深灰 #334155（与 V3 预览一致，不再跟主题金棕） ② 临期 st-warn 橙 / 过期 st-exp 红 / 无值 st-none 灰 —— 恢复预警色 （style.css:15994 起本来有这三条，但被后面的规则盖掉了 ⇒ 这里按原设计值补回）✓ */ html body[data-module="admin"] #veh-cards .lw-dev .lw-ins3 > .seg { color: #334155 !important; } html body[data-module="asset"] #veh-cards .lw-dev .lw-ins3 > .seg.st-warn, html body[data-module="admin"] #veh-cards .lw-dev .lw-ins3 > .seg.st-warn { color: #a16207 !important; } html body[data-module="asset"] #veh-cards .lw-dev .lw-ins3 > .seg.st-exp, html body[data-module="admin"] #veh-cards .lw-dev .lw-ins3 > .seg.st-exp { color: #dc2626 !important; font-weight: 700 !important; } html body[data-module="asset"] #veh-cards .lw-dev .lw-ins3 > .seg.st-none, html body[data-module="admin"] #veh-cards .lw-dev .lw-ins3 > .seg.st-none { color: #a8b3c2 !important; } /* ===== 2026.v4787（光年指令）：保险三枚胶囊 + 保险格「高度加大一点」===== 只加竖向尺寸，横向（padding-x / 字号）一律不动 ⇒ 三段宽度仍 79px、保险格仍 288px，不会溢出 ✓ · 类型胶囊：内边距 1px → 3px（高 15px → 19px） · 保险格 ：内边距 1px → 3px（高 19px → 25px） 卡片行高由车牌/标签决定（26px），25px 仍在之下 ⇒ 卡片仍 68px 不变 ✓ 回滚：删掉本段 ===== */ html body[data-module="asset"] #veh-cards .lw-dev .lw-ins3, /* ===== 2026.v4787（光年指令）：保险三枚胶囊 + 保险格「高度加大一点」===== 只加竖向尺寸，横向（padding-x / 字号）一律不动 ⇒ 三段宽度仍 79px、保险格仍 288px，不会溢出 ✓ · 类型胶囊：内边距 1px → 3px（高 15px → 19px） · 保险格 ：内边距 1px → 3px（高 19px → 25px） 卡片行高由车牌/标签决定（26px），25px 仍在之下 ⇒ 卡片仍 68px 不变 ✓ 回滚：删掉本段 ===== */ html body[data-module="admin"] #veh-cards .lw-dev .lw-ins3 { padding: 3px 4px !important; } html body[data-module="asset"] #veh-cards .lw-dev .lw-ins3 > .seg > i, html body[data-module="admin"] #veh-cards .lw-dev .lw-ins3 > .seg > i { padding: 3px 5px !important; } /* ===== 2026.v4787b（光年指令）：保险「高度大一点」的正确做法 ===== 诊断：外层 .lw-insp-cell.lw-cc 被写死 height:18px ⇒ v4787 只加内边距时胶囊(17.9px)会溢出格子 ✗ 做法：把【保险格】这一格的高度放开（height:auto + min-height:25px），胶囊 3px 内边距、保险框 3px 内边距 横向一律不动 ⇒ 三段仍 79px、保险格仍 288px ✓ 行高对照：行内最高是照片格 34px，本格 25px 仍低于它 ⇒ 卡片行高 76px 不变 ✓ 回滚：删掉本段 ===== */ html body[data-module="asset"] #veh-cards .lw-dev .lw-insp-cell.lw-cc, /* ===== 2026.v4787b（光年指令）：保险「高度大一点」的正确做法 ===== 诊断：外层 .lw-insp-cell.lw-cc 被写死 height:18px ⇒ v4787 只加内边距时胶囊(17.9px)会溢出格子 ✗ 做法：把【保险格】这一格的高度放开（height:auto + min-height:25px），胶囊 3px 内边距、保险框 3px 内边距 横向一律不动 ⇒ 三段仍 79px、保险格仍 288px ✓ 行高对照：行内最高是照片格 34px，本格 25px 仍低于它 ⇒ 卡片行高 76px 不变 ✓ 回滚：删掉本段 ===== */ html body[data-module="admin"] #veh-cards .lw-dev .lw-insp-cell.lw-cc { height: 24px !important; min-height: 24px !important; } html body[data-module="asset"] #veh-cards .lw-dev .lw-ins3, html body[data-module="admin"] #veh-cards .lw-dev .lw-ins3 { height: 100% !important; padding: 3px 4px !important; } html body[data-module="asset"] #veh-cards .lw-dev .lw-ins3 > .seg > i, html body[data-module="admin"] #veh-cards .lw-dev .lw-ins3 > .seg > i { padding: 3px 5px !important; } html body[data-module="asset"] #veh-cards .lw-dev .lw-ins3 > .seg, html body[data-module="admin"] #veh-cards .lw-dev .lw-ins3 > .seg { align-items: center !important; } /* ===== 2026.v4788（光年指令）：保险「无值段」用 ---- 虚线铺满占位 ===== 有值段 = [胶囊][日期]，无值段原来是 [胶囊][一个短破折号] ⇒ 视觉上空一块、上下行看着不齐。 现在无值段 = [胶囊][虚线自动铺满]（.lw-ipf，flex:1 + 1px 虚线）⇒ 与有值行完全同形同宽 ✓ 横竖尺寸一律不动（三段仍 79px、格宽 288px、格高 24px）✓ 回滚：删掉本段 + JS 处还原 '—' */ /* 2026.v4788b：三段内部统一【起始对齐】—— 有值行原来是"内容排满≈居中"，会比无值行偏右 2px ✗ ⇒ 显式 flex-start，两行的胶囊左缘严格同 x ✓ */ html body[data-module="asset"] #veh-cards .lw-ins3 > .seg, /* ===== 2026.v4788（光年指令）：保险「无值段」用 ---- 虚线铺满占位 ===== 有值段 = [胶囊][日期]，无值段原来是 [胶囊][一个短破折号] ⇒ 视觉上空一块、上下行看着不齐。 现在无值段 = [胶囊][虚线自动铺满]（.lw-ipf，flex:1 + 1px 虚线）⇒ 与有值行完全同形同宽 ✓ 横竖尺寸一律不动（三段仍 79px、格宽 288px、格高 24px）✓ 回滚：删掉本段 + JS 处还原 '—' */ /* 2026.v4788b：三段内部统一【起始对齐】—— 有值行原来是"内容排满≈居中"，会比无值行偏右 2px ✗ ⇒ 显式 flex-start，两行的胶囊左缘严格同 x ✓ */ html body[data-module="admin"] #veh-cards .lw-ins3 > .seg { justify-content: flex-start !important; } html body[data-module="asset"] #veh-cards .lw-ins3 > .seg > .lw-ipf, html body[data-module="admin"] #veh-cards .lw-ins3 > .seg > .lw-ipf { flex: 1 1 auto !important; height: 0 !important; min-width: 6px !important; margin: 0 0 0 5px !important; border-top: 1px dashed #cbd5e1 !important; align-self: center !important; } body[data-theme="night"] #veh-cards .lw-ins3 > .seg > .lw-ipf { border-top-color: #3a4356 !important; } /* ===== 2026.v4789（光年指令）：保险格「高度 + 宽度都增强，但不溢出」===== 高度：格 24 → 28px、胶囊内边距 3px5px → 4px7px 宽度：保险格 288 → 324px（+36px，全部来自照片·材料两侧的居中余量 ⇒ 整行总宽不变、不溢出） 三段等分仍 1:1:1；字号 9.5 → 10.5px（日期与胶囊同步放大） 行高对照：本格 28px 仍低于行内最高的照片格 34px ⇒ 卡片行高 76px 不变 ✓ 回滚：删掉本段 ===== */ html body[data-module="asset"] #veh-cards .lw-dev .lw-insp-cell.lw-cc, /* ===== 2026.v4789（光年指令）：保险格「高度 + 宽度都增强，但不溢出」===== 高度：格 24 → 28px、胶囊内边距 3px5px → 4px7px 宽度：保险格 288 → 324px（+36px，全部来自照片·材料两侧的居中余量 ⇒ 整行总宽不变、不溢出） 三段等分仍 1:1:1；字号 9.5 → 10.5px（日期与胶囊同步放大） 行高对照：本格 28px 仍低于行内最高的照片格 34px ⇒ 卡片行高 76px 不变 ✓ 回滚：删掉本段 ===== */ html body[data-module="admin"] #veh-cards .lw-dev .lw-insp-cell.lw-cc { width: 324px !important; height: 28px !important; min-height: 28px !important; } html body[data-module="asset"] #veh-cards .lw-dev .lw-ins3, html body[data-module="admin"] #veh-cards .lw-dev .lw-ins3 { height: 100% !important; } html body[data-module="asset"] #veh-cards .lw-dev .lw-ins3 > .seg, html body[data-module="admin"] #veh-cards .lw-dev .lw-ins3 > .seg { font-size: 10.5px !important; } html body[data-module="asset"] #veh-cards .lw-dev .lw-ins3 > .seg > i, html body[data-module="admin"] #veh-cards .lw-dev .lw-ins3 > .seg > i { font-size: 10.5px !important; padding: 4px 7px !important; } /* ===== 2026.v4789b：保险格加宽必须改 flex-basis ===== 实测 v4789 的 width:324px 无效（格宽仍 288）—— 因为它是 flex 项，尺寸由 flex-basis 决定， width 被 flex 覆盖 ✗ ⇒ 这里直接改 flex 简写 ✓ */ html body[data-module="asset"] #veh-cards .lw-dev .lw-insp-cell.lw-cc, /* ===== 2026.v4789b：保险格加宽必须改 flex-basis ===== 实测 v4789 的 width:324px 无效（格宽仍 288）—— 因为它是 flex 项，尺寸由 flex-basis 决定， width 被 flex 覆盖 ✗ ⇒ 这里直接改 flex 简写 ✓ */ html body[data-module="admin"] #veh-cards .lw-dev .lw-insp-cell.lw-cc { flex: 0 0 324px !important; } /* ===== 2026.v4789c：加宽失败的真正原因 ===== 第 193 行原规则写的是 width + min-width + max-width 三个 288px !important ✗ 只改 width 会被 max-width:288px 卡死（实测仍 288）⇒ 三个值 + flex-basis 一起改才生效 ✓ */ html body[data-module="asset"] #veh-cards .lw-dev .lw-insp-cell.lw-cc, /* ===== 2026.v4789c：加宽失败的真正原因 ===== 第 193 行原规则写的是 width + min-width + max-width 三个 288px !important ✗ 只改 width 会被 max-width:288px 卡死（实测仍 288）⇒ 三个值 + flex-basis 一起改才生效 ✓ */ html body[data-module="admin"] #veh-cards .lw-dev .lw-insp-cell.lw-cc { flex: 0 0 324px !important; width: 324px !important; min-width: 324px !important; max-width: 324px !important; } /* ===== 2026.v4791（光年拍板 · 样式 10 版里的 V10「分段卡片」）===== 每段 = 浅灰底 + 7px 圆角卡片，类型用彩字（交强蓝／商业绿／超赔紫） 只改视觉：三段仍 79/79/79 等分、保险格仍 324×28、字号 10.5px、日期色与状态预警不变 ✓ 回滚：删掉本段 ===== */ html body[data-module="asset"] #veh-cards .lw-dev .lw-ins3 > .seg, /* ===== 2026.v4791（光年拍板 · 样式 10 版里的 V10「分段卡片」）===== 每段 = 浅灰底 + 7px 圆角卡片，类型用彩字（交强蓝／商业绿／超赔紫） 只改视觉：三段仍 79/79/79 等分、保险格仍 324×28、字号 10.5px、日期色与状态预警不变 ✓ 回滚：删掉本段 ===== */ html body[data-module="admin"] #veh-cards .lw-dev .lw-ins3 > .seg { background: #f5f8fc !important; border: none !important; border-radius: 7px !important; padding: 3px 7px !important; } html body[data-module="asset"] #veh-cards .lw-dev .lw-ins3 > .seg > i, html body[data-module="admin"] #veh-cards .lw-dev .lw-ins3 > .seg > i { box-shadow: none !important; padding: 0 5px 0 0 !important; font-weight: 800 !important; } /* 2026.v4791b：background:none 必须写进 nth-child 版本 —— V3 的胶囊底色用的是 nth-child(!important)， 优先级 1,6,3 高于通用选择器的 1,5,3 ⇒ 写在通用里会被压掉（实测：蓝底蓝字，看着像没字 ✗）✓ */ html body[data-module="asset"] #veh-cards .lw-dev .lw-ins3 > .seg:nth-child(2) > i, 3 ⇒ 写在通用里会被压掉（实测：蓝底蓝字，看着像没字 ✗）✓ */ html body[data-module="admin"] #veh-cards .lw-dev .lw-ins3 > .seg:nth-child(2) > i { background: none !important; color: #2563eb !important; } html body[data-module="asset"] #veh-cards .lw-dev .lw-ins3 > .seg:nth-child(3) > i, html body[data-module="admin"] #veh-cards .lw-dev .lw-ins3 > .seg:nth-child(3) > i { background: none !important; color: #16a34a !important; } html body[data-module="asset"] #veh-cards .lw-dev .lw-ins3 > .seg:nth-child(4) > i, html body[data-module="admin"] #veh-cards .lw-dev .lw-ins3 > .seg:nth-child(4) > i { background: none !important; color: #7c3aed !important; } /* ========================================================================== 2026.v4793（光年指令）：消灭「进入/刷新时的跳动」 逐帧实测抓到两次位移（1920 视口）： ① 1.72s：计数徽章 "0"(18px) → "12"(23px) ⇒ 照片格 126 → 131、左移 3px ② 3.05s：两个操作按钮各 +12px（文字排版宽度变了，疑似 CJK 字体 swap） ⇒ 按钮段 130 → 154，把左侧所有列挤动 ✗ 做法：把这几个会变宽的盒子【锁死最小尺寸】⇒ 后续文字/字体再变，行内位置也不动 ✓ · 计数徽章 min-width 30px（容纳 3 位数） · 照片格 min-width 134px · 指派司机 / 编辑 min-width 86px / 62px（= 实测终态尺寸） 回滚：删掉本段 ========== */ /* 2026.v4793b：余量收回到实测终态值（134/30 → 131/23）—— 原值比实际大 5px ⇒ 主区溢出（1276<1281）、照片·材料居中被挤成 13/10 ✗ 131 与 23 正好等于「2 位数计数」时的自然尺寸 ⇒ 既不跳、也不溢出 ✓ */ html body[data-module="asset"] #veh-cards .lw-dev .vp-cell, /* ========================================================================== 2026.v4793（光年指令）：消灭「进入/刷新时的跳动」 逐帧实测抓到两次位移（1920 视口）： ① 1.72s：计数徽章 "0"(18px) → "12"(23px) ⇒ 照片格 126 → 131、左移 3px ② 3.05s：两个操作按钮各 +12px（文字排版宽度变了，疑似 CJK 字体 swap） ⇒ 按钮段 130 → 154，把左侧所有列挤动 ✗ 做法：把这几个会变宽的盒子【锁死最小尺寸】⇒ 后续文字/字体再变，行内位置也不动 ✓ · 计数徽章 min-width 30px（容纳 3 位数） · 照片格 min-width 134px · 指派司机 / 编辑 min-width 86px / 62px（= 实测终态尺寸） 回滚：删掉本段 ========== */ /* 2026.v4793b：余量收回到实测终态值（134/30 → 131/23）—— 原值比实际大 5px ⇒ 主区溢出（1276<1281）、照片·材料居中被挤成 13/10 ✗ 131 与 23 正好等于「2 位数计数」时的自然尺寸 ⇒ 既不跳、也不溢出 ✓ */ html body[data-module="admin"] #veh-cards .lw-dev .vp-cell { min-width: 131px !important; } html body[data-module="asset"] #veh-cards .lw-dev .vp-cell b[data-n="all"], html body[data-module="admin"] #veh-cards .lw-dev .vp-cell b[data-n="all"] { min-width: 23px !important; } html body[data-module="asset"] #veh-cards .lw-dev .adm-item-acts > .btn:nth-child(1), html body[data-module="admin"] #veh-cards .lw-dev .adm-item-acts > .btn:nth-child(1) { min-width: 86px !important; } html body[data-module="asset"] #veh-cards .lw-dev .adm-item-acts > .btn:nth-child(2), html body[data-module="admin"] #veh-cards .lw-dev .adm-item-acts > .btn:nth-child(2) { min-width: 62px !important; } /* ========================================================================== 2026.v4794（光年指令）：车牌号「左右各缩减 2 个英文字符」 实测（1920 视口 · 真实卡片）：2 个英文字符 @15.5px/字距0.3 = 23.3px 现状：盒 138px（第 432 行 min-width:138px 撑住），文本仅 74.8px ⇒ 左右各空 29.6px 改后：min-width 138 → 91px、左右内边距 12 → 6.3px ⇒ 盒 91.4px（左右各空 6.3px）✓ 影响：flex 行内，车牌之后的所有列会整体左移约 46.6px；照片·材料是 auto 外边距居中 ⇒ 自动重算仍居中 ✓ 取整说明：91 + 3px 内边距 + 4px 边框 vs 文本 74.8 ⇒ 实际盒宽 91.4px（与目标 138−46.6 一致 ✓） 回滚：删掉本段 ========== */ /* 2026.v4794b：收到物理极限 —— 实测该车牌字体【布局宽度 101.4px】（墨迹只有 74.8， 车牌专用字体 advance 偏宽），所以"左右各减 23.3px"会把盒子压到比文字还窄 ✗ ⇒ 取最紧值：文字 101.4 + 边框 4 + 左右各 3px = 111.4px（138 → 111.4，左右各收 13.3px）✓ 要再短只能动字体（字号 15.5 → 14 或去掉车牌字体），那会改字形，等你点头再动 */ html body[data-module="asset"] #veh-cards .lw-dev .veh-plate.veh-plate, /* ========================================================================== 2026.v4794（光年指令）：车牌号「左右各缩减 2 个英文字符」 实测（1920 视口 · 真实卡片）：2 个英文字符 @15.5px/字距0.3 = 23.3px 现状：盒 138px（第 432 行 min-width:138px 撑住），文本仅 74.8px ⇒ 左右各空 29.6px 改后：min-width 138 → 91px、左右内边距 12 → 6.3px ⇒ 盒 91.4px（左右各空 6.3px）✓ 影响：flex 行内，车牌之后的所有列会整体左移约 46.6px；照片·材料是 auto 外边距居中 ⇒ 自动重算仍居中 ✓ 取整说明：91 + 3px 内边距 + 4px 边框 vs 文本 74.8 ⇒ 实际盒宽 91.4px（与目标 138−46.6 一致 ✓） 回滚：删掉本段 ========== */ /* 2026.v4794b：收到物理极限 —— 实测该车牌字体【布局宽度 101.4px】（墨迹只有 74.8， 车牌专用字体 advance 偏宽），所以"左右各减 23.3px"会把盒子压到比文字还窄 ✗ ⇒ 取最紧值：文字 101.4 + 边框 4 + 左右各 3px = 111.4px（138 → 111.4，左右各收 13.3px）✓ 要再短只能动字体（字号 15.5 → 14 或去掉车牌字体），那会改字形，等你点头再动 */ html body[data-module="admin"] #veh-cards .lw-dev .veh-plate.veh-plate { min-width: 105px !important; padding: 3px 3px !important; } /* ========================================================================== 2026.v4796（光年指令）：过期日期「跳动提醒」 实测（资产端 · 牵引车列表 · 2026/10/5）系统本来就有过期/临期标记： · .lw-tag.is-danger = 已过期（红描边，例：二级维护 2026/9/30） · .lw-ins3 .seg.st-exp = 保险分段已过期（红字 700，例：超赔2026/9/30） · .lw-tag.is-warn = 临期预警（橙描边，例：到期当天 2026/10/5）→ 不跳，只保住橙色 ✓ 做法：只给【已过期】的两类挂 1.6s 循环的"跳两下 + 停一拍"关键帧（transform ⇒ GPU，不触发布局） 幅度 −4px / −2.5px，transform-origin 底部，像被顶了一下 ⇒ 提醒但不晃眼 ✓ 作用域：仅资产端 #veh-cards（其它端同类卡若要，改 body[data-module] 即可） 回滚：删掉本段 ========== */ @keyframes lwExpJump { 0% { translate: 0 0; box-shadow: 0 0 0 0 rgba(220,38,38,0); } 10% { translate: 0 -7px; box-shadow: 0 0 0 3px rgba(220,38,38,.40); } 20% { translate: 0 0; box-shadow: 0 0 0 0 rgba(220,38,38,0); } 30% { translate: 0 -4.5px; box-shadow: 0 0 0 2px rgba(220,38,38,.30); } 40% { translate: 0 0; box-shadow: 0 0 0 0 rgba(220,38,38,0); } 50% { translate: 0 -2.5px; box-shadow: 0 0 0 1.5px rgba(220,38,38,.22); } 60% { translate: 0 0; box-shadow: 0 0 0 0 rgba(220,38,38,0); } 100% { translate: 0 0; box-shadow: 0 0 0 0 rgba(220,38,38,0); } } /* 2026.v4796d（光年反馈：跳得太快 → 慢速版） 原来：1.6s 一轮、三跳挤在前 36%（每跳仅 ~190ms）⇒ 太急 ✗ 现在：4s 一轮、三跳占前 60%（每跳 ~800ms，慢 4 倍）+ 缓入缓出 cubic-bezier(.4,0,.6,1) 峰值 −7 / −4.5 / −2.5px，红色呼吸描边同步放慢；后 40%（1.6s）静止 ✓ 范围与回滚同上一版：仅资产端 #veh-cards 的 .lw-tag.is-danger / .seg.st-exp，删本段即还原 */ html body[data-module="asset"] #veh-cards .lw-dev .lw-tag.is-danger, html body[data-module="asset"] #veh-cards .lw-dev .lw-tag.is-danger.lw-maint, html body[data-module="asset"] #veh-cards .lw-dev .lw-ins3 .seg.st-exp, /* 2026.v4796d（光年反馈：跳得太快 → 慢速版） 原来：1.6s 一轮、三跳挤在前 36%（每跳仅 ~190ms）⇒ 太急 ✗ 现在：4s 一轮、三跳占前 60%（每跳 ~800ms，慢 4 倍）+ 缓入缓出 cubic-bezier(.4,0,.6,1) 峰值 −7 / −4.5 / −2.5px，红色呼吸描边同步放慢；后 40%（1.6s）静止 ✓ 范围与回滚同上一版：仅资产端 #veh-cards 的 .lw-tag.is-danger / .seg.st-exp，删本段即还原 */ html body[data-module="admin"] #veh-cards .lw-dev .lw-tag.is-danger, html body[data-module="admin"] #veh-cards .lw-dev .lw-tag.is-danger.lw-maint, html body[data-module="admin"] #veh-cards .lw-dev .lw-ins3 .seg.st-exp { animation: none !important; /* 2026.v5369(光年指令)：去掉跳动动画 */ will-change: translate; } /* ========================================================================== 2026.v4797（光年指令）：车卡右侧 ↑↓ 排序按钮「瘦一点，不要太胖」 实测现状（资产端 · 牵引车列表 · 1920 视口）： 按钮 =