<!-- 最后修改：2026-10-28 14:38:26（北京时间）— 保护期排序框宽度缓存同步。 -->
<!-- 最后修改：2026-10-28 14:32:43（北京时间）— 我的客户保护期排序资源版本。 -->
<!-- 最后修改：2026-10-28 14:16:11（北京时间）— 同步我的客户排序资源版本。 -->
<!-- 最后修改：2026-10-27 11:47:32（北京时间）— 新分享取消不详，联系人姓氏必填。 -->
<!-- 最后修改：2026-10-27 11:17:47（北京时间）— 信息提示去重复标签与分隔线，统一简约通知排版，本地待确认。 -->
<!-- 最后修改：2026-10-27 11:07:28（北京时间）— 信息提示可读性与草莓LOGO，本地待确认。 -->
<!-- 最后修改：2026-10-27 10:58:13（北京时间）— 等级与微信局部更新缓存版本。 -->
<!-- 最后修改：2026-10-27 10:17:26（北京时间）— 提交时间修复缓存版本。 -->
<!-- 最后修改：2026-10-26 17:12:04（北京时间）— 奖励真实性与关联修复。 -->
<!-- 最后修改：2026-10-26 16:08:11（北京时间）— 表格居中圆环加载资源缓存，用户确认发布。 -->
<!-- 最后修改：2026-10-26 11:06:50（北京时间）— 我的客户彩色字标及联系人横排缓存。 -->
<!-- 最后修改：2026-10-26 10:50:49（北京时间）— 我的客户等级按钮与行高样式缓存。 -->
<!-- 最后修改：2026-10-26 10:33:00（北京时间）— 我的客户精简：保护期列、微信改名、资源缓存更新。 -->
<!-- 最后修改：2026-10-25 17:47:34（北京时间）— 登录页右侧动画精修（插画头像、纯黑弧线与移动点）。 -->
<!-- 最后修改：2026-10-24 18:00:20（北京时间）— 今日加入公司名提示及时间同步。 -->
<!-- 最后修改：2026-10-24 17:52:18（北京时间）— 今日加入公司名提醒资源缓存。 -->
<!-- 最后修改：2026-10-24 17:36:35（北京时间）— 导航分类提醒及独立下架已读。 -->
<!-- 最后修改：2026-10-24 17:16:38（北京时间）— 公海直接加入及已加入 X 提醒缓存。 -->
<!-- 最后修改：2026-10-24 16:11:20（北京时间）— 更新订单寄样末列底色缓存。 -->
<!-- 最后修改：2026-10-24 15:32:30（北京时间）— 订单寄样直接编辑资源版本。 -->
<!-- 最后修改：2026-10-24 15:12:37（北京时间）— 联系人跨职位识别及表单内容加粗。 -->
<!-- 最后修改：2026-10-24 14:53:53（北京时间）— BOBO整段采购理解与追问。 -->
<!-- 最后修改：2026-10-24 14:31:08（北京时间）— 需求取消行业填写与展示。 -->
<!-- 最后修改：2026-10-24 11:47:27（北京时间）— 隐去本人需求重复提示。 -->
<!-- 最后修改：2026-10-24 11:39:31（北京时间）— 有效期改为按钮式单选。 -->
<!-- 最后修改：2026-10-24 11:34:05（北京时间）— BOBO需求有效期选项。 -->
<!-- 最后修改：2026-10-24 11:13:35（北京时间）— 需求确认透明背景缓存。 -->
<!-- 最后修改：2026-10-24 10:49:08（北京时间）— BOBO需求确认发布。 -->
<!-- 最后修改：2026-10-23 16:28:44（北京时间）— 更新客户等级排序脚本缓存。 -->
<!-- 最后修改：2026-10-23 11:48:00（北京时间）— 已读提醒资源缓存同步。 -->
<!-- 最后修改：2026-10-23 10:16:07（北京时间）— 居中限制提示与客服申诉。 -->
<!-- 最后修改：2026-10-23 09:28:41（北京时间）— 人工审核、连续驳回复核与权限限制。 -->
<!-- 最后修改：2026-10-23 08:56:13（北京时间）— 分享统一人工审核。 -->
<!-- 最后修改：2026-10-19 16:47:58（北京时间）— BOBO 调整至销售学堂下方，刷新资源版本。 -->
<!-- 最后修改：2026-10-19 14:52:01（北京时间）— BOBO 务实副标题，资源版本 20261019-bobo-tone-10。 -->
<!-- 最后修改：2026-10-19 14:44:34（北京时间）— 合并 main（化妆品原料分类等）；BOBO 语气副标题，资源版本 20261019-bobo-tone-10。 -->
<!-- 最后修改：2026-10-19 14:13:22（北京时间）— BOBO 语气改名“友好”，资源版本 20261019-bobo-tone-10。 -->
<!-- 最后修改：2026-10-19 12:46:39（北京时间）— Claude 式语气选择器，资源版本 20261019-bobo-tone-10。 -->
<!-- 最后修改：2026-10-19 11:04:40（北京时间）— BOBO 理由与语气修复，资源版本 20261019-bobo-tone-5。 -->
<!-- 最后修改：2026-10-19 10:47:00（北京时间）— BOBO 短依据展示，资源版本 20261019-bobo-tone-4。 -->
<!-- 最后修改：2026-10-19 10:33:19（北京时间）— BOBO 语气措辞修正，资源版本 20261019-bobo-tone-3。 -->
<!-- 最后修改：2026-10-19 09:57:11（北京时间）— 同步简化原料行业及日化产品分类缓存。 -->
<!-- 最后修改：2026-10-19 09:25:44（北京时间）— 分享与审核同步刷新化妆品原料分类资源。 -->
<!-- 最后修改：2026-10-16 10:36:08（北京时间）— 客户跟进详情 BOBO 同宽，资源版本 20261016-bobo-trial-45。 -->
<!-- 最后修改：2026-10-16 10:14:47（北京时间）— BOBO 嵌入样式隔离，资源版本 20261016-bobo-trial-44。 -->
<!-- 最后修改：2026-10-16 09:44:44（北京时间）— BOBO 弹窗圆角与未开通布丁动作，资源版本 20261016-bobo-trial-43。 -->
<!-- 最后修改：2026-10-16 09:40:42（北京时间）— BOBO 三项界面调整，资源版本 20261016-bobo-trial-42。 -->
<!-- 最后修改：2026-10-16 09:23:03（北京时间）— BOBO 导航“测试中”，资源版本 20261016-bobo-trial-41。 -->
<!-- 最后修改：2026-10-16 09:16:15（北京时间）— BOBO 入口资格修复，资源版本 20261016-bobo-trial-40。 -->
<!-- 最后修改：2026-10-16 08:33:15（北京时间）— 需求序号侧边标记使用橙色，保留现有线上资源版本。 -->
<!-- 最后修改：2026-10-16 08:32:39（北京时间）— BOBO 读条款底部同意按钮（20261016-bobo-trial-39）；条款 4.8 写明 ICP 备案号（index-inline-3 20261016-terms-v12-icp-1）。 -->
<!-- 最后修改：2026-10-15 16:59:23（北京时间）— 合并最新 main（表格悬停、需求方精简、登录反馈、信用代码、草莓图标）与 BOBO 试用；index-inline-3.js 版本 20261015-terms-v12-login-feedback-1。 -->
<!-- 最后修改：2026-10-15 16:35:36（北京时间）— BOBO 弹窗内阅读条款，资源版本 trial-37。 -->
<!-- 最后修改：2026-10-15 16:31:35（北京时间）— 注册条款 V1.2：index-inline-3 资源版本更新，避免旧缓存提交 V1.1。 -->
<!-- 最后修改：2026-10-15 16:28:26（北京时间）— BOBO 试用 B 段。 -->
<!-- 最后修改：2026-10-15 15:01:17（北京时间）— B dots 默认定稿，移除旧版式，仅保留提醒方式预览。 -->
<!-- 最后修改：2026-10-15 14:40:27（北京时间）— BOBO 资源版本 chat-34（升级按钮合并）。 -->
<!-- 最后修改：2026-10-15 14:28:05（北京时间）— BOBO 资源版本 chat-33（现版用完时不重复“开通会员”）。 -->
<!-- 最后修改：2026-10-15 14:24:33（北京时间）— BOBO 提醒方式预览资源更新为 chat-32。 -->
<!-- 最后修改：2026-10-15 11:57:01（北京时间）— BOBO 资源版本 chat-31（输入框提示文字居中）。 -->
<!-- 最后修改：2026-10-15 11:48:15（北京时间）— BOBO 问候移入输入框，资源更新为 bobo-chat-30。 -->
<!-- 最后修改：2026-10-15 11:40:42（北京时间）— BOBO 欢迎态精简，资源更新为 bobo-chat-29。 -->
<!-- 最后修改：2026-10-15 11:21:36（北京时间）— BOBO 聊天返工资源更新为 bobo-chat-28。 -->
<!-- 最后修改：2026-10-15 11:12:36（北京时间）— BOBO 聊天四款本地预览与交互回归。 -->
<!-- 最后修改：2026-10-14 15:25:05（北京时间）— BOBO 定稿四卡版式，资源版本更新为 plans-26。 -->
<!-- 最后修改：2026-10-14 15:15:21（北京时间）— BOBO 资源版本 plans-25（当前方案按钮与手机菜单遮挡修正）。 -->
<!-- 最后修改：2026-10-14 15:10:49（北京时间）— BOBO 纯白开通页资源版本更新为 plans-24。 -->
<!-- 最后修改：2026-10-13 17:31:53（北京时间）— BOBO 开通页三款本地对比与微信支付模拟。 -->
<!-- 最后修改：2026-10-13 17:07:20（北京时间）— BOBO 会员与次数包界面、授权展示与回归验证。 -->
<!-- 最后修改：2026-10-13 15:59:58（北京时间）— BOBO 适配跟进工作台预填、记录区入口与订单紧凑布局。 -->
<!-- 最后修改：2026-10-13 15:49:46（北京时间）— 合并最新 main（跟进工作台、需求市场 C 方案、公海加入引导等）与 BOBO 分支，index-inline-2.js 换新缓存版本。 -->
<!-- 最后修改：2026-10-15 16:49:40（北京时间）— 需求统计并入标题同一组，三表留白与内容高度同步。 -->
<!-- 最后修改：2026-10-15 15:57:08（北京时间）— 全部业务表格共用浅灰悬停色，深色模式保持原样。 -->
<!-- 最后修改：2026-10-15 15:34:02（北京时间）— 更新需求列表淡灰悬停样式版本。 -->
<!-- 最后修改：2026-10-15 15:26:28（北京时间）— 更新需求列表纯文字状态样式缓存版本。 -->
<!-- 最后修改：2026-10-15 15:13:03（北京时间）— 需求市场与我的响应仅显示公司、联系人、职位和联系方式。 -->
<!-- 最后修改：2026-10-15 10:39:00（北京时间）— 两端登录即时反馈共享模块及资源版本。 -->
<!-- 最后修改：2026-10-15 10:19:00（北京时间）— 加载统一信用代码校验及更新注册脚本版本。 -->
<!-- 最后修改：2026-10-15 10:09:40（北京时间）— 客户跟进底部背景修复样式版本。 -->
<!-- 最后修改：2026-10-14 17:34:04（北京时间）— 浏览器与应用入口统一草莓图标，PNG兼容内置浏览器。 -->
<!-- 最后修改：2026-10-14 11:46:44（北京时间）— 暖米白主界面，保留需求表格现有配色。 -->
<!-- 最后修改：2026-10-14 11:17:41（北京时间）— 需求市场已确认配色缓存版本。 -->
<!-- 最后修改：2026-10-13 17:15:11（北京时间）— 十一条分页与页码输入入口。 -->
<!-- 最后修改：2026-10-13 16:59:46（北京时间）— 发布按钮配色资源更新。 -->
<!-- 最后修改：2026-10-13 16:54:57（北京时间）— 需求市场留白与密度样式版本。 -->
<!-- 最后修改：2026-10-13 16:06:39（北京时间）— 需求市场样式正式发布及缓存更新。 -->
<!-- 最后修改：2026-10-13 15:49:23（北京时间）— 需求市场刷新版本。 -->
<!-- 最后修改：2026-10-13 14:16:34（北京时间）— 恢复销售学堂新文章导航提醒，进入列表后清除。 -->
<!-- 最后修改：2026-10-13 09:16:58（北京时间）— 主营业务分类字典与审核端同步刷新。 -->
<!-- 最后修改：2026-10-12 17:22:22（北京时间）— 需求分割线版本。 -->
<!-- 最后修改：2026-10-12 17:11:54（北京时间）— 恢复序号和表头下方内置滚动条。 -->
<!-- 最后修改：2026-10-12 16:59:38（北京时间）— 表头字重层叠与右侧滚动槽修正版本。 -->
<!-- 最后修改：2026-10-12 16:51:11（北京时间）— 需求表头和操作对齐修正缓存版本。 -->
<!-- 最后修改：2026-10-12 16:39:26（北京时间）— 需求市场采用 C 方案四列布局与资源版本。 -->
<!-- 最后修改：2026-10-12 14:41:26（北京时间）— 需求市场滚动范围收进表格，固定标题与表头。 -->
<!-- 最后修改：2026-10-12 09:24:04（北京时间）— 跟进详情切换防闪烁资源版本。 -->
<!-- 最后修改：2026-10-12 09:16:33（北京时间）— 跟进详情保存停留与左右切换资源版本。 -->
<!-- 最后修改：2026-10-11 18:45:17（北京时间）— 新增订单去掉副标题“记录成交订单信息”。 -->
<!-- 最后修改：2026-10-11 18:38:28（北京时间）— 跟进第六轮（表单排版、日期提示）资源版本。 -->
<!-- 最后修改：2026-10-11 18:23:31（北京时间）— 跟进第五轮（话术、暂不填写、订单一页）资源版本。 -->
<!-- 最后修改：2026-10-11 17:59:30（北京时间）— 跟进第四轮（完整表单入口、订单表单排版）资源版本。 -->
<!-- 最后修改：2026-10-11 17:36:29（北京时间）— 跟进工作台以线上布局为底的第三轮资源版本。 -->
<!-- 最后修改：2026-10-11 17:17:15（北京时间）— 跟进工作台第二轮精简资源版本。 -->
<!-- 最后修改：2026-10-11 16:48:02（北京时间）— 跟进工作台结果驱动记录资源版本。 -->
<!-- 最后修改：2026-10-11 16:10:55（北京时间）— 跟进自定义复用订单日历资源更新。 -->
<!-- 最后修改：2026-10-10 18:52:10（北京时间）— 联系日期和停止/恢复提醒资源版本。 -->
<!-- 最后修改：2026-10-10 17:42:56（北京时间）— 移出跟进文案及工作台资源版本。 -->
<!-- 2026-10-09 16:35:27（北京时间）：公海保护状态入口精简版本。 -->
<!-- 最后修改：2026-10-08 11:53:58（北京时间）— 进入系统保留动画，列表请求仅使用静态轻提示。 -->
<!-- 最后修改：2026-10-08 11:14:56（北京时间）— 客户列表行距样式缓存更新。 -->
<!-- 最后修改：2026-10-08 11:04:12（北京时间）— 更新驳回原因弹窗资源版本。 -->
<!-- 最后修改：2026-10-08 10:37:29（北京时间）— 旧内核登录兼容与异常恢复。 -->
<!-- 2026-10-08 09:36:55 北京时间：客户公海加入引导与教程正式接入。 -->
<!-- 2026-10-08 08:57:37（北京时间）— 详情标题左对齐修正。 -->
<!-- 2026-10-08 08:51:46（北京时间）— 三类详情采用文字层级 B。 -->
<!-- 2026-10-07 17:31:56（北京时间）— 账号设置双向居中，内容超高时正常滚动。 -->
<!-- 2026-10-07 17:28:23（北京时间）— 账号设置居中边框样式。 -->
<!-- 2026-10-07 17:18:36（北京时间）— 订单日期输入和日历升级。 -->
<!-- 2026-10-07 17:07:53（北京时间）— 需求按钮、通知询问及复制修正。 -->
<!-- 2026-10-07 17:02:34（北京时间）— 需求摘要去除省略符号。 -->
<!-- 2026-10-07 16:54:15（北京时间）— 需求列表与详情阅读样式更新。 -->
<!-- 2026-10-07 16:43:24（北京时间）— 客户详情评价展示精简。 -->
<!-- 2026-10-07 16:32:59（北京时间）— 样品公司与等级两行布局。 -->
<!-- 2026-10-07 16:29:11（北京时间）— 样品列表隐藏联系列版本。 -->
<!-- 2026-10-07 16:09:15（北京时间）— 同款详情箭头与看板精简。 -->
<!-- 2026-10-07 15:54:33（北京时间）— 详情左右切换与阶段完整显示。 -->
<!-- 2026-10-07 15:40:02（北京时间）— 产品文字夜间样式缓存更新。 -->
<!-- 2026-10-07 15:35:02（北京时间）— 跟进列表精简列缓存更新。 -->
<!-- 2026-10-07 15:11:19（北京时间）— 跟进正文14px样式版本。 -->
<!-- 2026-10-07 14:53:00（北京时间）— 跟进列表字号与行反馈缓存更新。 -->
<!-- 2026-10-07 11:57:02（北京时间）— 手机订单筛选与金额样式更新。 -->
<!-- 2026-10-07 11:39:14（北京时间）— 订单顶部移除提成合计与显示提成按钮。 -->
<!-- 2026-10-07 11:33:23（北京时间）— 分享入口默认隐藏，按页面恢复。 -->
<!-- 2026-10-07 11:30:41（北京时间）— 订单完整列展示缓存更新。 -->
<!-- 最后修改：2026-10-13 13:00:06（北京时间）— BOBO 页关闭详情恢复对话的资源版本。 -->
<!-- 最后修改：2026-10-13 12:51:35（北京时间）— BOBO 回答按意思分段，保留改写、历史与复制换行。 -->
<!-- 最后修改：2026-10-13 11:39:26（北京时间）— BOBO 聊天顶部头像与胶囊输入框资源版本。 -->
<!-- 最后修改：2026-10-13 10:37:54（北京时间）— BOBO 称呼统一、常驻准确性提醒与复制称呼提示。 -->
<!-- 最后修改：2026-10-13 10:10:33（北京时间）— BOBO 点踩原因与新版告知文案（Codex 实施）。 -->
<!-- 最后修改：2026-10-13 08:59:56（北京时间）— BOBO 字号匹配、详情跨客户草稿与无草稿声明纠正。 -->
<!-- 最后修改：2026-10-12 16:15:51（北京时间）— BOBO 寄样草稿卡片，更新资源版本。 -->
<!-- 最后修改：2026-10-12 15:58:25（北京时间）— BOBO 回答操作直显图标，更新资源版本。 -->
<!-- 最后修改：2026-10-12 15:53:29（北京时间）— BOBO 找不到客户提示更新，资源版本。 -->
<!-- 最后修改：2026-10-12 15:43:30（北京时间）— BOBO 草稿卡片说明两行显示金额，更新资源版本。 -->
<!-- 最后修改：2026-10-12 15:36:46（北京时间）— BOBO 草稿卡片资源版本更新。 -->
<!-- 最后修改：2026-10-12 15:23:37（北京时间）— BOBO 通用对话起草与找客户提示语气，更新资源版本。 -->
<!-- 最后修改：2026-10-12 15:19:14（北京时间）— 通用对话按用户公司名定位本人客户并预填，保留原表单保存。 -->
<!-- 最后修改：2026-10-12 15:04:37（北京时间）— BOBO 订单草稿切换行对齐与关闭保护，更新资源版本。 -->
<!-- 最后修改：2026-10-12 14:56:52（北京时间）— BOBO 订单草稿折叠选填项，更新资源版本。 -->
<!-- 最后修改：2026-10-12 11:31:38（北京时间）— BOBO 一句话预填试点，仅起草不保存业务数据。 -->
<!-- 最后修改：2026-10-07 17:35:18（北京时间）— BOBO 联网证据、来源展示与回归验证。 -->
<!-- 最后修改：2026-10-07 11:14:20（北京时间）— BOBO 默认位置、自由拖动与通用对话续接，更新资源版本。 -->
<!-- 最后修改：2026-10-07 10:50:42（北京时间）— 浮动 BOBO 焦点描边调整，更新资源版本。 -->
<!-- 最后修改：2026-10-07 10:48:49（北京时间）— BOBO 浮动默认位置避让范围修正，更新脚本版本。 -->
<!-- 最后修改：2026-10-07 10:47:16（北京时间）— 方案 C 拖动禁选、默认避让与局部观察修复。 -->
<!-- 最后修改：2026-10-07 10:24:55（北京时间）— BOBO 全局快问三方案资源版本。 -->
<!-- 最后修改：2026-10-07 10:04:47（北京时间）— BOBO 手机样品/订单详情头部重叠修复，更新资源版本。 -->
<!-- 最后修改：2026-10-07 09:57:03（北京时间）— BOBO 适配合并后的详情 B 方案，更新两项资源版本。 -->
<!-- 最后修改：2026-10-07 09:53:23（北京时间）— 合并最新 main 与 BOBO 分支，index-inline-2.js 换新缓存版本。 -->
<!-- 最后修改：2026-10-07 09:08:49（北京时间）— 样品与订单 BOBO 入口资源版本。 -->
<!-- 最后修改：2026-10-07 09:02:23（北京时间）— BOBO 入口调整资源版本。 -->
<!-- 最后修改：2026-10-06 17:41:43（北京时间）— BOBO 风格微调资源版本。 -->
<!-- 最后修改：2026-10-06 17:27:15（北京时间）— BOBO 简洁界面与顶栏隐藏资源版本。 -->
<!-- 最后修改：2026-10-06 17:11:31（北京时间）— BOBO 常驻布丁与思考提示资源版本。 -->
<!-- 最后修改：2026-10-06 16:07:28（北京时间）— BOBO 历史下拉更新样式和脚本缓存版本。 -->
<!-- 最后修改：2026-10-06 15:50:45（北京时间）— index-inline-2.js 增加 BOBO 独立页切换，更新其缓存版本。 -->
<!-- 最后修改：2026-10-06 15:47:56（北京时间）— BOBO 独立页容器与资源版本。 -->
<!-- 最后修改：2026-10-06 15:32:25（北京时间）— BOBO 入口移至客户公海下方、输入框底色与布丁动作，更新资源版本。 -->
<!-- 最后修改：2026-10-06 15:15:16（北京时间）— BOBO 按接口开关加载，保留原主样式最后覆盖顺序。 -->
<!-- 2026-10-07 09:30:47（北京时间）— 订单和样品详情采用 B 方案简洁表单。 -->
<!-- 2026-10-07 08:40:53（北京时间）— 我的努力仅保留开发历程和分享记录。 -->
<!-- 2026-10-06 17:44:32（北京时间）— 我的努力数字角标按需显示。 -->
<!-- 2026-10-06 17:40:42（北京时间）— 业绩看板移除客户开发入口及模块加载。 -->
<!-- 2026-10-06 17:33:04（北京时间）— 需求表格采用C方案。 -->
<!-- 2026-10-06 17:22:40（北京时间）— 看板滚动条收进外框、我的需求操作靠右。 -->
<!-- 2026-10-06 17:12:13（北京时间）— 列表加载层统一定位及布局观察。 -->
<!-- 2026-10-06 17:06:47（北京时间）— PC需求详情响应操作与关闭分区。 -->
<!-- 2026-10-06 17:02:49（北京时间）— 手机需求详情标题、时间和响应操作重新排齐。 -->
<!-- 2026-10-06 16:21:42（北京时间）— 看板 A 与需求市场宽版阅读样式。 -->
<!-- 2026-10-06 16:06:27（北京时间）— 顶部 C 方案样式版本。 -->
<!-- 2026-10-06 15:53:06（北京时间）— 统一客户等级及跟进详情读取缓存版本。 -->
<!-- 2026-10-06 15:41:45（北京时间）— 管理表格公海同款字体与图标、日期列完整显示。 -->
<!-- 2026-10-06 15:25:35（北京时间）— 跟进列表风格及销售端全弹窗统一遮罩。 -->
<!-- 2026-10-06 15:19:44（北京时间）— 手机订单/样品页遮挡修复，刷新样式缓存。 -->
<!-- 2026-10-06 15:14:04（北京时间）— 发布订单样品表格样式与整行详情。 -->
<!-- 2026-10-06 14:16:12（北京时间）— 我的客户等级、保护与独立列宽，更新相关缓存。 -->
<!-- 最后修改：2026-10-06 11:38:29（北京时间）— 手机分享按钮与PC样式同步。 -->
<!-- 最后修改：2026-10-06 11:28:18（北京时间）— 详情和其他评分入口统一，更新资源缓存版本。 -->
<!-- 最后修改：2026-10-06 09:26:31（北京时间）— 订单详情、样品详情按用户选定的方案 A 改为客户详情风格外壳（标题、按钮位、信息行），并递增脚本与样式缓存版本（本地版，未上线）。 -->
<!-- 最后修改：2026-10-06 09:06:40（北京时间）— 列表重复刷新修复与公海公司列加宽。 -->
<!-- 最后修改：2026-10-06 08:29:57（北京时间）— 合并主线（资源圆体、需求行距）后复核：账号设置方案 A 的样式与图标缓存版本保留。 -->
<!-- 最后修改：2026-10-05 15:49:54（北京时间）— 需求市场桌面行距收紧样式缓存。 -->
<!-- 最后修改：2026-10-05 15:03:17（北京时间）— 账号设置按用户选定的方案 A 改为设置列表：主界面同色底、客户详情同款图标、只读资料为纯文字、经营信息左标签右填写、修改密码与退出登录成行（本地版，未上线）。 -->
<!-- 最后修改：2026-10-05 14:53:41（北京时间）；确认版分享按钮、17格活跃度与公海紧凑行缓存更新。 -->
<!-- 最后修改：2026-10-05 14:31:05（北京时间）— 合并主线：能量条与需求详情的缓存版本并入表格滚动条、数据加载提示的版本，保留 index-table-scroll.js。 -->
<!-- 最后修改：2026-10-05 14:11:01（北京时间）— 需求详情按客户详情整洁版改造（主界面灰白底、采购品种大标题、同款图标信息卡、深色圆形切换）；左下角能量条缩小一档（本地版，未上线）。 -->
<!-- 最后修改：2026-10-05 13:48:56（北京时间）— 左下角活跃度改为用户选定的 D 款分段能量条：30 格一天一格、下一格浅绿、上升时新格依次弹起；去掉马和跑道（本地版，未上线）。 -->
<!-- 最后修改：2026-10-05 13:42:14（北京时间）— 跟进详情字段顺序缓存更新。 -->
<!-- 最后修改：2026-10-05 13:29:42（北京时间）— 列表统一数据加载提示。 -->
<!-- 最后修改：2026-10-05 12:53:12（北京时间）— 看板列间距样式缓存更新。 -->
<!-- 最后修改：2026-10-05 01:16:42（北京时间）— 需求表头同色样式缓存版本。 -->
<!-- 最后修改：2026-10-05 01:12:30（北京时间）— 左下角活跃度精简：只留“近30天活跃度 + 百分比”和“公司@姓名”，跑道加粗；匿名码移到账号设置（本地版，未上线）。 -->
<!-- 最后修改：2026-10-05 01:05:31（北京时间）— 全销售表格滚动条统一。 -->
<!-- 最后修改：2026-10-05 01:00:23（北京时间）— 客户表滚动条避开表头的样式版本。 -->
<!-- 最后修改：2026-10-05 00:52:33（北京时间）— 左下角活跃度改为 30 天赛程（天数、称号、今天状态、奔跑动画），更新样式与脚本缓存版本（本地版，未上线）。 -->
<!-- 最后修改：2026-10-04 23:52:31（北京时间）— 需求市场、我的客户、订单、样品与导入客户的 7 个填写表单统一为录入线索 A 款：标题与字段加客户详情同款图标位（本地版，未上线）。 -->
<!-- 最后修改：2026-10-04 23:39:12（北京时间）— 录入线索删除职位/主营信息提示与字数统计行；客户公海行高收紧，工作区样式缓存版本递增（本地版，未上线）。 -->
<!-- 最后修改：2026-10-04 23:07:31（北京时间）— 录入线索表单 A 款：灰白底、客户详情同款字段图标、说明提示块含隐私承诺；样式与脚本缓存版本递增（本地版，未上线）。 -->
<!-- 最后修改：2026-10-04 19:17:25（北京时间）— 删除需求市场重复操作提示，同步清理提示样式版本。 -->
<!-- 最后修改：2026-10-04 19:09:20（北京时间）— 指南介绍宽屏单行布局，更新指南样式版本。 -->
<!-- 最后修改：2026-10-04 19:04:49（北京时间）— 操作指南隐私说明整句加粗，随确认的加载动画和按钮间距发布。 -->
<!-- 最后修改：2026-10-04 19:01:29（北京时间）— 进入系统与返回官网共用四色伸缩动画，原提示文字和跳转时机保留。 -->
<!-- 最后修改：2026-10-04 18:54:38（北京时间）— 分享与余额垂直间距调整，更新样式缓存；本地预览。 -->
<!-- 最后修改：2026-10-04 18:48:28（北京时间）— 用户确认发布活跃度赛道、动态身份、客户详情样式与指南说明。 -->
<!-- 最后修改：2026-10-04 17:21:08（北京时间）— 收藏星星放大与边框统一，样式缓存版本递增。 -->
<!-- 最后修改：2026-10-04 17:11:17（北京时间）— 收藏星星与表格按钮样式更新，样式缓存版本递增（本地版，未上线）。 -->
<!-- 最后修改：2026-10-04 17:03:41（北京时间）— 公海评分“待验证”档统一灰色，更新脚本缓存版本（本地版，未上线）。 -->
<!-- 最后修改：2026-10-04 16:52:08（北京时间）— 分享按钮 D 款“错位描边”与查看余额黑字（本地版，未上线），更新工作区样式缓存版本。 -->
<!-- 最后修改：2026-10-04 16:42:19（北京时间）— 评分胶囊右侧统一灰色，更新样式缓存版本。 -->
<!-- 最后修改：2026-10-04 16:32:32（北京时间）— 客户表格分段胶囊评分资源更新。 -->
<!-- 最后修改：2026-10-03 21:18:28（北京时间）— 分享入口改为平面蓝色，查看余额同步等高蓝灰布局。 -->
<!-- 最后修改：2026-10-03 20:21:33（北京时间）— 公海表格移除评分趋势列，评分恢复分数与等级分块展示。 -->
<!-- 最后修改：2026-10-03 20:08:02（北京时间）— 活跃度换环形跑道，更新工作区样式缓存版本。 -->
<!-- 最后修改：2026-10-03 13:11:23（北京时间）— 客户跟进 / 样品记录 / 订单记录顶部两排：标签行放本页统计与主按钮，第二排年份·条数与靠右筛选。 -->
<!-- 最后修改：2026-10-03 12:28:29（北京时间）— 左侧菜单“客户跟进”去掉“样品记录/订单管理已合并”说明。 -->
<!-- 最后修改：2026-10-03 12:06:19（北京时间）— 客户跟进看板简洁版样式（本地演示）。 -->
<!-- 最后修改：2026-10-02 21:27:55（北京时间）— 客户跟进详情电脑与手机整洁版资源版本。 -->
<!-- 最后修改：2026-10-02 17:20:00（北京时间）— 客户详情整洁版：横排信息卡、两侧切换、提醒常显。 -->
<!-- 最后修改：2026-09-30 10:22:02（北京时间）— AI 采购机会直达原需求详情。 -->
<!-- 最后修改：2026-09-29 11:07:59（北京时间）— AI 测试的公海只读入口与返回链接。 -->
<!-- 最后修改：2026-09-29 09:13:00（北京时间）— 研发检测分类资源版本。 -->
<!-- 最后修改：2026-09-28 11:49:04（北京时间）— 发布当前指南的新一轮更新提醒。 -->
<!-- 最后修改：2026-09-28 11:42:00（北京时间）— 指南留白与主动点击已读。 -->
<!-- 最后修改：2026-09-28 11:32:23（北京时间）— 指南布局与已读更新提醒。 -->
<!-- 最后修改：2026-09-28 11:21:19（北京时间）— 操作指南增加已确认的分享奖励说明。 -->
<!-- 最后修改：2026-09-24 17:24:00（北京时间）— 婴幼儿食品分类资源版本同步。 -->
<!-- 最后修改：2026-09-24 17:00:02（北京时间）— 教学按需预取与直接返回指南。 -->
<!-- 最后修改：2026-09-23 16:46:00（北京时间）— 手机样品订单单据样式。 -->
<!-- 最后修改：2026-09-23 16:29:45（北京时间）— 客户筛选多选入口。 -->
<!-- 最后修改：2026-09-23 16:15:49（北京时间）— 保护续期状态同步。 -->
<!-- 最后修改：2026-09-23 15:50:07（北京时间）— 寄样结果独立筛选与客户多次订单闭环。 -->
<!-- 最后修改：2026-09-23 14:38:00（北京时间）— 手机客户卡片Notion细边方框样式，业务脚本不变。 -->
<!-- 最后修改：2026-09-22 17:03:00（北京时间）— 手机分享按钮顶部留白与平面样式，PC不变。 -->
<!-- 最后修改：2026-09-22 15:19:34（北京时间）— 详情内侧箭头与连续浏览。 -->
<!-- 2026-09-22 14:46:09（北京时间）：详情按钮内置与键盘切换 -->
<!-- 最后修改：2026-09-22 11:27:29（北京时间）— 保护倒计时纯文字。 -->
<!-- 最后修改：2026-09-22 11:02:08（北京时间）— 保护提示方案三。 -->
<!-- 最后修改：2026-09-22 10:51:28（北京时间）— 更新保护标签样式版本。 -->
<!-- 最后修改：2026-09-22 10:41:35（北京时间）— 同公司保护状态完整展示与导航简化。 -->
<!-- 最后修改：2026-09-22 10:26:11（北京时间）— 跟进拖动与最近操作排序。 -->
<!DOCTYPE html>
<!-- 最后修改：2026-10-20 16:04:26（北京时间）— 需求导航提醒显示“新需求 X / 匹配 Y”，保留原有计数。 -->
<!-- 最后修改：2026-10-19 10:26:00（北京时间）— BOBO 资源版本 20261019-bobo-tone-2。 -->
<!-- 最后修改：2026-10-10 17:59:16（北京时间）— 手机详情紧凑布局与整体滚动资源更新。 -->
<!-- 2026-10-08 16:24:47（北京时间）：公海保护浅橙色样式版本更新。 -->
<!-- 2026-10-07 11:24:17（北京时间）— 订单公司列宽度修复缓存更新。 -->
<!-- 2026-10-06 16:58:28（北京时间）— 手机需求详情靠右布局版本。 -->
<!-- 2026-10-06 16:52:14（北京时间）— 需求详情B版资源版本。 -->
<!-- 最后修改：2026-10-06 11:23:18（北京时间）— 两表浅色等宽评分、恢复公司文字图标、移除三个表头小图标。 -->
<!-- 最后修改：2026-09-22 11:45:15（北京时间）— 需求公司隔离脚本版本。 -->
<!-- 最后修改：2026-09-17 10:39:59（北京时间）— 已找到及自然到期需求保留展示，下架隐藏。 -->
<!-- 最后修改：2026-09-17 09:17:47（北京时间）— 分类资源版本同步。 -->
<!-- 最后修改：2026-09-17 09:15:15（北京时间）— 客户属性合并与行业简化。 -->
<!-- 最后修改：2026-09-17 09:03:32（北京时间）— 快捷选项悬停反馈资源更新。 -->
<!-- 最后修改：2026-09-17 08:41:54（北京时间）— 补齐配料客户属性快捷选项。 -->
<!-- 最后修改：2026-09-16 17:32:44（北京时间）— 统一需求市场生命周期。 -->
<!-- 最后修改：2026-09-16 15:25:23（北京时间）— 手机评分查看按钮缩小资源更新。 -->
<!-- 最后修改：2026-10-06 11:13:52（北京时间）— 用户确认公海表格视觉与分享按钮配色；不引入本地示例数据。 -->
<html lang="zh-CN" class="ocean-table-refined">
<head>
<meta charset="UTF-8">
<!-- 首屏底色须早于外部脚本和样式，登录 / 注册不使用工作台旧图片背景。 -->
<style id="auth-first-paint">
html { background: #eeeeef; }
html:not(.auth-has-session) body { background: #eeeeef !important; }
</style>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>红皇后 CSM客户开发系统</title>
<link rel="stylesheet" href="assets/css/auth-shared.css?v=2026-09-13-login-logo-align-2-login-feedback-20261015">
<link rel="icon" type="image/png" sizes="180x180" href="tubiaotupian/honghuanghou-logo.png?v=20261014-strawberry-1">
<link rel="icon" type="image/svg+xml" sizes="any" href="assets/img/index-strawberry-logo.svg?v=2026-08-29-index-strawberry-logo-2">
<link rel="shortcut icon" type="image/png" href="tubiaotupian/honghuanghou-logo.png?v=20261014-strawberry-1">
<link rel="apple-touch-icon" sizes="180x180" href="tubiaotupian/honghuanghou-logo.png?v=20261014-strawberry-1">
<script>
(function () {
  var root = document.documentElement;
  var appVersion = '2026-09-12-ocean-search-autofill-1';
  // 界面发布号与业务缓存迁移版本分开，样式更新不清除业务缓存。
  var dataCacheVersion = '2026-07-17-1015';
  var versionKey = 'csm_app_version';
  var cacheKeys = ['csm_followups', 'csm_orders_new', 'csm_samples', 'csm_private_customers'];
  root.setAttribute('data-app-version', appVersion);
  try {
    var savedVersion = localStorage.getItem(versionKey);
    if (savedVersion !== dataCacheVersion) {
      cacheKeys.forEach(function (key) {
        localStorage.removeItem(key);
      });
      localStorage.setItem(versionKey, dataCacheVersion);
    }
  } catch (e) {}
})();
</script>
<script src="assets/js/index-inline-1.js?v=2026-09-09-index-refresh-no-flash-1-loading-academy-ai-20261006-1"></script>
<!-- 最后修改：2026-09-29 14:42:56（北京时间）：六列同屏及紧凑卡片资源缓存。 -->
<link rel="stylesheet" href="assets/css/index.css?v=20260916-customer-detail-mobile-1-compact-2-drag-sort-navigation-side-20260922-share-reward-2-fixes-20260923-kanban-compact-20260929-sidebar-refresh-20261003-polish-2-ocean-score-1-demand-hint-remove-1-share-form-a-1-demand-head-ocean-1-kanban-gap-1-demand-rows-75-mine-level-protection-1-loading-academy-ai-20261006-1-demand-actions-copy-20261007-1-reject-reason-20261008-110412-table-hover-20261015-1-login-network-20261025-announcement-readable-20261027-1">
<link rel="stylesheet" href="assets/css/index-followup-mobile.css?v=20260916-mobile-followup-speed-1-quality-right-1-column-2-small-3">
<link rel="stylesheet" href="assets/css/index-customer-mobile.css?v=20260923-notion-outline-1-ocean-score-1-mine-level-protection-1-mine-slim-20261026-1">
<!-- 2026-10-13 11:43:08（北京时间）— SVG 提示图静态化，统一预加载缓存版本。 -->
<link rel="preload" as="image" href="assets/img/saving-energy-saving-money.svg?v=20261013-static-1" fetchpriority="low">
<link rel="preload" as="image" href="assets/img/lead-share-auto-success-lock-green-tick.svg?v=20261013-static-1" fetchpriority="low">
<link rel="preload" as="image" href="assets/img/lead-share-no-credit-cat.svg?v=20261013-static-1" fetchpriority="low">
<link rel="preload" as="image" href="assets/img/lead-share-approved-success.svg?v=20261013-static-1" fetchpriority="low">
<link rel="preload" as="image" href="assets/img/lead-share-rejected.svg?v=20261013-static-1" fetchpriority="low">
<link rel="preload" as="image" href="assets/img/lead-share-revoked-crying-smoothymon.svg?v=20261013-static-1" fetchpriority="low">
<link rel="preload" as="image" href="assets/img/lead-share-good-feedback-thumbs-up.svg?v=20261013-static-1" fetchpriority="low">
<link rel="preload" as="image" href="assets/img/lead-share-bad-feedback-emoji-cry.svg?v=20261013-static-1" fetchpriority="low">
<link rel="preload" as="image" href="assets/img/customer-feedback-thanks-watermelon.svg?v=20261013-static-1" fetchpriority="low">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <style>
    /* Critical boot state: session verification never paints the login artwork. */
    html.auth-pending body {
      padding:0 !important;
      background:#eeeeef !important;
    }
    html.auth-has-session.theme-dark.auth-pending body { background:#1c1d20 !important; }
    #indexAuthBoot { display:none; }
    html.auth-pending #indexAuthBoot {
      position:fixed;
      inset:0;
      z-index:100000;
      display:flex !important;
      align-items:center;
      justify-content:center;
      background:#eeeeef;
      color:#6b7280;
    }
    /* 尚未确认会话时使用登录页底色，不能仅凭上次主题闪出黑色等待层。 */
    html.auth-has-session.theme-dark.auth-pending #indexAuthBoot {
      background:#1c1d20;
      color:#aeb2ba;
    }
    html.auth-pending #loginPage,
    html.auth-pending #registerPage,
    html.auth-pending #appWrap { display:none !important; }
    .index-auth-boot-status {
      display:flex;
      flex-direction:column;
      align-items:center;
      gap:22px;
      padding:24px;
      text-align:center;
      font-size:14px;
      font-weight:600;
      letter-spacing:.01em;
      opacity:0;
      animation:indexAuthBootReveal 0s linear .18s forwards;
    }
    /* From Uiverse.io by SchawnnahJ — used only by the Index boot layer. */
    .index-auth-boot-spinner {
      position:relative;
      display:block;
      flex:none;
      width:2.5em;
      height:2.5em;
      font-size:16px;
      transform:rotate(165deg);
    }
    .index-auth-boot-spinner::before,
    .index-auth-boot-spinner::after {
      content:"";
      position:absolute;
      top:50%;
      left:50%;
      display:block;
      width:.5em;
      height:.5em;
      border-radius:.25em;
      transform:translate(-50%,-50%);
    }
    .index-auth-boot-spinner::before {
      box-shadow:1em -.5em rgba(225,20,98,.75),-1em .5em rgba(111,202,220,.75);
      animation:indexAuthBootBefore 2s infinite;
    }
    .index-auth-boot-spinner::after {
      box-shadow:.5em 1em rgba(61,184,143,.75),-.5em -1em rgba(233,169,32,.75);
      animation:indexAuthBootAfter 2s infinite;
    }
    @keyframes indexAuthBootReveal { to { opacity:1; } }
    @keyframes indexAuthBootBefore {
      0%,100% { width:.5em;box-shadow:1em -.5em rgba(225,20,98,.75),-1em .5em rgba(111,202,220,.75); }
      35% { width:2.5em;box-shadow:0 -.5em rgba(225,20,98,.75),0 .5em rgba(111,202,220,.75); }
      70% { width:.5em;box-shadow:-1em -.5em rgba(225,20,98,.75),1em .5em rgba(111,202,220,.75); }
    }
    @keyframes indexAuthBootAfter {
      0%,100% { height:.5em;box-shadow:.5em 1em rgba(61,184,143,.75),-.5em -1em rgba(233,169,32,.75); }
      35% { height:2.5em;box-shadow:.5em 0 rgba(61,184,143,.75),-.5em 0 rgba(233,169,32,.75); }
      70% { height:.5em;box-shadow:.5em -1em rgba(61,184,143,.75),-.5em 1em rgba(233,169,32,.75); }
    }
    @media (prefers-reduced-motion:reduce) {
      .index-auth-boot-spinner::before,
      .index-auth-boot-spinner::after { animation:none; }
    }
    #authRecoveryTitle { font-size:24px; line-height:1.4; margin:0 0 16px; }
    #loginPasswordFallback { margin-top:12px; background:transparent; color:inherit; border:1px solid currentColor; box-shadow:none; }
    #authRecoveryMessage { font-size:14px; line-height:1.7; margin:0 0 24px; }

    :root {
      --font:'MiSans VF','Noto Sans SC','PingFang SC','Microsoft YaHei',Arial,sans-serif;
    }

    /* Production workspace layout approved in index-layout-preview.html. */
    html.auth-has-session:not(.theme-dark) { background: #faf9f5; }
    html.auth-has-session body.index-workspace-layout {
      --sidebar: 260px;
      --topbar: 136px;
      --filterbar: 68px;
      --max-w: 1720px;
      --index-layout-content-w: 1500px;
      --index-layout-page-top-gap: 24px;
      /* 2026-10-14：用户确认暖米白主界面；需求市场表格在专用样式中保留原配色。 */
      --index-layout-bg: #faf9f5;
      --index-layout-line: #dfe0dd;
      --index-layout-row-line: #e8eaee;
      --index-layout-head-bg: #eeedea;
      --index-layout-head-text: #4f4f4f;
      --index-layout-active-bg: #e4e4e4;
      --index-layout-active-text: #111318;
      --index-layout-hover-bg: rgba(0, 0, 0, .10);
      padding: 0 !important;
      background: var(--index-layout-bg) !important;
      background-image: none !important;
      overflow: hidden !important;
    }

    html.auth-has-session.theme-dark body.index-workspace-layout {
      --index-layout-bg: #1c1d20;
      --index-layout-line: #35373c;
      --index-layout-row-line: #303237;
      --index-layout-head-bg: #24262a;
      --index-layout-head-text: #c9ccd2;
      --index-layout-active-bg: #303238;
      --index-layout-active-text: #f1f2f4;
      --index-layout-hover-bg: #2a2c30;
    }

    body.index-workspace-layout #appWrap {
      width: calc(100vw - var(--sidebar)) !important;
      max-width: none !important;
      height: 100vh !important;
      margin: 0 0 0 var(--sidebar) !important;
      border: 0 !important;
      border-radius: 0 !important;
      box-shadow: none !important;
      background: var(--index-layout-bg) !important;
      overflow: hidden !important;
    }

    body.index-workspace-layout .sidebar {
      position: fixed !important;
      left: 0 !important;
      top: 0 !important;
      bottom: 0 !important;
      width: var(--sidebar) !important;
      background: var(--index-layout-bg) !important;
      border-right: 1px solid var(--index-layout-line) !important;
      padding: 22px 12px 18px !important;
    }

    /* 侧栏品牌行、菜单、提醒与用户卡片样式见 assets/css/index-workspace-refresh.css（2026-10-03 样板 A）。 */

    body.index-workspace-layout .topbar,
    body.index-workspace-layout .filterbar {
      left: 0 !important;
      right: 0 !important;
      background: var(--index-layout-bg) !important;
      border-bottom: 0 !important;
    }

    body.index-workspace-layout .topbar {
      height: var(--topbar) !important;
    }

    body.index-workspace-layout .filterbar {
      top: var(--topbar) !important;
      height: var(--filterbar) !important;
    }

    body.index-workspace-layout .topbar .inner,
    body.index-workspace-layout .filterbar .inner,
    body.index-workspace-layout .table-area > .inner {
      max-width: var(--index-layout-content-w) !important;
      margin: 0 auto !important;
    }

    body.index-workspace-layout .topbar .inner {
      padding: 18px 18px 16px !important;
    }

    @media (min-width: 761px) {
      html.auth-has-session[data-current-page="ocean"] body.index-workspace-layout .topbar .inner {
        padding-right: 0 !important;
      }
    }

    body.index-workspace-layout .filterbar .inner {
      padding: 0 18px !important;
    }

    body.index-workspace-layout .filterbar-title #page-title-sub {
      font-size: 23px !important;
    }

    body.index-workspace-layout .table-area {
      left: 0 !important;
      right: 0 !important;
      top: calc(var(--topbar) + var(--filterbar)) !important;
      bottom: 46px !important;
      padding: 0 !important;
      overflow: hidden !important;
      background: var(--index-layout-bg) !important;
    }

    body.index-workspace-layout [id^="page-"] {
      left: 0 !important;
    }

    body.index-workspace-layout .table-area > .inner {
      height: 100% !important;
      min-height: 0 !important;
      border: 1px solid var(--index-layout-line) !important;
      border-bottom: 0 !important;
      border-radius: 0 !important;
      overflow: auto !important;
      background: var(--index-layout-bg) !important;
      box-shadow: none !important;
      scrollbar-gutter: stable !important;
    }

    body.index-workspace-layout .pager {
      left: 0 !important;
      right: 0 !important;
      height: 46px !important;
      background: var(--index-layout-bg) !important;
      border-top: 0 !important;
    }

    body.index-workspace-layout .pager > .inner {
      width: 100% !important;
      max-width: var(--index-layout-content-w) !important;
      height: 100% !important;
      margin: 0 auto !important;
      background: var(--index-layout-bg) !important;
      border: 1px solid var(--index-layout-line) !important;
      border-top-color: var(--index-layout-row-line) !important;
      padding: 0 24px !important;
    }

    html:not(.theme-soft):not(.theme-dark) body.index-workspace-layout .sidebar {
      background: var(--index-layout-bg) !important;
      border-right-color: var(--index-layout-line) !important;
    }

    html:not(.theme-soft):not(.theme-dark) body.index-workspace-layout .topbar,
    html:not(.theme-soft):not(.theme-dark) body.index-workspace-layout .filterbar,
    html:not(.theme-soft):not(.theme-dark) body.index-workspace-layout .table-area,
    html:not(.theme-soft):not(.theme-dark) body.index-workspace-layout .pager {
      background: var(--index-layout-bg) !important;
    }

    html:not(.theme-soft):not(.theme-dark) body.index-workspace-layout .table-area > .inner,
    html:not(.theme-soft):not(.theme-dark) body.index-workspace-layout .pager > .inner {
      background: var(--index-layout-bg) !important;
      border-left-color: var(--index-layout-line) !important;
      border-right-color: var(--index-layout-line) !important;
    }

    html:not(.theme-soft):not(.theme-dark) body.index-workspace-layout .table-area > .inner {
      border-top-color: var(--index-layout-line) !important;
    }

    html:not(.theme-soft):not(.theme-dark) body.index-workspace-layout .pager > .inner {
      border-top-color: var(--index-layout-row-line) !important;
      border-bottom-color: var(--index-layout-line) !important;
    }

    body.index-workspace-layout table {
      background: var(--index-layout-bg) !important;
      border-collapse: collapse !important;
    }

    body.index-workspace-layout thead th {
      height: 42px !important;
      background: var(--index-layout-head-bg) !important;
      border-bottom: 1px solid var(--index-layout-line) !important;
      color: var(--index-layout-head-text) !important;
      font-size: 12px !important;
      font-weight: 600 !important;
    }

    body.index-workspace-layout tbody tr {
      background: var(--index-layout-bg) !important;
      border-bottom: 1px solid var(--index-layout-row-line) !important;
      transition: background .16s ease !important;
    }

    body.index-workspace-layout tbody td {
      background: transparent !important;
      border-bottom: 0 !important;
    }

    body.index-workspace-layout tbody tr:hover {
      background: var(--table-row-hover-bg,var(--index-layout-hover-bg))!important;
      box-shadow: none !important;
      transform: none !important;
    }

    body.index-workspace-layout #page-demand-market,
    body.index-workspace-layout #page-sales,
    body.index-workspace-layout #page-academy,
    body.index-workspace-layout #page-ai-assistant,
    body.index-workspace-layout #page-followup,
    body.index-workspace-layout #page-orders,
    body.index-workspace-layout #page-samples,
    body.index-workspace-layout #page-shares,
    body.index-workspace-layout #page-guide,
    body.index-workspace-layout #page-settings {
      left: 50% !important;
      right: auto !important;
      top: var(--topbar) !important;
      bottom: 0 !important;
      width: min(100%, var(--index-layout-content-w)) !important;
      max-width: var(--index-layout-content-w) !important;
      transform: translateX(-50%) !important;
      background: var(--index-layout-bg) !important;
      border-left: 1px solid var(--index-layout-line) !important;
      border-right: 1px solid var(--index-layout-line) !important;
      box-shadow: none !important;
    }

    body.index-workspace-layout #page-demand {
      left: 50% !important;
      right: auto !important;
      top: var(--topbar) !important;
      bottom: 0 !important;
      width: min(100%, var(--index-layout-content-w)) !important;
      max-width: var(--index-layout-content-w) !important;
      transform: translateX(-50%) !important;
      background: transparent !important;
      border: 0 !important;
      box-shadow: none !important;
    }

    body.index-workspace-layout #page-demand-market,
    body.index-workspace-layout #page-sales,
    body.index-workspace-layout #page-academy,
    body.index-workspace-layout #page-ai-assistant,
    body.index-workspace-layout #page-followup,
    body.index-workspace-layout #page-orders,
    body.index-workspace-layout #page-samples,
    body.index-workspace-layout #page-shares,
    body.index-workspace-layout #page-guide,
    body.index-workspace-layout #page-settings {
      top: 0 !important;
      z-index: 10 !important;
    }

    body.index-workspace-layout #page-demand {
      top: 0 !important;
      z-index: 10 !important;
    }

    body.index-workspace-layout #page-demand .purchase-demand-headbar {
      min-height: calc(76px + var(--index-layout-page-top-gap)) !important;
      padding-top: calc(18px + var(--index-layout-page-top-gap)) !important;
      box-sizing: border-box !important;
      background: var(--index-layout-bg) !important;
    }

    body.index-workspace-layout #page-followup .fo-header {
      height: calc(58px + var(--index-layout-page-top-gap)) !important;
      padding-top: var(--index-layout-page-top-gap) !important;
      box-sizing: border-box !important;
      background: var(--index-layout-bg) !important;
    }

    body.index-workspace-layout #page-followup .fo-kanban-wrap,
    body.index-workspace-layout #page-followup #foListView {
      top: calc(58px + var(--index-layout-page-top-gap)) !important;
    }

    body.index-workspace-layout #page-followup .fo-kanban-wrap,
    body.index-workspace-layout #page-followup .fo-kanban,
    body.index-workspace-layout #page-followup .fo-col,
    body.index-workspace-layout #page-followup .fo-col-body {
      background: var(--index-layout-bg) !important;
    }

    body.index-workspace-layout #page-followup #foListView,
    body.index-workspace-layout #page-followup #foListBody,
    body.index-workspace-layout #page-followup .fo-list-wrap,
    body.index-workspace-layout #page-followup .fo-list-filters,
    body.index-workspace-layout #page-followup #fo-table,
    body.index-workspace-layout #page-followup #fo-table tbody,
    body.index-workspace-layout #page-followup #fo-table tbody tr,
    body.index-workspace-layout #page-followup #fo-table tbody td {
      background: var(--index-layout-bg) !important;
    }

    body.index-workspace-layout #page-followup #fo-table thead th {
      background: var(--index-layout-head-bg) !important;
    }

    /* 最后修改：2026-10-21 09:51:11（北京时间）— 跟进表格使用公海同款浅色表头，深色主题和阶段色保持原样。 */
    html:not(.theme-dark) body.index-workspace-layout #page-followup #fo-table thead th {
      background: var(--index-layout-bg) !important;
    }

    body.index-workspace-layout #page-followup .fo-list-filter.active-filter {
      background: var(--index-layout-active-bg) !important;
    }

    body.index-workspace-layout #page-guide {
      border-left: 0 !important;
      border-right: 0 !important;
    }

    body.index-workspace-layout #page-academy,
    body.index-workspace-layout #page-ai-assistant {
      border-left: 0 !important;
      border-right: 0 !important;
    }

    body.index-workspace-layout #page-settings {
      border-left: 0 !important;
      border-right: 0 !important;
    }

    body.index-workspace-layout #page-guide .guide-wrap {
      max-width: 1040px !important;
      padding: 44px 36px 64px !important;
    }

    body.index-workspace-layout #page-guide .guide-teach-entry {
      margin: 0 !important;
      padding: 24px 0 30px !important;
      border: 0 !important;
      border-radius: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
    }

    body.index-workspace-layout #page-guide .guide-teach-flow {
      padding: 0 !important;
      border: 0 !important;
      border-radius: 0 !important;
      background: transparent !important;
    }

    body.index-workspace-layout #page-guide .guide-learn-btn-prominent {
      border-radius: 6px !important;
      box-shadow: none !important;
      animation: none !important;
    }

    body.index-workspace-layout #page-guide .guide-block {
      margin: 0 !important;
      padding: 42px 0 !important;
      border: 0 !important;
      border-top: 1px solid var(--index-layout-line) !important;
      border-radius: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
    }

    body.index-workspace-layout #page-guide .guide-rule-box,
    body.index-workspace-layout #page-guide .guide-disclaimer-box {
      margin-top: 20px !important;
      padding: 6px 0 6px 22px !important;
      border: 0 !important;
      border-left: 2px solid var(--index-layout-line) !important;
      border-radius: 0 !important;
      background: transparent !important;
    }

    @media (max-width: 900px) {
      body.index-workspace-layout #page-guide .guide-wrap {
        padding: 28px 20px 44px !important;
      }

      body.index-workspace-layout #page-guide .guide-teach-entry {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
        padding: 18px 0 24px !important;
      }

      body.index-workspace-layout #page-guide .guide-teach-flow,
      body.index-workspace-layout #page-guide .guide-learn-btn-prominent {
        justify-self: start !important;
      }

      body.index-workspace-layout #page-guide .guide-block {
        padding: 32px 0 !important;
      }
    }

    body.index-workspace-layout #page-orders > .cw-page-head {
      padding-top: var(--index-layout-page-top-gap) !important;
      background: var(--index-layout-bg) !important;
    }

    body.index-workspace-layout #page-samples > .cw-page-head {
      min-height: calc(var(--filterbar) + var(--index-layout-page-top-gap)) !important;
      padding-top: calc(10px + var(--index-layout-page-top-gap)) !important;
      box-sizing: border-box !important;
      background: var(--index-layout-bg) !important;
    }

    body.index-workspace-layout #page-shares > div:first-child {
      top: var(--index-layout-page-top-gap) !important;
      background: var(--index-layout-bg) !important;
    }

    body.index-workspace-layout #page-shares > div:nth-child(2) {
      top: calc(var(--filterbar) + var(--index-layout-page-top-gap)) !important;
    }

    body.index-workspace-layout #customer-development-sales > div:first-child {
      height: calc(var(--filterbar) + var(--index-layout-page-top-gap)) !important;
      padding-top: var(--index-layout-page-top-gap) !important;
      box-sizing: border-box !important;
      background: var(--index-layout-bg) !important;
    }

    body.index-workspace-layout #customer-development-sales > div:last-child,
    body.index-workspace-layout #customer-development-sales > div:last-child > div:first-child {
      background: var(--index-layout-bg) !important;
    }

    body.index-workspace-layout #customer-development-sales > div:last-child > div:first-child {
      top: calc(var(--filterbar) + var(--index-layout-page-top-gap)) !important;
    }

    body.index-workspace-layout .purchase-demand-headbar,
    body.index-workspace-layout .purchase-demand-content,
    body.index-workspace-layout .purchase-demand-table-card,
    body.index-workspace-layout .purchase-demand-table th,
    body.index-workspace-layout .purchase-demand-table td,
    body.index-workspace-layout .academy-page,
    body.index-workspace-layout .academy-shell,
    body.index-workspace-layout .academy-article-card,
    body.index-workspace-layout .guide-page,
    body.index-workspace-layout .guide-wrap,
    body.index-workspace-layout .settings-wrap {
      background: var(--index-layout-bg) !important;
    }

    body.index-workspace-layout .settings-wrap {
      width: 100% !important;
      margin: 0 auto !important;
    }

    body.index-workspace-layout .demand-market-demo-frame {
      width: 100% !important;
      max-width: var(--index-layout-content-w) !important;
      margin: 0 auto !important;
      background: var(--index-layout-bg) !important;
    }

  </style>
