:root{
/* 鸿蒙 HarmonyOS UI · 浅灰紫底 · 蓝紫主色 · 大圆角卡片 · 柔和投影 */
--page:#ECEEFB; /* 工作区底，淡蓝紫 */
--bg:#ffffff; /* 卡片/面板底 */
--panel-2:#F0F2FC; /* 内嵌：表头/输入框/浅底块 */
--border:rgba(23,28,82,.08); /* 发丝线（蓝灰） */
--ink-1:#1A1C38; /* 标题、大数字（蓝黑） */
--ink-2:#3B3F59; /* 正文、表格单元 */
--ink-3:#8A8EAA; /* 标签、caption、弱信息 */
/* 品牌：双业务身份色（主操作鸿蒙蓝紫 · 淘宝陶土保留区分） */
--accent:#3D5AFE; /* 主操作 · 鸿蒙蓝紫 */
--accent2:#C4643F; /* 淘宝业务 / 次操作 */
--accent-soft:rgba(61,90,254,.09);
--accent2-soft:rgba(196,99,63,.13);
--accent-mid:#5B7CFF; /* 蓝紫浅档(图表) */
--accent2-mid:#E09B74; /* 淘宝色浅档(图表) */
--on-accent:#fff;
--glow:rgba(61,90,254,.26);
--shadow-sm:0 1px 2px rgba(20,24,80,.05),0 3px 10px rgba(20,24,80,.06);
--shadow:0 2px 6px rgba(20,24,80,.05),0 10px 28px rgba(20,24,80,.08);
/* 语义色 */
--ok:#2E8A5B; --ok-ink:#1E6B44; --ok-soft:rgba(46,138,91,.12);
--warn:#C07A16; --warn-ink:#7d510c; --warn-soft:rgba(192,122,22,.14);
--bad:#C0453C; --bad-ink:#8f2f27; --bad-soft:rgba(192,69,60,.12);
/* 圆角角色：鸿蒙大圆角卡片 */
--r:20px; --r-sm:12px;
--bg-soft:#EEF2FC; /* 客户端主题底（client.html 会覆盖） */
--side:236px; --row:46px;
/* 布局匀边距（2026-10-03 第八轮）：屏幕四周统一留 14px。
· `--gut` = 侧栏到屏幕边、侧栏↔内容、内容到屏幕边的**共同**间距
· `--sbw` = 竖向滚动条占位宽（与 `::-webkit-scrollbar{width}` 必须一致）
关键：滚动条的占位是**加在 padding 之外**的（实测 10 + 14 = 24px），
所以内容区右侧只留 `--gut − --sbw` = 4px，滚动条再占 10px，
两者相加正好 14px —— 右侧边距才会与侧栏左边距相等。 */
--gut:14px; --sbw:10px;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{background:var(--page);color:var(--ink-2);
font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;
font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}
.num{font-variant-numeric:tabular-nums}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;min-height:28px}
a{color:inherit;text-decoration:none}
table{border-collapse:collapse;width:100%}
svg{display:block}
.app{display:grid;grid-template-columns:var(--side) 1fr;min-height:100vh}
@media (max-width:1180px){ .app{grid-template-columns:66px 1fr} .side .lb{display:none} }
/* ── 侧栏 ─────────────────────────────── */
.side{background:var(--bg);border-right:1px solid var(--border);
display:flex;flex-direction:column;gap:2px;padding:14px 10px 12px;
/* 2026-10-03：侧栏入口 14 → 16（财务组补「税务申报」「收付款」）后内容高 994px，
而 .app 用的是 min-height:100vh —— 侧栏把整页撑出 94px 空白滚动，
900px 高的主流屏上底部的品牌卡（.foot）被挤出视口 82px。
按标准后台布局改为「自身 100vh + 内部滚动」：内容不超时不出现滚动条，
超出时只在侧栏内部滚，主区高度与整页滚动都不受影响。 */
height:100vh;overflow-y:auto;overflow-x:hidden}
/* ⚠ 这里不要写 scrollbar-width / scrollbar-color —— Chrome 121+ 一旦见到这两个标准属性
就会用它接管，并**忽略 ::-webkit-scrollbar 的全部自定义样式**（症状："样式写了不生效"）。
侧栏滚动条样式统一在文件末尾「全局滚动条」段定义。 */
.brand{display:flex;align-items:center;gap:10px;padding:2px 10px 18px}
.brand .mk{width:30px;height:30px;border-radius:8px;flex:none;position:relative;
background:linear-gradient(140deg,var(--accent),var(--accent2));box-shadow:0 4px 10px rgba(61,90,254,.25)}
.brand .mk::after{content:"";position:absolute;left:8px;top:8px;width:14px;height:14px;
border:2px solid rgba(255,255,255,.85);border-radius:3px}
.brand b{font-size:15px;color:var(--ink-1);font-weight:700;letter-spacing:.01em;display:block}
.brand span{font-size:11px;color:var(--ink-3);display:block;margin-top:1px}
.grp{font-size:11px;color:var(--ink-3);padding:16px 10px 5px;letter-spacing:.06em;font-weight:500}
.side a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--r-sm);
color:var(--ink-3);font-size:13.5px;position:relative}
.side a:hover{background:var(--panel-2);color:var(--ink-2)}
.side a.on{background:var(--accent-soft);color:var(--accent);font-weight:600}
.side a.on svg{color:var(--accent)}
.side svg{width:17px;height:17px;flex:none;color:currentColor}
.side .bdg{margin-left:auto;font-size:11px;background:var(--bad);color:#fff;border-radius:999px;
min-width:18px;height:18px;display:grid;place-items:center;padding:0 5px;font-weight:600}
/* 2026-10-03：侧栏底部署名卡（.side .foot + .av）已按要求整块移除，
其基础样式与 ≤1180px 收起态样式一并删除，详见 index.html 侧栏末尾注释。 */
/* ── 主区 ─────────────────────────────── */
.main{display:flex;flex-direction:column;min-width:0;height:100vh;overflow:hidden}
/* 2026-10-03：右侧头部（.top 页面标题条 + .subtabs 二级导航条）整块移除。
历史沿革：这里先后删过 .top .crumb（面包屑「经营台 /」）、.top .sp（撑开占位）、
.top .statbtn（CSS 在、HTML 早已无人用）、.gsearch 系列（全局搜索框）、
.top .btn（顶栏「新增客户」）—— 最后用户要求连「页面标题条 + 二级导航条」一起去掉，
右侧面板现在直接从 .body 开始，切页全靠左侧导航。
⚠ 不要加回来，理由见 index.html 顶部注释。
附注：.body 的 padding-top 保持 22px 未动 —— 原来顶栏在时内容也顶到 22px，
删掉后只是把这两条横条的高度还给首屏：1440×900 实测，有二级条的页内容顶端
124px → 22px（多出 102px，即 .top 53 + .subtabs 49），经营概览页 75px → 22px。 */
.btn{border:1px solid var(--border);border-radius:var(--r-sm);padding:7px 14px;font-size:13px;
display:inline-flex;align-items:center;gap:7px;color:var(--ink-2);background:var(--bg);font-weight:500}
.btn:hover{border-color:var(--ink-3)}
.btn svg{width:15px;height:15px}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}
.btn.acc2{background:var(--accent2);border-color:var(--accent2);color:#fff;font-weight:600}
.btn.acc2:hover{filter:brightness(.96)}
.btn.ghost{background:transparent}
.body{padding:22px 24px 34px;display:flex;flex-direction:column;gap:22px;
min-width:0;overflow:auto;flex:1}
/* 视图切换 */
[data-view]{display:none}
[data-view].on{display:flex;flex-direction:column;gap:18px}
/* 指标条：一律等宽（2026-10-03 第八轮 · 应用户要求）
原为 `1.5fr 1fr 1fr 1fr`（首卡"主指标"一档大），用户要求「同一横排的多个卡片
彼此等宽」—— 四张卡都是同级指标，首卡独占 1.5 倍只会让整行看着歪。
⚠ 用 `minmax(0,1fr)` 而非 `1fr`：`1fr` = `minmax(auto,1fr)`，
内容不换行时会把列撑破容器（铁律 15）。
⚠ 只有 3 张卡的行（淘宝销售）用 `.k3` 收成 3 列。
**绝不能用内联 `style="grid-template-columns:…"`** —— 内联样式优先级高于样式表，
断点里的 `.kpis{grid-template-columns:1fr}` 覆盖不了它，手机端会被锁死成 3 列，
「¥2,619成功+在途」直接顶破卡片（本轮手机端体检抓出来的，铁律 15 原文就写着这条）。 */
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width:1280px){ .kpis{grid-template-columns:repeat(2,minmax(0,1fr))} }
/* 3 张卡的行（淘宝销售）：列数与 4 卡行不同，但仍走类、随时能被断点覆盖 */
.kpis.k3{grid-template-columns:repeat(3,minmax(0,1fr))}
.kpi{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);padding:15px 17px 16px}
.kpi .k{color:var(--ink-3);font-size:12.5px;display:flex;gap:8px;align-items:center}
.kpi .k .dot{width:7px;height:7px;border-radius:2px;flex:none}
.kpi .v{font-size:26px;font-weight:700;color:var(--ink-1);line-height:1.25;margin-top:5px;
display:flex;align-items:baseline;gap:7px;font-variant-numeric:tabular-nums}
.kpi .v em{font-size:12.5px;font-weight:500;color:var(--ink-3);font-style:normal}
.kpi.hero .v{font-size:32px}
.delta{font-size:12px;font-weight:600}
.delta.up{color:var(--ok-ink)} .delta.down{color:var(--bad-ink)}
.kpi .foot{display:flex;gap:14px;color:var(--ink-3);font-size:12px;margin-top:9px;flex-wrap:wrap}
.kpi .foot b{color:var(--ink-2);font-weight:600}
.mini{height:5px;border-radius:3px;background:#E3E6F8;margin-top:11px;overflow:hidden}
.mini i{display:block;height:100%;border-radius:3px}
/* 面板 */
/* 2026-10-03 第八轮：左右两栏也改等宽（原 1.7fr 1fr）。
用户要求「同一横排的多个卡片彼此等宽」，`.duo` 是页面上另一种"两卡同行"的形态。 */
.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
@media (max-width:1180px){ .duo{grid-template-columns:1fr} }
.panel{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}
.panel > header{display:flex;align-items:center;gap:10px;padding:13px 16px;font-weight:650;
color:var(--ink-1);font-size:14.5px;border-bottom:1px solid var(--border)}
.panel > header .sp{margin-left:auto}
.panel > header .meta{color:var(--ink-3);font-size:12px;font-weight:400}
.panel .pad{padding:18px}
/* 口径条（.scope）· 2026-10-03 第三轮重排新增
用途一：页首「本页管什么 / 相邻页管什么」的分工说明 —— 财务三页原先
「发票」与「收付款」各说一半（同一笔业务两边各列一次）、
续费到期在三处重复，根因都是没有任何地方写明页与页的边界。
用途二：面板里替代重复表格的「摘要 + 跳转」，一行说清 + 一个去处的按钮。
里面用 作跳转，复用 app.js 已有的 [data-goto] 绑定，不新增 JS。 */
.scope{display:flex;align-items:center;gap:10px;flex-wrap:wrap;
background:var(--panel-2);border:1px solid var(--border);border-radius:var(--r-sm);
padding:11px 16px;font-size:13px;color:var(--ink-2);line-height:1.6}
.scope > .icn{color:var(--ink-3);flex:none;font-size:15px}
.scope b{color:var(--ink-1);font-weight:650}
/* 跳转按钮**先收进 .gos 容器再整体右对齐**（2026-10-03）。
直接把 margin-left:auto 放按钮上会出参差：文字 可收缩，浏览器会把
「文字 + 第一个按钮」塞满第一行、剩下按钮折到第二行 —— 表现为 3 个跳转里
1 个飘在文字行末、另 2 个在下一行左对齐。包一层后按钮组是不可拆的 flex 项，
要么整组在第一行右端、要么整组折到第二行右端。 */
.scope .gos{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.scope .go{display:inline-flex;align-items:center;
font-size:13px;color:var(--accent);background:var(--accent-soft);
padding:7px 12px;border-radius:9px;white-space:nowrap;cursor:pointer;font-weight:500}
.scope .go:hover{background:rgba(61,90,254,.16)}
/* 面板内的摘要条：面板自身不内缩，故这里补齐内边距 */
.panel > .scope{margin:14px 16px 16px}
/* 收款渠道构成 · 2026-10-03 新增（收付款页「收款流水」）
一行展示每个收款渠道的实收金额与笔数。本期没有发生的渠道（支付宝 / 现金）
加 .mute 弱化但**仍然列出来** —— 否则用户会以为系统只管微信，
看不到「这些渠道都在统计范围内」。 */
.chans{display:flex;flex-wrap:wrap;gap:8px;padding:14px 16px 2px}
.chans .ch{display:inline-flex;align-items:baseline;gap:7px;
border:1px solid var(--border);border-radius:var(--r-sm);
padding:7px 12px;font-size:12.5px;color:var(--ink-3);background:var(--bg)}
.chans .ch b{color:var(--ink-1);font-weight:600;font-size:13px}
.chans .ch em{font-style:normal;font-weight:650;color:var(--accent);
font-variant-numeric:tabular-nums}
.chans .ch i{font-style:normal;font-size:11.5px}
.chans .ch.mute{background:var(--panel-2);border-style:dashed}
.chans .ch.mute b{color:var(--ink-3)}
.chans .ch.mute em{color:var(--ink-3);font-weight:600}
/* 面板内的说明块：与弹窗 .note 同一视觉，用于「怎么统计」这类口径交代 */
.panel > .note{background:var(--accent2-soft);border-radius:10px;
padding:11px 13px;margin:14px 16px 16px;font-size:12.5px;
line-height:1.75;color:var(--ink-2)}
.panel > .note b{font-weight:650;color:var(--ink-1)}
/* 筛选条 */
.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;
background:var(--bg);border:1px solid var(--border);border-radius:var(--r);padding:12px 14px}
.filters .fl{color:var(--ink-3);font-size:12.5px}
/* 筛选行的横滑容器：桌面端 display:contents —— 自身不生成盒子，标签与胶囊
直接参与 .filters 的 flex 布局，外观与改造前完全一致（零风险）。
只有 ≤760px 才成为可横滑的一行，见文件末尾「移动端触控优化」段第 14 项。 */
.fx-rail{display:contents}
.chip{border:1px solid var(--border);border-radius:999px;padding:4px 12px;color:var(--ink-3);
font-size:12.5px;cursor:pointer;background:var(--bg)}
.chip.on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft);font-weight:600}
.field{border:1px solid var(--border);border-radius:var(--r-sm);padding:6px 11px;min-width:170px;
background:var(--bg);color:var(--ink-2);font-size:13px;display:flex;align-items:center;gap:7px}
.field svg{width:14px;height:14px;color:var(--ink-3)}
.field input{border:0;outline:0;background:transparent;font:inherit;color:inherit;width:100%}
.field input::placeholder{color:var(--ink-3)}
/* 表格 */
th,td{text-align:left;padding:0 16px;height:var(--row);border-bottom:1px solid var(--border);
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}
th{color:var(--ink-3);font-weight:500;font-size:12px;letter-spacing:.02em;background:var(--panel-2)}
tbody tr:last-child td{border-bottom:0}
tbody tr:hover{background:#F5F7FD}
td.n{text-align:right;font-variant-numeric:tabular-nums}
td .link{color:var(--accent);font-weight:500;cursor:pointer}
.tag{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:500}
.tag.ok{background:var(--ok-soft);color:var(--ok-ink)}
.tag.warn{background:var(--warn-soft);color:var(--warn-ink)}
.tag.bad{background:var(--bad-soft);color:var(--bad-ink)}
.tag.neu{background:var(--panel-2);color:var(--ink-3)}
.tag.soft{background:var(--accent-soft);color:var(--accent)}
.tag.s2{background:var(--accent2-soft);color:var(--accent2)}
.op{color:var(--accent);font-size:12.5px;font-weight:500;cursor:pointer;padding:2px 6px;border-radius:6px}
.op:hover{background:var(--accent-soft)}
.op.s2{color:var(--accent2)} .op.s2:hover{background:var(--accent2-soft)}
/* 图例 */
.legend{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12.5px;color:var(--ink-3)}
.legend span{display:inline-flex;align-items:center;gap:6px}
.legend i{width:9px;height:9px;border-radius:2px;display:block}
/* 提醒列表 */
.remind{display:flex;flex-direction:column}
.remind .row{display:grid;grid-template-columns:14px 1fr auto;gap:12px;align-items:center;
padding:11px 16px;border-bottom:1px solid var(--border)}
.remind .row:last-child{border-bottom:0}
.remind .row:hover{background:#F5F7FD}
.remind .sig{width:9px;height:9px;border-radius:50%;flex:none}
.remind .t{color:var(--ink-1);font-weight:600;font-size:13.5px}
.remind .d{color:var(--ink-3);font-size:12px;margin-top:1px;display:flex;gap:8px;flex-wrap:wrap}
.remind .d b{color:var(--ink-2);font-weight:600}
/* 紧急度条 */
.urg{display:flex;height:10px;border-radius:5px;overflow:hidden;gap:2px}
.urg i{flex:1;border-radius:3px}
.urg-lab{display:flex;gap:18px;margin-top:10px;font-size:12px;color:var(--ink-3);flex-wrap:wrap}
.urg-lab span{display:inline-flex;align-items:center;gap:6px}
.urg-lab i{width:8px;height:8px;border-radius:2px;display:block}
/* 四种状态 */
[data-state]{display:none}
[data-state].on{display:flex;flex-direction:column;gap:18px}
.empty,.loading,.error{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);
display:grid;place-items:center;gap:10px;padding:60px 24px;text-align:center;color:var(--ink-3)}
.empty b,.error b{color:var(--ink-1);font-size:15px}
.skel{background:linear-gradient(90deg,#E5E8FA,transparent,#E5E8FA);
height:var(--row);border-radius:var(--r-sm);margin:6px 16px;opacity:.75}
/* 弹窗 */
.scrim{position:fixed;inset:0;background:rgba(20,24,80,.44);opacity:0;
pointer-events:none;transition:opacity .18s;z-index:30}
.scrim.on{opacity:1;pointer-events:auto}
.modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-44%);z-index:31;
width:min(520px,92vw);background:var(--bg);border-radius:12px;padding:20px 22px;
opacity:0;pointer-events:none;transition:.18s;box-shadow:0 30px 70px rgba(20,24,80,.28)}
.modal.on{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}
.modal h3{font-size:16px;color:var(--ink-1);display:flex;align-items:center;gap:9px}
.modal .sub{color:var(--ink-3);font-size:12.5px;margin:4px 0 14px}
.modal .fld{display:grid;grid-template-columns:88px 1fr;gap:11px 14px;margin-top:12px;font-size:13px}
.modal .fld dt{color:var(--ink-3);padding-top:6px}
/* 必填星号：dt 列固定 88px（约 6.7 个中文字），「冲销应收（必选）」8 字会折行，
故必填标记改用一颗星号 —— 四个字 + 星号放得下。 */
.modal .fld dt .req{color:var(--bad);font-weight:600;margin-left:2px}
.modal .fld dd input,.modal .fld dd select{width:100%;border:1px solid var(--border);
border-radius:var(--r-sm);padding:7px 10px;font:inherit;background:var(--bg);color:var(--ink-2)}
.modal .acts{display:flex;gap:9px;justify-content:flex-end;margin-top:20px}
.modal .note{background:var(--accent2-soft);border-radius:8px;padding:10px 12px;font-size:12.5px;
color:var(--accent2);line-height:1.6;margin-top:12px}
.modal .note b{font-weight:650}
.dropzone{border:1.5px dashed var(--border);border-radius:10px;padding:22px 18px;
text-align:center;color:var(--ink-3);font-size:13px;margin-top:14px;background:var(--panel-2)}
.dropzone .up{width:34px;height:34px;border-radius:9px;background:var(--accent-soft);color:var(--accent);
display:grid;place-items:center;margin:0 auto 10px}
.dropzone b{color:var(--accent);font-weight:600}
/* 合同上传区 */
.upload{border:1.5px dashed var(--border);border-radius:var(--r);padding:16px 18px;background:var(--panel-2);
display:flex;flex-direction:column;gap:8px;align-items:flex-start;min-width:0}
.upload:hover{border-color:var(--accent-mid)}
/* 合同预览文档 */
.doc{border:1px solid var(--border);border-radius:var(--r);background:#fff;padding:18px 20px;
max-height:58vh;overflow:auto;display:flex;flex-direction:column;gap:14px}
.doc-head{font-size:16px;font-weight:700;text-align:center;color:var(--ink-1);border-bottom:1px solid var(--border);padding-bottom:10px}
.doc-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;font-size:13px;background:var(--panel-2);border-radius:var(--r-sm);padding:12px 14px}
.doc-meta div{display:flex;justify-content:space-between;gap:12px}
.doc-meta span{color:var(--ink-3)}
.doc-meta b{font-weight:600;color:var(--ink-2)}
.doc-body{display:flex;flex-direction:column;gap:12px}
.doc-body .sec{border-left:3px solid var(--accent);padding-left:12px}
.doc-body .t{font-weight:600;color:var(--ink-1);font-size:13.5px}
.doc-body p{font-size:13px;color:var(--ink-2);margin-top:4px;line-height:1.6}
.doc-sign{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;border-top:1px dashed var(--border);padding-top:14px;font-size:13px}
.doc-sign span{color:var(--ink-3);display:block}
.doc-sign b{font-weight:600}
/* ══ 客户门户 · 客户端 ══
2026-10-03：原「客户门户（演示）」侧栏入口已按要求移除，
随之一并删掉 `.side a.cl` 那 6 条规则 —— 它是那条入口专用的
（陶土橙配色 + 演示徽标），入口没了就再没有元素带 .cl。
⚠ 不要因为「看着像淘宝业务的橙」就把它们加回来：淘宝业务走的是
`data-group="ecom"`，与这里无关。 */
/* 客户端区块：各模块统一纵向间距（与其他视图对齐） */
#cHome{display:flex;flex-direction:column}
#cHome > *{margin-bottom:22px}
#cHome > *:last-child{margin-bottom:0}
#cAuth{display:flex;flex-direction:column;gap:22px}
/* 客户端顶部条 */
.c-top{display:flex;align-items:center;gap:12px;padding:12px 16px;
border:1px solid var(--border);border-radius:var(--r);background:var(--bg);flex-wrap:wrap}
.c-brand{display:flex;align-items:center;gap:10px}
.c-brand .mk{width:30px;height:30px;border-radius:8px;background:linear-gradient(140deg,var(--accent),var(--accent2));
display:grid;place-items:center;color:#fff;flex:none}
.c-brand b{font-size:15px;color:var(--ink-1);display:block}
.c-brand span{font-size:11px;color:var(--ink-3);display:block}
.c-user{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--ink-2)}
.c-user .av{width:28px;height:28px;border-radius:50%;background:var(--accent-soft);color:var(--accent);
display:grid;place-items:center;font-weight:600;font-size:12px}
/* 登录/注册卡片 */
.c-auth{max-width:430px;margin:4vh auto 0;background:var(--bg);border:1px solid var(--border);
border-radius:12px;padding:28px 30px;display:flex;flex-direction:column;gap:14px}
.c-auth .logo{width:44px;height:44px;border-radius:12px;background:linear-gradient(140deg,var(--accent),var(--accent2));
display:grid;place-items:center;color:#fff}
.c-auth h2{font-size:18px;color:var(--ink-1)}
.c-auth .sub{color:var(--ink-3);font-size:12.5px}
.c-auth .in{border:1px solid var(--border);border-radius:var(--r-sm);padding:10px 12px;font:inherit;
color:var(--ink-2);width:100%;background:var(--bg)}
.c-auth .in:focus{outline:1.5px solid var(--accent-mid);border-color:var(--accent-mid)}
.c-auth .row{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--ink-3)}
.c-auth .row a{color:var(--accent);font-weight:500;cursor:pointer}
.c-auth .row a:hover{text-decoration:underline}
.c-auth .hint{font-size:12px;color:var(--accent2);background:var(--accent2-soft);border-radius:8px;
padding:9px 12px;line-height:1.6}
/* 商品/服务卡片 */
.svc{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:1180px){.svc{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.svc{grid-template-columns:1fr}}
.svc .card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);
padding:18px 20px;display:flex;flex-direction:column;gap:12px}
.svc .card .tt{font-weight:650;color:var(--ink-1);font-size:14px;display:flex;align-items:center;gap:8px}
.svc .card .tt svg{width:17px;height:17px;color:var(--accent);flex:none}
.svc .card .dt{color:var(--ink-3);font-size:12px}
.svc .card .amt{font-size:17px;font-weight:700;color:var(--ink-1);margin-top:auto;font-variant-numeric:tabular-nums}
.svc .card .foot{display:flex;align-items:center;gap:8px;color:var(--ink-3);font-size:12px;flex-wrap:wrap}
/* 电子签署 · 流转步骤 */
.esign-flow{display:flex;align-items:center;flex-wrap:wrap;gap:0}
.esign-step{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-3)}
.esign-step .n{width:20px;height:20px;border-radius:50%;background:var(--panel-2);color:var(--ink-3);
display:grid;place-items:center;font-size:11px;font-weight:600;flex:none}
.esign-step.done .n{background:var(--ok);color:#fff}
.esign-step.cur .n{background:var(--accent);color:#fff}
.esign-step.done{color:var(--ok-ink)}
.esign-step.cur{color:var(--ink-1);font-weight:600}
.esign-line{width:26px;height:2px;background:var(--border);margin:0 8px}
.esign-line.done{background:var(--ok)}
/* 签署条款勾选 */
.agree{display:flex;align-items:flex-start;gap:9px;border:1px solid var(--border);border-radius:var(--r-sm);
padding:11px 12px;font-size:12.5px;color:var(--ink-3);margin-top:12px;cursor:pointer;line-height:1.55}
.agree input{width:15px;height:15px;flex:none;margin-top:2px;accent-color:var(--accent)}
.agree b{color:var(--accent);font-weight:500}
.agree.done{border-color:var(--ok);background:var(--ok-soft);color:var(--ok-ink)}
/* 顶部提示条 */
.c-banner{display:flex;align-items:flex-start;gap:11px;background:var(--accent-soft);
border:1px solid var(--accent-soft);border-radius:var(--r);padding:13px 15px;font-size:13px;color:var(--ink-2);line-height:1.6}
.c-banner svg{width:18px;height:18px;color:var(--accent);flex:none;margin-top:1px}
.c-banner b{color:var(--accent)}
/* toast */
.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(16px);
background:#1A1C38;color:#fff;padding:11px 18px;border-radius:9px;font-size:13px;
box-shadow:0 12px 30px rgba(20,24,80,.25);opacity:0;pointer-events:none;transition:.22s;z-index:40;
display:flex;align-items:center;gap:9px;max-width:88vw}
.toast.on{opacity:1;transform:translateX(-50%) translateY(0)}
.toast svg{width:16px;height:16px;flex:none}
/* ═══ 项目协作看板（软件业务）═══ */
/* 阶段横向时间轴 */
.pro-phases{display:flex;align-items:center;flex-wrap:wrap;gap:0;padding:2px 0 8px}
.ph{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-3)}
.ph .n{width:22px;height:22px;border-radius:50%;background:var(--panel-2);color:var(--ink-3);
display:grid;place-items:center;font-size:11.5px;font-weight:600;flex:none}
.ph.done .n{background:var(--ok);color:#fff}
.ph.cur .n{background:var(--accent);color:#fff}
.ph.done{color:var(--ok-ink)}
.ph.cur{color:var(--ink-1);font-weight:600}
.ph.cur .nm{color:var(--accent);font-weight:600}
.ph-line{width:34px;height:2px;background:var(--border);margin:0 9px}
.ph-line.done{background:var(--ok)}
/* 协作任务卡（客户待办 / 工作项） */
.pro-tasks{display:flex;flex-direction:column;gap:12px}
.pro-task{display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;
padding:12px;border:1px solid var(--border);border-radius:var(--r-sm);font-size:13px}
.pro-task .sig{width:9px;height:9px;border-radius:50%;flex:none;background:var(--border)}
.pro-task.need .sig{background:var(--warn)}
.pro-task.done .sig{background:var(--ok)}
.pro-task b{color:var(--ink-1);font-weight:600;font-size:13px}
.pro-task .d{color:var(--ink-3);font-size:12px;margin-top:2px;display:flex;gap:8px;flex-wrap:wrap}
.pro-task .d b{color:var(--ink-2)}
.pro-task.done{opacity:.72}
/* 需客户配合：强调高亮 */
.pro-task.need{border-color:var(--accent2);background:var(--accent2-soft)}
/* ═══ 移动端底部 Tab（≤760px）═══ */
.mtab{display:none}
@media (max-width:760px){
.app{grid-template-columns:1fr}
.side{display:none}
.main{height:auto;min-height:100vh;overflow:visible}
.body{padding:16px 16px 88px;gap:18px;overflow:visible}
/* 原 .top{padding:12px 14px} 随头部整块移除 · 2026-10-03 */
/* 底部固定 Tab */
.mtab{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:25;
background:var(--bg);border-top:1px solid var(--border);
box-shadow:0 -6px 18px rgba(20,24,80,.07);padding-bottom:env(safe-area-inset-bottom)}
.mtab a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;
padding:8px 0 6px;color:var(--ink-3);font-size:10.5px;min-height:0}
.mtab a.on{color:var(--accent);font-weight:600}
.mtab svg{width:20px;height:20px}
/* 弹窗在移动端贴近底部 */
.modal{top:auto;bottom:0;transform:none;width:100vw;max-width:100vw;
border-radius:14px 14px 0 0;padding:18px 16px 22px;max-height:88vh;overflow:auto}
.modal.on{transform:none}
.c-auth{max-width:none;margin:2vh 14px 0}
.kpis{grid-template-columns:1fr 1fr}
/* 3 卡行跟着收：特异性与基础段 `.kpis.k3` 相同、位置更靠后，故能覆盖 */
.kpis.k3{grid-template-columns:1fr 1fr}
.svc{grid-template-columns:1fr}
}
/* ═══ 鸿蒙 UI 风格化（卡片化 · 柔和投影 · 大圆角）═══ */
.side{border-right:1px solid var(--border);box-shadow:1px 0 0 rgba(20,24,80,.04)}
/* .top 的投影随头部整块移除而删除 · 2026-10-03 */
.panel,.kpi,.svc .card,.c-auth,.filters,.c-banner,.empty,.loading,.error,.dropzone,.upload,.doc{
border-color:rgba(23,28,82,.07);box-shadow:var(--shadow-sm)}
.panel,.kpi,.svc .card,.c-auth,.c-banner,.empty,.loading,.error,.upload,.doc{border-radius:var(--r)}
.modal{border-radius:16px;box-shadow:0 24px 64px rgba(20,24,80,.22)}
.btn,.field,.fld dd input,.fld dd select{border-radius:var(--r-sm)}
.btn.primary{box-shadow:0 6px 16px var(--glow)}
.side a,.pro-task,.pro-task.need,.c-top{border-radius:12px}
.panel > header{border-bottom-color:rgba(23,28,82,.06)}
th{background:var(--panel-2)}
tbody tr:hover,.remind .row:hover{background:#f3f5fc}
.c-brand .mk,.c-auth .logo,.brand .mk{box-shadow:0 4px 12px rgba(61,90,254,.25)}
.mtab,.cmtab{background:rgba(255,255,255,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 -6px 20px rgba(20,24,80,.06)}
.esign-step .n,.ph .n{box-shadow:0 2px 6px rgba(20,24,80,.10)}
/* ═══ 鸿蒙 · 层次感细化（专业 UI 打磨）═══ */
/* 1) 侧栏 / 客户端导航选中项：左侧蓝色竖线指示条 → 2026-10-03 应用户要求【整块移除】。
选中态只保留 .side a.on / .c-nav a.on 的浅主色胶囊底（见上方基础段），
不再叠加竖线。client.html 里那行 `content:none` 的补救覆盖也一并删除。
⚠ 不要加回来。原先此处为：
.side a.on,.c-nav a.on{position:relative}
.side a.on::before,.c-nav a.on::before{content:"";position:absolute;left:3px;top:50%;
transform:translateY(-50%);width:3px;height:15px;border-radius:2px;background:var(--accent)} */
/* 2) KPI 主指标卡 → 2026-10-03 应用户要求【移除卡片渐变底】，与普通卡同底（var(--bg)）。
层级感改由「主色数字 + 浅主色描边」承担，不再靠渐变面。
⚠ 不要加回 background 渐变。原先此处为：
.kpi.hero{background:linear-gradient(150deg,rgba(61,90,254,.13),#fff 55%);
border-color:rgba(61,90,254,.18)} */
.kpi.hero{border-color:rgba(61,90,254,.18)}
.kpi.hero .k{color:var(--accent);font-weight:600}
.kpi.hero .v{color:var(--accent)}
/* 3) 卡片 hover 轻微上浮：交互反馈 */
/* 4) 标题 / 表头字重层级拉开 */
.panel > header{font-weight:650}
th{font-weight:600;color:var(--ink-3)}
.kpi .v{font-weight:750}
.svc .card .amt{font-weight:750}
/* 5) 面板标题左强调条 → 2026-10-02 应用户要求【整体移除】。
模块标题前不再有任何竖线/强调条，标题直接左对齐到面板内边距。
原先此处为：.panel > header::before{width:4px;height:16px;border-radius:2px;
background:linear-gradient(180deg,var(--accent),var(--accent-mid))}
全站受影响 59 处模块标题（index.html 52 + client.html 7）。
⚠ 不要再加回来；标题的层级感由字号/字重（font-weight:650）承担。 */
/* ═══ 移动端弹窗适配（鸿蒙底部弹窗：全宽 · 底部滑出 · 内容滚动）═══ */
@media(max-width:760px){
.modal{left:0;right:0;top:auto;bottom:0;
width:100%;max-width:100%;max-height:86vh;overflow-y:auto;
transform:translateY(100%);border-radius:18px 18px 0 0;
padding:18px 18px calc(22px + env(safe-area-inset-bottom))}
.modal.on{transform:translateY(0);opacity:1}
.modal .fld{grid-template-columns:1fr;gap:6px 0}
.modal .fld dt{font-size:12px;color:var(--ink-3)}
.modal .acts{flex-wrap:wrap}
}
/* ═══════════════════════════════════════════════════════
v2 优化 · 信息架构重排 + 新增模块
═══════════════════════════════════════════════════════ */
/* 1) 二级子导航条（.subtabs）：整段已删除 · 2026-10-03
它原本承载「组内切换」（业务组的四个子项、财务组的四个子项…），
但左侧导航早就把这些入口平铺了一遍，是同一份清单的第二次出现。
上一轮把「税务申报 / 收付款」补进侧栏后，二级条彻底冗余，按用户要求整块移除。
这里同时删掉过前缀分组名 .st-lab（2026-10-03 早些时候）。
⚠ 别把 .st 这一族规则加回来 —— 表格里的 用的是 .sticky 等其他类，与此无关。 */
/* 2) 顶栏全局搜索：整段已按用户要求移除（2026-10-03）
原 .gsearch / .gsearch-pop / .gs-row / .gs-empty 规则一并删除（见 index.html 顶栏注释）。
⚠ 别误删 .gs-row2 —— 那是「年度目标进度」面板用的，与 .gs-row 不是一回事。 */
/* 3) 表格面板的导出 / 打印 */
.tbl-acts{display:flex;gap:2px;margin-left:8px}
/* 4) 日历 */
/* 7 列日历：列必须用 minmax(0,1fr)。写 1fr 时列的最小尺寸是 auto，
而 .ce 事件标签是 nowrap + 省略号，会把列撑到内容宽度 —— 窄屏直接顶破容器
（实测 360px +78px / 430px +8px）。改成 minmax(0,1fr) 后省略号才会生效。 */
.cal-head,.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.cal-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
/* 指标条目组（项目成本 / 电商盈亏 / 税务申报）
原先写在各页内联 style 里（repeat(4,1fr) 与 repeat(3,1fr)），窄屏放不下会顶破
容器（实测 360px +71px）。收成语义类，列数与间距交给断点控制。 */
.stat4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.stat3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cal-head span{font-size:11.5px;color:var(--ink-3);text-align:center;padding-bottom:4px}
.cal-d{min-height:76px;border:1px solid var(--border);border-radius:10px;padding:6px 8px;background:var(--bg)}
.cal-d.mute{background:transparent;border-color:transparent}
.cal-d b{font-size:12.5px;color:var(--ink-2);font-weight:600;font-variant-numeric:tabular-nums}
.cal-d.today{border-color:var(--accent);background:var(--accent-soft)}
.cal-d.today b{color:var(--accent)}
.cal-d .ce{display:block;margin-top:5px;font-size:11px;line-height:1.35;padding:2px 6px;
border-radius:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ev-biz{background:var(--accent-soft);color:var(--accent)}
.ev-renew{background:var(--bad-soft);color:var(--bad-ink)}
.ev-tax{background:var(--ok-soft);color:var(--ok-ink)}
.ev-ecom{background:var(--accent2-soft);color:var(--accent2)}
/* 5) 权限勾选区 */
.perm{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding:12px;
border:1px solid var(--border);border-radius:var(--r-sm);background:var(--panel-2)}
/* 6) 敏感信息：默认不动，点击才露出完整内容 */
.secret{cursor:pointer;border-bottom:1px dashed var(--border)}
.secret:hover{border-bottom-color:var(--accent)}
.secret.revealed{color:var(--accent);font-weight:600;border-bottom-style:solid}
/* 7) 侧栏底部「单人信息」三条规则已随署名卡移除而删除 · 2026-10-03 */
/* 8) 响应式
2026-10-03：原「窄屏收窄搜索框」「移动端搜索独占一行 + .top 换行」两条
随顶栏搜索框移除而删除；同日稍后连标题条与二级导航条也整块移除，
故这一段现在只剩日历单元格的窄屏尺寸。 */
@media (max-width:760px){
/* .subtabs 的窄屏内边距随头部移除而删除 · 2026-10-03 */
.cal-d{min-height:60px;padding:4px 5px}
.cal-d .ce{font-size:10px;padding:1px 4px}
}
/* ══════════════ 品牌标 · 统一形态 ══════════════
工作台侧栏与客户门户（侧栏 + 登录页）统一为「渐变块 + 白色圆角方框」，
不再各自放一个人像图标。图标体系见 style-icons.css。 */
.c-brand .mk{
width:30px;height:30px;border-radius:8px;flex:none;position:relative;
background:linear-gradient(140deg,var(--accent),var(--accent2));
display:block;color:#fff;
}
.c-brand .mk::after{
content:"";position:absolute;left:8px;top:8px;
width:14px;height:14px;border:2px solid rgba(255,255,255,.85);border-radius:3px;
}
/* 登录页 logo 是 44px 的渐变块（display:grid 居中），方框直接用伪元素占位 */
.c-auth .logo::after{
content:"";width:20px;height:20px;
border:3px solid rgba(255,255,255,.9);border-radius:5px;
}
/* ══════════════ 侧栏收起态 · 图标轨道（≤1180px）══════════════
收起后侧栏只有 66px，`.side` 内边 10px×2 + 右发丝线 1px → 实际内容宽仅 45px。
原先只隐藏了导航文字（`.side .lb`），剩下三处文字仍按原字号排版，被压成窄条后逐字竖排：
元素 实测内容盒 症状
────────── ───────── ─────────────────────────────
.brand 文字 15px 「集中科技」竖排 12 行，整块溢出 20px
.foot 文字 4px 「集中科技 / 郑州市惠济区·经营台」竖排 14 行，溢出 8px
.side a 内容 25px 图标 17 + 间距 10 + 徽标 18 = 45，溢出 20px
→ 2026-10-03：`.foot` 署名卡已整块移除，上表第 2 行随之消失（此处保留原表，
因为它记录的正是当年做这段收起态规则的**依据**，删掉就无法理解 `.brand` 那条为何存在）。
处理原则：收起态只保留「图形」，文字一律不参与排版；徽标脱离文档流挂右上角。
★ 本段必须位于文件末尾 ★ —— 前面存在同选择器的规则
（如第 55 行 `.grp`），同特异性下靠「后出现者胜」，放到前面会被覆盖。
注：编号与明细见 `_icons/measure_rwd.py`（响应式探针，可随时复测）。 */
@media (max-width:1180px){
/* 品牌：只留渐变标，居中 */
.brand{justify-content:center;padding:2px 0 16px}
.brand>div{display:none}
/* 分组小标题：居中并收紧字距，避免 45px 内挤 */
.grp{text-align:center;padding:16px 0 5px;letter-spacing:.02em}
/* 导航项：去掉横向内边让内容盒回到 45px，图标居中；徽标改绝对定位 */
.side a{gap:0;justify-content:center;padding-left:0;padding-right:0}
/* 数量徽标：右上角小胶囊。白圈（2px）把与图标的重叠切开，读作「角标」而非压字。
尺寸取 13px：图标居中占 14~31，徽标 right:1px 占 31~44，两者刚好相切不互相压。 */
.side .bdg{margin-left:0;position:absolute;top:3px;right:1px;
min-width:13px;height:13px;padding:0 3px;font-size:9.5px;line-height:1;
display:grid;place-items:center;border-radius:999px;
box-shadow:0 0 0 2px var(--bg)}
/* 「客户门户 · 演示」入口已移除，其徽标收成圆点的规则一并删除（2026-10-03） */
/* 底部：署名卡（.side .foot）已整块移除，此处原有三条收起态规则一并删除 · 2026-10-03 */
}
/* ═══════════════════════════════════════════════════════════════════
表格滚动容器 .tbl-wrap（全断点共用）
───────────────────────────────────────────────────────────────────
_icons/wrap_tables.py 给 index.html 的 30 个 / client.html 的 2 个
各包了这一层。
为什么不只在手机端生效：
弹窗里的「数据口径说明」表（#glossary，3 列）min-content 宽 682px，
而 .modal 内容宽只有 434px —— 在桌面端同样放不下，
改造前它一直在溢出 248px（旧扫描器把问题算在 .modal 头上，
而 .modal 是「隐藏但仍在布局中」的，因此长期没被发现）。
有滚动容器才是根治。
正常表格 width:100% 不会触发滚动，只有内容确实比容器宽时才出现滚动条。
═══════════════════════════════════════════════════════════════════ */
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
/* ═══════════════════════════════════════════════════════════════════
业务深化组件 · 2026-10-02
───────────────────────────────────────────────────────────────────
配套新增/深化的模块：获客线索、产品与授权、经营核算、
年度目标进度、客户分层、工时投入。
设计原则（与全站一致）：
· 颜色只走已有的语义变量（accent / ok / warn / bad），不新增色值；
· 层级靠「字号 + 字重 + 浅底」表达，不靠竖线（竖线已按要求全站移除）；
· 这些组件都不带边框，嵌在 .panel 内，由面板提供卡片边界。
═══════════════════════════════════════════════════════════════════ */
/* 1) 客户分层徽章：A / B / C 三档 —— 颜色即优先级，字母即分档 */
.tier{display:inline-grid;place-items:center;width:22px;height:22px;
border-radius:7px;font-size:11.5px;font-weight:700;line-height:1}
.tier.a{background:var(--accent);color:#fff}
.tier.b{background:var(--accent-soft);color:var(--accent)}
.tier.c{background:var(--panel-2);color:var(--ink-3)}
/* 2) 线索阶段分布条
注意：这是「分布」不是「累计漏斗」—— 每条线索只落在唯一阶段，
所以各段之和 = 本月线索总数，不做逐级递减以免误导。 */
.fn-row{display:grid;grid-template-columns:78px 1fr 40px;align-items:center;gap:12px}
.fn-row + .fn-row{margin-top:10px}
.fn-l{font-size:12.5px;color:var(--ink-3)}
.fn-n{font-size:13px;font-weight:650;color:var(--ink-1);text-align:right}
.fn-bar{height:10px;border-radius:5px;background:var(--panel-2);overflow:hidden}
.fn-bar i{display:block;height:100%;border-radius:5px;
background:linear-gradient(90deg,var(--accent-mid),var(--accent))}
.fn-bar.ii-bad i{background:linear-gradient(90deg,#E8776A,var(--bad))}
/* 3) 年度目标进度：左侧主目标大条 + 右侧三个小目标 */
.goal{display:grid;grid-template-columns:1.35fr 1fr;gap:20px;align-items:center}
.goal-k{font-size:12.5px;color:var(--ink-3)}
.goal-v{display:flex;align-items:baseline;gap:7px;font-size:30px;font-weight:750;
color:var(--accent);line-height:1.25;margin-top:3px;font-variant-numeric:tabular-nums}
.goal-v em{font-size:12.5px;font-weight:500;color:var(--ink-3);font-style:normal}
.goal-v b{font-size:14px;font-weight:600;color:var(--ink-3)}
.goal-sep{font-size:15px;color:var(--ink-3);font-weight:400}
/* 进度条：实色 = 已完成，斜纹 = 剩余（斜纹不抢眼，一眼分得清） */
.gbar{display:flex;height:12px;border-radius:6px;overflow:hidden;
background:var(--panel-2);margin-top:10px}
.gbar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent-mid),var(--accent))}
.gbar i.ghost{background:repeating-linear-gradient(135deg,#E3E6F8,#E3E6F8 4px,#F0F2FC 4px,#F0F2FC 8px)}
.goal-f{font-size:12px;color:var(--ink-3);margin-top:8px}
.goal-f b{color:var(--ink-2);font-weight:600}
.goal-side{display:flex;flex-direction:column;gap:11px}
.gs-row2{display:grid;grid-template-columns:72px 1fr 52px;align-items:baseline;gap:10px;font-size:12.5px}
.gs-row2>span{color:var(--ink-3)}
.gs-row2>b{color:var(--ink-1);font-weight:600;font-variant-numeric:tabular-nums}
.gs-row2>em{font-style:normal;font-weight:650;color:var(--accent);text-align:right}
/* ═══════════════════════════════════════════════════════════════════
移动端触控优化（≤760px）· 2026-10-02
───────────────────────────────────────────────────────────────────
【为什么要专门做这一段】
Chrome 在 Windows 上把窗口宽度强制到最小 512px，
`--headless=new --window-size=390,844` 量到的 documentElement.clientWidth
仍是 512 —— 媒体查询虽然触发，但一切按 512px 排版，**手机端量测全是假数据**
（旧脚本 check_overflow.py 因此在手机上「零溢出」，实为假通过）。
本次改用 CDP 设备模拟（`_icons/cdp.js` + Emulation.setDeviceMetricsOverride）
才拿到真实 390×844 / DPR3 / 触屏 的渲染。
【改造前实测（390×844）】
可点元素 208 个 → 163 个高度 <32px、37 个 32~44px。
最差的几类：
（表格内「编辑/修改」）… 20~23px 高
（筛选胶囊） … 29px
.st（二级导航） … 30px
.btn（含顶栏「新增客户」） … 36px
|