:root{--bg:#0e1116;--panel:#161c26;--panel2:#1d2531;--border:#293447;--border2:#33415a;
--txt:#d9e0ec;--muted:#8a96a9;--faint:#5c6575;--accent:#07c160;--accent-hi:#21d974;
--blue:#3b82f6;--warn:#f5a623;--err:#f5564a;--sb:#0c0f15;--radius:6px;
--panel3:#232d3c;
--cur-bg:rgba(124,176,255,.07); /* 任务计划表：「当前时段」行的淡蓝底（一点点就够，别用近白） */
--cur-fg:#8fb4ea; /* 「当前」徽标文字（深色主题下比 --blue 柔一档） */
/* 聊天窗配色（跟随主题） */
--cw-bg:#0e1116;--cw-other:#1d2531;--cw-me:rgba(7,193,96,.16);--cw-line:#2a3444;
--cw-meline:rgba(7,193,96,.34);--cw-txt:#dbe2ee;--cw-tm:#5f6b7c;--cw-who:#8a96a9}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--txt);font:14px/1.6 "PingFang SC","Microsoft YaHei UI","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden}
a{color:var(--blue);text-decoration:none}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-thumb{background:#2c3648;border-radius:6px}
.sidebar{position:fixed;left:0;top:0;bottom:0;width:264px;z-index:40;background:var(--sb);border-right:1px solid var(--border);display:flex;flex-direction:column;user-select:none}
.logo{width:36px;height:36px;border-radius:9px;flex:none;background:linear-gradient(135deg,#07c160,#059a4e);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800}
.nav{flex:1;overflow-y:auto;padding:2px 12px 16px}
.nav .grp{color:#9fb0c8;font-size:15.5px;font-weight:700;letter-spacing:.06em;margin:18px 10px 7px;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.07)}
.nav a{display:flex;align-items:center;gap:11px;padding:8px 12px;margin:2px 0;border-radius:8px;color:#aeb8c9;font-size:14.5px;cursor:pointer}
.nav a:hover{background:rgba(255,255,255,.045);color:#e6ecf5}
.nav a.on{background:linear-gradient(90deg,rgba(7,193,96,.16),rgba(7,193,96,.03));color:#fff;font-weight:600}
.nav a .ic{width:22px;text-align:center;font-size:15.5px;opacity:.9}
.nav a .ph{margin-left:auto;font-size:11px;color:var(--faint);border:1px solid var(--border);border-radius:10px;padding:0 7px;white-space:nowrap}
.nav a .lvbadge{margin-left:auto;background:#f5564a;color:#fff;border:none;border-radius:10px;padding:0 6px;min-width:18px;height:18px;line-height:18px;text-align:center;font-size:11px;font-weight:600;flex:none}
.side-foot{padding:13px 20px;border-top:1px solid var(--border);color:var(--faint);font-size:12px;line-height:1.7}
/* 合规版「升级到发行版」提示条（core.js::buildUpgradeNotice；只有合规版会渲染，正常发行版/自用机不出现）。
挂在侧栏底部 —— 桌面在 .mfoot 之前、手机上两个都进抽屉底部；样式只做一层浅色卡片，不抢主内容。 */
.upnotice{margin:10px 12px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);
background:rgba(7,193,96,.08);color:var(--txt);font-size:12px;line-height:1.7;flex:none}
.upnotice b{color:var(--accent)}
.upnotice .btn{margin-top:8px;display:flex;width:100%;justify-content:center}
.main{margin-left:264px;height:100%;display:flex;flex-direction:column}
.topbar{height:44px;flex:none;display:flex;align-items:center;gap:10px;padding:0 16px;background:rgba(14,17,22,.86);border-bottom:1px solid var(--border)}
.topbar h2{margin:0;font-size:16px;font-weight:600}
.topbar .grow{flex:1}
.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 11px;border-radius:20px;background:var(--panel2);border:1px solid var(--border);font-size:12px;color:var(--muted)}
.chip.click{cursor:pointer} /* 可点徽标（顶栏运行模式）：给出可点的手感与悬停反馈 */
.chip.click:hover{border-color:var(--accent);color:var(--txt)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--faint);flex:none}
.dot.green{background:var(--accent);box-shadow:0 0 8px var(--accent)}
.dot.red{background:var(--err)}
/* ⚠️ 上/下 padding 别放回 .content：它是滚动容器（overflow-y:auto），顶部的 padding 会在
* 顶部留出一条「滚动区」，`table.list thead th{top:0}` 吸附时停在 padding 之下 → 表头与
* 顶栏之间露出 16px 的缝（内容从缝里透出来）。顶部这一档间距改挂在 .page 上（见下），
* 吸附才真正贴住内容区顶。 */
.content{flex:1;overflow-y:auto;padding:0 22px 30px}
/* 内容区（第三段）左对齐贴住侧栏：原来 margin:0 auto 在大屏上把页面居中，
* 第二段侧栏与内容之间会空出一大块（用户 2026-10-19：「间距过大」）。 */
.page{display:none;max-width:1240px;margin:0;padding-top:16px}
.page.on{display:block;animation:fade .18s ease}
@keyframes fade{from{opacity:0;transform:translateY(3px)}to{opacity:1}}
button{border:0;cursor:pointer;font-family:inherit}
.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:6px;background:var(--panel3,#232d3c);color:var(--txt);font-size:13px;border:1px solid var(--border2)}
.btn:hover{filter:brightness(1.15)}
.btn.primary{background:#07c160;color:#fff;border-color:transparent}
.btn.danger{background:rgba(245,86,74,.12);color:#ff8a80;border-color:rgba(245,86,74,.35)}
.btn.sm{padding:4px 9px;font-size:12px;border-radius:5px}
input,select,textarea{background:var(--panel2);border:1px solid var(--border2);color:var(--txt);border-radius:4px;padding:7px 10px;font-size:13px;outline:none;font-family:inherit}
input:focus,select:focus,textarea:focus{border-color:var(--accent)}
select option{background:var(--panel2)}
.sec-title{display:flex;align-items:center;gap:10px;margin:20px 0 12px;font-size:14px;font-weight:600}
.sec-title:first-child{margin-top:2px}
.sec-title .line{flex:1;height:1px;background:var(--border)}
.badge{display:inline-block;padding:2px 7px;border-radius:4px;font-size:11.5px}
.badge.green{background:rgba(7,193,96,.14);color:#3ce489}
.badge.gray{background:#263042;color:var(--muted)}
.badge.blue{background:rgba(59,130,246,.16);color:#7cb0ff}
.badge.bad{background:rgba(245,86,74,.16);color:#ff8b80}
table.list{width:100%;border-collapse:collapse;font-size:13px}
table.list th{color:var(--muted);font-weight:500;text-align:left;padding:8px 10px;background:var(--panel2);border-bottom:1px solid var(--border);font-size:12px;white-space:nowrap}
table.list td{padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:top}
table.list tbody tr:hover td{background:rgba(127,127,127,.06)}
/* 表头吸附：页面滚动时表头贴住内容区**顶部**（payroll 的 #pgTable 自带列冻结，按 id 优先级不受影响）。
* top:0 之所以能贴顶，是因为滚动容器 .content 的顶部 padding 已挪到 .page（见文件上方那条注释）；
* 一旦 .content 又出现 padding-top，这里就会在顶栏与吸附表头之间露出缝。 */
@media (min-width:901px){table.list thead th{position:sticky;top:0;z-index:2}}
/* ===== 工资表（p_payroll）：列宽可拖 + 「编号」列冻结 + 表头下的筛选行 =====
* 冻结用 sticky（表格在 `overflow:auto` 容器里横向滚动时不动），背景必须给
* `var(--panel)`——面板背景色，浅深主题各一份；写死白/黑会在另一套主题下透字。
* 拖拽手柄贴 th 右边缘（th 需 position:relative；冻结那个 th 用 sticky 同样成立）。*/
#pgTable{table-layout:fixed}
#pgTable th{position:relative;overflow:hidden;white-space:nowrap}
#pgTable th.pgfreeze,#pgTable td.pgfreeze{position:sticky;left:0;z-index:3;background:var(--panel)}
#pgTable th .pgrz{position:absolute;top:0;right:0;width:6px;height:100%;cursor:col-resize}
#pgTable th .pgrz:hover{background:var(--blue);opacity:.35}
#pgTable tr#pgFilterRow th{padding:3px 6px}
#pgTable tr#pgFilterRow input{width:100%;box-sizing:border-box;font-size:12px;padding:2px 4px}
/* ===== 任务计划表（拟人节奏页）：「当前时段」那一行的一点点淡底 =====
* 用户 2026-09-16 点名「当前任务颜色太亮」——底色的原来是写死的 `#f1f8ff`（近白），
* 已改为主题变量 `--cur-bg`（深浅主题各一份）。**别再写死近白色**。
* 「自动/手动」的来源区分已按用户要求撤掉（有歧义），数据里仍留 src，只是不展示。 */
.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:14px}
.panel.pad0{padding:0}
/* ===== 折叠区（设置/配置类区块的统一形态，见 core.js::foldHtml） =====
* 用户 2026-09-21：「设置 / 编辑 / 新建内容」能用弹窗的用弹窗，不能弹窗的**默认折叠收起**，
* 否则页面一进来全是表单，看起来太复杂。标题行可点，`.on`＝展开态（JS 切）。
* `.fold-body` 用 !important 压掉块内元素自带的 display（如 flex），保证默认真的看不见。 */
.fold{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:10px 16px;margin-bottom:14px}
.fold-head{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none;font-size:14px;font-weight:600;padding:5px 0}
.fold-head:hover{color:var(--accent)}
.fold-head .fold-ar{color:#b2b2b2;font-size:11px;width:12px;flex:none}
.fold-head .fold-sum{font-weight:400;color:var(--faint);font-size:12px}
.fold-body{display:none!important;padding-top:8px}
.fold.on .fold-body{display:block!important}
.empty{color:var(--faint);text-align:center;padding:40px 12px;font-size:13px}
/* 桌面端不需要「☰ 菜单」（那是窄屏唤出侧栏抽屉用的） */
@media (min-width:901px){#btnMenu{display:none}}
.hint{color:var(--faint);font-size:12px}
.muted{color:var(--muted)}.small{font-size:12px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:13px 15px}
.card .k{color:var(--muted);font-size:12px}
.card .v{font-size:20px;font-weight:700;margin-top:5px}
.card .s{color:var(--faint);font-size:11.5px;margin-top:3px}
.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}
.toolbar .grow{flex:1} /* 工具栏里的占位符：把后面的徽标/按钮推到行尾（原先只对 .topbar/.fu-head 生效） */
/* ===== 传统分页条（线索池 / 收支表）=====
* 每页固定条数、手动翻页，见 core.js::pagerHtml。行数上万时比"滚到底自动加载"好用：
* 页面高度恒定、能直接跳到第 N 页。 */
.pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;padding:10px 4px 2px}
.pager .pg-num,.pager .pg-nav,.pager .pg-go{padding:5px 10px;border-radius:7px;font-size:12.5px;line-height:1.35;background:var(--panel3);color:var(--txt);border:1px solid var(--border2)}
.pager .pg-nav{font-weight:600}
.pager .pg-num.on{background:#07c160;color:#fff;border-color:transparent;font-weight:700}
.pager .pg-nav:disabled{opacity:.4;cursor:default}
.pager .pg-nav:disabled:hover{filter:none}
.pager .pg-dot{color:var(--faint);padding:0 2px;font-size:12.5px}
.pager .pg-jump{display:inline-flex;align-items:center;gap:4px;margin-left:6px;color:var(--muted);font-size:12.5px}
.pager .pg-inp{width:58px;padding:4px 6px;text-align:center;font-size:12.5px}
.pager .pg-total{color:var(--faint);font-size:12.5px;margin-left:6px}
html.light .pager .pg-num,html.light .pager .pg-nav,html.light .pager .pg-go{background:#ececec;border-color:#dcdcdc;color:#191919}
.swrow{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}
.swrow:last-child{border-bottom:0}
.swrow .tt{flex:1}.swrow .tt b{font-size:13.5px}.swrow .tt span{display:block;color:var(--faint);font-size:12px}
/* 左列表 + 右明细的两栏布局（实时消息/聊天记录/联系人档案/备份…）：
* 左栏＝可用宽度的 32%，但**不小于 340px**（原来是写死 340px；纯按百分比会在中等窗口下比原来更窄，
* 列表里的名字被挤得折行、行变高 —— 2026-09-18 用户："宽度变窄 挤高"）。
* 宽屏上跟着变宽（最多 32%），右栏 minmax(0,1fr) 保证长内容不会撑破列。 */
.wx-grid{display:grid;grid-template-columns:minmax(340px,32%) minmax(0,1fr);gap:14px;align-items:start}
.wx-grid.ma-stack{grid-template-columns:1fr}
/* 微信式：左列表/右详情都是「平铺」的（不套悬浮卡片），中间一条细分隔线 */
html.light .wx-grid>.panel{border:0;border-radius:0;background:transparent;margin-bottom:0}
@media (min-width:901px){html.light .wx-grid>.panel:first-child{border-right:1px solid #e7e7e7}}
html.light .chatwin{background:#f5f5f5}
html.light .cw-head,html.light .cw-old{background:#f5f5f5;border-bottom-color:#e7e7e7}
/* 列表**不再卡高度上限**（用户 2026-10-09：「列表也没满，底部也有空白」——PC 与手机同一个毛病）。
* 原来卡 `min(70vh,760px)`：窗口一高，列表到 760px 就停，下面留一大片空白。
* 现在数据多就整页滚动（滚到底由各页的 autoList / bindAutoMore 自动续加载），数据少则按内容自然高。 */
.wxlist{max-height:none;overflow-y:auto}
/* PC：右栏聊天窗（对话框）**吸附在视口内**（用户 2026-10-09：「pc端 消息 对话框 没固定 底部」）——
* 列表去掉高度上限后 `.content` 会变得很长，右栏若原样留在顶部，一滚就跟着跑没了。
* sticky 的滚动容器＝`.content`（PC 只 >900px 生效，手机另有 `.chatwin{position:fixed}` 的一套）。 */
@media (min-width:901px){
.wx-grid>.panel:last-child:not(:first-child){position:sticky;top:0;align-self:start}
}
.wx-item{padding:9px 12px;cursor:pointer;border-bottom:0}
.wx-item.on{background:rgba(7,193,96,.1)}
.wx-item b{display:block;font-size:13.5px;overflow-wrap:break-word;word-break:break-word;min-width:0}
.wx-sub{display:flex;gap:8px;color:var(--faint);font-size:11.5px;overflow-wrap:break-word;word-break:break-word;min-width:0}
.wx-sum{color:var(--faint);font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.wx-item{position:relative}
/* 实时消息/联系人的行：微信通讯录样式（头像 40 + 名称 14 + 浅灰副行 12，行间无分隔线） */
.wx-li{display:flex;gap:10px;align-items:flex-start;padding:12px;min-height:64px}
.wx-li .wx-main{flex:1;min-width:0}
.wx-li .wx-av{width:40px;height:40px;font-size:16px}
.wx-li .wx-main{min-width:0}
/* 微信版式：名称左 / 时间右 / 预览在下 */
.wx-li .wx-r1{display:flex;align-items:baseline;gap:8px}
.wx-li .wx-r1 b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:400;color:#191919}
.wx-li .wx-tm{flex:none;font-size:11.5px;color:#b2b2b2}
.wx-li .wx-sum{font-size:12px;color:#afaeae;margin-top:3px}
/* 联系人列表里的勾选框：平时隐藏（微信列表没有勾选框），悬停/已选才出现 */
.wx-li input[data-wxchk]{opacity:0;transition:opacity .12s}
.wx-li:hover input[data-wxchk],.wx-li.on input[data-wxchk],.wx-li input[data-wxchk]:checked{opacity:1}
/* 联系人资料卡（微信「联系人详情」观感）：大头像 + 名称 + 微信号 → 字段行 */
.pf-hd{display:flex;align-items:center;gap:14px;padding:2px 0 16px;border-bottom:1px solid #e7e7e7}
.pf-av{width:64px;height:64px;border-radius:6px;flex:none;overflow:hidden;background:#dcdcdc;
display:flex;align-items:center;justify-content:center;color:#fff;font-size:26px;font-weight:500}
.pf-av img{width:100%;height:100%;object-fit:cover;border-radius:6px}
.pf-nm{flex:1;min-width:0}
.pf-nm b{display:block;font-size:18px;font-weight:600;color:#191919;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pf-nm span{display:block;font-size:13px;color:#7f7f7f;margin-top:3px}
.pf-rows{margin-top:2px}
.pf-row{display:flex;gap:14px;padding:9px 2px;border-bottom:1px solid #f0f0f0;font-size:14px}
.pf-row:last-child{border-bottom:0}
.pf-row .k{width:88px;flex:none;color:#7f7f7f}
.pf-row .v{flex:1;min-width:0;color:#191919;word-break:break-word}
.unread{position:absolute;right:12px;top:12px;min-width:18px;height:18px;padding:0 5px;border-radius:10px;background:#f5564a;color:#fff;font-size:10.5px;line-height:18px;text-align:center;flex:none;font-weight:600}
.chatbox{display:flex;flex-direction:column;gap:10px;max-height:56vh;overflow-y:auto}
/* 聊天窗高：跟着视口走（70vh，上限 760px）；下限同样按视口夹一下，
* 否则矮屏（如横屏 400px 高）里写死的 430px 会把页面顶出滚动条。 */
.chatwin{display:flex;flex-direction:column;height:min(70vh,760px);min-height:min(430px,66vh);background:var(--panel)}
/* 「返回」按钮只在**手机进详情**后出现：桌面也要显式藏掉——原来只在 ≤900px 的媒体块里
* 写了 `display:none`，桌面那行没被覆盖 → PC 上会多出一个「‹ 返回」（2026-10-09 修）。 */
.m-back,.m-backbar{display:none}
.cw-head{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid #e7e7e7;flex:none;background:#f5f5f5}
.cw-head b{font-size:15px;color:var(--txt)}
.cw-head .hint{color:var(--faint)}
.cw-old{flex:none;text-align:center;padding:6px 0 2px;border-bottom:1px solid var(--border);background:var(--panel)}
.cw-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:16px 20px;background:var(--cw-bg)}
.cw-empty{color:var(--faint);text-align:center;padding:60px 10px;font-size:12.5px}
.cw-row{display:flex;gap:9px;align-items:flex-start;max-width:86%;align-self:flex-start}
.cw-row.me{flex-direction:row-reverse;align-self:flex-end}
.cw-row.cw-sys{align-self:center;max-width:86%}
.cw-row .cw-col{display:flex;flex-direction:column;align-items:flex-start;min-width:0;max-width:100%}
.cw-row.me .cw-col{align-items:flex-end}
.cw-row.cw-sys .cw-col{align-items:center}
.cw-row .who{font-size:11.5px;color:var(--cw-who);margin:0 0 2px 2px}
.cw-row .tx{position:relative;max-width:100%;background:var(--cw-other);border:0;border-radius:4px;
padding:8px 12px;word-break:break-word;white-space:pre-wrap;font-size:13.5px;line-height:1.6;color:var(--cw-txt)}
/* 微信式小尾巴 */
.cw-row .tx::before{content:'';position:absolute;left:-5px;top:11px;width:0;height:0;
border:5px solid transparent;border-right-color:var(--cw-other);border-left-width:0}
.cw-row.me .tx{background:var(--cw-me)}
.cw-row.me .tx::before{left:auto;right:-5px;border-right-color:transparent;
border-left-color:var(--cw-me);border-left-width:5px;border-right-width:0}
.cw-row.cw-sys .tx::before{display:none}
.cw-row .tm{font-size:10.5px;color:var(--cw-tm);margin:3px 4px 0}
/* 微信式占位头像（无头像图时用） */
.wx-av{position:relative;width:36px;height:36px;border-radius:4px;flex:none;display:flex;align-items:center;
justify-content:center;color:#fff;font-size:15px;font-weight:500;overflow:hidden;user-select:none}
/* 真头像（core.js::msgAva 的 ![]()
）**必须绝对定位**：
* `.wx-av` 是 flex 行，若让 img 参与布局，它会跟"名称首字"并排、被挤窄后再被 overflow 裁掉
* ——用户 2026-10-09 报的「微信列表头像显示不全」就是这个。
* 铺满 + object-fit:cover ＝ 微信那种方角裁切；图挂了/加载失败 onerror 隐掉 img，
* 底下的首字色块自然露出来兜底（所以离线、URL 过期也不开天窗）。 */
.wx-av img{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;
object-fit:cover;border-radius:inherit}
/* 聊天气泡旁的小一档头像（比列表行紧凑；只加修饰类，不动 .wx-av 默认尺寸） */
.wx-av.av-s{width:30px;height:30px;font-size:12px}
.cw-vtag{display:inline-block;font-size:10.5px;line-height:1;color:var(--cw-tm);background:rgba(127,127,127,.13);border-radius:3px;padding:2.5px 5px;margin:0 7px 2px 0;vertical-align:1px;white-space:nowrap}
/* 聊天窗底部有**两条**，按页面二选一（分派唯一在 p_data.js::cwOpen / cwLivePage）：
* ① `.cw-exp` ＝聊天记录等页的「时间范围 + 导出当前会话」；
* ② `.cw-input` ＝实时消息页的「对话框」（人工回复 + 统一发送闸 + 标为已读）。
* ⚠️ 2026-09-25 曾把 ② 整块删掉只留 ①；2026-09-28 用户口径恢复：
* 「实时消息 肯定是要对话 回复互动的啊 不是聊天记录里面的导出」。 */
.cw-exp{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 14px;border-top:1px solid var(--border);background:var(--panel);flex:none}
/* 聊天记录页：导出入住右上角「导出聊天记录」弹层（.acc-dd-panel）——去掉底部条的顶边线、
* 改成竖排紧凑排布；联系人档案页仍走上面的底部条形态（分派在 p_data.js::cwExportBar）。 */
.cw-exp.cw-exp-dd{border-top:0;padding:0;background:transparent;flex-direction:column;align-items:stretch;gap:7px}
.cw-exp.cw-exp-dd .cw-exp-row{display:flex;gap:6px;align-items:center}
.cw-exp.cw-exp-dd input[type=date]{flex:1;min-width:0}
.cw-exp.cw-exp-dd #cwExpGo{justify-content:center}
.cw-exp input[type=date]{background:var(--panel2);border:1px solid var(--border2);border-radius:6px;color:var(--txt);padding:4px 6px;font-size:13px}
.cw-exp .btn.ghost{font-size:11.5px;padding:1px 9px;height:auto;color:var(--muted);border-color:var(--border2)}
.cw-exp .btn.ghost:disabled{opacity:.6;cursor:wait}
/* 实时消息页底部输入栏：微信观感（白底、无边框输入区、蓝字工具、绿「发送」） */
.cw-input{display:flex;gap:8px;align-items:flex-end;padding:8px 12px 10px;
border-top:1px solid #e7e7e7;background:#fff;flex:none}
.cw-input textarea{flex:1;resize:none;min-height:56px;max-height:180px;line-height:1.6;
overflow-y:auto;border:0;background:transparent;color:#191919;padding:2px;font-size:14px}
.cw-input textarea:focus{border:0;outline:0}
.cw-input .cw-act{display:flex;gap:8px;flex:none}
.cw-input .cw-wrap{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}
.cw-input .cw-tool{display:flex;align-items:center;gap:2px;min-height:22px}
.cw-input .cw-tool .btn{font-size:12px;padding:1px 7px;height:auto;color:#576b95;
background:transparent;border-color:transparent}
.cw-input .cw-tool .btn:hover{background:#efefef;filter:none}
.cw-input .cw-tool .btn:disabled{opacity:.5}
.cw-input .cw-act .btn{font-size:13px;padding:5px 16px;border-radius:4px}
.cw-input .cw-wrap textarea{width:100%}
/* 压掉全局 input/textarea 的浅色底：输入区要「无框、与白底融为一体」 */
html.light .cw-input textarea{background:transparent}
.bub{max-width:80%;align-self:flex-start}
.bub .who{font-size:11.5px;color:var(--faint)}
.bub .tx{background:var(--panel2);border:1px solid var(--border);border-radius:10px;padding:8px 11px}
.bub .tm{font-size:10.5px;color:var(--faint)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.row2>*{min-width:0} /* 同 .wx-grid>*：grid 子项默认 min-width:auto，长内容（select/表格）会撑破列宽 */
.fld{margin-bottom:11px}.fld label{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}
.fld input,.fld select,.fld textarea{width:100%}
/* 跟进记录时间线（手工记录可编辑/删除；AI 分析留痕不可删） */
.fu-list{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.fu-row{border:1px solid var(--border);border-radius:8px;padding:8px 10px;background:var(--panel2)}
.fu-row.ai{border-style:dashed;background:transparent}
.fu-head{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--faint)}
.fu-head a{color:var(--muted);text-decoration:none}
.fu-head a:hover{color:var(--txt)}
.fu-head .grow{flex:1}
.fu-txt{margin-top:3px;font-size:13px;white-space:pre-wrap;word-break:break-word}
.fu-row.ai .fu-txt{color:var(--muted);font-size:12.5px;margin-top:0}
.fu-input{width:100%;min-height:72px;resize:vertical} /* 添加/编辑跟进共用同一输入框样式 */
.fu-row.editing{padding:0;border:0;background:transparent} /* 编辑态去掉卡片内边距/边框，输入框与「添加跟进」等宽 */
/* 提示（保存/提交后的「已保存」等）：z-index 必须高于弹框遮罩(.ma-mask 120)与快速跳转(.qk 130)，
* 否则弹框里保存时提示被压在遮罩下面、看着像没反应（2026-09-16 用户反馈"右下角不明显"）。
* 默认落点仍是右下角；带 .anchored 时由 core.js::toastAnchor() 定位到刚点的按钮下面。 */
.toast{position:fixed;right:20px;bottom:18px;background:var(--panel3,#232d3c);color:var(--txt);border:1px solid var(--border2);border-radius:10px;padding:9px 14px;z-index:140;box-shadow:0 8px 30px rgba(0,0,0,.4)}
.toast.anchored{right:auto;bottom:auto;max-width:min(420px,86vw)}
.toast.err{border-color:rgba(245,86,74,.5);color:#ff8a80}
.toast.warn{border-color:rgba(255,209,128,.5);color:#ffd180} /* 提醒档：比普通提示醒目、比错误轻 */
/* 登录遮罩 */
.mask{position:fixed;inset:0;background:rgba(5,7,10,.66);z-index:80;display:none;align-items:center;justify-content:center}
.mask.on{display:flex}
.login{width:min(360px,92vw);background:var(--panel);border:1px solid var(--border2);border-radius:8px;padding:26px 28px}
.login h2{margin:0 0 16px;font-size:18px}
.login .fld{margin-bottom:12px}
/* ===== 用户中心登录页（与 C7 用户中心同款） =====
* 登录页**固定浅色**（不跟主题走），保证各端视觉一致；黑底遮罩改为浅灰底。 */
#gate.mask{background:#F5F6F8}
html.light #gate.mask{background:#F5F6F8}
/* 登录卡连同注册/找回视图可能比屏幕高：整层可滚，卡片在空间足够时仍居中 */
#gate.mask{align-items:flex-start;overflow:auto;padding:24px 12px}
#gate .pa-card{margin:auto}
#gate .pa-card{width:100%;max-width:400px;background:#fff;border:1px solid #e7e7e7;
border-radius:8px;padding:32px 28px;box-shadow:0 12px 40px rgba(16,24,40,.08);color:#191919;
font:400 14px/20px "SF Pro Text","PingFang SC",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
#gate .pa-card *{box-sizing:border-box}
#gate .pa-brand{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;margin-bottom:20px}
#gate .pa-logo{width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;
font-size:20px;font-weight:700;color:#fff;background:#07c160}
#gate .pa-title{font-size:18px;font-weight:600}
#gate .pa-sub{font-size:13px;color:#7f7f7f}
#gate .pa-seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#f1f2f4;border-radius:6px;padding:4px;margin-bottom:18px}
#gate .pa-seg button{height:34px;border:0;border-radius:4px;background:transparent;color:#7f7f7f;font:inherit;font-size:13.5px;cursor:pointer}
#gate .pa-seg button[aria-selected=true]{background:#fff;color:#191919;font-weight:600;box-shadow:0 1px 2px rgba(16,24,40,.08)}
#gate .pa-field{display:block;margin-bottom:14px}
#gate .pa-field>span{display:block;font-size:12.5px;color:#7f7f7f;margin-bottom:6px}
#gate .pa-field input{width:100%;height:44px;padding:0 13px;border:1px solid #dcdcdc;border-radius:6px;
background:#fff;color:#191919;font:inherit}
#gate .pa-field input:focus{outline:none;border-color:#07c160;box-shadow:0 0 0 3px rgba(7,193,96,.16)}
#gate .pa-btn{display:flex;align-items:center;justify-content:center;width:100%;height:44px;border:0;border-radius:6px;
background:#07c160;color:#fff;font:inherit;font-weight:600;cursor:pointer}
#gate .pa-btn:disabled{opacity:.6;cursor:not-allowed}
/* 图形验证码（登录失败 ≥3 次才出现）：点一下换一张 */
#gate .cap-row{display:flex;gap:8px}
#gate .cap-row input{flex:1;min-width:0}
#gate .cap-img{flex:none;height:44px;width:auto;border:1px solid rgba(22,24,29,.1);border-radius:10px;
background:#fff;cursor:pointer;user-select:none}
/* 「获取验证码」：与输入框同高的次要按钮（验证码登录那条路） */
#gate .pa-smsbtn{flex:none;height:44px;padding:0 14px;border:1px solid rgba(22,24,29,.1);border-radius:10px;
background:#F1F2F4;color:#16181D;font:inherit;font-size:13px;white-space:nowrap;cursor:pointer}
#gate .pa-smsbtn:disabled{opacity:.6;cursor:not-allowed}
#gate .pa-row{display:flex;justify-content:flex-end;margin:-4px 0 14px}
#gate .pa-link{background:none;border:0;padding:0;color:#04381F;font:inherit;font-size:13px;cursor:pointer;text-decoration:none}
#gate .pa-link:hover{text-decoration:underline}
#gate .pa-alt{margin-top:16px;text-align:center;font-size:13px;color:#6B7280}
#gate .pa-hint{font-size:12px;line-height:1.6;color:#7f7f7f;margin:-2px 0 10px}
#gate .pa-legal{margin-top:12px;text-align:center;font-size:11.5px;line-height:1.7;color:#6B7280}
#gate .pa-agree{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11.5px;line-height:1.7;color:#6B7280;cursor:pointer}
#gate .pa-agree input{margin:0;flex:0 0 auto;cursor:pointer}
#gate .pa-err{color:#E5484D;font-size:12.5px;min-height:16px;margin-bottom:8px}
#gate .hide{display:none !important}
/* 主体底色跟随主题变量；微信 PC 里「列表栏 #ededed / 内容区 #f5f5f5」两栏有色差 */
.main{background:#f5f5f5}
.main .content{background:#f5f5f5}
/* ===== 浅色主题（html.light，配色参考微信浅色） =====
* class 挂在 上（单一主题，见 main.js）：CSS 变量因此能穿透到
* .main 之外的节点（侧栏 / 登录遮罩 / Toast），不会出现"主区浅色、侧栏还是黑的"。
* 色板对齐微信：主底 #ededed、面板 #fff、分隔 #e7e7e7、文字 #191919/#7f7f7f/#b2b2b2、
* 品牌绿 #07c160、链接蓝 #576b95、警示 #fa5151 / #fa9d3b，气泡浅色下自带绿 #95ec69。 */
html.light{
--bg:#ededed; --panel:#ffffff; --panel2:#f7f7f7; --panel3:#ececec;
--border:#e7e7e7; --border2:#dcdcdc; --txt:#191919; --muted:#7f7f7f; --faint:#b2b2b2;
--accent:#07c160; --accent-hi:#06ad56; --blue:#576b95; --warn:#fa9d3b; --err:#fa5151;
--sb:#ededed;
--cur-bg:rgba(87,107,149,.06); /* 任务计划表：「当前时段」行的淡蓝底（浅色主题同样只一点点） */
--cur-fg:#576b95; /* 「当前」徽标文字（对齐微信链接蓝，不刺眼） */
--cw-bg:#f5f5f5; --cw-other:#ffffff; --cw-me:#95ec69; --cw-line:#e7e7e7;
--cw-meline:#7fdd57; --cw-txt:#191919; --cw-tm:#b2b2b2; --cw-who:#7f7f7f;
color:var(--txt);background:var(--bg)
}
html.light ::-webkit-scrollbar-thumb{background:#cfcfcf}
/* 侧栏 */
html.light .side-foot{color:#9a9a9a}
html.light .nav .grp{color:#7f7f7f;border-bottom-color:transparent}
html.light .nav a{color:#191919}
html.light .nav a:hover{background:#e3e3e3;color:#191919}
html.light .nav a.on{background:#d9d9d9;color:#191919;font-weight:500}
/* 顶栏 / 控件 */
html.light .topbar{background:#f5f5f5;border-bottom-color:#e7e7e7}
html.light .topbar h2{color:#191919;font-size:15px;font-weight:600}
html.light .chip{background:#fff;border-color:#e7e7e7;color:#7f7f7f}
html.light .btn{background:#ececec;color:#191919;border-color:#dcdcdc}
html.light .btn:hover{filter:none;background:#e0e0e0}
html.light .btn.primary{background:#07c160;color:#fff;border-color:transparent}
html.light .btn.primary:hover{filter:none;background:#06ad56}
/* 顶栏上的按钮/徽标走微信式「无边框」：像微信顶栏那样干净 */
html.light .topbar .btn{background:transparent;border-color:transparent;color:#4c4c4c}
html.light .topbar .btn:hover{filter:none;background:#e3e3e3;color:#191919}
html.light .topbar .chip{background:transparent;border-color:transparent}
html.light .btn.danger{background:rgba(250,81,81,.08);color:#d93a3a;border-color:rgba(250,81,81,.35)}
html.light input,html.light select,html.light textarea{background:#fff;border-color:#dcdcdc;color:#191919}
html.light select option{background:#fff;color:#191919}
html.light input::placeholder,html.light textarea::placeholder{color:#b2b2b2}
/* 列表 / 卡片 / 徽标 */
html.light table.list th{color:#7f7f7f;background:#f7f7f7;border-bottom-color:#e7e7e7}
html.light table.list td{border-bottom-color:#f0f0f0}
html.light .card{background:#fff;border-color:#e7e7e7}
html.light .badge.gray{background:#ececec;color:#7f7f7f}
html.light .badge.green{background:rgba(7,193,96,.12);color:#059a4e}
html.light .badge.blue{background:rgba(87,107,149,.12);color:#4a6180}
html.light .badge.bad{background:rgba(245,86,74,.12);color:#d9453a}
html.light .wx-item{border-bottom-color:#e0e0e0}
html.light .wx-item.on{background:#d9d9d9}
html.light .swrow{border-bottom-color:#efefef}
html.light .sec-title .line{background:#e7e7e7}
html.light .fa-fix b{color:#b26a00}
/* 遮罩 / 弹层（登录门、Toast 在 .main 之外，靠变量 + 这几条一起生效） */
html.light .mask{background:rgba(0,0,0,.32)}
html.light .toast{background:#fff;border-color:#e0e0e0;color:#191919;box-shadow:0 8px 30px rgba(0,0,0,.14)}
html.light .toast.err{color:#d93a3a;border-color:rgba(250,81,81,.45)}
html.light .toast.warn{color:#b26a00;border-color:rgba(255,178,0,.5)}
html.light .gate-msg{color:#d93a3a}
html.light .mom-pop,html.light .ma-dlg{box-shadow:0 12px 44px rgba(0,0,0,.18)}
/* 页面内联样式里写死的深色值：浅色下统一纠偏（避免逐个页面改 JS）。
* !important 可压过 style 属性里的同名声明（页面里没有内联 !important）。 */
html.light [style*="#ff8a80"]{color:#d93a3a!important}
html.light [style*="rgba(245,86,74,.16)"]{background:rgba(250,81,81,.10)!important}
html.light [style*="#ffd180"]{color:#b26a00!important}
html.light [style*="rgba(255,209,128,.15)"]{background:rgba(250,157,59,.16)!important}
html.light [style*="#38d399"]{color:#059a4e!important}
html.light [style*="rgba(56,211,153,.16)"]{background:rgba(7,193,96,.12)!important}
html.light [style*="#f76707"]{color:#d9660a!important}
html.light [style*="#4dabf7"]{color:#1971c2!important}
html.light [style*="#69db7c"]{color:#2f9e44!important}
html.light [style*="#ff6b6b"]{color:#e03131!important}
html.light [style*="#d7dce6"]{color:#191919!important}
html.light [style*="background:#1b2230"]{background:#fff!important;border-color:#dcdcdc!important}
/* ===== 朋友圈归档/相册（mom-*） ===== */
.mom-feed{max-width:820px;margin:0 auto}
.mom-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:13px 16px 14px;margin-bottom:11px;cursor:pointer;transition:border-color .15s}
.mom-card:hover{border-color:var(--border2)}
.mom-hd{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;margin-bottom:5px}
.mom-hd .mom-src{margin-left:auto;color:var(--faint);font-size:11px}
.mom-hd-t{font-weight:600;color:var(--txt)}
.mom-txt{white-space:pre-wrap;word-break:break-word;font-size:13.5px;line-height:1.75;margin:2px 0 9px;color:var(--txt)}
.mom-txt.nomedia{margin-bottom:0}
.mom-note{color:var(--faint);font-size:12.5px;padding:4px 0 2px}
.mom-imgs{display:grid;gap:5px;margin:2px 0}
.mom-imgs.s1{grid-template-columns:minmax(0,480px);justify-content:start}
.mom-imgs.g2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:560px}
.mom-imgs.g3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:560px}
.mom-imgs.g2 .mom-cell,.mom-imgs.g3 .mom-cell{aspect-ratio:1/1}
.mom-cell{overflow:hidden;border-radius:8px;background:var(--panel2);min-height:56px}
.mom-cell img,.mom-tile img{width:100%;height:100%;object-fit:cover;display:block}
.mom-imgs.s1 .mom-cell{aspect-ratio:auto;min-height:0;background:#000}
.mom-imgs.s1 .mom-cell img{height:auto;max-height:620px;object-fit:contain}
.mom-miss{display:flex;align-items:center;justify-content:center;min-height:70px;color:var(--faint);font-size:12px;background:var(--panel2);border:1px dashed var(--border2);border-radius:8px;text-align:center;padding:10px}
.mom-video{width:100%;max-width:620px;border-radius:10px;background:#000;margin:2px 0 6px;display:block}
.mom-video.big{max-width:100%}
.mom-album{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;padding:8px 14px 14px}
.mom-tile{position:relative;aspect-ratio:1/1;overflow:hidden;border-radius:10px;cursor:pointer;background:var(--panel2);border:1px solid var(--border)}
.mom-tile:hover{border-color:var(--accent)}
.mom-tile-ov{position:absolute;right:4px;bottom:4px;background:rgba(10,12,16,.55);color:#fff;font-size:10.5px;padding:0 6px;border-radius:8px}
.mom-mask{position:fixed;inset:0;background:rgba(4,6,10,.72);z-index:80;display:none;align-items:center;justify-content:center;padding:22px}
.mom-mask.on{display:flex}
.mom-pop{width:min(860px,96vw);max-height:90vh;overflow:auto;background:var(--panel);border:1px solid var(--border2);border-radius:14px;padding:16px 20px 20px;box-shadow:0 12px 48px rgba(0,0,0,.5)}
.mom-big{margin:6px 0;text-align:center}
.mom-big img{width:auto;max-width:100%;max-height:70vh;object-fit:contain;display:block;margin:0 auto;border-radius:10px;background:#000}
.mom-hd .growx{flex:1}
/* ---------- 聊天文件分类：分组图板 + 拖拽 ---------- */
.ma-groups{display:flex;flex-direction:column;gap:12px;padding:6px 14px 14px}
.ma-group{border:1px solid var(--border);border-radius:10px;background:var(--panel2);padding:8px 10px}
.ma-group.drop-over{outline:2px dashed var(--accent);background:rgba(7,193,96,.05)}
.ma-gh{display:flex;align-items:center;gap:8px;margin-bottom:7px}
.ma-gh b{font-size:13.5px}
.ma-gh .growx{flex:1}
.ma-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.ma-cell{position:relative;aspect-ratio:1/1;border-radius:8px;overflow:hidden;background:#000;
border:1px solid var(--border2);cursor:grab;user-select:none}
.ma-cell img,.ma-cell video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.ma-cell.badimg{background:var(--panel3,#232d3c)}
.ma-cell.dragging{opacity:.35;border-color:var(--accent)}
.ma-ov{position:absolute;left:0;right:0;bottom:0;padding:2px 6px;font-size:10.5px;color:#fff;
background:linear-gradient(transparent,rgba(0,0,0,.72));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ma-cell.ma-fcell{background:var(--panel3,#232d3c);display:flex;align-items:center;justify-content:center;
aspect-ratio:auto;min-height:64px;padding:6px;font-size:11.5px;color:var(--muted);text-align:center}
.ma-cell.ma-fcell span{word-break:break-all}
.ma-empty{color:var(--faint);font-size:12px;padding:8px 2px}
.ma-group .badge.gray{background:#2a3547}
.ma-gh b[data-rn]{cursor:pointer;border-bottom:1px dashed transparent}
.ma-gh b[data-rn]:hover{border-bottom-color:var(--accent);color:var(--accent)}
/* 员工分组：组名是"进权限子页"的入口（可点 + 悬停变色，与 .ma-gh b[data-rn] 同一手感）
* 用