<link rel="stylesheet" href="assets/css/index-achievement.css?v=20261007-content-only-1">
<style id="login-home-link-style">
.login-box .login-home-link{display:flex;align-items:center;justify-content:center;width:fit-content;min-height:32px;margin:8px auto 0;padding:4px 12px;border:0;background:transparent;color:#6b7280;font-family:var(--font);font-size:13px;font-weight:400;line-height:20px;text-decoration:none;}
.login-box .login-home-link:hover{color:#202226;text-decoration:underline;}
.login-box .login-home-link:focus-visible{outline:2px solid #6b7280;outline-offset:2px;border-radius:4px;}
.login-box .login-home-link + .link-row{margin-top:8px;}
@media(max-width:760px){.login-box .login-home-link{min-height:44px;}}
</style>
<link rel="stylesheet" href="assets/css/logout-confirm.css?v=2026-09-13-1">
<script src="assets/js/logout-confirm.js?v=2026-09-13-1"></script>
<link rel="stylesheet" href="assets/css/buyer-profile-changes.css?v=20260915-dual-profile-1">
<link rel="stylesheet" href="assets/css/profile-simple.css?v=20260915-settings-startup-1">
<link rel="stylesheet" href="assets/css/detail-side-navigation.css?v=20260922-1">
<link rel="stylesheet" href="assets/css/operation-guide.css?v=20261004-guide-intro-line-1">
<script defer src="assets/js/operation-guide-loader.js?v=20260924-1"></script>
<!-- 最后修改：2026-10-05 15:20:10（北京时间）— 两端资源圆体及桌面表格字号统一。 -->
<link rel="preload" as="font" type="font/woff2" href="assets/fonts/resource-han-rounded/rounded-00.woff2" crossorigin>
<link rel="stylesheet" href="assets/css/workspace-rounded-type.css?v=20261005-1">
<script defer src="assets/js/workspace-table-type.js?v=20261013-demand-workbench-1"></script>
<style>
/* 2026-10-06 17:41:59（北京时间）— 移除页签后，手机业绩标题避让菜单。 */
@media(max-width:760px){
html.auth-has-session body.index-workspace-layout #customer-development-sales>div:first-child{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;height:auto!important;min-height:90px;padding:12px 16px!important;align-items:center!important;}
#customer-development-sales>div:first-child>span:first-child{padding-left:56px;font-size:20px!important;white-space:nowrap;}
#customer-development-sales>div:first-child>span:nth-child(2){grid-column:1/-1;grid-row:2;padding-left:56px;font-size:12px!important;}
#customer-development-sales>div:first-child>div{grid-column:2;grid-row:1;}
#customer-development-sales>div:first-child>div button{padding:8px 12px!important;white-space:nowrap;}
}
</style><link rel="stylesheet" href="assets/css/index-order-date-picker.css?v=20261007-order-dates-1">
<link rel="stylesheet" href="assets/css/table-hover.css?v=table-hover-20261015-1">
<!-- 最后修改：2026-10-21 14:40:00（北京时间） — 私密意见建议正式入口。 -->
<link rel="stylesheet" href="assets/css/user-suggestions.css?v=20261021-1">
<link rel="stylesheet" href="assets/css/index-lead-restriction.css?v=20261023-1">
</head>
<body class="index-workspace-layout">

<div id="indexAuthBoot" role="status" aria-live="polite" aria-label="正在进入系统">
  <div class="index-auth-boot-status">
    <span class="index-auth-boot-spinner" aria-hidden="true"></span>
    <span id="indexAuthBootMessage">正在进入系统…</span>
  </div>
</div>

<!-- 自定义Confirm弹窗 -->
<div id="customConfirmOverlay" style="display:none;position:fixed;inset:0;background:rgba(0,0,0,0.35);z-index:99999;align-items:center;justify-content:center;backdrop-filter:blur(3px);padding-top:0;">
  <div id="customConfirmBox" style="background:white;border-radius:28px;padding:40px 36px 32px;width:360px;max-width:min(92vw,520px);text-align:center;box-shadow:0 24px 60px rgba(0,0,0,0.18);transform:scale(0.92);opacity:0;transition:all .22s cubic-bezier(.34,1.56,.64,1);">
    <div id="customConfirmIcon" style="width:64px;height:64px;border-radius:20px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;"></div>
    <div id="customConfirmTitle" style="font-size:17px;font-weight:700;color:#111827;margin-bottom:8px;"></div>
    <div id="customConfirmMsg" style="font-size:14px;color:#6b7280;line-height:1.6;margin-bottom:28px;white-space:pre-line;"></div>
    <button id="customConfirmOk" style="width:100%;padding:14px;background:#111827;color:white;border:none;border-radius:14px;font-size:15px;font-weight:700;cursor:pointer;font-family:var(--font);transition:all .15s;margin-bottom:10px;" onmouseover="this.style.filter='brightness(1.15)'" onmouseout="this.style.filter=''" onmousedown="this.style.transform='scale(0.97)'" onmouseup="this.style.transform='none'"></button>
    <button id="customConfirmCancel" style="width:100%;padding:12px;background:none;color:#9ca3af;border:none;border-radius:14px;font-size:14px;font-weight:600;cursor:pointer;font-family:var(--font);transition:all .15s;margin-bottom:6px;" onmouseover="this.style.color='#374151';this.style.background='#f9fafb'" onmouseout="this.style.color='#9ca3af';this.style.background='none';this.style.boxShadow='none'"></button>
    <button id="customConfirmThird" style="display:none;width:100%;padding:10px;background:none;color:#dc2626;border:1.5px solid #fecaca;border-radius:14px;font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font);transition:all .15s;" onmouseover="this.style.background='#fef2f2'" onmouseout="this.style.background='none';this.style.boxShadow='none'"></button>
  </div>
</div>

<!-- 信息提示弹窗 -->
<div id="systemAnnouncementOverlay" class="system-announcement-overlay" style="display:none;">
  <section class="system-announcement-modal" role="dialog" aria-modal="true" aria-labelledby="systemAnnouncementTitle" aria-describedby="systemAnnouncementContent">
    <div class="system-announcement-reading">
      <div class="system-announcement-head">
        <div id="systemAnnouncementIcon" class="system-announcement-avatar" aria-hidden="true"><img src="assets/img/index-strawberry-logo.svg?v=2026-08-29-index-strawberry-logo-2" width="56" height="56" alt=""></div>
        <div class="system-announcement-heading">
          <div id="systemAnnouncementMeta" class="system-announcement-meta" hidden></div>
          <h2 id="systemAnnouncementTitle" class="system-announcement-title"></h2>
        </div>
      </div>
      <div id="systemAnnouncementContent" class="system-announcement-content"></div>
    </div>
    <div class="system-announcement-actions">
      <button type="button" onclick="dismissSystemAnnouncement()">我知道了，不再提示</button>
    </div>
  </section>
</div>

<!-- 客户等级功能更新提醒 -->
<div id="customerFeatureUpdateOverlay" class="customer-feature-update-overlay" style="display:none;">
  <div class="customer-feature-update-modal">
    <div class="customer-feature-update-head">
      <div>
        <div class="customer-feature-update-kicker">功能更新</div>
        <div class="customer-feature-update-title" id="customerFeatureUpdateTitle">客户等级与查看方式已更新</div>
      </div>
      <div class="customer-feature-update-progress" id="customerFeatureUpdateProgress"></div>
    </div>
    <div class="customer-feature-update-body" id="customerFeatureUpdateBody"></div>
    <div class="customer-feature-update-note" id="customerFeatureUpdateNote"></div>
    <div class="customer-feature-update-actions">
      <button type="button" class="customer-feature-update-btn customer-feature-update-btn-ghost" id="customerFeatureUpdateKnownBtn" onclick="ackCustomerFeatureUpdateNotice()">我知道了</button>
      <button type="button" class="customer-feature-update-btn customer-feature-update-btn-primary" id="customerFeatureUpdateNextBtn" onclick="nextCustomerFeatureUpdateNotice()">下一步</button>
    </div>
  </div>
</div>

<!-- 客户公海收藏功能讲解：仅“我知道了”会记录已读，关闭按钮只在本次打开期间隐藏 -->
<div id="oceanFavoriteGuideOverlay"
     class="customer-feature-update-overlay ocean-favorite-guide-overlay"
     style="display:none;"
     role="dialog"
     aria-modal="true"
     aria-labelledby="oceanFavoriteGuideTitle"
     aria-describedby="oceanFavoriteGuideNote"
     aria-hidden="true">
  <div class="customer-feature-update-modal ocean-favorite-guide-modal" role="document" tabindex="-1">
    <button type="button"
            class="ocean-favorite-guide-close"
            id="oceanFavoriteGuideCloseBtn"
            onclick="dismissOceanFavoriteGuide()"
            aria-label="稍后再看收藏功能讲解">×</button>
    <div class="customer-feature-update-head ocean-favorite-guide-head">
      <div>
        <div class="customer-feature-update-kicker">功能更新</div>
        <div class="customer-feature-update-title" id="oceanFavoriteGuideTitle">新增“收藏客户线索”</div>
      </div>
      <div class="customer-feature-update-progress" id="oceanFavoriteGuideProgress" aria-label="讲解进度"></div>
    </div>
    <div class="customer-feature-update-body" id="oceanFavoriteGuideBody" aria-live="polite"></div>
    <div class="customer-feature-update-note" id="oceanFavoriteGuideNote"></div>
    <div class="customer-feature-update-actions">
      <button type="button"
              class="customer-feature-update-btn customer-feature-update-btn-ghost"
              id="oceanFavoriteGuidePrevBtn"
              onclick="prevOceanFavoriteGuide()">上一步</button>
      <button type="button"
              class="customer-feature-update-btn customer-feature-update-btn-primary"
              id="oceanFavoriteGuideNextBtn"
              onclick="nextOceanFavoriteGuide()">下一步</button>
    </div>
  </div>
</div>

<!-- 操作指南教学动画 -->
<div id="guideTutorialOverlay" class="guide-tutorial-overlay" style="display:none;">
  <div class="guide-tutorial-modal">
    <button type="button" class="guide-tutorial-close" onclick="closeGuideTutorial()" aria-label="关闭操作教学">×</button>
    <div class="guide-tutorial-head">
      <div>
        <div class="guide-tutorial-kicker">新用户操作教学</div>
        <div class="guide-tutorial-title">第一次进来，按这个顺序操作</div>
      </div>
      <div class="guide-tutorial-progress" id="guideTutorialProgress"></div>
    </div>
    <div class="guide-tutorial-body" id="guideTutorialBody"></div>
    <div class="guide-tutorial-actions">
      <button type="button" class="guide-tutorial-btn guide-tutorial-btn-ghost" id="guideTutorialPrevBtn" onclick="prevGuideTutorialStep()">上一步</button>
      <button type="button" class="guide-tutorial-btn guide-tutorial-btn-plain" onclick="closeGuideTutorial()">我知道了</button>
      <button type="button" class="guide-tutorial-btn guide-tutorial-btn-primary" id="guideTutorialNextBtn" onclick="nextGuideTutorialStep()">下一步</button>
    </div>
  </div>
</div>

<!-- ========== 登录页面 ========== -->
<div id="loginPage" class="login-page">
  <div class="login-shell">
    <main class="login-main-card">
      <section class="login-side">
        <div class="login-brand">
          <img class="login-brand-mark" src="assets/img/index-strawberry-logo.svg?v=2026-08-29-index-strawberry-logo-2" alt="红皇后 CSM 草莓图标">
          <span>红皇后 CSM客户开发系统</span>
        </div>

        <form class="login-box" id="loginForm" action="/api/login" method="post" onsubmit="event.preventDefault();doLogin()">
          <h1>欢迎回来</h1>
          <p class="login-sub">这里是销售人员开发客户、跟进业务的专属入口。如果您是采购或研发老师，想找供应商和产品，欢迎前往采购端。</p>

          <div class="login-field">
            <label for="loginInput">手机号 / 登录账号</label>
            <input type="text" id="loginInput" name="username" placeholder="请输入手机号或原登录账号" autocomplete="username" required>
          </div>

          <div class="login-field">
            <label for="passwordInput">密码</label>
            <div class="pw-wrap">
              <input type="password" id="passwordInput" name="password" placeholder="请输入密码" autocomplete="current-password" required>
              <button type="button" class="pw-eye" onclick="togglePw('passwordInput',this)" tabindex="-1" aria-label="显示或隐藏密码"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#5f6670" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg></button>
            </div>
          </div>

          <label class="login-remember">
            <input type="checkbox" id="rememberLogin">
            <span>在此设备保持登录（最长30天，公共电脑勿选）</span>
          </label>

          <button class="btn-main" type="submit" id="loginSubmit">登录</button>
          <div id="login-error-msg" class="login-error-msg" role="status" aria-live="polite" aria-atomic="true" style="display:none;"></div>
          <a class="login-home-link" href="https://www.honghuanghou.com/">返回首页</a>
          <div class="link-row">还没有账号？ <a onclick="showRegister()">立即注册</a></div>
          <div class="login-records" aria-label="网站备案信息">
            <a class="login-record" href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">
              <span class="login-record-icon login-record-icp-icon" aria-hidden="true">ICP</span>
              <span>桂ICP备2026012647号-1</span>
            </a>
            <a class="login-record" href="https://www.beian.gov.cn/portal/registerSystemInfo?recordcode=45010502001211" target="_blank" rel="noopener noreferrer">
              <img class="login-record-icon" src="https://www.beian.gov.cn/img/new/gongan.png" alt="">
              <span>桂公网安备45010502001211号</span>
            </a>
          </div>
        </form>
        <div class="login-box" id="authRecoveryPanel" style="display:none;" role="status">
          <h1 id="authRecoveryTitle">正在恢复登录</h1>
          <p id="authRecoveryMessage">正在验证登录状态，请稍候。</p>
          <button class="btn-main" type="button" id="loginRetry" onclick="autoLogin()">重试加载</button>
          <button class="btn-main" type="button" id="loginPasswordFallback" onclick="showLogin()">返回密码登录</button>
        </div>
      </section>

      <section class="login-visual" aria-hidden="true">
        <div class="lx">
          <svg width="0" height="0" style="position:absolute" focusable="false">
            <defs>
              <linearGradient id="lxSkin" x1="30" y1="22" x2="78" y2="82" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffd9b8"/><stop offset="1" stop-color="#f1a978"/></linearGradient>
              <linearGradient id="lxHair" x1="28" y1="10" x2="80" y2="48" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2b201c"/><stop offset="1" stop-color="#6b3d2e"/></linearGradient>
              <linearGradient id="lxHairBrown" x1="24" y1="10" x2="84" y2="90" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4a2f22"/><stop offset="1" stop-color="#8a5a3c"/></linearGradient>
              <g id="lxBody"><path d="M22 108c2-22 15-34 32-34s30 12 32 34z" fill="currentColor"/><path d="M44 68h20v13c-5 4-15 4-20 0z" fill="#efad7c"/><path d="M31 45c0-17 10-29 23-29s23 12 23 29c0 19-10 31-23 31S31 64 31 45z" fill="url(#lxSkin)"/></g>
              <g id="lxEyes"><circle cx="44" cy="50" r="3" fill="#2c1c18"/><circle cx="64" cy="50" r="3" fill="#2c1c18"/></g>
              <g id="lxBlush"><ellipse cx="38.5" cy="59" rx="4.5" ry="2.6" fill="#ff7a7a" opacity=".32"/><ellipse cx="69.5" cy="59" rx="4.5" ry="2.6" fill="#ff7a7a" opacity=".32"/></g>
              <path id="lxSmile" d="M48 63c4 3.6 8 3.6 12 0" fill="none" stroke="#7b3f2d" stroke-width="3" stroke-linecap="round"/>
              <!-- 销售A：丸子头 -->
              <symbol id="lx-av-a" viewBox="0 0 108 108"><circle cx="54" cy="14" r="10" fill="url(#lxHair)"/><use href="#lxBody"/><path d="M29 45c-1-19 10-31 25-31s27 12 25 31c-4-9-12-15-25-15s-21 6-25 15z" fill="url(#lxHair)"/><use href="#lxEyes"/><use href="#lxBlush"/><use href="#lxSmile"/></symbol>
              <!-- 业务B：侧分 + 眼镜 -->
              <symbol id="lx-av-b" viewBox="0 0 108 108"><use href="#lxBody"/><path d="M28 44c2-20 13-31 28-31 15 0 24 10 25 27-10-2-19-7-25-14-7 8-16 13-28 18z" fill="url(#lxHair)"/><g fill="none" stroke="#2f2a2a" stroke-width="2.4"><circle cx="44" cy="50" r="7"/><circle cx="64" cy="50" r="7"/><path d="M51 50h6"/></g><circle cx="44" cy="50" r="2.6" fill="#2c1c18"/><circle cx="64" cy="50" r="2.6" fill="#2c1c18"/><path d="M48 64c4 3.4 8 3.4 12 0" fill="none" stroke="#7b3f2d" stroke-width="3" stroke-linecap="round"/></symbol>
              <!-- 销售经理C：短发 -->
              <symbol id="lx-av-c" viewBox="0 0 108 108"><use href="#lxBody"/><path d="M30 43c0-17 10-28 24-28s24 11 24 28c-3-7-8-11-14-12-3 3-9 4-14 3-7-1-13 2-20 9z" fill="url(#lxHair)"/><use href="#lxEyes"/><path d="M48 63c4 3.6 8 3.6 12 0" fill="none" stroke="#7b3f2d" stroke-width="3" stroke-linecap="round"/></symbol>
              <!-- 销售D：长发 -->
              <symbol id="lx-av-d" viewBox="0 0 108 108"><path d="M24 50c0-24 12-38 30-38s30 14 30 38v32c-8 6-18 9-30 9s-22-3-30-9z" fill="url(#lxHairBrown)"/><use href="#lxBody"/><path d="M30 44c2-16 11-25 24-25 13 0 22 8 24 23-11 0-20-4-26-12-5 7-12 12-22 14z" fill="url(#lxHairBrown)"/><use href="#lxEyes"/><use href="#lxBlush"/><path d="M47 63c4.5 4 9.5 4 14 0" fill="none" stroke="#7b3f2d" stroke-width="3" stroke-linecap="round"/></symbol>
              <!-- 业务E：波波头 -->
              <symbol id="lx-av-e" viewBox="0 0 108 108"><path d="M27 50c-1-22 11-35 27-35s28 13 27 35c0 7-1 13-3 18H30c-2-5-3-11-3-18z" fill="url(#lxHair)"/><use href="#lxBody"/><path d="M30 46c1-17 11-27 24-27s23 10 24 27c-8-2-16-6-21-13-5 7-15 11-27 13z" fill="url(#lxHair)"/><use href="#lxEyes"/><use href="#lxBlush"/><use href="#lxSmile"/></symbol>
              <!-- 销售经理F：上梳短发 -->
              <symbol id="lx-av-f" viewBox="0 0 108 108"><use href="#lxBody"/><path d="M29 44c-1-18 9-30 25-30 15 0 25 10 25 25-6-6-12-8-18-8 2 3 2 5 1 7-6-4-14-6-21-4-6 2-10 5-12 10z" fill="url(#lxHairBrown)"/><use href="#lxEyes"/><path d="M47 62c4.5 4.4 9.5 4.4 14 0" fill="none" stroke="#7b3f2d" stroke-width="3" stroke-linecap="round"/></symbol>
              <!-- 红皇后：与人物同画法的电脑 -->
              <linearGradient id="lxPcBody" x1="18" y1="24" x2="90" y2="76" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6f7f9a"/><stop offset="1" stop-color="#3d475a"/></linearGradient>
              <linearGradient id="lxPcScreen" x1="24" y1="30" x2="84" y2="68" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#eef5ff"/><stop offset="1" stop-color="#c6dafb"/></linearGradient>
              <linearGradient id="lxPcStand" x1="34" y1="74" x2="74" y2="92" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#e6e9ef"/><stop offset="1" stop-color="#c2c8d3"/></linearGradient>
              <symbol id="lx-av-pc" viewBox="0 0 108 108"><g transform="translate(54 58) scale(1.18) translate(-54 -58)"><path d="M46 74h16l3 11H43z" fill="url(#lxPcStand)"/><rect x="34" y="83" width="40" height="7" rx="3.5" fill="url(#lxPcStand)"/><rect x="18" y="24" width="72" height="52" rx="11" fill="url(#lxPcBody)"/><rect x="24" y="30" width="60" height="38" rx="7" fill="url(#lxPcScreen)"/><path d="M30 34h14l-9 30h-5c-1.7 0-3-1.3-3-3V37c0-1.7 1.3-3 3-3z" fill="#fff" opacity=".35"/><circle cx="45" cy="47" r="3" fill="#2c1c18"/><circle cx="63" cy="47" r="3" fill="#2c1c18"/><ellipse cx="39.5" cy="55" rx="4.2" ry="2.4" fill="#ff7a7a" opacity=".32"/><ellipse cx="68.5" cy="55" rx="4.2" ry="2.4" fill="#ff7a7a" opacity=".32"/><path d="M49 55c3.2 3.2 6.8 3.2 10 0" fill="none" stroke="#7b3f2d" stroke-width="3" stroke-linecap="round"/><circle cx="54" cy="72" r="1.6" fill="#e5484d"/></g></symbol>
            </defs>
          </svg>

          <div class="lx-copy"><h2>客户线索互助网络</h2></div>

          <div class="lx-stage" id="loginExchangeStage">
            <svg class="lx-wires" id="lxWires" focusable="false">
              <path data-wire="a"/><path data-wire="b"/><path data-wire="c"/>
              <path data-wire="d"/><path data-wire="e"/><path data-wire="f"/>
            </svg>
            <i class="lx-dot"></i><i class="lx-dot"></i><i class="lx-dot"></i>

            <div class="lx-server" data-node="server">
              <div class="lx-server-card"><span class="lx-face f-pc"><svg><use href="#lx-av-pc"/></svg></span><strong>红皇后</strong></div>
            </div>

            <div class="lx-node lx-a" data-person="a" data-curve="22"><div class="lx-speech"></div><span class="lx-face f-a"><svg><use href="#lx-av-a"/></svg></span><b>销售A</b></div>
            <div class="lx-node lx-b" data-person="b" data-curve="-22"><div class="lx-speech"></div><span class="lx-face f-b"><svg><use href="#lx-av-b"/></svg></span><b>业务B</b></div>
            <div class="lx-node lx-c" data-person="c" data-curve="18"><div class="lx-speech"></div><span class="lx-face f-c"><svg><use href="#lx-av-c"/></svg></span><b>销售经理C</b></div>
            <div class="lx-node lx-d" data-person="d" data-curve="-18"><div class="lx-speech"></div><span class="lx-face f-d"><svg><use href="#lx-av-d"/></svg></span><b>销售D</b></div>
            <div class="lx-node lx-e" data-person="e" data-curve="18"><div class="lx-speech"></div><span class="lx-face f-e"><svg><use href="#lx-av-e"/></svg></span><b>业务E</b></div>
            <div class="lx-node lx-f" data-person="f" data-curve="-18"><div class="lx-speech"></div><span class="lx-face f-f"><svg><use href="#lx-av-f"/></svg></span><b>销售经理F</b></div>
          </div>

          <div class="lx-live"><span></span>销售伙伴正在分享客户线索</div>
        </div>
      </section>
    </main>
  </div>
</div>

<!-- ========== 退回修改弹窗 ========== -->
<div id="resubmitModal" style="display:none;position:fixed;inset:0;background:rgba(0,0,0,0.55);z-index:999999;align-items:center;justify-content:center;">
  <div style="background:#fff;border-radius:14px;padding:28px 28px 22px;width:480px;max-width:94vw;max-height:90vh;overflow-y:auto;box-shadow:0 16px 48px rgba(0,0,0,0.2);">
    <div style="font-size:18px;font-weight:700;color:#111;margin-bottom:6px;">补充注册信息</div>
    <div id="resubmitHint" style="font-size:13px;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;margin-bottom:18px;line-height:1.6;"></div>
    <input id="rs_realname" type="text" placeholder="姓名" style="width:100%;padding:10px 12px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:14px;margin-bottom:10px;box-sizing:border-box;">
    <input id="rs_phone" type="text" placeholder="* 手机号" style="width:100%;padding:10px 12px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:14px;margin-bottom:10px;box-sizing:border-box;">
    <input id="rs_position" type="text" maxlength="50" placeholder="* 职位" style="width:100%;padding:10px 12px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:14px;margin-bottom:10px;box-sizing:border-box;">
    <input id="rs_company" type="text" maxlength="200" placeholder="* 公司名称" style="width:100%;padding:10px 12px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:14px;margin-bottom:10px;box-sizing:border-box;">
    <label for="rs_credit_code" style="display:block;text-align:left;font-weight:600;font-size:13px;margin:8px 0 6px;">统一社会信用代码 <span style="color:#dc2626">*</span></label>
    <input id="rs_credit_code" type="text" required minlength="18" maxlength="18" pattern="[0-9ABCDEFGHJKLMNPQRTUWXY]{18}" placeholder="填写营业执照上的18位代码" autocapitalize="characters" spellcheck="false" oninput="this.value=this.value.toUpperCase()" style="width:100%;box-sizing:border-box;padding:10px 12px;border:1.5px solid #e5e7eb;border-radius:8px;font:inherit;margin-bottom:12px;">
    <div class="sf-dd-wrap resubmit-industry-field">
      <input id="rs_industry" type="text" maxlength="80" autocomplete="off" placeholder="* 输入或选择行业，如：食品配料" oninput="sfDrop('rsind',this.value)" onfocus="sfDrop('rsind',this.value)" aria-autocomplete="list" aria-controls="sf-drop-rsind">
      <div class="sf-dd" id="sf-drop-rsind" role="listbox"></div>
    </div>
    <input id="rs_company_type" type="text" list="company-type-options" maxlength="20" placeholder="* 供应商属性，如：工厂、经销商、贸易商" style="width:100%;padding:10px 12px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:14px;margin-bottom:10px;box-sizing:border-box;">
    <input id="rs_product" type="text" placeholder="* 主营产品" style="width:100%;padding:10px 12px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:14px;margin-bottom:10px;box-sizing:border-box;">
    <textarea id="rs_company_intro" maxlength="500" rows="4" placeholder="公司简介（选填，采购方可在供应商详情中查看）" oninput="document.getElementById('rs-company-intro-count').textContent=this.value.length+'/500'" style="width:100%;box-sizing:border-box;resize:vertical;min-height:88px;margin-bottom:4px;padding:10px 12px;border:1.5px solid #e5e7eb;border-radius:8px;font:13px/1.7 var(--font);color:#111827;outline:none;"></textarea>
    <div style="text-align:right;margin:0 4px 18px 0;font-size:12px;color:#9ca3af;"><span id="rs-company-intro-count">0/500</span></div>
    <div style="display:flex;gap:10px;justify-content:flex-end;">
      <button onclick="document.getElementById('resubmitModal').style.display='none'"
        style="padding:10px 22px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:14px;cursor:pointer;color:#374151;">取消</button>
      <button onclick="doResubmit()"
        style="padding:10px 22px;border:none;border-radius:8px;background:#111;color:#fff;font-size:14px;font-weight:600;cursor:pointer;">重新提交审核</button>
    </div>
  </div>
</div>

<!-- ========== 注册页面 ========== -->
<div id="registerPage" class="register-page">
  <div class="register-box">
    <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;">
      <h1 style="margin:0;font-size:48px;font-weight:700;color:#111;">创建账号</h1>
      <button onclick="showLogin()" style="background:#fff;border:2px solid #222;border-radius:10px;padding:8px 20px;font-size:14px;font-weight:600;color:#222;cursor:pointer;font-family:var(--font);transition:all .15s;white-space:nowrap;" onmouseover="this.style.background='#f3f4f6'" onmouseout="this.style.background='#fff'">返回登录</button>
    </div>
    <div class="subtitle" style="margin-top:12px;line-height:1.7;text-align:left;">这里是销售人员开发客户、跟进业务的专属入口。如果您是采购或研发老师，想找供应商和产品，欢迎前往采购端。</div>

    <div class="reg-section-title">账号信息</div>
    <input type="text" id="reg_phone" placeholder="* 手机号">
    <div class="pw-wrap">
      <input type="password" id="reg_password" maxlength="72" placeholder="* 密码（英文、数字、符号）" oninput="this.value=this.value.replace(/[\u4e00-\u9fff]/g,'');checkPwMatch()">
      <button type="button" class="pw-eye" onclick="togglePw('reg_password',this)" tabindex="-1"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#999" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg></button>
    </div>
    <div class="pw-wrap">
      <input type="password" id="reg_password2" maxlength="72" placeholder="* 确认密码" oninput="this.value=this.value.replace(/[\u4e00-\u9fff]/g,'');checkPwMatch()">
      <button type="button" class="pw-eye" onclick="togglePw('reg_password2',this)" tabindex="-1"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#999" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg></button>
    </div>
    <div id="pw-match-hint" style="margin:-8px 0 12px 4px;font-size:12.5px;min-height:18px;"></div>

    <div class="reg-section-title">个人信息</div>
    <input type="text" id="reg_realname" placeholder="* 姓名">
    <input type="text" id="reg_position" maxlength="50" placeholder="* 职位">
    <div class="gender-group">
      <button class="gender-btn" id="gender_male" onclick="selectGender('male')">👨 男</button>
      <button class="gender-btn" id="gender_female" onclick="selectGender('female')">👩 女</button>
    </div>

    <div class="reg-section-title">公司信息</div>
    <div style="font-size:13px;font-weight:600;color:#374151;text-align:left;margin:0 0 8px 2px;">公司名称 <span style="color:#ef4444">*</span></div>
    <input type="text" id="reg_company" maxlength="200" placeholder="请输入公司名称">
    <label for="reg_credit_code" style="display:block;text-align:left;font-weight:600;font-size:13px;margin:8px 0 6px;">统一社会信用代码 <span style="color:#dc2626">*</span></label>
    <input id="reg_credit_code" type="text" required minlength="18" maxlength="18" pattern="[0-9ABCDEFGHJKLMNPQRTUWXY]{18}" placeholder="填写营业执照上的18位代码" autocapitalize="characters" spellcheck="false" oninput="this.value=this.value.toUpperCase()" style="width:100%;box-sizing:border-box;padding:10px 12px;border:1.5px solid #e5e7eb;border-radius:8px;font:inherit;margin-bottom:12px;">
    <datalist id="supplier-province-options">
      <option value="北京"></option><option value="上海"></option><option value="天津"></option><option value="重庆"></option>
      <option value="河北"></option><option value="山西"></option><option value="辽宁"></option><option value="吉林"></option><option value="黑龙江"></option>
      <option value="江苏"></option><option value="浙江"></option><option value="安徽"></option><option value="福建"></option><option value="江西"></option>
      <option value="山东"></option><option value="河南"></option><option value="湖北"></option><option value="湖南"></option><option value="广东"></option>
      <option value="海南"></option><option value="四川"></option><option value="贵州"></option><option value="云南"></option><option value="陕西"></option>
      <option value="甘肃"></option><option value="青海"></option><option value="内蒙古"></option><option value="广西"></option><option value="西藏"></option>
      <option value="宁夏"></option><option value="新疆"></option><option value="香港"></option><option value="澳门"></option><option value="台湾"></option>
    </datalist>
    <div class="gender-group">
      <button class="gender-btn" id="ctype_factory" onclick="selectCompanyType('工厂')">工厂</button>
      <button class="gender-btn" id="ctype_dealer" onclick="selectCompanyType('经销商')">经销商</button>
      <button class="gender-btn" id="ctype_trader" onclick="selectCompanyType('贸易商')">贸易商</button>
      <button class="gender-btn" id="ctype_enduser" onclick="selectCompanyType('终端用户')">终端用户</button>
      <button class="gender-btn" id="ctype_other" onclick="selectCompanyType('其他')">其他</button>
    </div>
    <input type="text" id="reg_company_type_other" placeholder="请输入公司类型" style="display:none;">
    <datalist id="company-type-options">
      <option value="工厂"></option>
      <option value="经销商"></option>
      <option value="贸易商"></option>
      <option value="终端用户"></option>
      <option value="其他"></option>
    </datalist>
    <div class="reg-section-title">所属行业（用于需求发布和客户资料归类）</div>
    <div class="sf-dd-wrap register-industry-field">
      <input type="text" id="reg_industry" maxlength="80" autocomplete="off" placeholder="* 输入行业或选择建议，如：食品配料" oninput="sfDrop('regind',this.value)" onfocus="sfDrop('regind',this.value)" aria-autocomplete="list" aria-controls="sf-drop-regind">
      <div class="sf-dd" id="sf-drop-regind" role="listbox"></div>
    </div>
    <div class="reg-section-title">主营产品（用于匹配采购需求，越详细越容易被采购方看到）</div>
    <input type="text" id="reg_product" placeholder="* 请填写产品品类、规格、用途等，越详细越好">
    <div class="reg-section-title">公司简介（选填，采购方可在供应商详情中查看）</div>
    <textarea id="reg_company_intro" maxlength="500" rows="4" placeholder="介绍公司的主要业务、优势和服务能力" oninput="document.getElementById('reg-company-intro-count').textContent=this.value.length+'/500'" style="width:100%;box-sizing:border-box;resize:vertical;min-height:96px;margin-bottom:4px;padding:12px 14px;border:1.5px solid #e5e7eb;border-radius:10px;font:13px/1.7 var(--font);color:#111827;outline:none;"></textarea>
    <div style="text-align:right;margin:0 4px 10px 0;font-size:12px;color:#9ca3af;"><span id="reg-company-intro-count">0/500</span></div>

    <!-- 用户协议勾选 -->
    <div style="margin:12px 0 16px;display:flex;align-items:flex-start;gap:8px;">
      <input type="checkbox" id="reg_agree" disabled style="margin-top:3px;width:16px;height:16px;cursor:not-allowed;accent-color:#7c3aed;flex-shrink:0;">
      <span style="font-size:13px;color:#6b7280;line-height:1.6;">
        我已阅读并同意
        <a class="auth-agreement-link" onclick="event.stopPropagation();openAgreementModal()">《销售客户管理服务规则》与《隐私保护政策》</a>
        <span style="font-size:12px;color:#9ca3af;">（点击阅读后方可勾选）</span>
      </span>
    </div>

    <button class="btn-main" onclick="doRegister()">立即注册</button>
    <div class="link-row">已有账号？<a onclick="showLogin()">去登录</a></div>
  </div>
</div>

<!-- 协议弹窗 -->
<div id="agreementModal" style="display:none;position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:99999;align-items:center;justify-content:center;">
  <div style="background:white;border-radius:16px;width:680px;max-width:92vw;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 24px 60px rgba(0,0,0,0.2);">
    <div style="padding:20px 24px 14px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;">
      <h2 id="agreementTitle" style="font-size:18px;font-weight:700;color:#111827;margin:0;"></h2>
      <button onclick="closeAgreementModal()" style="min-width:72px;height:34px;padding:0 16px;background:white;border:1.5px solid #111827;font-size:13px;color:#111827;cursor:pointer;border-radius:8px;font-weight:500;font-family:var(--font);transition:all .15s;" onmouseover="this.style.background='#f3f4f6';this.style.borderColor='#111827';this.style.color='#111827'" onmouseout="this.style.background='white';this.style.borderColor='#111827';this.style.color='#111827'">关闭</button>
    </div>
    <div id="agreementBody" style="padding:20px 24px;overflow-y:auto;flex:1;font-size:14px;color:#374151;line-height:1.8;" onscroll="checkAgreementScroll(this)">
    </div>
    <div style="padding:14px 24px;border-top:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;">
      <span id="agreementHint" style="font-size:13px;color:#ef4444;">↓ 请滑动阅读至底部</span>
      <button id="agreementConfirmBtn" disabled onclick="confirmAgreement()" style="padding:10px 28px;background:#d1d5db;color:white;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:not-allowed;font-family:var(--font);transition:all .15s;">我已阅读并同意</button>
    </div>
  </div>
</div>

<div class="app-wrap" id="appWrap" style="display:none;">

<button type="button" id="mobile-nav-toggle" class="mobile-nav-toggle" onclick="toggleMobileNav(event)" aria-label="打开导航" aria-controls="mobile-sidebar" aria-expanded="false">
  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><path d="M4 6h16M4 12h16M4 18h16"/></svg>
</button>
<div id="mobile-nav-scrim" class="mobile-nav-scrim" onclick="closeMobileNav()" aria-hidden="true"></div>

<!-- 侧边栏 -->
<!-- 最后修改：2026-10-03 18:12:31（北京时间）— 侧栏改为用户确认的样板 A：品牌行、分区标签、单色线性图标、深色选中、绿色/天蓝提醒与活跃度圆环；电脑端仍固定展开。 -->
<aside class="sidebar" id="mobile-sidebar">
  <div class="sb-logo">
    <div class="sb-logo-icon">
      <img src="assets/img/index-strawberry-logo.svg?v=2026-08-29-index-strawberry-logo-2" alt="红皇后 CSM 草莓图标" onerror="this.style.display='none';this.nextElementSibling.style.display='flex';">
      <div class="sb-logo-fallback" style="display:none;">
        <svg width="38" height="38" viewBox="0 0 38 38" aria-hidden="true">
          <rect width="38" height="38" fill="url(#logoGrad)"/>
          <defs><linearGradient id="logoGrad" x1="0" y1="0" x2="1" y2="1"><stop offset="0%" stop-color="#7c3aed"/><stop offset="100%" stop-color="#6d28d9"/></linearGradient></defs>
          <text x="19" y="32" font-size="48" fill="white" font-family="serif" text-anchor="middle">♛</text>
        </svg>
      </div>
    </div>
    <div class="sb-logo-text">
      <span class="sb-logo-name">红皇后CSM</span>
      <div class="sb-logo-subline">
        <span class="sb-logo-role">销售端</span>
        <span class="sb-logo-light sb-logo-light-red" aria-hidden="true"></span>
        <span class="sb-logo-light sb-logo-light-yellow" aria-hidden="true"></span>
        <span class="sb-logo-light sb-logo-light-green" aria-hidden="true"></span>
      </div>
    </div>
  </div>
  <div class="sb-nav">
    <div class="nav-section">公共区域</div>
    <div class="nav-item active" onclick="switchPage('ocean',this)">
      <span class="nav-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="9"/><path d="M3 12h18"/><path d="M12 3a14 14 0 0 1 0 18a14 14 0 0 1 0-18z"/></svg></span>客户公海
      <span id="ocean-nav-badge" class="ocean-nav-badge" title="客户公海新分享提醒">0</span>
    </div>
    <div class="nav-item" id="product-demand-nav-item" onclick="dismissProductDemandNavNotice();switchPage('demand',this)">
      <span class="nav-icon product-demand-nav-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M4 10v9a1.5 1.5 0 0 0 1.5 1.5h13A1.5 1.5 0 0 0 20 19v-9"/><path d="M3 6.5L5 3.5h14l2 3v1.2a2.8 2.8 0 0 1-5.6 0 2.8 2.8 0 0 1-5.6 0 2.8 2.8 0 0 1-5.6 0z"/><path d="M9.5 20.5v-5h5v5"/></svg></span><span>需求市场</span>
      <span id="product-demand-nav-badge" class="product-demand-nav-badge" title="新的采购需求" role="status" aria-live="polite" aria-atomic="true" aria-hidden="true">
        <span id="product-demand-nav-new" class="product-demand-nav-count"><span class="nav-badge-label">新需求 </span><span id="product-demand-nav-new-count" class="product-demand-nav-number">0</span></span>
        <span id="product-demand-nav-match" class="product-demand-nav-count product-demand-nav-match" hidden><span class="nav-badge-label">匹配 </span><span id="product-demand-nav-match-count" class="product-demand-nav-number">0</span></span>
      </span>
    </div>
    <div class="nav-item" onclick="switchPage('guide',this,true)">
      <span class="nav-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="9"/><path d="M15.6 8.4l-2 5.2-5.2 2 2-5.2z"/></svg></span>操作指南
      <span class="guide-nav-tail"><span id="guide-nav-hint" class="guide-nav-hint">新人必看</span><span id="guide-nav-update" class="nav-update-dot" title="操作指南有新更新" style="display:none;">新更新</span></span>
    </div>
    <!-- 需求市场临时下架：保留页面与逻辑，仅隐藏 Index 入口。 -->
    <div class="nav-item" style="display:none !important;" aria-hidden="true" onclick="switchPage('demandMarket',this)">
      <span class="nav-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M4 7h16"/><path d="M5 7l1 13h12l1-13"/><path d="M9 7a3 3 0 0 1 6 0"/><path d="M9 13h6"/><path d="M9 17h4"/></svg></span>需求市场
    </div>
    <div class="nav-item" onclick="switchPage('academy',this)">
      <span class="nav-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M2.5 9.5L12 5l9.5 4.5L12 14z"/><path d="M6.5 11.5v4.3c0 1.4 2.5 2.9 5.5 2.9s5.5-1.5 5.5-2.9v-4.3"/><path d="M21.5 9.5v5"/></svg></span>销售学堂
      <span id="academy-nav-badge" class="academy-nav-badge" style="display:none;">新文章</span>
    </div>
    <!-- 2026-10-06 16:35:10（北京时间）：AI 技能库暂时下架，后台资料保留。 -->
    <div class="nav-item" hidden style="display:none!important;" aria-hidden="true" onclick="switchPage('aiAssistant',this)">
      <span class="nav-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M10 3.8l1.6 4.3c.3.8.8 1.3 1.6 1.6l4.3 1.6-4.3 1.6c-.8.3-1.3.8-1.6 1.6L10 18.8l-1.6-4.3c-.3-.8-.8-1.3-1.6-1.6l-4.3-1.6 4.3-1.6c.8-.3 1.3-.8 1.6-1.6z"/><path d="M18.5 3.5v3.5M16.75 5.25h3.5"/></svg></span>AI技能库
    </div>
    <div class="nav-section nav-section-private">个人区域<svg class="nav-section-lock" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><rect x="5" y="11" width="14" height="10" rx="2"/><path d="M8 11V7.5a4 4 0 0 1 8 0V11"/></svg><small>仅自己可见</small></div>
    <div class="nav-item" id="nav-mine" onclick="switchPage('mine',this)">
      <span class="nav-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="12" cy="8" r="4"/><path d="M4.5 20.5c.9-3.6 3.9-5.8 7.5-5.8s6.6 2.2 7.5 5.8"/></svg></span>我的客户
      <span id="mine-joined-nav-badge" class="ocean-nav-badge" role="status" aria-live="polite" aria-atomic="true" title="新加入客户提醒" style="display:none"></span>
    </div>
    <!-- 最后修改：2026-09-23 10:50:00（北京时间）— 客户跟进合并入口副标题，用户已确认上线。 -->
    <div class="nav-item" id="nav-followup" onclick="switchPage('followup',this)">
      <span class="nav-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="9"/><circle cx="12" cy="12" r="5"/><circle cx="12" cy="12" r="1.2"/></svg></span><div class="cw-nav-copy"><span>客户跟进</span></div>
    </div>
    <div class="nav-item cw-legacy-nav" onclick="switchPage('samples',this)" hidden>
      <span class="nav-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2v-4M9 21H5a2 2 0 0 1-2-2v-4m0 0h18"/></svg></span>样品管理
    </div>
    <div class="nav-item cw-legacy-nav" onclick="switchPage('orders',this)" hidden>
      <span class="nav-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2"/><rect x="9" y="3" width="6" height="4" rx="1"/></svg></span>订单管理
    </div>
    <div class="nav-item shares-nav-item" onclick="switchPage('shares',this)">
      <span class="nav-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M12.5 21H7a2.5 2.5 0 0 1-2.5-2.5v-13A2.5 2.5 0 0 1 7 3h6l5 5v2.5"/><path d="M13 3v5h5"/><path d="M19.4 13.6a1.7 1.7 0 0 1 2.4 2.4L17 20.8l-3.2.8.8-3.2z"/></svg></span><span class="shares-nav-label">我的录入</span>
      <span id="shares-nav-badges" class="shares-nav-badges" role="status" aria-live="polite" style="display:none;">
        <button type="button" id="shares-nav-good" class="shares-nav-status-badge shares-nav-good" hidden>新好评 0</button>
        <button type="button" id="shares-nav-bad" class="shares-nav-status-badge shares-nav-bad" hidden>新差评 0</button>
        <button type="button" id="shares-nav-revoked" class="shares-nav-status-badge shares-nav-revoked" hidden>已撤销 0</button>
        <button type="button" id="shares-nav-offline" class="shares-nav-status-badge shares-nav-offline" hidden>已下架 0</button>
        <button type="button" id="shares-nav-approved" class="shares-nav-status-badge shares-nav-approved" hidden>已通过 0</button>
        <button type="button" id="shares-nav-rejected" class="shares-nav-status-badge shares-nav-rejected" hidden>已驳回 0</button>
      </span>
    </div>
    <div class="nav-item" onclick="switchPage('achievement',this)">
      <span class="nav-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="12" cy="9" r="6"/><path d="M8.5 14l-1.5 7 5-2.6 5 2.6-1.5-7"/></svg></span><span>我的努力</span>
    </div>
    <div class="nav-item" onclick="switchPage('sales',this)">
      <span class="nav-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="3.5" y="3.5" width="17" height="17" rx="4"/><path d="M8.5 16v-4M12 16V8M15.5 16v-6"/></svg></span>业绩看板
    </div>
  </div>
  <div class="sb-tools">
    <button type="button" class="nav-item" id="nav-suggestions" onclick="switchPage('suggestions',this)"><span class="nav-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 11.5a8.4 8.4 0 0 1-1 4 8.5 8.5 0 0 1-7.5 4.5 8.4 8.4 0 0 1-4-1L3 21l2-5.5a8.4 8.4 0 0 1-1-4A8.5 8.5 0 0 1 12.5 3h.5a8.5 8.5 0 0 1 8 8v.5Z"/></svg></span><span>意见建议</span><span id="suggestions-unread" class="ideas-nav-badge" hidden></span></button>
    <div class="nav-item" data-profile-settings onclick="switchPage('settings',this)">
      <span class="nav-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.6 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.6a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg></span>账号设置
    </div>
    <div class="mode-toggle">
      <button type="button" class="mode-toggle__btn" id="theme-mode-single" onclick="toggleThemeMode()" role="switch" aria-checked="false" aria-label="深色模式" title="切换深色模式">
        <span class="mode-toggle__icon" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M20 14.5A8 8 0 0 1 9.5 4a8 8 0 1 0 10.5 10.5z"/></svg></span>
        <span class="mode-toggle__label">深色模式</span>
        <span class="mode-toggle__switch" aria-hidden="true"></span>
      </button>
    </div>
  </div>
  <div class="sb-bottom">
    <div class="sb-activity-summary is-empty is-unavailable" id="sb-activity-ring" role="img" aria-label="近30天活跃度暂不可用" title="近30天活跃度：北京时间近30个自然日，有效业务操作天数÷30；成功加入、审核通过的分享、有效跟进、订单和样品业务记录才计入，同日最多一次。历史仅采用可核实记录。">
      <div class="sb-activity-heading">
        <span class="sb-activity-label">近30天活跃度</span>
        <span class="sb-activity-count"><strong class="sb-activity-number" id="sb-activity-value">暂不可用</strong><span class="sb-activity-unit" id="sb-activity-unit" hidden>%</span></span>
      </div>
      <div class="sb-activity-cells" id="sb-activity-cells" aria-hidden="true"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div>
    </div>
    <div class="sb-profile-identity" id="sb-identity"><span class="sb-profile-company" id="sb-company">未填写公司</span><span class="sb-profile-at">@</span><span class="sb-profile-name" id="sb-name">未填写姓名</span></div>
  </div>
</aside>

<button type="button" id="sidebar-collapse-toggle" class="sidebar-collapse-toggle" onclick="toggleSidebarCollapse(event)" aria-label="收起导航" aria-controls="mobile-sidebar" aria-expanded="true" title="收起导航">
  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m15 18-6-6 6-6"/></svg>
</button>

<!-- 顶栏 -->
<div class="topbar">
  <div class="inner">
    <div class="topbar-title" id="page-title" style="display:none"></div>
    <span id="title-count" style="display:none"></span>
    <div class="topbar-actions" style="margin-left:auto">
      <a id="sales-ai-return" href="sales-ai-trial.html" class="detail-head-btn" style="display:none;padding:6px 8px;text-decoration:none" aria-label="返回 AI 客户发现测试页">返回 AI 测试</a>
      <span id="topbar-credits" style="display:none">
        <svg class="topbar-credit-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="9"/><path d="M12 7v5h4"/></svg>
        <span class="topbar-credit-label">查看余额</span><span id="topbar-credit-num">0</span><span class="topbar-credit-unit">次</span>
      </span>
      <button type="button" id="btn-share" class="t-pri topbar-share-btn" style="display:none" onclick="openShare()">
        <span class="share-button-copy">
          <span class="share-button-label">分享线索</span>
          <span class="share-button-reward">奖励<em>20</em>个查看名额</span>
        </span>
      </button>
    </div>
  </div>
</div>

<!-- 筛选栏（左边标题，右边筛选）-->
<div class="filterbar">
  <div class="inner">
    <div class="filterbar-title">
      <span id="page-title-sub"></span>
      <span id="title-count-sub"></span>
      <button type="button" id="mine-protection-rules" class="protection-rules-entry" data-protection-rules aria-haspopup="dialog">保护规则</button>
      <span id="private-tip"></span>
    </div>
    <div class="filterbar-controls">
      <form id="customer-company-search-form" class="filterbar-search-wrap" role="search" title="查找公司" autocomplete="off" onsubmit="event.preventDefault()">
        <input id="search-pool" name="customer_company_query" class="filterbar-search" type="search" placeholder="查找公司" aria-label="查找公司" autocomplete="off" data-lpignore="true" data-1p-ignore="true" maxlength="120" readonly onfocus="beginCustomerListSearch()" onblur="endCustomerListSearch()" oninput="handleCustomerListSearchInput(event)">
      </form>
      <select id="sel-ind" multiple hidden aria-hidden="true" tabindex="-1"></select>
      <button type="button" class="f-sel province-multi-trigger customer-filter-trigger" id="sel-ind-trigger" data-customer-filter="sel-ind" aria-haspopup="dialog" aria-expanded="false" aria-controls="customer-filter-panel"><span>全部行业</span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg></button>
      <select id="sel-customer-type" multiple hidden aria-hidden="true" tabindex="-1"></select>
      <button type="button" class="f-sel province-multi-trigger customer-filter-trigger" id="sel-customer-type-trigger" data-customer-filter="sel-customer-type" aria-haspopup="dialog" aria-expanded="false" aria-controls="customer-filter-panel"><span>全部客户属性</span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg></button>
      <div class="province-multi">
        <button type="button" class="f-sel province-multi-trigger" id="sel-province" aria-haspopup="dialog" aria-expanded="false" onclick="toggleProvinceMulti(event)">
          <span id="sel-province-label">全部省份</span>
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>
        </button>
      </div>
      <select class="f-sel" id="sel-source" onchange="doFilter()" style="display:none;">
        <option value="">全部来源</option>
        <option value="private">个人客户</option>
        <option value="ocean">公海客户</option>
      </select>
      <select class="f-sel" id="sel-favorite" onchange="doFilter()" style="display:none;" aria-label="收藏筛选">
        <option value="">收藏：全部</option>
        <option value="favorite">只看收藏</option>
      </select>
      <select class="f-sel" id="mine-workspace-filter" aria-label="客户开发筛选" hidden onchange="CustomerWorkspace.setFilter('mine',this.value)">
        <option value="all">全部客户</option><option value="unstarted">未开始跟进</option><option value="expiring" title="同公司保护即将到期">保护即将到期</option><option value="expired" title="同公司保护已到期">保护已到期</option>
      </select>
      <select class="f-sel" id="sel-wechat" onchange="doFilter()" style="display:none;">
        <option value="all">微信：全部</option>
        <option value="added">微信：已通过</option>
        <option value="none">微信：待通过</option>
      </select>
      <select class="f-sel" id="sel-q" onchange="doFilter()">
        <option value="new">分数排序：最新添加</option>
        <option value="q-desc">分数排序：高到低</option>
        <option value="q-asc">分数排序：低到高</option>
      </select>
      <select class="f-sel" id="sel-s" onchange="doFilter()" style="display:none;">
        <option value="new">最新添加</option>
        <option value="q-desc">质量从高到低</option>
        <option value="q-asc">质量从低到高</option>
      </select>
      <button class="f-reset" onclick="resetF()" title="重置筛选并刷新数据" aria-label="重置筛选并刷新数据">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="1 4 1 10 7 10"/><path d="M3.51 15a9 9 0 1 0 .49-4.6"/></svg>重置
      </button>
      <span class="f-count" id="f-count" style="display:none"></span>
      <!-- 最后修改：2026-09-23 09:36:19（北京时间）— 手动录入使用平面按钮。 -->
      <button id="btn-add-private" onclick="openPrivateCustomerModal()" style="display:none">＋ 手动录入</button>
    </div>
  </div>
</div>

<div class="province-multi-panel" id="province-multi-panel" role="dialog" aria-label="选择省份" hidden>
  <!-- 最后修改：2026-09-22 17:20:41（北京时间）— 公海省份方案与账号记忆。 -->
  <div class="province-multi-head">
    <strong>选择省份</strong>
    <button type="button" onclick="clearProvinceMultiDraft()">清空</button>
  </div>
  <!-- 最后修改：2026-09-22 18:10:02（北京时间）— 应用后自动记住省份，取消命名方案操作。 -->
  <section id="province-account-controls" class="province-account-controls" hidden>
    <div class="province-sync-status"><span id="province-account-message" role="status"></span><button type="button" id="province-account-retry" hidden onclick="OceanProvincePreferences.retry()">重试同步</button></div>
  </section>
  <div class="province-multi-options" id="province-multi-options" role="group" aria-label="省份选项"></div>
  <div class="province-multi-actions">
    <span id="province-multi-count">未选择</span>
    <div>
      <button type="button" class="province-multi-cancel" onclick="closeProvinceMulti()">取消</button>
      <button type="button" class="province-multi-apply" onclick="applyProvinceMulti()">应用</button>
    </div>
  </div>
</div>

<!-- 表格区域（绝对定位，永远可见）-->
<div class="table-area" id="table-area">
  <div class="inner" style="display:block;padding:0;box-sizing:border-box;">
  <table id="tbl-ocean">
    <colgroup>
      <col class="c-seq"><col class="c-co"><col class="c-ind"><col class="c-contact">
      <col class="c-pos"><col class="c-phone"><col class="c-q">
      <col class="c-date"><col class="c-src"><col class="c-op"><col class="c-favorite"><col class="c-add">
    </colgroup>
    <thead><tr>
      <th>序列</th><th>公司名称</th><th>行业</th><th>联系人</th>
      <th>职位</th><th>联系方式</th><th>公海评分</th>
      <th>提交时间</th><th>线索来源</th><th>客户详情</th><th>收藏</th><th>加入我的客户</th>
    </tr></thead>
    <tbody id="tb-ocean"></tbody>
  </table>
  <!-- 2026-10-26 10:28:30（北京时间）— 我的客户精简：第4列改为保护期、微信改名；职位/评分/趋势/提交时间单元格保留但隐藏，供原有局部更新使用。 -->
  <table style="display:none" id="tbl-mine">
    <colgroup>
      <col class="c-seq"><col class="c-co"><col class="c-level"><col class="c-ind"><col class="c-contact">
      <col class="c-pos"><col class="c-phone"><col class="c-wechat"><col class="c-q"><col class="c-trend">
      <col class="c-date"><col class="c-src"><col class="c-feedback"><col class="c-add">
    </colgroup>
    <thead><tr>
      <th>序列</th><th>公司名称</th><th>客户等级</th><th>保护期</th><th>联系人</th>
      <th>职位</th><th>联系方式</th><th>微信</th><th>公海评分</th><th>评分趋势</th>
      <th>提交时间</th><th>客户来源</th><th>信息评价</th><th>客户跟进</th>
    </tr></thead>
    <tbody id="tb-mine"></tbody>
  </table>
</div>
</div>

<!-- 分页栏 -->
<div class="pager" id="table-pager">
  <div class="inner" style="display:flex;align-items:center;justify-content:space-between;padding:0 24px;">
  <span id="pg-info">显示 1-14 条，共 14 条</span>
  <div class="page-btns">
    <button class="pg">‹</button>
    <button class="pg active">1</button>
    <button class="pg">2</button>
    <button class="pg">3</button>
    <button class="pg">›</button>
  </div>
  </div>
</div>

<!-- 需求市场演示页面 -->
<div id="page-demand-market" class="demand-market-demo-page" style="display:none;">
  <iframe id="demand-market-demo-frame" class="demand-market-demo-frame" src="about:blank" data-src="demand-market-final.html?v=2026-07-27-1605" title="需求市场演示"></iframe>
</div>

<!-- 需求市场页面 -->
<div id="page-demand" class="purchase-demand-page" data-pd-workflow="v2" style="display:none;">
  <header class="pd-page-header">
    <div class="pd-heading-row">
      <div class="pd-heading-main">
        <div class="pd-title-group">
          <h2>需求市场</h2>
          <div class="pd-summary-group">
            <div class="pd-summary" id="pd-market-summary"><span>全部 <strong id="pd-market-total">0</strong></span><span>新需求 <strong id="pd-market-new">0</strong></span></div>
            <div class="pd-summary" id="pd-mine-summary" hidden><span>我的需求 <strong id="pd-mine-total">0</strong></span></div>
            <div class="pd-summary" id="pd-response-summary" hidden><span>我的响应 <strong id="pd-response-total">0</strong></span><span>已加入客户 <strong id="pd-response-customer-total">0</strong></span></div>
          </div>
        </div>
        <div class="pd-view-tabs" role="tablist" aria-label="需求市场视图">
          <button type="button" class="pd-view-tab is-active" role="tab" aria-selected="true" data-demand-view="market">需求市场</button>
          <button type="button" class="pd-view-tab" role="tab" aria-selected="false" data-demand-view="mine">我的需求</button>
          <button type="button" class="pd-view-tab" role="tab" aria-selected="false" data-demand-view="responses">我的响应</button>
        </div>
      </div>
      <div class="pd-toolbar">
        <div class="pd-filter-group" id="pd-market-filters">
          <select id="pd-market-mode" aria-label="按发布方式筛选">
            <option value="">全部发布方式</option>
            <option value="precise">精准发布</option>
            <option value="plaza">广场发布</option>
          </select>
          <select id="pd-market-state" aria-label="按需求状态筛选">
            <option value="">全部状态</option>
            <option value="available">待响应</option>
            <option value="responded">已响应</option>
            <option value="found">产品已找到</option>
            <option value="ended">已结束</option>
            <option value="mine">我发布的</option>
          </select>
        </div>
        <div class="pd-filter-group" id="pd-mine-filters" hidden>
          <select id="pd-mine-mode" aria-label="按发布方式筛选我的需求">
            <option value="">全部发布方式</option>
            <option value="precise">精准发布</option>
            <option value="plaza">广场发布</option>
          </select>
          <select id="pd-mine-state" aria-label="按状态筛选我的需求">
            <option value="">全部状态</option>
            <option value="active">进行中</option>
            <option value="pending">待复核</option>
            <option value="ended">已结束</option>
            <option value="found">产品已找到</option>
          </select>
        </div>
        <div class="pd-filter-group" id="pd-response-filters" hidden>
          <select id="pd-response-customer-state" aria-label="按客户加入状态筛选我的响应">
            <option value="">全部客户状态</option>
            <option value="not-added">未加入客户</option>
            <option value="added">已加入客户</option>
          </select>
        </div>
        <button type="button" class="pd-publish-button" id="pd-open-publish">发布采购需求</button>
        <button type="button" class="pd-refresh-button" id="pd-refresh">刷新</button>
      </div>
    </div>
  </header>

  <main class="pd-content">
    <section class="pd-panel" id="pd-market-panel" role="tabpanel">
      <div class="pd-table-shell">
        <div class="pd-table-scroll">
          <table class="pd-table pd-market-table pd-grouped-table">
            <colgroup><col class="pd-sequence-col"><col class="pd-summary-col"><col class="pd-company-col"><col class="pd-info-col"><col class="pd-action-col"></colgroup>
            <thead><tr><th scope="col">序号</th><th>采购品种 / 补充要求</th><th>需求方信息</th><th>发布信息</th><th>响应状态</th></tr></thead>
            <tbody id="product-demand-list-body"><tr><td colspan="5" class="pd-empty"></td></tr></tbody>
          </table>
        </div>
      </div>
      <nav class="pd-pagination" data-pd-pagination="market" aria-label="需求市场分页" hidden><span class="pd-page-note">每页11条 · 点击行查看详情</span><div class="pd-page-controls page-btns"></div><span class="pd-page-count"><strong data-page-current>1</strong> / <span data-page-total>1</span> 页</span><span class="page-jump"><label for="pd-market-jump">跳至</label><input id="pd-market-jump" class="page-jump-input" data-page-input type="number" min="1" max="1" step="1" inputmode="numeric" value="1" aria-label="跳转页码"><span>页</span><button type="button" class="page-jump-btn" data-page-jump>跳转</button></span></nav>
    </section>

    <section class="pd-panel" id="pd-mine-panel" role="tabpanel" hidden>
      <div class="pd-table-shell">
        <div class="pd-table-scroll">
          <table class="pd-table pd-mine-table pd-grouped-table">
            <colgroup><col class="pd-sequence-col"><col class="pd-summary-col"><col class="pd-progress-col"><col class="pd-info-col"><col class="pd-action-col"></colgroup>
            <thead><tr><th scope="col">序号</th><th>采购品种 / 补充要求</th><th>响应情况 / 状态</th><th>发布信息</th><th>操作</th></tr></thead>
            <tbody id="pd-mine-body"><tr><td colspan="5" class="pd-empty"></td></tr></tbody>
          </table>
        </div>
      </div>
      <nav class="pd-pagination" data-pd-pagination="mine" aria-label="我的需求分页" hidden><span class="pd-page-note">每页11条 · 点击行查看详情</span><div class="pd-page-controls page-btns"></div><span class="pd-page-count"><strong data-page-current>1</strong> / <span data-page-total>1</span> 页</span><span class="page-jump"><label for="pd-mine-jump">跳至</label><input id="pd-mine-jump" class="page-jump-input" data-page-input type="number" min="1" max="1" step="1" inputmode="numeric" value="1" aria-label="跳转页码"><span>页</span><button type="button" class="page-jump-btn" data-page-jump>跳转</button></span></nav>
    </section>

    <section class="pd-panel" id="pd-responses-panel" role="tabpanel" hidden>
      <div class="pd-table-shell">
        <div class="pd-table-scroll">
          <table class="pd-table pd-response-table pd-grouped-table">
            <colgroup><col class="pd-sequence-col"><col class="pd-summary-col"><col class="pd-company-col"><col class="pd-info-col"><col class="pd-action-col"></colgroup>
            <thead><tr><th scope="col">序号</th><th>采购品种 / 补充要求</th><th>需求方信息</th><th>响应时间</th><th>状态 / 操作</th></tr></thead>
            <tbody id="pd-response-body"><tr><td colspan="5" class="pd-empty"></td></tr></tbody>
          </table>
        </div>
      </div>
      <nav class="pd-pagination" data-pd-pagination="responses" aria-label="我的响应分页" hidden><span class="pd-page-note">每页11条 · 点击行查看详情</span><div class="pd-page-controls page-btns"></div><span class="pd-page-count"><strong data-page-current>1</strong> / <span data-page-total>1</span> 页</span><span class="page-jump"><label for="pd-responses-jump">跳至</label><input id="pd-responses-jump" class="page-jump-input" data-page-input type="number" min="1" max="1" step="1" inputmode="numeric" value="1" aria-label="跳转页码"><span>页</span><button type="button" class="page-jump-btn" data-page-jump>跳转</button></span></nav>
    </section>
  </main>

  <div class="pd-copy-toast" id="pd-copy-toast" role="status" aria-live="polite" hidden>已复制</div>
</div>

<div id="pd-response-toast" role="status" aria-live="polite" aria-atomic="true" hidden></div>

<dialog id="pd-detail-dialog" aria-labelledby="pd-detail-title">
  <div class="pd-detail-head"><h3 id="pd-detail-title">采购需求详情</h3><button type="button" id="pd-detail-close" aria-label="关闭需求详情" autofocus>关闭</button></div>
  <button type="button" id="pd-detail-prev" class="detail-side-arrow is-prev" aria-label="上一条需求" title="上一条（←）"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="m14 5-7 7 7 7"/></svg><span class="cd-nav-label">上一条</span></button><button type="button" id="pd-detail-next" class="detail-side-arrow is-next" aria-label="下一条需求" title="下一条（→）"><span class="cd-nav-label">下一条</span><svg viewBox="0 0 24 24" aria-hidden="true"><path d="m10 5 7 7-7 7"/></svg></button>
  <div id="pd-detail-content"></div>
  <div id="pd-detail-copy-status" role="status" aria-live="polite" hidden></div>
</dialog>

<div class="pd-modal" id="pd-demand-modal" hidden>
    <div class="pd-modal-card" role="dialog" aria-modal="true" aria-labelledby="pd-modal-title">
      <div class="pd-modal-head"><span class="sf-title-ic" data-cd-icon="megaphone" aria-hidden="true"></span><h3 id="pd-modal-title">发布采购需求</h3><button type="button" class="pd-modal-close" id="pd-modal-close" aria-label="关闭">×</button></div>
      <div class="pd-modal-body">
        <form id="pd-demand-form">
        <input type="hidden" id="pd-edit-id" value="">
        <input type="text" name="website" class="pd-honeypot" tabindex="-1" autocomplete="off" aria-hidden="true">
        <div class="pd-form-grid pd-identity-fields" id="pd-identity-fields" role="group" aria-label="本条需求联系资料">
          <label class="pd-form-field"><span><span class="sf-ic-slot" data-cd-icon="building" aria-hidden="true"></span>公司名称 <span class="pd-required">*</span></span><input id="pd-demand-company" type="text" maxlength="120" required autocomplete="off" placeholder="填写需求方公司名称"></label>
          <label class="pd-form-field"><span><span class="sf-ic-slot" data-cd-icon="person" aria-hidden="true"></span>联系人名称 <span class="pd-required">*</span></span><input id="pd-contact-name" type="text" maxlength="80" required autocomplete="off" placeholder="填写联系人名称"></label>
          <label class="pd-form-field"><span><span class="sf-ic-slot" data-cd-icon="brief" aria-hidden="true"></span>职位 <span class="pd-required">*</span></span><input id="pd-position" type="text" maxlength="80" required autocomplete="off" placeholder="填写联系人职位"></label>
          <label class="pd-form-field"><span><span class="sf-ic-slot" data-cd-icon="phone" aria-hidden="true"></span>联系方式 <span class="pd-required">*</span></span><input id="pd-contact-method" type="text" maxlength="120" required autocomplete="off" placeholder="填写电话或其他联系方式"></label>
        </div>
        <div class="pd-form-grid">
          <fieldset class="pd-mode-field pd-form-full">
            <legend><span class="sf-ic-slot" data-cd-icon="status" aria-hidden="true"></span>发布方式</legend>
            <div class="pd-mode-options">
              <button type="button" class="pd-mode-option is-active" data-publish-mode="plaza" aria-pressed="true"><span class="pd-mode-label">广场模式</span></button>
              <button type="button" class="pd-mode-option" data-publish-mode="precise" aria-pressed="false"><span class="pd-mode-label">精准模式</span></button>
            </div>
            <input type="hidden" id="pd-publish-mode" value="plaza">
            <div class="pd-mode-summary" role="status" aria-live="polite"><span id="pd-publish-note">公开展示，更多供应商可见，便于尽快获得响应。</span></div>
          </fieldset>
          <label class="pd-form-field"><span><span class="sf-ic-slot" data-cd-icon="box" aria-hidden="true"></span>采购产品 <span class="pd-required">*</span></span><input id="pd-required-product" type="text" maxlength="200" required placeholder="多个产品可用逗号分隔"></label>
          <label class="pd-form-field pd-form-full"><span><span class="sf-ic-slot" data-cd-icon="note" aria-hidden="true"></span>补充要求 <small>选填，<span id="pd-requirement-count">0</span>/200 字</small></span><textarea id="pd-requirement" maxlength="200" rows="3" placeholder="如：需要 COA、报价单、营业执照，可接受现货或一周内发货"></textarea></label>
          <div class="pd-form-field pd-date-field pd-form-full">
            <span id="pd-validity-label"><span class="sf-ic-slot" data-cd-icon="calendar" aria-hidden="true"></span>需求有效期 <span class="pd-required">*</span></span>
            <div class="pd-validity-choice" role="group" aria-labelledby="pd-validity-label">
              <button type="button" class="pd-validity-option" data-validity-preset="7" aria-pressed="false">7天</button>
              <button type="button" class="pd-validity-option" data-validity-preset="15" aria-pressed="false">15天</button>
              <button type="button" class="pd-validity-option is-active" data-validity-preset="30" aria-pressed="true">30天</button>
              <button type="button" class="pd-validity-option" data-validity-preset="365" aria-pressed="false">1年</button>
              <button type="button" class="pd-validity-option" data-validity-preset="permanent" aria-pressed="false">长期有效</button>
            </div>
            <p class="pd-validity-current" id="pd-validity-current" hidden></p>
            <input type="hidden" id="pd-validity-preset" value="30">
            <input type="hidden" id="pd-valid-until" value="">
            <input type="hidden" id="pd-is-permanent" value="false">
          </div>
        </div>
        </form>
      </div>
      <div class="pd-modal-actions"><button type="button" class="pd-secondary-button" id="pd-modal-cancel">取消</button><button type="submit" class="pd-submit-button" id="pd-submit" form="pd-demand-form">发布需求</button></div>
    </div>
  </div>

<!-- 统一客户工作区导航：由模块移至当前跟进、样品或订单页面。 -->
<nav id="customer-workspace-tabs" class="cw-workspace-tabs" aria-label="客户跟进工作区" hidden>
  <div role="tablist" aria-label="工作区视图">
    <button type="button" role="tab" data-workspace-page="followup" onclick="CustomerWorkspace.navigate('followup')">客户跟进</button>
    <button type="button" role="tab" data-workspace-page="samples" onclick="CustomerWorkspace.navigate('samples')">样品记录</button>
    <button type="button" role="tab" data-workspace-page="orders" onclick="CustomerWorkspace.navigate('orders')">订单记录</button>
  </div>
  <div class="cw-workspace-tools"><button type="button" data-cw-demo-open>合并操作演示</button>
  <select id="followup-workspace-filter" aria-label="同公司保护筛选" onchange="CustomerWorkspace.setFilter('followup',this.value)">
    <option value="all">全部客户</option><option value="expiring">同公司保护即将到期</option><option value="expired">同公司保护已到期</option>
  </select></div>
  <div class="cw-workspace-actions" data-cw-actions-slot></div>
</nav>
<!-- 最后修改：2026-09-23 10:34:00（北京时间）— 合并演示只读回放，关闭即卸载。 -->
<!-- 最后修改：2026-09-23 11:50:00（北京时间）— 弹窗直接回放，不依赖线上HTTP页面嵌入。 -->
<dialog id="cw-demo-modal" aria-labelledby="cw-demo-title"><header><strong id="cw-demo-title">客户跟进合并演示</strong><button id="cw-demo-close" type="button">已了解</button></header><div id="cw-demo-content" class="cw-replay" aria-label="客户跟进、样品和订单自动演示"></div></dialog>

<!-- 业绩看板页面 -->
<div id="page-sales" style="display:none;position:absolute;left:var(--sidebar);right:0;top:var(--topbar);bottom:0;overflow-y:auto;background:#f4f3f8;">
  <div id="customer-development-sales">
  <!-- 标题栏（冻结） -->
  <div style="background:white;border-bottom:1px solid var(--border);padding:0 28px;height:var(--filterbar);display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:5;">
    <span style="font-size:23px;font-weight:700;color:#111827">业绩看板</span>
    <span style="font-size:13px;color:#9ca3af;font-weight:400">数据仅您个人可见</span>
    <div style="margin-left:auto;">
      <button onclick="openWorkSummaryExportModal()" style="display:flex;align-items:center;gap:5px;padding:8px 18px;background:linear-gradient(135deg,#16a34a,#15803d);color:white;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font);transition:all .15s;box-shadow:0 4px 14px rgba(21,128,61,0.35);" onmouseover="this.style.transform='translateY(-1px)';this.style.boxShadow='0 6px 20px rgba(21,128,61,0.45)'" onmouseout="this.style.transform='none';this.style.boxShadow='0 4px 14px rgba(21,128,61,0.35)'">+ 导出业绩</button>
    </div>
  </div>
  <div id="workSummaryExportModal" style="display:none;position:fixed;inset:0;background:rgba(15,23,42,0.45);z-index:10000;align-items:center;justify-content:center;padding:24px;">
    <div style="width:460px;max-width:96vw;background:#fff;border-radius:18px;box-shadow:0 24px 70px rgba(15,23,42,0.24);overflow:hidden;">
      <div style="padding:22px 24px 16px;border-bottom:1px solid #eef2f7;">
        <div style="font-size:19px;font-weight:800;color:#111827;">导出工作总结</div>
        <div style="font-size:13px;color:#6b7280;margin-top:6px;line-height:1.7;">选择时间范围和报告版本，系统会打开新页面生成可编辑报告。</div>
      </div>
      <div style="padding:20px 24px;display:grid;gap:16px;">
        <div>
          <div style="font-size:13px;font-weight:700;color:#374151;margin-bottom:9px;">时间范围</div>
          <div style="display:flex;gap:8px;flex-wrap:wrap;">
            <button type="button" class="work-summary-range-btn active" data-range="week" onclick="setWorkSummaryExportRange('week')">本周</button>
            <button type="button" class="work-summary-range-btn" data-range="month" onclick="setWorkSummaryExportRange('month')">本月</button>
            <button type="button" class="work-summary-range-btn" data-range="custom" onclick="setWorkSummaryExportRange('custom')">自定义</button>
          </div>
        </div>
        <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;">
          <label style="display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#6b7280;">开始日期
            <input id="workSummaryStartDate" type="date" onchange="setWorkSummaryExportRange('custom')" style="height:38px;border:1.5px solid #e5e7eb;border-radius:9px;padding:0 11px;font-size:13px;font-family:var(--font);color:#111827;">
          </label>
          <label style="display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#6b7280;">结束日期
            <input id="workSummaryEndDate" type="date" onchange="setWorkSummaryExportRange('custom')" style="height:38px;border:1.5px solid #e5e7eb;border-radius:9px;padding:0 11px;font-size:13px;font-family:var(--font);color:#111827;">
          </label>
        </div>
        <div>
          <div style="font-size:13px;font-weight:700;color:#374151;margin-bottom:9px;">报告版本</div>
          <div style="display:grid;grid-template-columns:1fr 1fr;gap:10px;">
            <label class="work-summary-style-option">
              <input type="radio" name="workSummaryStyle" value="simple" checked>
              <span><b>简单版</b><em>一页汇总，适合周报</em></span>
            </label>
            <label class="work-summary-style-option">
              <input type="radio" name="workSummaryStyle" value="detail">
              <span><b>详细版</b><em>多页复盘，适合月报</em></span>
            </label>
          </div>
        </div>
      </div>
      <div style="display:flex;justify-content:flex-end;gap:10px;padding:16px 24px 22px;border-top:1px solid #eef2f7;">
        <button type="button" onclick="closeWorkSummaryExportModal()" style="padding:10px 18px;border:1px solid #d1d5db;border-radius:10px;background:#fff;color:#374151;font-size:13px;font-weight:700;cursor:pointer;font-family:var(--font);">取消</button>
        <button type="button" onclick="openWorkSummaryReportPage()" style="padding:10px 22px;border:none;border-radius:10px;background:#111827;color:#fff;font-size:13px;font-weight:800;cursor:pointer;font-family:var(--font);">生成报告</button>
      </div>
    </div>
  </div>
  <div style="max-width:var(--max-w);margin:0 auto;padding:20px 28px 40px;">

    <!-- 第1层：KPI卡片（自适应列数，冻结） -->
    <div style="position:sticky;top:var(--filterbar);z-index:4;background:#f4f3f8;padding-bottom:14px;">
      <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:12px;" id="dash-kpi"></div>
    </div>

    <!-- 第2层：月度趋势 + 回款 -->
    <div style="display:grid;grid-template-columns:3fr 2fr;gap:14px;margin-bottom:16px;">
      <div class="dash-card">
        <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;">
          <div class="dash-ct" style="margin-bottom:0;">月度成交趋势</div>
          <div id="dash-trend-summary" style="font-size:14px;color:#9ca3af;"></div>
        </div>
        <div id="dash-trend" style="height:300px;"></div>
      </div>
      <div class="dash-card">
        <div class="dash-ct">回款情况</div>
        <div id="dash-payment" style="height:240px;"></div>
        <div id="dash-payment-legend" style="display:flex;justify-content:center;gap:20px;margin-top:8px;"></div>
      </div>
    </div>

    <!-- 第3层：客户跟进漏斗 + 客户渠道前十 -->
    <div style="display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px;">
      <div class="dash-card" style="padding-bottom:10px;"><div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;"><span class="dash-ct" style="margin-bottom:0;">客户跟进漏斗</span><span id="dash-funnel-diag"></span></div><div id="dash-funnel" style="height:360px;"></div></div>
      <div class="dash-card" style="padding-bottom:10px;"><div class="dash-ct" style="margin-bottom:12px;">渠道占比分布</div><div id="dash-industry" style="height:360px;"></div></div>
    </div>

    <!-- 第3.5层：成交产品销售前六 + 重点客户月度贡献 -->
    <div style="display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px;">
      <div class="dash-card" style="padding-bottom:10px;"><div class="dash-ct" style="margin-bottom:12px;">成交产品销售前六</div><div id="dash-product" style="height:280px;"></div><div id="dash-product-legend" style="padding:0 8px;"></div></div>
      <div class="dash-card" style="padding-bottom:10px;"><div class="dash-ct" style="margin-bottom:12px;">重点客户月度贡献</div><div id="dash-top-customers" style="height:320px;"></div><div id="dash-top-customers-legend" style="padding:0 8px;display:grid;grid-template-columns:1fr 1fr;gap:2px 16px;"></div></div>
    </div>

    <!-- 第4层：客户订单排名 + 销售能力雷达图 -->
    <div style="display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px;">
      <div class="dash-card">
        <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;">
          <div class="dash-ct" style="margin-bottom:0;">客户订单排名</div>
          <button onclick="switchPage('orders',findNavItemByPage('orders'))" style="font-size:12px;font-weight:600;color:#7c3aed;background:none;border:none;cursor:pointer;font-family:var(--font);">查看全部 →</button>
        </div>
        <div id="dash-order-rank"></div>
      </div>
      <div class="dash-card">
        <div class="dash-ct" style="margin-bottom:12px;">销售个人能力</div>
        <div id="dash-radar" style="height:440px;"></div>
      </div>
    </div>

    <!-- 第5层：客户地域分布 -->
    <div class="dash-card">
      <div class="dash-ct">客户地域分布</div>
      <div style="display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap">
        <div id="mapYearBtns" style="display:flex;gap:8px">
          <button class="map-yr-btn active" onclick="switchMapYear('all')">全部</button>
          <button class="map-yr-btn" onclick="switchMapYear('2025')">2025</button>
          <button class="map-yr-btn" onclick="switchMapYear('2026')">2026</button>
        </div>
        <div id="mapYearSum" style="font-size:12px;font-weight:600;margin-left:auto;display:flex;gap:12px"></div>
      </div>
      <div id="mapChart" style="width:100%;height:500px;"></div>
      <div id="mapLegend" style="margin-top:12px"></div>
    </div>

  </div>
  </div>
</div>

<div id="page-academy" class="academy-page">
  <div class="academy-shell">
    <section class="academy-hero">
      <h2 class="academy-hero-title">销售知识库</h2>
      <div class="academy-hero-actions">
        <button type="button" class="academy-my-submissions-btn" onclick="openAcademySubmissionStatusModal()">我的投稿</button>
        <button type="button" class="academy-submit-btn" onclick="openAcademySubmitModal()">发布文章</button>
      </div>
    </section>

    <section class="academy-main">
      <div id="academy-list" class="academy-grid"></div>
    </section>
  </div>
</div>

<div id="page-bobo" style="display:none"></div>

<div id="page-ai-assistant" class="ai-assistant-page">
  <div class="ai-skill-library">
    <section class="ai-skill-library-topbar">
      <div class="ai-skill-library-copy">
        <div class="ai-skill-library-title-row">
          <h2>AI技能库</h2>
          <div class="ai-skill-library-count"><span id="ai-assistant-result-count">0</span><span>个技能</span></div>
        </div>
        <p>用 AI 找客户、拓展获客渠道、提升开发效率，让销售更快找到客户、触达客户并促成成交。</p>
      </div>
      <button type="button" class="ai-assistant-share-btn" aria-label="分享skill" onclick="openAiAssistantShareModal()">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 12v8h16v-8"></path><path d="M12 3v13"></path><path d="m7 8 5-5 5 5"></path></svg>
        <span>我的skill分享</span>
      </button>
    </section>

    <section class="ai-skill-library-toolbar">
      <input id="ai-assistant-search" class="ai-assistant-search" type="search" placeholder="搜索：开发信、催样品、周报..." aria-label="搜索AI技能库模板" oninput="setAiAssistantKeyword(this.value)">
      <select id="ai-assistant-category-filter" class="ai-assistant-category-filter" aria-label="筛选AI技能库分类" onchange="setAiAssistantCategory(this.value)">
        <option value="all">全部分类</option>
        <option value="sales">销售开发</option>
        <option value="follow">客户跟进</option>
        <option value="purchase">采购询盘</option>
        <option value="ops">订单样品</option>
        <option value="report">经营汇报</option>
      </select>
      <select id="ai-assistant-type-filter" class="ai-assistant-type-filter" aria-label="筛选AI技能库模板类型" onchange="setAiAssistantType(this.value)">
        <option value="all">全部类型</option>
        <option value="free">免费可用</option>
        <option value="advanced">进阶技能</option>
      </select>
    </section>

    <section class="ai-skill-library-card">
      <div class="ai-skill-library-scroll">
        <table class="ai-skill-library-table">
          <thead>
            <tr>
              <th>序号</th>
              <th>技能</th>
              <th>说明</th>
              <th>标签</th>
              <th>类型</th>
              <th>更新时间</th>
              <th>下载</th>
              <th>操作</th>
            </tr>
          </thead>
          <tbody id="ai-assistant-list"></tbody>
        </table>
      </div>
    </section>
  </div>
</div>

<div id="aiAssistantDetailModal" class="ai-skill-detail-overlay" style="display:none;">
  <div class="ai-skill-detail-modal">
    <button type="button" class="ai-skill-detail-close" onclick="closeAiAssistantDetail()">退出</button>
    <div id="aiAssistantDetailDoc" class="ai-skill-detail-doc"></div>
  </div>
</div>

<div id="aiAssistantShareModal" class="ai-assistant-share-modal" style="display:none;">
  <div class="ai-assistant-share-card">
    <div class="ai-assistant-share-head">
      <h3>我的skill分享</h3>
      <button type="button" class="ai-assistant-share-close" onclick="closeAiAssistantShareModal()">×</button>
    </div>
    <div class="ai-assistant-share-tabs">
      <button type="button" id="aiAssistantShareTabForm" class="ai-assistant-share-tab active" onclick="switchAiAssistantShareTab('form')">分享 skill</button>
      <button type="button" id="aiAssistantShareTabMine" class="ai-assistant-share-tab" onclick="switchAiAssistantShareTab('mine')">我的提交</button>
    </div>
    <div id="aiAssistantSharePaneForm" class="ai-assistant-share-pane active">
      <div class="ai-assistant-share-form">
        <div class="ai-assistant-share-md-upload">
          <label class="ai-assistant-share-md-button" for="aiAssistantShareMarkdownFile">选择 MD 文件</label>
          <input id="aiAssistantShareMarkdownFile" class="ai-assistant-share-md-input" type="file" accept=".md,text/markdown,text/plain" aria-describedby="aiAssistantShareMarkdownStatus" onchange="handleAiAssistantMarkdownUpload(this)">
          <span id="aiAssistantShareMarkdownStatus" class="ai-assistant-share-md-status" aria-live="polite">支持 .md 格式，读取后自动填入完整模板</span>
        </div>
        <label>技能名称<input id="aiAssistantShareName" maxlength="80" placeholder="例如：客户跟进复盘模板"></label>
        <label>说明<textarea id="aiAssistantShareDescription" rows="2" maxlength="255" placeholder="一行说明这个技能解决什么问题"></textarea></label>
        <label>分类<select id="aiAssistantShareCategory">
          <option value="sales">销售开发</option>
          <option value="follow">客户跟进</option>
          <option value="purchase">采购询盘</option>
          <option value="ops">订单样品</option>
          <option value="report">经营汇报</option>
        </select></label>
        <label>类型<select id="aiAssistantShareType">
          <option value="free">免费可用</option>
          <option value="advanced">进阶技能</option>
        </select></label>
        <label>标签<input id="aiAssistantShareTags" maxlength="160" placeholder="逗号分隔，如：样品,跟进,微信"></label>
          <label>完整模板<textarea id="aiAssistantSharePrompt" rows="7" placeholder="上传或粘贴可直接使用的完整 Skill 模板"></textarea></label>
        <div class="ai-assistant-share-actions">
          <button type="button" class="ai-assistant-btn" onclick="closeAiAssistantShareModal()">取消</button>
          <button type="button" class="ai-assistant-btn primary" id="aiAssistantShareSubmit" onclick="submitAiAssistantShare()">提交审核</button>
        </div>
      </div>
    </div>
    <div id="aiAssistantSharePaneMine" class="ai-assistant-share-pane">
      <div id="aiAssistantMySubmissions" class="ai-assistant-submissions">正在加载我的提交...</div>
    </div>
  </div>
</div>

<div id="academyArticleModal" class="academy-modal-overlay" style="display:none;">
  <div class="academy-article-modal">
    <button type="button" class="academy-modal-close" onclick="closeAcademyArticleModal()" aria-label="退出文章阅读">退出</button>
    <div id="academy-detail" class="academy-detail-empty">正在加载销售学堂内容...</div>
  </div>
</div>

<div id="academySubmitModal" class="academy-modal-overlay" style="display:none;">
  <div class="academy-submit-modal">
    <button type="button" class="academy-modal-close" onclick="closeAcademySubmitModal()">×</button>
    <div class="academy-modal-title">发布文章</div>
    <div class="academy-modal-subtitle">提交后进入后台审核，管理员配图并通过后会展示在销售学堂。</div>
    <div id="academy-submit-notice" class="academy-submit-notice" style="display:none;"></div>
    <div class="academy-form-grid">
      <label class="academy-form-field">
        <span>文章标题</span>
        <input id="academy-submit-title" type="text" maxlength="120" placeholder="例如：第一次打采购电话，开场怎么说更自然">
      </label>
      <label class="academy-form-field">
        <span>作者名称</span>
        <input id="academy-submit-author" type="text" maxlength="50" placeholder="可填外号，留空则匿名">
      </label>
      <label class="academy-form-field">
        <span>分类</span>
        <select id="academy-submit-category"></select>
      </label>
      <label class="academy-form-field academy-form-field-wide">
        <span>副标题 / 摘要</span>
        <textarea id="academy-submit-summary" rows="3" maxlength="255" placeholder="用一两句话概括文章价值"></textarea>
      </label>
      <label class="academy-form-field academy-form-field-wide">
        <span>正文</span>
        <textarea id="academy-submit-content" rows="12" placeholder="使用纯文本换行即可，暂不支持上传图片或富文本格式"></textarea>
      </label>
    </div>
    <div class="academy-submit-actions">
      <button type="button" class="academy-cancel-btn" onclick="closeAcademySubmitModal()">取消</button>
      <button type="button" class="academy-submit-confirm-btn" onclick="submitAcademyArticle()">提交审核</button>
    </div>
  </div>
</div>

<div id="academySubmissionModal" class="academy-modal-overlay" style="display:none;">
  <div class="academy-submit-modal academy-status-modal">
    <button type="button" class="academy-modal-close" onclick="closeAcademySubmissionStatusModal()">×</button>
    <div class="academy-modal-title">我的投稿</div>
    <div class="academy-modal-subtitle">这里显示你提交文章的审核状态和驳回原因。</div>
    <div id="academy-submission-list" class="academy-submission-list"><div class="academy-empty-card">正在加载投稿记录...</div></div>
  </div>
</div>

<!-- 客户跟进页面（独立，内容同订单管理） -->
<div id="page-followup" style="display:none;position:absolute;left:var(--sidebar);right:0;top:var(--topbar);bottom:0;overflow:hidden;background:#f0f1f5;">

  <!-- 标题栏（固定顶部） -->
  <div class="fo-header">
    <div style="display:flex;align-items:center;gap:14px;">
      <span class="fo-title">客户跟进</span>
      <span id="fo-count-tag" style="font-size:16px;font-weight:700;color:#111827;"></span>
      <button type="button" class="protection-rules-entry" data-protection-rules aria-haspopup="dialog">保护规则</button>
      <select id="fo-year-tag" onchange="window._foYear=this.value;_foRenderAll();" style="font-size:13px;color:#6b7280;border:1px solid var(--border);border-radius:6px;padding:4px 8px;font-family:var(--font);font-weight:600;cursor:pointer;outline:none;background:white;"></select>
      <div class="fo-view-toggle" id="foViewToggle">
        <span class="active" onclick="switchFollowupView('kanban')">看板模式</span>
        <span onclick="switchFollowupView('list')">列表模式</span>
      </div>
      <input id="fo-search" type="text" placeholder="搜索客户名称" oninput="_foRenderAll()" style="padding:5px 12px;border:1px solid var(--border);border-radius:7px;font-size:13px;font-family:var(--font);width:150px;outline:none;color:var(--text);">
      <span id="followup-filter-slot" class="cw-filter-slot"></span>
    </div>
    <div class="fo-header-actions" data-cw-page-actions="followup" style="display:flex;align-items:center;gap:14px;">
      <div style="display:flex;align-items:center;gap:6px;">
        <span style="font-size:12px;color:#9ca3af;">跟进中</span>
        <span id="fo-following" style="font-size:20px;font-weight:700;color:#374151;"></span>
      </div>
      <div style="display:flex;align-items:center;gap:6px;">
        <span style="font-size:12px;color:#9ca3af;">成交率</span>
        <span id="fo-rate" style="font-size:20px;font-weight:700;color:#374151;"></span>
      </div>
      <div style="display:flex;align-items:center;gap:6px;">
        <span style="font-size:12px;color:#9ca3af;">成交额</span>
        <span id="fo-revenue" style="font-size:20px;font-weight:700;color:#16a34a;"></span>
      </div>
      <div style="display:flex;align-items:center;gap:6px;">
        <span style="font-size:12px;color:#9ca3af;">流失</span>
        <span id="fo-lost" style="font-size:20px;font-weight:700;color:#ef4444;"></span>
      </div>
      <div style="width:1px;height:20px;background:#e5e7eb;"></div>
      <button class="fo-btn-import-green" onclick="openImportCustomer()">导入客户</button>
    </div>
  </div>

  <!-- 看板视图（独立滚动区域） -->
  <div class="fo-kanban-wrap" id="foKanbanView" style="position:absolute;top:58px;bottom:0;left:0;right:0;overflow:auto;padding:0;background:#f0f1f5;">
    <div class="fo-kanban" id="kanban-board" style="padding:16px 16px 16px;"></div>
  </div>

  <!-- 列表视图（独立滚动区域） -->
  <div id="foListView" style="display:none;position:absolute;top:58px;bottom:0;left:0;right:0;flex-direction:column;background:#f0f1f5;">
    <div class="fo-list-filters" id="foListFilters" style="flex-shrink:0;"></div>
    <div id="foListBody" style="flex:1;overflow:auto;background:white;"></div>
  </div>

</div>

<!-- 跟进详情面板 -->
<div class="fo-detail-overlay" id="foDetailOverlay" onclick="if(!window.FollowupMobile || !FollowupMobile.matches())closeFollowupDetail()"></div>
<div class="fo-detail-panel" id="foDetailPanel">
  <div class="fo-dp-header">
    <div class="fo-dp-header-bar">
      <div class="fo-dp-head-left">
        <div class="fo-dp-title-wrap">
          <div class="fo-dp-title-row">
            <div class="fo-dp-company" id="dpCompany"></div>
            <button class="fo-dp-remove-btn" onclick="dpDeleteFollowup()">移出跟进</button>
          </div>
          <div class="fo-dp-meta" id="dpMeta" style="display:none;"></div>
        </div>
      </div>
      <button class="fo-dp-close" onclick="closeFollowupDetail()">关闭</button>
    </div>
  </div>
  <div class="fo-dp-body">
    <div class="fo-dp-section" id="dpInfo"></div>
    <div id="dpTimelineHead" style="padding:16px 24px 4px;"><div class="fo-dp-section-title" id="dpTimelineTitle" style="font-size:13px;letter-spacing:0;color:#6b7280;">跟进记录（仅个人可见，如需查看公海评分，请点击上方“公海评分”）</div></div>
    <div class="fo-timeline" id="dpTimeline"></div>
  </div>
  <div class="fo-tl-input-wrap" style="display:flex;align-items:flex-end;gap:10px;">
    <textarea class="fo-tl-input" id="dpNoteInput" rows="2" maxlength="150" placeholder="快速添加跟进记录…（最多150字）" style="flex:1;" oninput="var c=document.getElementById('dpCharCount');if(c)c.textContent=this.value.length+'/150';"></textarea>
    <div style="display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0;">
      <button class="fo-tl-submit" onclick="dpSubmitQuickNote()">添加记录</button>
      <span id="dpCharCount" style="font-size:10px;color:#9ca3af;">0/150</span>
    </div>
  </div>
</div>

<!-- 订单管理页面 -->
<div id="page-orders" style="display:none;position:absolute;left:var(--sidebar);right:0;top:var(--topbar);bottom:0;overflow:auto;background:white;">

  <!-- 订单工具栏（sticky吸顶） -->
  <div class="order-manager-toolbar cw-page-head">
    <!-- 汇总操作行：统计和高频操作统一靠右 -->
    <div class="order-manager-headbar">
      <div class="order-manager-actions" data-cw-page-actions="orders">
        <div class="order-manager-metric">
          <span>筛选合计</span>
          <strong id="of-total-amt"></strong>
        </div>
        <div class="order-manager-commands" style="grid-column:2/-1">
          <button class="order-manager-add-btn" onclick="openAddOrder()">新增订单</button>
        </div>
      </div>
    </div>
    <!-- 标题筛选行：标题在左，筛选控件在右 -->
    <div class="order-manager-controlbar">
      <div class="order-manager-title-group">
        <span class="order-manager-title">订单管理</span>
        <span id="order-count-tag" class="order-manager-count"></span>
        <select id="order-year-tag" onchange="window._orderYear=this.value;renderOrderListNew();"></select>
      </div>
      <div class="order-manager-filterline">
      <input id="of-keyword" type="text" placeholder="搜索客户名称" oninput="renderOrderListNew()" style="padding:6px 10px;border:1px solid var(--border);border-radius:7px;font-size:13px;font-family:var(--font);width:140px;outline:none;color:var(--text);">
      <select id="of-industry" onchange="renderOrderListNew()" style="padding:6px 10px;border:1px solid var(--border);border-radius:7px;font-size:13px;font-family:var(--font);color:var(--text);background:white;cursor:pointer;outline:none;">
        <option value="">全部行业</option>
        <option>食品配料</option><option>饮料</option><option>烘焙</option>
        <option>调味品</option><option>乳品</option><option>酒类</option>
        <option>保健品</option><option>农产品</option><option>日化</option>
        <option>医疗器械</option><option>中药</option><option>餐饮</option>
      </select>
      <select id="of-province" onchange="renderOrderListNew()" style="padding:6px 10px;border:1px solid var(--border);border-radius:7px;font-size:13px;font-family:var(--font);color:var(--text);background:white;cursor:pointer;outline:none;">
        <option value="">全部省份</option>
      </select>
      <select id="of-paid" onchange="renderOrderListNew()" style="padding:6px 10px;border:1px solid var(--border);border-radius:7px;font-size:13px;font-family:var(--font);color:var(--text);background:white;cursor:pointer;outline:none;">
        <option value="">全部回款</option>
        <option value="paid">已回款</option>
        <option value="unpaid">待回款</option>
      </select>
      <select id="of-invoice" onchange="renderOrderListNew()" style="padding:6px 10px;border:1px solid var(--border);border-radius:7px;font-size:13px;font-family:var(--font);color:var(--text);background:white;cursor:pointer;outline:none;">
        <option value="">全部发票</option>
        <option value="issued">已开票</option>
        <option value="pending">未开票</option>
      </select>
      <select id="of-amt" onchange="renderOrderListNew()" style="padding:6px 10px;border:1px solid var(--border);border-radius:7px;font-size:13px;font-family:var(--font);color:var(--text);background:white;cursor:pointer;outline:none;">
        <option value="">全部金额</option>
        <option value="0-10000">1万以下</option>
        <option value="10000-50000">1-5万</option>
        <option value="50000-100000">5-10万</option>
        <option value="100000-999999999">10万以上</option>
      </select>
      <select id="of-sort" onchange="renderOrderListNew()" style="padding:6px 10px;border:1px solid var(--border);border-radius:7px;font-size:13px;font-family:var(--font);color:var(--text);background:white;cursor:pointer;outline:none;">
        <option value="date_desc">时间↓最新</option>
        <option value="date_asc">时间↑最早</option>
        <option value="amt_desc">金额↓最高</option>
        <option value="amt_asc">金额↑最低</option>
      </select>
        <button class="order-manager-reset-btn" onclick="resetOrderFilters()" style="padding:6px 12px;border:1px solid var(--border);border-radius:7px;font-size:13px;color:#6b7280;background:white;cursor:pointer;font-family:var(--font);transition:all .15s;" onmouseover="this.style.background='#f3f4f6'" onmouseout="this.style.background='white'">重置</button>
      </div>
    </div>
  </div>

  <!-- 订单表格区 全宽无边距 -->
  <div id="order-list-new"></div>
</div>

<!-- 导入客户弹窗 -->
<!-- 导入客户 · 三层导航弹窗 -->
<div class="overlay" id="importCustomerModal">
  <div class="modal" style="width:720px;max-height:88vh;overflow-y:auto;position:relative;">

    <!-- ===== 第一层：选择导入方式 ===== -->
    <div id="import-layer-1">
      <div class="mh" style="background:linear-gradient(135deg,#7c3aed,#6d28d9);position:relative;">
        <span class="sf-title-ic" data-cd-icon="source" aria-hidden="true"></span>
        <h2>导入客户到跟进池</h2>
        <p style="font-size:13px;opacity:.85;margin-top:4px;">请选择导入方式</p>
        <button onclick="closeImportCustomer()" style="position:absolute;top:16px;right:16px;min-width:72px;height:34px;padding:0 16px;border-radius:8px;background:white;border:1.5px solid #111827;color:#111827;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;font-family:var(--font);" onmouseover="this.style.background='#f3f4f6';this.style.borderColor='#111827';this.style.color='#111827'" onmouseout="this.style.background='white';this.style.borderColor='#111827';this.style.color='#111827'">关闭</button>
      </div>
      <div class="mb" style="padding:28px;display:flex;flex-direction:column;gap:14px;">
        <!-- 选项A：从我的客户 -->
        <button onclick="importShowLayer(2)" style="display:flex;align-items:center;gap:18px;padding:20px 22px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:14px;cursor:pointer;font-family:var(--font);text-align:left;transition:all .15s;width:100%;" onmouseover="this.style.borderColor='#7c3aed';this.style.background='#f5f3ff'" onmouseout="this.style.borderColor='#e5e7eb';this.style.background='#f9fafb'">
          <span class="sf-title-ic import-option-ic" data-cd-icon="person" aria-hidden="true"></span>
          <div style="flex:1;">
            <div style="font-size:15px;font-weight:700;color:#111827;margin-bottom:4px;">从我的客户导入</div>
            <div style="font-size:13px;color:#6b7280;">从平台展示中已加入的客户中选择，导入跟进池</div>
          </div>
          <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#9ca3af" stroke-width="2" stroke-linecap="round"><polyline points="9 18 15 12 9 6"/></svg>
        </button>
        <!-- 选项B：从其他渠道 -->
        <button onclick="importShowLayer(3)" style="display:flex;align-items:center;gap:18px;padding:20px 22px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:14px;cursor:pointer;font-family:var(--font);text-align:left;transition:all .15s;width:100%;" onmouseover="this.style.borderColor='#7c3aed';this.style.background='#f5f3ff'" onmouseout="this.style.borderColor='#e5e7eb';this.style.background='#f9fafb'">
          <span class="sf-title-ic import-option-ic" data-cd-icon="lead" aria-hidden="true"></span>
          <div style="flex:1;">
            <div style="font-size:15px;font-weight:700;color:#111827;margin-bottom:4px;">从其他渠道导入</div>
            <div style="font-size:13px;color:#6b7280;">手动录入私有客户，仅本账号可见，不纳入平台展示</div>
          </div>
          <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#9ca3af" stroke-width="2" stroke-linecap="round"><polyline points="9 18 15 12 9 6"/></svg>
        </button>
        <button onclick="closeImportCustomer()" style="width:100%;margin-top:4px;padding:11px;background:none;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;color:#6b7280;cursor:pointer;font-family:var(--font);transition:all .15s;" onmouseover="this.style.background='#f9fafb'" onmouseout="this.style.background='none';this.style.boxShadow='none'">取消</button>
      </div>
    </div>

    <!-- ===== 第二层：从我的客户选择 ===== -->
    <div id="import-layer-2" style="display:none;">
      <div class="mh" style="background:#fff;border-bottom:1px solid #e5e7eb;position:relative;padding-right:120px;">
        <span class="sf-title-ic" data-cd-icon="person" aria-hidden="true"></span>
        <h2>从我的客户导入</h2>
        <p style="font-size:13px;opacity:.85;margin-top:4px;">选择客户加入跟进池</p>
        <button onclick="closeImportCustomer()" style="position:absolute;top:50%;right:20px;transform:translateY(-50%);display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,0.22);border:none;color:white;font-size:15px;font-weight:700;cursor:pointer;font-family:var(--font);padding:10px 22px;border-radius:10px;transition:background .15s;white-space:nowrap;" onmouseover="this.style.background='rgba(255,255,255,0.35)'" onmouseout="this.style.background='rgba(255,255,255,0.22)'">取消</button>
      </div>
      <div class="mb" style="padding:20px;">
        <!-- 搜索栏 -->
        <div style="position:relative;margin-bottom:14px;">
          <svg style="position:absolute;left:12px;top:50%;transform:translateY(-50%);pointer-events:none;" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="#9ca3af" stroke-width="2.5" stroke-linecap="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
          <input type="text" id="import-search" placeholder="搜索公司名称..." oninput="filterImportList(this.value)" style="width:100%;padding:10px 12px 10px 36px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:13px;font-family:var(--font);outline:none;box-sizing:border-box;transition:border-color .15s;" onfocus="this.style.borderColor='#7c3aed'" onblur="this.style.borderColor='#e5e7eb'">
        </div>
        <div id="import-customer-list"></div>
        <button onclick="closeImportCustomer()" style="width:100%;margin-top:12px;padding:10px;background:white;border:1.5px solid #111827;border-radius:8px;font-size:14px;font-weight:500;color:#111827;cursor:pointer;font-family:var(--font);transition:all .15s;" onmouseover="this.style.background='#f3f4f6';this.style.borderColor='#111827';this.style.color='#111827'" onmouseout="this.style.background='white';this.style.borderColor='#111827';this.style.color='#111827'">关闭</button>
      </div>
    </div>

    <!-- ===== 第三层：手动录入私有客户 ===== -->
    <div id="import-layer-3" style="display:none;">
      <div class="mh private-form-header" style="background:linear-gradient(135deg,#16a34a,#15803d);position:relative;padding-right:120px;">
        <span class="sf-title-ic" data-cd-icon="lead" aria-hidden="true"></span>
        <h2 style="font-size:20px;">手动录入私有客户：<span style="font-size:13px;font-weight:500;color:#6b7280;">此客户为您的私有资源，仅本账号可见，不纳入公共客户池</span></h2>
        <p style="font-size:14px;opacity:.85;margin-top:6px;"></p>
        <button class="private-form-close" onclick="closeImportCustomer()" style="position:absolute;top:50%;right:20px;transform:translateY(-50%);display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,0.22);border:none;color:white;font-size:15px;font-weight:700;cursor:pointer;font-family:var(--font);padding:10px 22px;border-radius:10px;transition:background .15s;white-space:nowrap;" onmouseover="this.style.background='rgba(255,255,255,0.35)'" onmouseout="this.style.background='rgba(255,255,255,0.22)'">取消</button>
      </div>
      <div class="mb private-form-shell" style="padding:32px;">
        <!-- 私有提示条 -->
        <div style="padding:13px 18px;background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:10px;margin-bottom:24px;">
          <span style="font-size:14px;color:#15803d;font-weight:600;">此客户为您的私有资源，仅本账号可见，不纳入公共客户池</span>
        </div>
        <div style="display:grid;grid-template-columns:1fr 1fr;gap:18px;">
          <div class="o-row">
            <span class="o-label" style="font-size:14px;"><span class="sf-ic-slot" data-cd-icon="building" aria-hidden="true"></span>公司名称 <i>*</i></span>
            <input type="text" class="o-input private-form-input" id="pc-company" placeholder="请输入公司名称" oninput="autoFillProvinceByCompanyField('pc-company','pc-province')" style="font-size:14px;padding:11px 14px;">
          </div>
          <div class="o-row">
            <span class="o-label" style="font-size:14px;"><span class="sf-ic-slot" data-cd-icon="pin" aria-hidden="true"></span>省份</span>
            <input type="text" class="o-input private-form-input" id="pc-province" list="supplier-province-options" maxlength="50" placeholder="输入公司名称后自动识别" style="font-size:14px;padding:11px 14px;">
          </div>
          <div class="o-row">
            <span class="o-label" style="font-size:14px;"><span class="sf-ic-slot" data-cd-icon="tag" aria-hidden="true"></span>客户属性 <i>*</i></span>
            <input type="text" class="o-input private-form-input" id="pc-customer-type" list="sf-customer-type-options" maxlength="20" placeholder="如：食品工厂、贸易商" style="font-size:14px;padding:11px 14px;">
          </div>
          <div class="o-row">
            <span class="o-label" style="font-size:14px;"><span class="sf-ic-slot" data-cd-icon="phone" aria-hidden="true"></span>联系方式 <i>*</i></span>
            <input type="text" class="o-input private-form-input" id="pc-phone" placeholder="电话或微信号" style="font-size:14px;padding:11px 14px;" oninput="checkPrivatePhoneDup(this.value)">
            <div id="pc-phone-dup-hint" style="display:none;margin-top:6px;padding:8px 12px;background:#fef2f2;border:1.5px solid #fecaca;border-radius:8px;font-size:13px;color:#dc2626;font-weight:500;animation:phone-dup-blink 1.5s ease-in-out infinite;"></div>
          </div>
          <div class="o-row">
            <span class="o-label" style="font-size:14px;"><span class="sf-ic-slot" data-cd-icon="person" aria-hidden="true"></span>联系人 <span style="font-size:11px;color:#9ca3af;font-weight:400;">（仅填姓氏，保护客户隐私）</span></span>
            <div style="display:flex;gap:8px;align-items:center;">
              <input type="text" class="o-input private-form-input" id="pc-contact" placeholder="如：李、王" maxlength="1" oninput="this.value=this.value.slice(0,1)" style="flex:1;font-size:14px;padding:11px 14px;">
              <button type="button" class="private-form-assist" onclick="document.getElementById('pc-contact').value='不详'" style="padding:10px 14px;background:#f3f4f6;border:1.5px solid #e5e7eb;border-radius:6px;font-size:13px;color:#6b7280;cursor:pointer;font-family:var(--font);white-space:nowrap;">不详</button>
            </div>
          </div>
          <div class="o-row">
            <span class="o-label" style="font-size:14px;"><span class="sf-ic-slot" data-cd-icon="brief" aria-hidden="true"></span>职位</span>
            <div class="sf-dd-wrap">
              <input class="o-input private-form-input" id="pc-position" placeholder="搜索职位..." autocomplete="off" oninput="sfDrop('pcpos',this.value)" onfocus="sfDrop('pcpos','')" style="font-size:14px;padding:11px 14px;">
              <div class="sf-dd" id="sf-drop-pcpos" style="z-index:400;"></div>
            </div>
          </div>
          <div class="o-row">
            <span class="o-label" style="font-size:14px;"><span class="sf-ic-slot" data-cd-icon="factory" aria-hidden="true"></span>行业 <i>*</i></span>
            <div class="sf-dd-wrap">
              <input class="o-input private-form-input" id="pc-industry" placeholder="搜索行业..." autocomplete="off" oninput="sfDrop('pcind',this.value)" onfocus="sfDrop('pcind','')" style="font-size:14px;padding:11px 14px;">
              <div class="sf-dd" id="sf-drop-pcind" style="z-index:400;"></div>
            </div>
          </div>
          <div class="o-row">
            <span class="o-label" style="font-size:14px;"><span class="sf-ic-slot" data-cd-icon="note" aria-hidden="true"></span>备注</span>
            <input type="text" class="o-input private-form-input" id="pc-note" placeholder="可选，补充说明" style="font-size:14px;padding:11px 14px;">
          </div>
        </div>
        <div style="display:flex;justify-content:flex-end;margin-top:26px;">
          <button id="privateCustomerSubmitBtn" class="private-form-submit" onclick="savePrivateCustomer()"
            style="padding:13px 48px;background:linear-gradient(135deg,#16a34a,#15803d);color:white;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;font-family:var(--font);box-shadow:0 4px 14px rgba(21,128,61,0.35);transition:all .15s;"
            onmouseover="this.style.transform='translateY(-1px)';this.style.boxShadow='0 12px 28px rgba(21,128,61,0.28)'"
            onmouseout="this.style.transform='none';this.style.boxShadow='0 8px 22px rgba(21,128,61,0.22)'"
            onmousedown="this.style.transform='scale(0.98)'"
            onmouseup="this.style.transform='translateY(-1px)'">保存客户</button>
        </div>
      </div>
    </div>

  </div>
</div>

<!-- 新增订单弹窗 -->
<div class="overlay" id="addOrderModal">
  <div class="modal order-create-modal" style="max-height:92vh;overflow-y:auto;position:relative;">
    <div class="mh order-create-header">
      <span class="sf-title-ic" data-cd-icon="receipt" aria-hidden="true"></span>
      <div class="order-create-header-copy">
        <h2>新增订单</h2>
      </div>
      <button class="order-create-close" onclick="closeAddOrder()">关闭</button>
    </div>
    <div class="mb order-create-body">
      <div class="order-create-grid">

        <div id="orderCustomerSourceRow" class="sample-create-source order-create-span-12 order-create-order-1">
          <label class="o-label"><span class="sf-ic-slot" data-cd-icon="source" aria-hidden="true"></span>客户来源</label>
          <div class="sample-create-source-tabs">
            <button id="order-src-followup" type="button" class="sample-create-source-btn" onclick="switchOrderCustomerSource('followup')">从跟进名单导入</button>
            <button id="order-src-manual" type="button" class="sample-create-source-btn is-active" onclick="switchOrderCustomerSource('manual')">手动填写客户</button>
          </div>
        </div>

        <!-- 客户名称 日期 -->
        <div class="o-row order-create-span-5 order-create-order-2"><span class="o-label"><span class="sf-ic-slot" data-cd-icon="building" aria-hidden="true"></span>客户 <i>*</i></span><div class="followup-picker-shell"><input type="text" class="o-input" id="noCo" placeholder="公司名称，输入可搜索已有客户" autocomplete="off" oninput="filterOrderCoOptions()" onfocus="filterOrderCoOptions()"><div id="noCoDropdown" class="followup-picker-dropdown" style="display:none;"></div></div></div>
        <div class="o-row order-create-span-4 order-create-order-3"><span class="o-label"><span class="sf-ic-slot" data-cd-icon="calendar" aria-hidden="true"></span>日期 <i>*</i></span><input type="date" class="o-input" id="noDate"></div>

        <!-- 关联跟进客户 -->
        <div class="o-row order-create-span-8 order-create-order-1" id="noFollowupRow">
          <span class="o-label"><span class="sf-ic-slot" data-cd-icon="building" aria-hidden="true"></span>客户</span>
          <div class="followup-picker-shell">
            <input type="hidden" id="noFollowupId">
            <input type="text" class="o-input" id="noFollowupPicker" placeholder="请选择跟进客户，支持搜索公司 / 联系人 / 电话" autocomplete="off" oninput="filterOrderFollowupOptions()" onfocus="openOrderFollowupPicker()">
            <div id="noFollowupDropdown" class="followup-picker-dropdown" style="display:none;"></div>
          </div>
        </div>

        <!-- 省份 行业 -->
        <div class="o-row order-create-span-3 order-create-order-4">
          <span class="o-label"><span class="sf-ic-slot" data-cd-icon="pin" aria-hidden="true"></span>省份</span>
          <div class="followup-picker-shell">
            <input class="o-input" id="noProvince" placeholder="请输入或搜索省份" autocomplete="off" oninput="filterOrderProvinceOptions()" onfocus="openOrderProvincePicker()">
            <div id="noProvinceDropdown" class="followup-picker-dropdown" style="display:none;"></div>
          </div>
        </div>
        <div class="o-row order-create-span-4 order-create-order-5"><span class="o-label"><span class="sf-ic-slot" data-cd-icon="factory" aria-hidden="true"></span>客户行业</span><input type="text" class="o-input" id="noChannel" placeholder="如：食品、饮料、烘焙、乳品"></div>

        <!-- 客户用途 售卖产品 -->
        <div class="o-row order-create-span-6 order-create-order-6"><span class="o-label"><span class="sf-ic-slot" data-cd-icon="target" aria-hidden="true"></span>客户用途</span><input type="text" class="o-input" id="noInd" placeholder="如：烘焙配料、奶茶原料"></div>
        <div class="o-row order-create-span-6 order-create-order-7"><span class="o-label"><span class="sf-ic-slot" data-cd-icon="box" aria-hidden="true"></span>售卖产品 <i>*</i></span><input type="text" class="o-input" id="noChan" placeholder="如：药典蜂蜜、芋圆粉"></div>

        <!-- 包装规格 数量 单价 金额 提成 -->
        <div class="o-row"><span class="o-label"><span class="sf-ic-slot" data-cd-icon="box" aria-hidden="true"></span>包装规格</span><input type="text" class="o-input" id="noSpec" placeholder="如：25kg/袋、桶装5L"></div>
        <div class="o-row"><span class="o-label"><span class="sf-ic-slot" data-cd-icon="box" aria-hidden="true"></span>数量(KG)</span><input type="number" class="o-input" id="noQty" placeholder="0"></div>
        <div class="o-row"><span class="o-label"><span class="sf-ic-slot" data-cd-icon="yuan" aria-hidden="true"></span>单价(元/KG)</span><input type="number" step="0.1" class="o-input" id="noPrice" placeholder="0" oninput="calcNewOrderAmt()"></div>
        <div class="o-row"><span class="o-label"><span class="sf-ic-slot" data-cd-icon="yuan" aria-hidden="true"></span>金额(元)</span><input type="number" class="o-input" id="noAmt" placeholder="自动计算"></div>
        <div class="o-row"><span class="o-label"><span class="sf-ic-slot" data-cd-icon="yuan" aria-hidden="true"></span>提成(元)</span><input type="number" class="o-input" id="noComm" placeholder="0"></div>

        <!-- 回款与发票 -->
        <div class="o-row"><span class="o-label"><span class="sf-ic-slot" data-cd-icon="wallet" aria-hidden="true"></span>回款状态</span>
          <select class="o-input" id="noPaid">
            <option value="unpaid">钱未到账</option>
            <option value="paid">钱已到账</option>
          </select>
        </div>
        <div class="o-row"><span class="o-label"><span class="sf-ic-slot" data-cd-icon="receipt" aria-hidden="true"></span>发票状态</span>
          <select class="o-input" id="noInvoice">
            <option value="none">不用发票</option>
            <option value="pending">发票未开</option>
            <option value="issued">发票已开</option>
          </select>
        </div>
        <div class="o-row"><span class="o-label"><span class="sf-ic-slot" data-cd-icon="calendar" aria-hidden="true"></span>预计回款日期</span><input type="date" class="o-input" id="noPaidDate"></div>
        <div class="o-row"><span class="o-label"><span class="sf-ic-slot" data-cd-icon="calendar" aria-hidden="true"></span>预计开票日期</span><input type="date" class="o-input" id="noInvoiceDate"></div>
        <div class="o-row"><span class="o-label"><span class="sf-ic-slot" data-cd-icon="calendar" aria-hidden="true"></span>发货日期</span><input type="date" class="o-input" id="noShipDate"></div>
        <div class="o-row"><span class="o-label"><span class="sf-ic-slot" data-cd-icon="calendar" aria-hidden="true"></span>到货日期</span><input type="date" class="o-input" id="noArrDate"></div>
      </div>

      <div class="order-create-panel order-create-order-8" id="orderItemsPanel" style="margin-top:12px;">
        <div class="order-create-panel-head">
          <div class="order-create-panel-meta">
            <div class="order-create-panel-stats">
              <span class="order-create-panel-stat">商品数 <strong data-order-items-count="no">0</strong></span>
              <span class="order-create-panel-stat is-total">订单金额 <strong data-order-items-total="no">¥0</strong></span>
            </div>
          </div>
          <button type="button" class="order-create-panel-add" onclick="addOrderItemRow('no')">新增商品</button>
        </div>
        <div class="order-create-panel-grid order-create-item-head">
          <span>名称</span>
          <span>规格</span>
          <span>数量</span>
          <span>单价</span>
          <span>金额</span>
          <span>操作</span>
        </div>
        <div id="orderItemsWrap" class="order-create-items-wrap"></div>
      </div>

      <div class="o-row order-create-note" style="margin-top:14px;">
        <span class="o-label"><span class="sf-ic-slot" data-cd-icon="note" aria-hidden="true"></span>备注</span>
        <textarea class="o-input" id="noNote" rows="3" maxlength="200" placeholder="备注信息（最多200字）" style="resize:vertical;line-height:1.6;" oninput="document.getElementById('noNoteCount').textContent=this.value.length"></textarea>
        <div class="order-create-note-count"><span id="noNoteCount">0</span>/200</div>
      </div>
      <div class="order-create-actions">
        <button class="order-create-cancel" onclick="closeAddOrder()" onmouseover="this.style.background='#f9fafb'" onmouseout="this.style.background='white'">取消</button>
        <button id="orderCreateSubmitBtn" class="order-create-submit" onclick="saveNewOrder()" onmouseover="this.style.transform='translateY(-1px)'" onmouseout="this.style.transform='none'">保存订单</button>
      </div>
    </div>
  </div>
</div>

<!-- 订单详情弹窗 -->
<div class="overlay" id="orderDetailModal">
  <div class="dd-panel" role="dialog" aria-modal="true" aria-labelledby="od-title">
    <div class="dd-utility"><span id="od-subtitle"></span><button type="button" class="dd-btn dd-close" onclick="closeOrderDetail()">关闭</button></div>
    <div class="dd-head"><div class="dd-title-row"><h2 class="dd-title" id="od-title"></h2><span id="od-level" class="dd-level"></span></div></div>
    <div class="dd-body" id="od-body"></div>
    <div class="dd-footer" id="od-actions"></div>
  </div>
</div>
<!-- 客户跟进详情弹窗 -->

<!-- 寄样填写表格弹窗 -->
<div class="overlay" id="sampleFormModal">
  <div class="modal sample-create-modal" style="max-height:90vh;overflow-y:auto;position:relative;">
    <div class="mh sample-create-header">
      <span class="sf-title-ic" data-cd-icon="box" aria-hidden="true"></span>
      <h2>填写寄样信息</h2>
      <p style="font-size:13px;opacity:.85;margin-top:4px;">记录本次寄样详情，阶段将自动更新为「已寄样」</p>
      <button onclick="closeSampleForm()" style="position:absolute;top:50%;right:20px;transform:translateY(-50%);padding:6px 18px;background:white;border:1.5px solid #111827;color:#111827;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;font-family:var(--font);transition:all .15s;" onmouseover="this.style.background='#f3f4f6';this.style.borderColor='#111827';this.style.color='#111827'" onmouseout="this.style.background='white';this.style.borderColor='#111827';this.style.color='#111827'">退出</button>
    </div>
    <div class="mb sample-create-body">
      <div style="display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;">
        <div class="o-row">
          <span class="o-label"><span class="sf-ic-slot" data-cd-icon="building" aria-hidden="true"></span>公司名称</span>
          <div class="o-input" id="sf-company-display" style="display:flex;align-items:center;background:#f9fafb;color:#111827;">—</div>
        </div>
        <div class="o-row">
          <span class="o-label"><span class="sf-ic-slot" data-cd-icon="person" aria-hidden="true"></span>联系人</span>
          <div class="o-input" id="sf-contact-display" style="display:flex;align-items:center;background:#f9fafb;color:#111827;">—</div>
        </div>
        <div class="o-row">
          <span class="o-label"><span class="sf-ic-slot" data-cd-icon="factory" aria-hidden="true"></span>行业</span>
          <div class="o-input" id="sf-industry-display" style="display:flex;align-items:center;background:#f9fafb;color:#111827;">—</div>
        </div>
        <div class="o-row">
          <span class="o-label"><span class="sf-ic-slot" data-cd-icon="phone" aria-hidden="true"></span>联系方式</span>
          <div class="o-input" id="sf-phone-display" style="display:flex;align-items:center;background:#f9fafb;color:#111827;">—</div>
        </div>
      </div>
      <!-- 样品明细（多行） -->
      <div style="margin-bottom:6px;">
        <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;">
          <span class="o-label" style="margin:0;font-weight:900;"><span class="sf-ic-slot" data-cd-icon="box" aria-hidden="true"></span>样品明细 <i>*</i></span>
          <button type="button" onclick="addSampleItemRow()" style="padding:4px 12px;border:none;border-radius:8px;font-size:12px;font-weight:600;color:white;background:linear-gradient(135deg,#16a34a,#15803d);cursor:pointer;font-family:var(--font);box-shadow:0 4px 14px rgba(21,128,61,0.24);transition:all .15s;" onmouseover="this.style.transform='translateY(-1px)'" onmouseout="this.style.transform='none'">+ 添加样品</button>
        </div>
        <div style="display:grid;grid-template-columns:1fr 1fr 1fr 32px;gap:6px;margin-bottom:4px;">
          <span style="font-size:11px;color:#9ca3af;padding-left:4px;">样品名称</span>
          <span style="font-size:11px;color:#9ca3af;padding-left:4px;">规格 / 数量</span>
          <span style="font-size:11px;color:#9ca3af;padding-left:4px;">用途</span>
          <span></span>
        </div>
        <div id="sampleItemsWrap"></div>
      </div>
      <div style="display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:12px;">
        <div class="o-row">
          <span class="o-label"><span class="sf-ic-slot" data-cd-icon="truck" aria-hidden="true"></span>物流单号</span>
          <input type="text" class="o-input" id="sf-track" placeholder="快递单号（可选）">
        </div>
        <div class="o-row">
          <span class="o-label"><span class="sf-ic-slot" data-cd-icon="calendar" aria-hidden="true"></span>寄样时间</span>
          <input type="date" class="o-input" id="sf-date" style="color:#111827;">
        </div>
      </div>
      <div class="o-row">
        <span class="o-label"><span class="sf-ic-slot" data-cd-icon="note" aria-hidden="true"></span>备注</span>
        <textarea class="o-input" id="smp-note" rows="3" placeholder="如：水分≤12%、含量≥98%；其他补充说明...（可选）" style="resize:vertical;line-height:1.6;"></textarea>
      </div>
      <div style="display:flex;gap:10px;margin-top:22px;">
        <button id="sampleFormSubmitBtn" onclick="saveSampleForm()"
          style="flex:1;padding:13px;background:linear-gradient(135deg,#0e7490,#0891b2);color:white;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;font-family:var(--font);box-shadow:0 4px 14px rgba(14,116,144,0.35);transition:all .15s;"
          onmouseover="this.style.transform='translateY(-1px)';this.style.boxShadow='0 6px 20px rgba(14,116,144,0.45)'"
          onmouseout="this.style.transform='none';this.style.boxShadow='0 4px 14px rgba(14,116,144,0.35)'"
          onmousedown="this.style.transform='scale(0.98)'"
          onmouseup="this.style.transform='translateY(-1px)'">保存寄样信息</button>
        <button onclick="closeSampleForm()"
          style="padding:13px 24px;background:white;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;font-weight:600;color:#374151;cursor:pointer;font-family:var(--font);transition:all .15s;"
          onmouseover="this.style.background='#f9fafb'" onmouseout="this.style.background='white'"
          onmousedown="this.style.transform='scale(0.98)'" onmouseup="this.style.transform='none'">取消</button>
      </div>
    </div>
  </div>
</div>

<!-- 寄样记录弹窗 -->
<div class="overlay" id="sampleRecordModal">
  <div class="modal sample-create-modal" style="max-height:90vh;overflow-y:auto;position:relative;">
    <div class="mh sample-create-header">
      <span class="sf-title-ic" data-cd-icon="box" aria-hidden="true"></span>
      <h2 id="sampleModalTitle">新增寄样记录</h2>
      <p>填写寄样信息，阶段将自动更新为「已寄样」</p>
      <button class="sample-create-close" onclick="closeSampleRecord()">关闭</button>
    </div>
    <div class="mb sample-create-body">
      <!-- 从样品管理触发时显示客户选择 -->
      <div id="sr-customer-row" class="sample-create-source" style="display:none;">
        <label style="font-size:13px;font-weight:600;color:#374151;display:block;margin-bottom:6px;"><span class="sf-ic-slot" data-cd-icon="source" aria-hidden="true"></span>客户来源 <span style="color:#ef4444">*</span></label>
        <div style="display:flex;gap:8px;margin-bottom:10px;">
          <button id="sr-src-followup" onclick="switchSampleSource('followup')" style="flex:1;padding:8px;border:1.5px solid #7c3aed;background:#f5f3ff;border-radius:8px;font-size:13px;font-weight:600;color:#7c3aed;cursor:pointer;font-family:var(--font);">从跟进名单导入</button>
          <button id="sr-src-custom" onclick="switchSampleSource('custom')" style="flex:1;padding:8px;border:1.5px solid #e5e7eb;background:white;border-radius:8px;font-size:13px;font-weight:600;color:#6b7280;cursor:pointer;font-family:var(--font);">手动填写客户</button>
        </div>
        <div id="sr-followup-wrap">
          <div class="followup-picker-shell">
            <input type="hidden" id="sr-followup-sel">
            <input type="text" class="sf-i" id="sr-followupPicker" placeholder="请选择跟进客户，支持搜索公司 / 联系人 / 电话" autocomplete="off" oninput="filterSampleFollowupOptions()" onfocus="openSampleFollowupPicker()" style="width:100%;">
            <div id="sr-followupDropdown" class="followup-picker-dropdown" style="display:none;"></div>
          </div>
        </div>
        <div id="sr-custom-wrap" style="display:none;">
          <div style="display:grid;grid-template-columns:1fr 1fr;gap:10px;">
            <input type="text" class="o-input" id="sr-custom-company" placeholder="公司名称 *" oninput="autoFillProvinceByCompanyField('sr-custom-company','sr-custom-province')">
            <input type="text" class="o-input" id="sr-custom-province" list="supplier-province-options" maxlength="50" placeholder="省份（自动识别）">
            <input type="text" class="o-input" id="sr-custom-contact" placeholder="联系人">
            <input type="text" class="o-input" id="sr-custom-industry" placeholder="行业">
            <input type="text" class="o-input" id="sr-custom-phone" placeholder="联系方式">
          </div>
        </div>
      </div>
      <!-- 样品明细（多行） -->
      <div style="margin-bottom:6px;">
        <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;">
          <span class="o-label" style="margin:0;font-weight:900;"><span class="sf-ic-slot" data-cd-icon="box" aria-hidden="true"></span>样品明细 <i>*</i></span>
          <button type="button" onclick="addSrItemRow()" style="padding:4px 12px;border:none;border-radius:8px;font-size:12px;font-weight:600;color:white;background:linear-gradient(135deg,#16a34a,#15803d);cursor:pointer;font-family:var(--font);box-shadow:0 4px 14px rgba(21,128,61,0.24);transition:all .15s;" onmouseover="this.style.transform='translateY(-1px)'" onmouseout="this.style.transform='none'">+ 添加样品</button>
        </div>
        <div style="display:grid;grid-template-columns:1fr 1fr 1fr 32px;gap:6px;margin-bottom:4px;">
          <span style="font-size:11px;color:#9ca3af;padding-left:4px;">样品名称</span>
          <span style="font-size:11px;color:#9ca3af;padding-left:4px;">规格 / 数量</span>
          <span style="font-size:11px;color:#9ca3af;padding-left:4px;">用途</span>
          <span></span>
        </div>
        <div id="srItemsWrap"></div>
      </div>
      <div style="display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:12px;">
        <div class="o-row">
          <span class="o-label"><span class="sf-ic-slot" data-cd-icon="truck" aria-hidden="true"></span>物流单号</span>
          <input type="text" class="o-input" id="sr-track" placeholder="快递单号（可选）">
        </div>
        <div class="o-row">
          <span class="o-label"><span class="sf-ic-slot" data-cd-icon="calendar" aria-hidden="true"></span>寄样时间</span>
          <input type="date" class="o-input" id="sr-date" style="color:#111827;">
        </div>
      </div>
      <div class="o-row">
        <span class="o-label"><span class="sf-ic-slot" data-cd-icon="note" aria-hidden="true"></span>备注</span>
        <textarea class="o-input" id="sr-note" rows="3" placeholder="如：水分≤12%、含量≥98%；其他补充说明...（可选）" style="resize:vertical;line-height:1.6;"></textarea>
      </div>
      <div style="display:flex;gap:10px;margin-top:22px;">
        <button id="sampleRecordSubmitBtn" onclick="saveSampleRecord()"
          style="flex:1;padding:13px;background:linear-gradient(135deg,#0e7490,#0891b2);color:white;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;font-family:var(--font);box-shadow:0 4px 14px rgba(14,116,144,0.35);transition:all .15s;"
          onmouseover="this.style.transform='translateY(-1px)'" onmouseout="this.style.transform='none'">保存寄样信息</button>
        <button onclick="closeSampleRecord()"
          style="padding:13px 24px;background:white;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;font-weight:600;color:#374151;cursor:pointer;font-family:var(--font);transition:all .15s;"
          onmouseover="this.style.background='#f9fafb'" onmouseout="this.style.background='white'">取消</button>
      </div>
    </div>
  </div>
</div>


<!-- 样品详情编辑弹窗 -->
<div class="overlay" id="sampleDetailModal">
  <div class="dd-panel" role="dialog" aria-modal="true" aria-labelledby="sd-title">
    <div class="dd-utility"><span id="sd-subtitle"></span><button type="button" class="dd-btn dd-close" onclick="closeSampleDetail()">关闭</button></div>
    <div class="dd-head"><div class="dd-title-row"><h2 class="dd-title" id="sd-title"></h2><span id="sd-level" class="dd-level"></span></div></div>
    <div class="dd-body" id="sd-body"></div>
    <div class="dd-footer" id="sd-actions"></div>
  </div>
</div>

<!-- 样品管理页面 -->
<div id="page-samples" style="display:none;position:absolute;left:var(--sidebar);right:0;top:var(--topbar);bottom:0;overflow:auto;background:white;">

  <!-- 标题栏 -->
  <div class="cw-page-head" style="background:white;border-bottom:1px solid var(--border);padding:10px 28px;min-height:var(--filterbar);display:flex;align-items:center;position:sticky;top:0;z-index:10;gap:12px;flex-wrap:wrap;">
    <div style="display:flex;align-items:center;gap:12px;flex-wrap:wrap;">
      <span style="font-size:23px;font-weight:700;color:#111827">样品管理</span>
      <span id="smp-count-tag" style="font-size:16px;font-weight:700;color:#111827;"></span>
      <select id="smp-year-tag" onchange="window._smpYear=this.value;renderSampleManagerList();" style="font-size:13px;color:#6b7280;border:1px solid var(--border);border-radius:6px;padding:4px 8px;font-family:var(--font);font-weight:600;cursor:pointer;outline:none;background:white;"></select>
    </div>
    <div style="margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;">
      <input id="smp-search" type="text" placeholder="搜索客户名称" oninput="renderSampleManagerList()" style="padding:5px 12px;border:1px solid var(--border);border-radius:7px;font-size:13px;font-family:var(--font);width:140px;outline:none;color:var(--text);">
      <select id="smp-filter-industry" onchange="renderSampleManagerList()" style="font-size:13px;color:#6b7280;border:1px solid var(--border);border-radius:6px;padding:4px 8px;font-family:var(--font);cursor:pointer;outline:none;background:white;">
        <option value="">全部行业</option>
      </select>
      <select id="smp-filter-use" onchange="renderSampleManagerList()" style="font-size:13px;color:#6b7280;border:1px solid var(--border);border-radius:6px;padding:4px 8px;font-family:var(--font);cursor:pointer;outline:none;background:white;">
        <option value="">全部用途</option>
      </select>
      <select id="smp-filter-stage" onchange="renderSampleManagerList()" style="font-size:13px;color:#6b7280;border:1px solid var(--border);border-radius:6px;padding:4px 8px;font-family:var(--font);cursor:pointer;outline:none;background:white;">
        <option value="">全部结果</option>
        <option value="待反馈">待反馈</option>
        <option value="试样通过">试样通过</option>
        <option value="部分通过">部分通过</option>
        <option value="部分成交">部分成交</option>
        <option value="已成交">已成交</option>
        <option value="本次未成交">本次未成交</option>
      </select>
      <button onclick="resetSampleManagerFilters()" style="display:flex;align-items:center;gap:5px;padding:8px 14px;background:white;border:1px solid var(--border);border-radius:8px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;font-family:var(--font);transition:all .15s;" onmouseover="this.style.background='#f9fafb'" onmouseout="this.style.background='white'">重置</button>
      <span class="cw-page-actions" data-cw-page-actions="samples"><button onclick="openSampleFromManager()" style="display:flex;align-items:center;gap:5px;padding:8px 18px;background:linear-gradient(135deg,#16a34a,#15803d);color:white;border:none;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;font-family:var(--font);transition:all .15s;box-shadow:0 4px 14px rgba(21,128,61,0.35);" onmouseover="this.style.transform='translateY(-1px)';this.style.boxShadow='0 6px 20px rgba(21,128,61,0.45)'" onmouseout="this.style.transform='none';this.style.boxShadow='0 4px 14px rgba(21,128,61,0.35)'">新增寄样</button></span>
    </div>
  </div>

  <!-- 表格区域 全宽无边距 -->
  <div id="smp-manager-list"></div>

</div>

<!-- 我的努力页面 -->
<div id="page-achievement" class="achievement-page" style="display:none;">
  <main class="achievement-content">
    <section class="achievement-section" aria-labelledby="achievement-development-title">
      <div id="achievement-status" class="achievement-status" role="status" aria-live="polite">
        <span id="achievement-status-text"></span>
        <button id="achievement-retry" class="achievement-retry" type="button" style="display:none;">重新加载</button>
      </div>
      <div class="section-head development-section-head">
        <div class="section-copy">
          <div class="section-title-line">
            <h3 id="achievement-development-title">开发历程</h3>
            <select id="achievement-year-select" class="year-picker" aria-label="选择统计年份"></select>
            <span class="section-year" id="achievement-customer-year">—</span>
          </div>
        </div>
        <div class="section-total">
          <strong id="achievement-customer-total" aria-live="polite">—</strong>
          <span>累计开发客户</span>
        </div>
      </div>
      <div class="chart-scroll" id="achievement-heatmap-scroll" aria-label="年度客户开发热力图，可横向滚动查看">
        <div class="heatmap-shell">
          <div class="heatmap-months" id="achievement-months" aria-hidden="true"></div>
          <div class="heatmap-main">
            <div class="weekday-labels" aria-hidden="true">
              <span></span><span>一</span><span></span><span>三</span><span></span><span>五</span><span></span>
            </div>
            <div class="heatmap-weeks" id="achievement-heatmap" role="grid" aria-label="年度每日开发历程热力图"></div>
          </div>
        </div>
      </div>
      <div class="heatmap-foot" aria-label="热力图颜色说明">
        <span>少</span>
        <span class="legend-cells" aria-hidden="true">
            <i style="background:var(--achievement-forest-0)"></i>
            <i style="background:var(--achievement-forest-1)"></i>
            <i style="background:var(--achievement-forest-2)"></i>
            <i style="background:var(--achievement-forest-3)"></i>
            <i style="background:var(--achievement-forest-4)"></i>
        </span>
        <span>多</span>
        <span class="legend-note">0 · 1–9 · 10–19 · 20–29 · 30+</span>
      </div>
    </section>

    <section class="achievement-section" aria-labelledby="achievement-share-title">
      <div class="section-head share-section-head">
        <div class="section-copy">
          <div class="section-title-line share-title-line">
            <h3 id="achievement-share-title">分享记录</h3>
            <span class="section-year" id="achievement-share-year">—</span>
            <div class="share-pattern-options" id="achievement-pattern-options" role="group" aria-label="选择分享客户图案">
              <button class="share-pattern-button is-selected" type="button" data-share-pattern="tomato" aria-pressed="true" aria-label="使用番茄图案"><img src="assets/img/customer-achievement/tomato.svg?v=2026-08-30-achievement-garden-1" alt=""></button>
              <button class="share-pattern-button" type="button" data-share-pattern="pineapple" aria-pressed="false" aria-label="使用菠萝图案"><img src="assets/img/customer-achievement/pineapple.svg?v=2026-08-30-achievement-garden-1" alt=""></button>
              <button class="share-pattern-button" type="button" data-share-pattern="orange" aria-pressed="false" aria-label="使用橘子图案"><img src="assets/img/customer-achievement/orange.svg?v=2026-08-30-achievement-garden-1" alt=""></button>
              <button class="share-pattern-button" type="button" data-share-pattern="cherry" aria-pressed="false" aria-label="使用车厘子图案"><img src="assets/img/customer-achievement/cherry.svg?v=2026-08-30-achievement-garden-1" alt=""></button>
              <button class="share-pattern-button" type="button" data-share-pattern="strawberry" aria-pressed="false" aria-label="使用草莓图案"><img src="assets/img/customer-achievement/strawberry.svg?v=2026-08-30-achievement-garden-1" alt=""></button>
              <button class="share-pattern-button" type="button" data-share-pattern="corn" aria-pressed="false" aria-label="使用玉米图案"><img src="assets/img/customer-achievement/corn.svg?v=2026-08-30-achievement-garden-1" alt=""></button>
              <button class="share-pattern-button" type="button" data-share-pattern="cat2" aria-pressed="false" aria-label="使用猫咪图案"><img src="assets/img/customer-achievement/cat2.svg?v=2026-08-30-achievement-garden-1" alt=""></button>
              <button class="share-pattern-button" type="button" data-share-pattern="pig" aria-pressed="false" aria-label="使用猪图案"><img src="assets/img/customer-achievement/pig.svg?v=2026-08-30-achievement-garden-1" alt=""></button>
              <button class="share-pattern-button" type="button" data-share-pattern="crab" aria-pressed="false" aria-label="使用蟹图案"><img src="assets/img/customer-achievement/crab.svg?v=2026-08-30-achievement-garden-1" alt=""></button>
              <button class="share-pattern-button" type="button" data-share-pattern="coffee" aria-pressed="false" aria-label="使用咖啡图案"><img src="assets/img/customer-achievement/coffee.svg?v=2026-08-30-achievement-garden-1" alt=""></button>
              <button class="share-pattern-button" type="button" data-share-pattern="icedtea" aria-pressed="false" aria-label="使用冰红茶图案"><img src="assets/img/customer-achievement/icedtea.svg?v=2026-08-30-achievement-garden-1" alt=""></button>
              <button class="share-pattern-button" type="button" data-share-pattern="tea" aria-pressed="false" aria-label="使用茶图案"><img src="assets/img/customer-achievement/tea.svg?v=2026-08-30-achievement-garden-1" alt=""></button>
              <button class="share-pattern-button" type="button" data-share-pattern="burger" aria-pressed="false" aria-label="使用汉堡图案"><img src="assets/img/customer-achievement/burger.svg?v=2026-08-30-achievement-garden-1" alt=""></button>
              <button class="share-pattern-button" type="button" data-share-pattern="chocolate" aria-pressed="false" aria-label="使用巧克力图案"><img src="assets/img/customer-achievement/chocolate.svg?v=2026-08-30-achievement-garden-1" alt=""></button>
              <button class="share-pattern-button" type="button" data-share-pattern="tree" aria-pressed="false" aria-label="使用树图案"><img src="assets/img/customer-achievement/tree.svg?v=2026-08-30-achievement-garden-1" alt=""></button>
              <button class="share-pattern-button" type="button" data-share-pattern="coin" aria-pressed="false" aria-label="使用金币图案"><img src="assets/img/customer-achievement/coin.svg?v=2026-08-30-achievement-garden-1" alt=""></button>
              <button class="share-pattern-button" type="button" data-share-pattern="money" aria-pressed="false" aria-label="使用钱图案"><img src="assets/img/customer-achievement/money.svg?v=2026-08-30-achievement-garden-1" alt=""></button>
            </div>
          </div>
        </div>
        <div class="section-total">
          <strong id="achievement-share-total" aria-live="polite">—</strong>
          <span>累计分享客户</span>
        </div>
      </div>
      <div class="chart-scroll" id="achievement-share-scroll" aria-label="年度分享记录，可横向滚动查看">
        <div class="farm-land">
          <div class="share-grid" id="achievement-share-grid" role="grid" aria-label="全年客户分享位置，每行 30 个，独角兽标记成交日"></div>
          <svg class="garden-edge-art garden-edge-art-top" viewBox="0 0 54 18" aria-hidden="true" focusable="false">
            <path d="M12 16V7M12 11Q4 11 3 4Q11 2 12 11M13 11Q21 11 23 3Q14 2 13 11" fill="#97bb81" stroke="#759368" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
            <path d="M35 15L38 8M37 14L44 12" fill="none" stroke="#a5b791" stroke-width="1.5" stroke-linecap="round"/>
          </svg>
          <svg class="garden-edge-art garden-edge-art-bottom" viewBox="0 0 54 18" aria-hidden="true" focusable="false">
            <path d="M36 16V7M36 11Q28 11 27 4Q35 2 36 11M37 11Q45 11 47 3Q38 2 37 11" fill="#97bb81" stroke="#759368" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
            <path d="M11 15L14 8M13 14L20 12" fill="none" stroke="#a5b791" stroke-width="1.5" stroke-linecap="round"/>
          </svg>
        </div>
      </div>
      <div class="farm-legend" aria-label="土地状态说明">
        <span><i class="plot-grown" aria-hidden="true"></i>有分享</span>
        <span><i class="plot-empty" aria-hidden="true"></i>未分享</span>
        <span><i class="plot-future" aria-hidden="true"></i>未来日期</span>
        <span><i class="plot-order" aria-hidden="true"></i>独角兽 · 成交日</span>
      </div>
    </section>
  </main>

</div>

<div class="achievement-tooltip" id="achievement-tooltip" role="tooltip"></div>

<!-- 我的录入页面 -->
<div id="page-shares" style="display:none;position:absolute;left:var(--sidebar);right:0;top:var(--topbar);bottom:0;background:var(--white);">
  <!-- 筛选栏 -->
  <div style="position:absolute;left:0;right:0;top:0;height:var(--filterbar);background:white;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;z-index:9;gap:16px;">
    <div style="display:flex;align-items:center;gap:10px;min-width:0;flex:1;">
      <span style="font-size:23px;font-weight:700;color:var(--text);white-space:nowrap;flex-shrink:0;">我的录入</span>
      <span id="shares-count" style="font-size:16px;font-weight:700;color:#111827;white-space:nowrap;flex-shrink:0;"></span>
    </div>
    <div style="display:flex;align-items:center;gap:8px;flex-shrink:0;">
      <select class="f-sel" id="shares-sort" onchange="loadShares({cached:true})">
        <option value="time">最新提交</option>
        <option value="notice-all">最新动态</option>
        <option value="notice-status">状态提醒</option>
        <option value="notice-offline">下架提醒</option>
        <option value="feedback-good">只看好评</option>
        <option value="feedback-bad">只看差评</option>
        <option value="quality">公海分优先</option>
        <option value="reward">奖励优先</option>
      </select>
      <select class="f-sel" id="shares-province" onchange="loadShares({cached:true})"><option value="">全部省份</option></select>
      <button type="button" class="f-reset" onclick="resetSharesFilter()" title="重置筛选" aria-label="重置筛选">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="1 4 1 10 7 10"/><path d="M3.51 15a9 9 0 1 0 .49-4.6"/></svg>重置
      </button>
      <div id="shares-reward-summary" class="shares-inline-summary">
        <span class="shares-inline-label">筛选收益</span>
        <strong id="shares-today-net" class="shares-inline-value shares-inline-value-positive">+0分</strong>
        <span class="shares-inline-label">待验证</span>
        <strong id="shares-today-pending" class="shares-inline-value-neutral">0条</strong>
        <span class="shares-inline-label">已回收</span>
        <strong id="shares-today-reclaimed" class="shares-inline-value-negative">0分</strong>
        <span class="shares-inline-label">最高公海分</span>
        <strong id="shares-reward-hint" class="shares-inline-value-quality">--</strong>
      </div>
    </div>
  </div>
  <!-- 表格区域 -->
  <div id="shares-table-scroll" style="position:absolute;left:0;right:0;top:var(--filterbar);bottom:48px;overflow:auto;">
    <div id="shares-notice-panel" class="shares-notice-panel" hidden></div>
    <table id="tbl-shares" style="width:100%;min-width:1480px;border-collapse:collapse;table-layout:fixed;">
      <colgroup>
        <col style="width:58px"><col style="width:260px"><col style="width:110px"><col style="width:92px">
        <col style="width:86px"><col style="width:86px"><col style="width:126px">
        <col style="width:108px"><col style="width:104px"><col style="width:140px"><col style="width:74px">
        <col style="width:86px"><col style="width:72px">
      </colgroup>
      <thead>
        <tr>
          <th style="padding:0 10px;height:42px;text-align:center;font-size:14px;font-weight:600;color:var(--text);border-bottom:1px solid var(--border);background:white;white-space:nowrap;position:sticky;top:0;z-index:1;">序列</th>
          <th style="padding:0 10px;height:42px;text-align:center;font-size:14px;font-weight:600;color:var(--text);border-bottom:1px solid var(--border);background:white;white-space:nowrap;position:sticky;top:0;z-index:1;">公司名称</th>
          <th style="padding:0 10px;height:42px;text-align:center;font-size:14px;font-weight:600;color:var(--text);border-bottom:1px solid var(--border);background:white;white-space:nowrap;position:sticky;top:0;z-index:1;">客户省份</th>
          <th style="padding:0 10px;height:42px;text-align:center;font-size:14px;font-weight:600;color:var(--text);border-bottom:1px solid var(--border);background:white;white-space:nowrap;position:sticky;top:0;z-index:1;">行业</th>
          <th style="padding:0 10px;height:42px;text-align:center;font-size:14px;font-weight:600;color:var(--text);border-bottom:1px solid var(--border);background:white;white-space:nowrap;position:sticky;top:0;z-index:1;">联系人</th>
          <th style="padding:0 10px;height:42px;text-align:center;font-size:14px;font-weight:600;color:var(--text);border-bottom:1px solid var(--border);background:white;white-space:nowrap;position:sticky;top:0;z-index:1;">职位</th>
          <th style="padding:0 10px;height:42px;text-align:center;font-size:14px;font-weight:600;color:var(--text);border-bottom:1px solid var(--border);background:white;white-space:nowrap;position:sticky;top:0;z-index:1;">联系方式</th>
          <th style="padding:0 10px;height:42px;text-align:center;font-size:14px;font-weight:600;color:var(--text);border-bottom:1px solid var(--border);background:white;white-space:nowrap;position:sticky;top:0;z-index:1;">公海评分</th>
          <th style="padding:0 10px;height:42px;text-align:center;font-size:14px;font-weight:600;color:var(--text);border-bottom:1px solid var(--border);background:white;white-space:nowrap;position:sticky;top:0;z-index:1;">评分趋势</th>
          <th style="padding:0 10px;height:42px;text-align:center;font-size:14px;font-weight:600;color:var(--text);border-bottom:1px solid var(--border);background:white;white-space:nowrap;position:sticky;top:0;z-index:1;">线索提交时间</th>
          <th style="padding:0 10px;height:42px;text-align:center;font-size:14px;font-weight:600;color:var(--text);border-bottom:1px solid var(--border);background:white;white-space:nowrap;position:sticky;top:0;z-index:1;">状态</th>
          <th style="padding:0 10px;height:42px;text-align:center;font-size:14px;font-weight:600;color:var(--text);border-bottom:1px solid var(--border);background:white;white-space:nowrap;position:sticky;top:0;z-index:1;">奖励</th>
          <th style="padding:0 10px;height:42px;text-align:center;font-size:14px;font-weight:600;color:var(--text);border-bottom:1px solid var(--border);background:white;white-space:nowrap;position:sticky;top:0;z-index:1;">客户详情</th>
        </tr>
      </thead>
      <tbody id="tb-shares"></tbody>
    </table>
  </div>
  <!-- 2026-10-13 10:42:49（北京时间）— 分页仅限制渲染，筛选和汇总覆盖全部录入。 -->
  <div style="position:absolute;bottom:0;left:0;right:0;height:48px;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:0 16px;border-top:1px solid var(--border);background:var(--white);font-size:13px;">
    <span id="shares-page-label" aria-live="polite">共 0 条</span>
    <button type="button" id="shares-page-prev" class="act" onclick="setSharesPage(sharesPage-1)" disabled>上一页</button>
    <button type="button" id="shares-page-next" class="act" onclick="setSharesPage(sharesPage+1)" disabled>下一页</button>
  </div>
</div>

<!-- 操作指南页面 -->
<!-- 最后修改：2026-09-24 15:39:24（北京时间）— 强调联系提醒，保护演示增加业务活跃度说明。 -->
<div id="page-guide" class="guide-page">
  <div class="ng-wrap">
    <aside class="ng-contact" aria-label="联系客户与平台使用说明">
      <div class="ng-contact-grid">
        <section class="ng-contact-item ng-share-rule"><h3>平台介绍与分享规则</h3><div class="ng-row-content"><p class="reward-intro">红皇后是一个自助式客户开发平台。<strong>分享1位具有采购决策权的采购、研发人员联系方式，审核通过后，即可获得20个查看名额。</strong></p><p class="share-note"><strong>您分享了哪些客户、留下了什么联系方式，公司同事都看不到。其他用户查看时，也不会显示您的名字，请放心分享！</strong></p><p class="share-note">请分享真实、可联系且符合要求的客户线索。无采购决策权的客服、销售、业务等人员线索将退回处理；恶意或多次违规分享，可能导致账号受限或封禁。感谢您一起维护线索质量。</p></div></section>
        <div class="ng-contact-item ng-introduction"><h3>联系客户怎么介绍</h3><div class="ng-row-content"><p>联系客户时，<strong>不要主动提及“联系方式由红皇后提供”</strong>。先介绍自己的姓名、公司和合作意向，直接沟通业务。客户追问具体来源时，可以说通过AI或者网络平台以及展会资料得到您的联系方式。</p></div></div>
        <div class="ng-contact-item"><h3>平台边界与合作判断</h3><div class="ng-row-content"><p>平台只提供客户管理、信息整理、线索推荐和质量评价工具，不参与报价、合同、付款、发货、账期、回款或履约。请自行核实客户及需求的真实性、有效性和合作风险，并对联系与交易决定负责。</p></div></div>
      <section class="ng-contact-item ng-rules" aria-labelledby="ng-rules-title">
        <h3 id="ng-rules-title">使用须知与隐私保护</h3>
        <div class="ng-rules-grid">
          <p><strong>真实分享、如实评价</strong>仅分享真实、合规、可联系的业务线索，根据实际联系情况填写评价。</p>
          <p><strong>仅限正规商务开发</strong>不复制、转卖或泄露平台线索；客户拒绝联系后，应停止打扰。</p>
          <p><strong>个人业务记录仅本人查看</strong>线索可见范围受同公司保护等规则约束，个人跟进记录不因此公开。</p>
        </div>
      </section>
      </div>
    </aside>
    <section class="ng-teach" aria-label="功能演示">
      <div class="ng-grid">
        <a class="ng-card" href="operation-guide-demo.html?chapter=share"><span class="ng-thumb ng-thumb-share" aria-hidden="true"><img class="ng-photo" src="/assets/guide-preview/10006.jpg" alt="" decoding="async"><span class="ng-play">▶</span></span><span class="ng-card-copy"><span class="ng-card-text"><strong>分享线索与加入客户演示</strong><small>分享、获得奖励，再加入客户</small></span><span class="ng-watch" aria-label="查看演示">→</span></span></a>
        <a class="ng-card" href="operation-guide-demo.html?chapter=follow"><span class="ng-thumb ng-thumb-follow" aria-hidden="true"><img class="ng-photo" src="/assets/guide-preview/10007.jpg" alt="" decoding="async"><span class="ng-play">▶</span></span><span class="ng-card-copy"><span class="ng-card-text"><strong>记录客户跟进演示</strong><small>列表查看、看板拖动与跟进记录</small></span><span class="ng-watch" aria-label="查看演示">→</span></span></a>
        <a class="ng-card" href="operation-guide-demo.html?chapter=samples"><span class="ng-thumb ng-thumb-samples" aria-hidden="true"><img class="ng-photo" src="/assets/guide-preview/10002.jpg" alt="" decoding="async"><span class="ng-play">▶</span></span><span class="ng-card-copy"><span class="ng-card-text"><strong>记录寄样演示</strong><small>登记寄样，回看样品详情</small></span><span class="ng-watch" aria-label="查看演示">→</span></span></a>
        <a class="ng-card" href="operation-guide-demo.html?chapter=orders"><span class="ng-thumb ng-thumb-orders" aria-hidden="true"><img class="ng-photo" src="/assets/guide-preview/10003.jpg" alt="" decoding="async"><span class="ng-play">▶</span></span><span class="ng-card-copy"><span class="ng-card-text"><strong>记录订单演示</strong><small>从客户录单，查看金额与详情</small></span><span class="ng-watch" aria-label="查看演示">→</span></span></a>
        <a class="ng-card" href="operation-guide-demo.html?chapter=protect"><span class="ng-thumb ng-thumb-protect" aria-hidden="true"><img class="ng-photo" src="/assets/guide-preview/10004.jpg" alt="" decoding="async"><span class="ng-play">▶</span></span><span class="ng-card-copy"><span class="ng-card-text"><strong>客户保护与活跃度演示</strong><small>及时跟进延续保护，保持活跃增加曝光</small></span><span class="ng-watch" aria-label="查看演示">→</span></span></a>
        <a class="ng-card" href="operation-guide-demo.html?chapter=review"><span class="ng-thumb ng-thumb-review" aria-hidden="true"><img class="ng-photo" src="/assets/guide-preview/10005.jpg" alt="" decoding="async"><span class="ng-play">▶</span></span><span class="ng-card-copy"><span class="ng-card-text"><strong>收藏与信息评价演示</strong><small>收藏暂不能加入的线索，联系后评价</small></span><span class="ng-watch" aria-label="查看演示">→</span></span></a>
      </div>
    </section>
    <footer class="ng-support">客服微信 honghuanghou79</footer>
  </div>
</div>

<!-- ========== 账号设置页面 ========== -->
<section id="page-suggestions" class="ideas-page" data-mode="index" style="display:none"></section>
<div id="page-settings" style="display:none;position:absolute;left:var(--sidebar);right:0;top:var(--topbar);bottom:0;overflow:auto;background:#f0f1f5;">
  <div class="acc-center-shell">
  <div class="settings-wrap acc-page">
    <h1 class="acc-page-title">账号设置</h1>
    <div class="acc-profile" id="salesProfileForm">
      <section class="acc-section" aria-labelledby="acc-basic-title">
        <div class="acc-head"><h2 id="acc-basic-title">基本资料</h2><span>仅可查看</span></div>
        <div class="acc-info">
          <label class="acc-prop"><span class="acc-label"><span class="acc-ic" data-cd-icon="building" aria-hidden="true"></span>公司名</span><input id="profile_company" class="acc-value" readonly placeholder="未填写"></label>
          <label class="acc-prop"><span class="acc-label"><span class="acc-ic" data-cd-icon="brief" aria-hidden="true"></span>职位</span><input id="profile_position" class="acc-value" readonly placeholder="未填写"></label>
          <label class="acc-prop"><span class="acc-label"><span class="acc-ic" data-cd-icon="person" aria-hidden="true"></span>名字</span><input id="profile_realname" class="acc-value" readonly placeholder="未填写"></label>
          <label class="acc-prop"><span class="acc-label"><span class="acc-ic" data-cd-icon="phone" aria-hidden="true"></span>电话</span><input id="profile_phone" class="acc-value" readonly placeholder="未填写"></label>
          <label class="acc-prop"><span class="acc-label"><span class="acc-ic" data-cd-icon="lead" aria-hidden="true"></span>账号</span><input id="profile_username" class="acc-value" readonly aria-label="账号"></label>
          <label class="acc-prop"><span class="acc-label"><span class="acc-ic" data-cd-icon="shield" aria-hidden="true"></span>匿名码</span><input id="profile_anon_code" class="acc-value" readonly></label>
        </div>
      </section>
      <section class="acc-section acc-form" aria-labelledby="acc-business-title">
        <div class="acc-head"><h2 id="acc-business-title">经营信息</h2><span>用于匹配采购需求</span></div>
        <label class="acc-prop"><span class="acc-label"><span class="acc-ic" data-cd-icon="box" aria-hidden="true"></span>主营产品<span class="acc-key">重点填写</span></span><span class="acc-control"><textarea id="profile_product" class="acc-input acc-product" maxlength="10000" rows="3" placeholder="例如：灰树花提取物、茶多酚、果蔬粉"></textarea><span class="acc-help">请填写具体产品名称，便于准确匹配采购需求。</span></span></label>
        <label class="acc-prop"><span class="acc-label"><span class="acc-ic" data-cd-icon="factory" aria-hidden="true"></span>所属行业</span><input id="profile_industry" class="acc-input" maxlength="80"></label>
        <label class="acc-prop"><span class="acc-label"><span class="acc-ic" data-cd-icon="tag" aria-hidden="true"></span>供应商属性</span><input id="profile_company_type" class="acc-input" maxlength="20" placeholder="例如：生产商、贸易商"></label>
        <label class="acc-prop"><span class="acc-label"><span class="acc-ic" data-cd-icon="note" aria-hidden="true"></span>公司简介</span><textarea id="profile_company_intro" class="acc-input" maxlength="500" rows="2" placeholder="简单介绍公司的业务和优势"></textarea></label>
        <div id="settings-profile-msg" class="settings-msg" role="status"></div>
        <div class="acc-actions"><button type="button" class="acc-primary" id="salesProfileSaveBtn" onclick="saveProfileSettings()">保存</button></div>
      </section>
    </div>
    <section class="acc-section" aria-labelledby="acc-account-title">
      <div class="acc-head"><h2 id="acc-account-title">账号与安全</h2></div>
      <div class="acc-set" id="settings-demand-notifications">
        <span class="acc-ic" data-cd-icon="bell" aria-hidden="true"></span><div class="acc-set-text"><div class="acc-set-title">新需求提醒</div><p class="acc-set-desc" id="settings-demand-notification-note">提醒仅适用于当前浏览器，请保持登录并打开页面。</p></div>
        <button type="button" class="acc-switch" id="settings-demand-notification-toggle" aria-pressed="false" aria-describedby="settings-demand-notification-note">开启新需求提醒</button>
      </div>
      <details class="acc-set-wrap acc-password">
        <summary class="acc-set"><span class="acc-ic" data-cd-icon="lock" aria-hidden="true"></span><span class="acc-set-text"><span class="acc-set-title">修改密码</span><span class="acc-set-desc">至少 6 位，不能包含汉字</span></span><span class="acc-ghost">修改<svg class="acc-chev" viewBox="0 0 16 16" aria-hidden="true"><path d="m6 3.5 4.5 4.5L6 12.5"/></svg></span></summary>
        <div class="acc-pw-panel">
          <div id="settings-password-msg" class="settings-msg"></div>
          <div class="acc-pw-grid">
            <label class="acc-pw-field"><span>原密码</span><input id="profile_old_password" name="settings_old_pwd" class="acc-input" type="password" autocomplete="off" data-lpignore="true" data-1p-ignore="true" readonly onfocus="this.removeAttribute('readonly')"></label>
            <label class="acc-pw-field"><span>新密码</span><input id="profile_new_password" name="settings_new_pwd" class="acc-input" type="password" maxlength="72" autocomplete="new-password" data-lpignore="true" data-1p-ignore="true" placeholder="至少6位，不能包含汉字"></label>
            <label class="acc-pw-field"><span>确认新密码</span><input id="profile_new_password2" name="settings_confirm_pwd" class="acc-input" type="password" maxlength="72" autocomplete="new-password" data-lpignore="true" data-1p-ignore="true"></label>
          </div>
          <div class="acc-pw-actions"><button type="button" class="acc-primary" onclick="changeProfilePassword()">确认修改</button></div>
        </div>
      </details>
      <div class="acc-set"><span class="acc-ic" data-cd-icon="logout" aria-hidden="true"></span><div class="acc-set-text"><div class="acc-set-title">退出登录</div><p class="acc-set-desc">退出后可重新登录其他账号</p></div><button type="button" class="acc-danger" onclick="requestIndexLogout()">退出登录</button></div>
    </section>
  </div>
  </div>
</div>

<!-- 客户详情模态对话框（Customer Detail Modal） -->
<div class="overlay" id="detailModal" onclick="if(event.target===this)closeDetail()">
  <div class="detail-modal-panel">
    <!-- 2026-09-22 14:13:33：公海和我的客户详情共用切换入口 -->
    <div class="customer-detail-navigation" aria-label="切换客户">
      <button type="button" id="detail-previous" class="detail-head-btn detail-side-arrow" onclick="navigateCustomerDetail(-1)" aria-label="上一位客户" title="上一位客户"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="m14 5-7 7 7 7"/></svg><span class="cd-nav-label">上一位</span></button>
      <button type="button" id="detail-next" class="detail-head-btn detail-side-arrow" onclick="navigateCustomerDetail(1)" aria-label="下一位客户" title="下一位客户"><span class="cd-nav-label">下一位</span><svg viewBox="0 0 24 24" aria-hidden="true"><path d="m10 5 7 7-7 7"/></svg></button>
    </div>
    <div class="detail-header">
      <div class="detail-header-top">
        <div id="detail-title" class="detail-title"></div>
        <button class="detail-head-btn" onclick="closeDetail()">关闭</button>
      </div>
      <div class="detail-meta-row">
        <div id="detail-subtitle" class="detail-subtitle"></div>
        <div class="detail-header-actions">
          <div id="detail-action-btn"></div>
        </div>
      </div>
    </div>
    <div class="detail-content-scroll">
    <!-- 信息栏 -->
    <div id="detail-info-bar" style="padding:12px 24px;border-bottom:1px solid #e5e7eb;flex-shrink:0;"></div>
    <div id="detail-risk-notice" class="detail-risk-notice" style="display:none;"></div>
    <!-- 趋势图 -->
    <div id="detail-chart-area" style="flex-shrink:0;padding:16px 24px 0;background:white;"></div>
    <!-- 可滚动：反馈记录 + 协同动态 -->
    <div id="detail-body" style="flex:1;overflow-y:auto;padding:0 24px 24px;background:white;"></div>
    </div>
  </div>
</div>

<!-- 评价申诉弹窗 -->
<div class="overlay" id="feedbackAppealModal">
  <div class="feedback-appeal-modal" role="dialog" aria-modal="true" aria-labelledby="feedbackAppealTitle">
    <div class="feedback-appeal-head">
      <div>
        <h2 id="feedbackAppealTitle">评价申诉</h2>
        <p id="feedbackAppealSummary">请说明该评价与实际情况不符的原因。</p>
      </div>
      <button type="button" class="feedback-appeal-close" onclick="closeFeedbackAppealModal()" aria-label="关闭">×</button>
    </div>
    <input type="hidden" id="feedbackAppealFeedbackId">
    <div class="feedback-appeal-body">
      <label for="feedbackAppealReasonType">申诉类型</label>
      <select id="feedbackAppealReasonType">
        <option value="malicious">疑似恶意评价</option>
        <option value="not_followed">对方未实际跟进</option>
        <option value="fact_incorrect">评价内容与事实不符</option>
        <option value="other">其他原因</option>
      </select>
      <label for="feedbackAppealReason">详细说明</label>
      <textarea id="feedbackAppealReason" maxlength="500" rows="5" placeholder="请写清实际情况、评价不合理之处及判断依据，至少10个字。"></textarea>
      <div class="feedback-appeal-count"><span id="feedbackAppealReasonCount">0</span>/500</div>
      <div class="feedback-appeal-error" id="feedbackAppealError"></div>
    </div>
    <div class="feedback-appeal-actions">
      <button type="button" class="feedback-appeal-cancel" onclick="closeFeedbackAppealModal()">取消</button>
      <button type="button" class="feedback-appeal-submit" id="feedbackAppealSubmitBtn" onclick="submitFeedbackAppeal()">提交申诉</button>
    </div>
  </div>
</div>

<!-- 联系客户弹窗 -->
<div class="overlay" id="contactModal">
  <div class="modal">
    <div id="contact-mh" class="mh" style="background:white;color:#111827;border-bottom:1px solid #e5e7eb;position:relative;padding-right:60px;">
      <h2 id="contact-title" style="color:#111827;font-size:18px;">联系客户</h2>
      <p id="contact-subtitle" style="font-size:15px;color:#4b5563;font-weight:600;opacity:1;margin-top:5px"></p>
      <!-- 关闭按钮（主页） -->
      <button id="contact-close-btn" onclick="closeContact()"
        style="position:absolute;top:50%;right:20px;transform:translateY(-50%);min-width:72px;height:34px;padding:0 16px;border-radius:8px;border:1.5px solid #111827;background:white;color:#111827;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;font-family:var(--font);"
        onmouseover="this.style.background='#f3f4f6';this.style.borderColor='#111827';this.style.color='#111827'" onmouseout="this.style.background='white';this.style.borderColor='#111827';this.style.color='#111827'">关闭</button>
      <!-- 返回按钮（子页） -->
      <button id="contact-back-btn" onclick="showContactHome()"
        style="display:none;position:absolute;top:50%;right:20px;transform:translateY(-50%);padding:6px 16px;background:#f3f4f6;border:1.5px solid #e5e7eb;color:#374151;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;font-family:var(--font);transition:all .15s;"
        onmouseover="this.style.background='#e5e7eb'" onmouseout="this.style.background='#f3f4f6'">返回</button>
    </div>
    <div class="mb" id="contact-body"></div>
  </div>
</div>

<!-- 分享弹窗 -->
<div class="overlay" id="shareModal">
  <div class="modal">
    <div class="mh">
      <button onclick="closeShare()" style="position:absolute;top:28px;right:20px;transform:translateY(-50%);min-width:72px;height:34px;padding:0 16px;border-radius:8px;border:1.5px solid #111827;background:white;cursor:pointer;font-size:13px;font-weight:500;color:#111827;display:flex;align-items:center;justify-content:center;transition:all .15s;font-family:var(--font);" onmouseover="this.style.background='#f3f4f6';this.style.borderColor='#111827';this.style.color='#111827'" onmouseout="this.style.background='white';this.style.borderColor='#111827';this.style.color='#111827'">关闭</button>
      <h2><span class="sf-title-ic" data-cd-icon="lead" aria-hidden="true"></span>录入线索</h2>
      <div class="share-modal-callout">
        <span class="sf-ic-slot sf-callout-ic" data-cd-icon="shield" aria-hidden="true"></span>
        <div class="share-modal-callout-body">
          <p class="share-modal-summary">分享真实、合规、可联系的关键人线索，审核通过后会奖励10个查看名额；<span class="share-reward-inline">客户主营信息有效内容满20字奖励20个</span>。</p>
          <p class="share-modal-note">优先录入采购、研发、老板、供应链、产品等具备采购决策权或采购影响力的人。提交无关、虚假或无法联系的线索，会影响你的查看权限和账号质量。</p>
          <p class="share-modal-privacy">您分享了哪些客户、留下了什么联系方式，公司同事都看不到。其他用户查看时，也不会显示您的名字，请放心分享！</p>
        </div>
      </div>
    </div>
    <div class="mb">

      <!-- 第一步：联系方式查重 -->
      <div class="sf-g share-check-panel">
        <label class="sf-l"><span class="sf-ic-slot" data-cd-icon="phone" aria-hidden="true"></span>联系方式 <span style="color:#ef4444">*</span></label>
        <div class="share-check-row" style="display:flex;gap:8px">
          <input class="sf-i" id="sf-phone" placeholder="客户手机号或微信号（不支持座机）" style="flex:1" oninput="sfPhoneOnInput(this)">
          <button class="share-check-btn" onclick="sfCheck()"><span class="sf-ic-slot" data-cd-icon="search" aria-hidden="true"></span>查重</button>
        </div>
        <div id="sf-result"></div>
      </div>

      <!-- 第二步：展开详情 -->
      <div id="sf-extra" class="share-form-panel" style="display:none">

        <!-- 公司名称 + 客户省份 -->
        <div class="sf-row">
          <div class="sf-g" style="flex:1.2;">
            <label class="sf-l"><span class="sf-ic-slot" data-cd-icon="building" aria-hidden="true"></span>公司名称 <span style="color:#ef4444">*</span></label>
            <input class="sf-i" id="sf-co" maxlength="200" placeholder="请输入公司名称" oninput="sfCompanyOnInput(this)">
            <div id="sf-co-result" class="sf-field-result"></div>
          </div>
          <div class="sf-g" style="flex:0.8;">
            <label class="sf-l"><span class="sf-ic-slot" data-cd-icon="pin" aria-hidden="true"></span>客户省份 <span style="color:#ef4444">*</span></label>
            <div class="sf-dd-wrap">
              <input class="sf-i" id="sf-province" placeholder="搜索省份..." autocomplete="off" oninput="sfDrop('province',this.value)">
              <div class="sf-dd" id="sf-drop-province"></div>
            </div>
            <div id="sf-province-result" class="sf-field-result"></div>
          </div>
        </div>

        <!-- 联系人姓名 -->
        <div class="sf-g">
          <label class="sf-l"><span class="sf-ic-slot" data-cd-icon="person" aria-hidden="true"></span>联系人 <span style="color:#ef4444">*</span></label>
          <div style="display:flex;gap:8px;align-items:center;">
          <input class="sf-i" id="sf-contact" placeholder="请输入姓氏，如：李、王、张" maxlength="1" style="flex:1;" oninput="clearShareFieldError('sf-contact')">
        </div>
        <div id="sf-contact-result" class="sf-field-result"></div>
        <div class="share-form-hint">请填写客户本人的姓氏。</div>
        </div>

        <!-- 客户属性 -->
        <div class="sf-g">
          <label class="sf-l"><span class="sf-ic-slot" data-cd-icon="tag" aria-hidden="true"></span>客户属性 <span style="color:#ef4444">*</span></label>
          <div class="sf-dd-wrap">
            <input class="sf-i" id="sf-customer-type" placeholder="自由输入客户属性，如：食品工厂、品牌方、OEM代工厂" maxlength="20" autocomplete="off" required oninput="handleShareCustomerTypeInput(this.value);sfDrop('ctype',this.value)" onfocus="clearShareFieldError('sf-customer-type');sfDrop('ctype',this.value)">
            <div class="sf-dd" id="sf-drop-ctype"></div>
          </div>
          <datalist id="sf-customer-type-options"></datalist>
          <div id="sf-customer-type-result" class="sf-field-result"></div>
        </div>

        <!-- 行业 + 职位 -->
        <div class="sf-row">
          <div class="sf-g">
            <label class="sf-l"><span class="sf-ic-slot" data-cd-icon="factory" aria-hidden="true"></span>行业 <span style="color:#ef4444">*</span></label>
            <div class="sf-dd-wrap">
              <input class="sf-i" id="sf-ind" placeholder="如：食品OEM、保健品配料、益生菌、植物提取物" maxlength="50" autocomplete="off" oninput="sfDrop('ind',this.value)" onfocus="sfDrop('ind',this.value)">
              <div class="sf-dd" id="sf-drop-ind"></div>
            </div>
            <div id="sf-ind-result" class="sf-field-result"></div>
            <div id="sf-classification-preview" class="sf-field-result" style="display:none;"></div>
          </div>
          <div class="sf-g">
            <label class="sf-l"><span class="sf-ic-slot" data-cd-icon="brief" aria-hidden="true"></span>职位 <span style="color:#ef4444">*</span></label>
            <div class="sf-dd-wrap">
              <input class="sf-i" id="sf-pos" placeholder="如：采购、研发；其他职位可直接填写" autocomplete="off" oninput="sfDrop('pos',this.value)">
              <div class="sf-dd" id="sf-drop-pos"></div>
            </div>
            <div id="sf-pos-result" class="sf-field-result"></div>
          </div>
        </div>

        <!-- 客户主营信息 -->
        <div class="sf-g">
          <label class="sf-l"><span class="sf-ic-slot" data-cd-icon="note" aria-hidden="true"></span>客户主营信息</label>
          <textarea class="sf-i" id="sf-note" placeholder="请简单描述客户是做什么的、经营或生产哪些产品，以及产品主要应用领域。" rows="3" maxlength="500" oninput="handleShareMainInfoInput(this)" style="resize:none;line-height:1.6"></textarea>
          <div class="share-form-hint">有效内容满20字且审核通过奖励20条查看线索；不填写或内容未达标，审核通过奖励10条。</div>
        </div>

        <button id="shareSubmitBtn" class="sf-sub" onclick="sfSubmit()">录入线索</button>
      </div>

      <button class="sf-can" onclick="closeShare()">取消</button>
    </div>
  </div>
</div>

<!-- 我的客户微信记录 -->
<div class="overlay" id="wechatStatusModal" onclick="if(event.target===this)closeMyCustomerWechatEditor()">
  <div class="wechat-status-modal-panel" role="dialog" aria-modal="true" aria-labelledby="myCustomerWechatTitle">
    <div class="wechat-status-modal-head">
      <div>
        <h2 id="myCustomerWechatTitle">记录微信昵称</h2>
        <p id="myCustomerWechatCompany"></p>
      </div>
      <div class="wechat-status-head-actions">
        <button type="button" class="wechat-status-reject" id="myCustomerWechatReject" onclick="markMyCustomerWechatNotApprovedFromModal()">微信未通过</button>
        <button type="button" class="wechat-status-close" onclick="closeMyCustomerWechatEditor()" aria-label="关闭">×</button>
      </div>
    </div>
    <div class="wechat-status-modal-body">
      <label class="wechat-status-name-label" for="myCustomerWechatName"><span class="sf-ic-slot" data-cd-icon="wechat" aria-hidden="true"></span>微信昵称</label>
      <input id="myCustomerWechatName" class="wechat-status-name-input" type="text" maxlength="80" placeholder="粘贴客户微信昵称">
      <div class="wechat-status-hint">先记录微信昵称；保存后在表格中点击“点击微信通过”。已通过后再次点击绿色状态，可在这里改为未通过。</div>
    </div>
    <div class="wechat-status-modal-actions">
      <button type="button" class="wechat-status-cancel" onclick="closeMyCustomerWechatEditor()">取消</button>
      <button type="button" class="wechat-status-save" onclick="saveMyCustomerWechat()">保存</button>
    </div>
  </div>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/5.5.0/echarts.min.js"></script>
<script src="assets/js/list-view-state.js?v=20260914-list-view-state-1"></script>
<link rel="stylesheet" href="assets/css/customer-taxonomy.css?v=20260917-shortcut-hover-1">
<!-- 最后修改：2026-10-08 11:32:55（北京时间）— 新增大健康行业，同步分类缓存。 -->
<script src="assets/js/customer-taxonomy.js?v=20261019-simple-cosmetic-daily-2"></script>
<script src="assets/js/customer-taxonomy-form.js?v=20261019-simple-cosmetic-daily-2"></script>
<script src="assets/js/share-position-policy.js?v=20260916-owner-review-1"></script>
<!-- 最后修改：2026-10-22 14:46:47（北京时间）— 座机分享提示与拦截。 -->
<script src="assets/js/share-contact-policy.js?v=20261022-landline-1"></script>
<!-- 最后修改：2026-09-22 10:02:10（北京时间）— 30天同公司保护与站内提醒。 -->
<!-- 最后修改：2026-09-23 15:14:22（北京时间）— 我的客户/跟进统一保护规则入口。 -->
<link rel="stylesheet" href="assets/css/customer-protection.css?v=20260923-rules-1">
<script src="assets/js/customer-protection.js?v=20260923-renewal-1-board-card-20261003-mine-level-protection-1-mine-slim-20261026-1-mine-protection-sort-20261028-1"></script>
<!-- 最后修改：2026-10-10 10:10:42（北京时间）— 保护到期提示明确联系方式与跟进记录范围。 -->
<script src="assets/js/customer-protection-rules.js?v=20261010-contact-scope-1"></script>
<!-- 最后修改：2026-09-22 18:21:23（北京时间）— 省份选中按钮改为黑字、灰底。 -->
<link rel="stylesheet" href="assets/css/index-ocean-province.css?v=20261003-readable-1">
<script src="assets/js/index-customer-filter-multi.js?v=20260923-multi-1"></script>
<script src="assets/js/index-management-mobile.js?v=20260923-document-1-management-refined-20261006-1-sample-no-phone"></script>
<link rel="stylesheet" href="assets/css/index-data-loading.css?v=20261026-center-ring-1">
<script src="assets/js/index-data-loading.js?v=20261026-center-ring-1"></script>
<dialog id="leadAccessDialog" class="lead-access-dialog" aria-labelledby="leadAccessTitle" aria-describedby="leadAccessUntil leadAccessReason">
  <h2 id="leadAccessTitle" tabindex="-1" autofocus>分享与查看暂时受限</h2>
  <p class="lead-access-until"><strong id="leadAccessUntil"></strong></p>
  <section class="lead-access-reason"><h3>限制原因</h3><p id="leadAccessReason"></p></section>
  <p class="lead-access-kept">已有客户可继续使用，查看额度保留。</p>
  <section class="lead-access-support" aria-label="联系客服申诉">
    <p>如对处理有异议，请联系客服申诉</p>
    <div class="lead-access-qr"><img src="assets/img/portal-contact-wechat-20260911.png" alt="红皇后客服微信二维码" width="912" height="1355"></div>
    <p class="lead-access-wechat">客服微信：<span id="leadAccessWechat">honghuanghou79</span></p>
  </section>
  <div class="lead-access-actions">
    <button id="leadAccessCopy" type="button" onclick="copyLeadAccessWechat()">复制微信号</button>
    <button type="button" class="primary" onclick="closeLeadAccessRestriction()">我知道了</button>
  </div>
  <p id="leadAccessCopyStatus" class="lead-access-copy-status" role="status" aria-live="polite"></p>
</dialog>
<script src="assets/js/index-inline-2.js?v=20261007-ocean-nav-clean-contact-schedule-20261011-175930-shares-perf-20261013-1-static-svg-1-academy-notice-1-bobo-merge-20261013-suggestions-20261021-landline-20261022-1-review-access-20261023-1-lead-dialog-1-share-read-1-followup-level-20261023-1-direct-edit-20261024-sidebar-notices-20261024-1-joined-today-20261024-1-mine-slim-20261026-1-center-ring-20261026-1-reward-integrity-20261026-1-submitted-time-20261027-1-level-inplace-20261027-1-share-name-20261027-1-mine-joined-sort-20261028-1-mine-protection-sort-20261028-1"></script>
<!-- 最后修改：2026-09-23 09:52:01（北京时间）— 筛选右对齐和操作列无格线样式版本。 -->
<link rel="stylesheet" href="assets/css/index-customer-workspace.css?v=20260923-workspace-demo-inline-3-customer-order-workflow-1-filter-multi-1-table-hover-20261015-1-mine-protection-sort-20261028-1">
<link rel="stylesheet" href="assets/css/index-customer-detail.css?v=20261004-header-notice-3-feedback-clean-mine-slim-20261026-1">
<link rel="stylesheet" href="assets/css/index-followup-board.css?v=20261003-board-clean-2">
<link rel="stylesheet" href="assets/css/customer-workspace-demo.css?v=20260923-inline-3">
<script src="assets/js/customer-workspace-demo.js?v=20260923-inline-3"></script>
<script src="assets/js/index-workspace-demo.js?v=20260923-inline-3"></script>
<script src="assets/js/index-customer-workspace.js?v=20260922-workspace-1-fixes-20260923-layout-2-customer-order-workflow-1-detail-clean-20261002-head-20261003-table-refresh-20261003"></script>
<script src="assets/js/index-ocean-province.js?v=20260922-auto-2"></script>
<script src="assets/js/index-followup-mobile.js?v=20260923-protection-rules-1-customer-order-workflow-1-followup-clean-20261002-followup-level-20261023-1-joined-today-20261024-1-level-inplace-20261027-1"></script>
<link rel="stylesheet" href="assets/css/index-management-mobile.css?v=20261007-product-dark">
<!-- 最后修改：2026-09-23 17:38:00（北京时间）— 手机工作区底部导航，电脑端保持原布局。 -->
<link rel="stylesheet" href="assets/css/index-workspace-mobile-nav.css?v=20260923-nav-1">
<!-- 最后修改：2026-10-19 10:26:00（北京时间）— BOBO 语气菜单移至输入区右下方。 -->
<link rel="stylesheet" href="assets/css/bobo-advisor.css?v=20261024-bobo-demand-8">
<!-- 最后修改：2026-10-03 19:03:19（北京时间）— 原品牌间距、暖灰白表格与清晰的表头/悬停反馈。 -->
<!-- 2026-10-06 14:25:49（北京时间）— 我的客户行高微调样式版本。 -->
<!-- 2026-10-06 14:58:00（北京时间）— 我的客户公司名称列加宽20%。 -->
<!-- 最后修改：2026-10-21 10:27:46（北京时间）— 我的客户浅色表头缓存更新。 -->
<link rel="stylesheet" href="assets/css/index-workspace-refresh.css?v=20261004-score-capsule-2-share-offset-1-star-outline-2-row-line-borders-1-activity-race-identity-7-share-center-1-ocean-row-56-1-forms-unified-1-scrollbar-below-header-2-activity-minimal-1-activity-cells-1-demand-detail-clean-1-share-compact-1-segment-17-ocean-48-account-list-1-list-refresh-20261006-1-order-sample-a-1-ocean-refined-1-score-soft-aligned-1-detail-1-share-mobile-1-mine-level-protection-1-mine-row-56-1-mine-fit-1-centered-1-compact-1-company-20-1-level-unified-1-settings-center-2-customer-row-space-20261008-111456-protection-orange-20261008-1-table-hover-20261015-1-scrollbar-20261019-173541-demand-notice-text-20261020-1-header-light-seams-20261021-1-mine-head-light-20261021-1-sidebar-notices-20261024-1-joined-today-20261024-1-mine-slim-20261026-1-level-button-1-mine-contact-inline-1">
<link rel="stylesheet" href="assets/css/index-management-refined.css?v=20261024-last-column-surface-1">
<!-- 2026-10-13 12:39:07（北京时间）— 好差评遮罩轻量绘制，更新样式缓存。 -->
<link rel="stylesheet" href="assets/css/index-modal-backdrop.css?v=20261013-feedback-perf-1">
<script src="assets/js/index-modal-backdrop.js?v=20261006-1"></script>
<script src="assets/js/index-table-scroll.js?v=20261005-all-tables-1"></script>
<script src="assets/js/index-list-view-state.js?v=20260923-document-1"></script>
<script src="assets/js/index-achievement.js?v=2026-08-30-achievement-garden-1"></script>
<script src="assets/js/demand-publication-consent.js?v=20260915-1"></script>
<script src="assets/js/index-purchase-demand.js?v=20261024-demand-form-6"></script>
<script src="assets/js/index-feature-lifecycle.js?v=20260928-guide-notice-2"></script>
<script src="assets/js/credit-code.js?v=20261015-1"></script>
<script src="assets/js/login-request.js?v=20261015-1"></script>
<script src="assets/js/user-suggestions.js?v=20261021-1"></script>
<script src="assets/js/index-inline-3.js?v=20261027-announcement-readable-1"></script>
<script src="assets/js/index-customer-mobile.js?v=20260922-cards-b-1"></script>

<script src="assets/js/buyer-profile-change-ui.js?v=20260915-settings-startup-1"></script>

<link rel="stylesheet" href="assets/css/index-demand-refined.css?v=20261007-demand-no-ellipsis-1-table-hover-20261015-1">
<link rel="stylesheet" href="assets/css/index-demand-monday.css?v=20261015-orange-marker-1">
<link rel="stylesheet" href="assets/css/index-record-detail-b.css?v=20261007-edit-grid-type-b-20261008-align-direct-edit-20261024">
<script src="assets/js/index-order-date-picker.js?v=20261011-161055"></script>
<link rel="stylesheet" href="assets/css/index-ocean-join-guide.css?v=20261008-093655">
<script src="assets/js/index-ocean-join-guide.js?v=20261008-093655"></script>
<!-- 最后修改：2026-10-10 16:56:00（北京时间）— 正式工作台及统一客户跟进详情。 -->
<link rel="stylesheet" href="assets/css/index-followup-workbench.css?v=20261015-followup-background-1-table-hover-20261015-1">
<script src="assets/js/index-followup-workbench.js?v=20261012-092404-bobo-prefill-1"></script>
<script src="assets/js/bobo-demand-publish.js?v=20261024-bobo-demand-8"></script>
<script src="assets/js/bobo-advisor.js?v=20261024-bobo-demand-8"></script>
<!-- 最后修改：2026-10-19 17:35:41（北京时间）— 加粗原生表格滚动条，不拦截鼠标拖动或滚轮。 -->
<link rel="stylesheet" href="assets/css/index-table-scrollbar.css?v=20261019-173541">
<script src="assets/js/index-table-scrollbar.js?v=20261019-173541"></script>
</body>
</html>