.知识库入口{display:flex;align-items:center;justify-content:center;min-height:42px;margin-top:12px;border-radius:var(--workbench-action-radius);background:#176be5;color:#fff;text-decoration:none;font-size:12px;font-weight:720}
.IM窗口{grid-template-rows:auto 1fr auto}
.聊天切换{display:flex;justify-content:center;gap:8px;padding:13px;border-bottom:1px solid #dce7f0}
.聊天切换 button{min-width:110px;padding:9px 18px;border:1px solid transparent;border-radius:var(--workbench-action-radius);background:transparent;color:#63768e}
.聊天切换 button.已选中{border-color:#cfe0f1;background:#ffffffb8;color:#176be5;box-shadow:0 8px 20px #36587815}
.IM小红书选项{grid-column:1/-1;min-width:0;margin:0;padding:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;border:1px solid #d4e0eb;border-radius:var(--workbench-action-radius);background:#fff}
.IM小红书选项[data-collection-mode="library"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.IM小红书选项[hidden],.IM输入区 textarea[hidden]{display:none}
.IM小红书选项 legend{padding:0 5px;color:#47709e;font-size:10px;font-weight:720}
.IM小红书选项 label{min-width:0;display:grid;gap:4px;color:#71839a;font-size:9px}
.IM小红书选项 select,.IM小红书选项 input{min-width:0;width:100%;height:34px;padding:0 8px;border:1px solid #dbe5ee;border-radius:var(--workbench-action-radius);background:#f7faff;color:#284f7d;font:inherit;font-size:11px;outline:none}
.IM小红书选项 select:focus,.IM小红书选项 input:focus{border-color:#64a1ee;box-shadow:0 0 0 3px #2577dc1f}
.IM模板图片字段{min-width:0;grid-column:span 2;display:grid;gap:4px;color:#71839a;font-size:9px}
.IM输入区 .IM当前模板卡{min-width:0;width:100%;height:36px;padding:3px 8px;display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:7px;border:1px solid #dbe5ee;border-radius:var(--workbench-action-radius);background:#f7faff;color:#284f7d;text-align:left;cursor:pointer}
.IM当前模板卡:hover,.IM当前模板卡:focus-visible{border-color:#64a1ee;background:#edf5ff;outline:3px solid #2577dc1f}
.IM当前模板卡>span:last-child{min-width:0;display:grid;gap:2px}.IM当前模板卡 strong{min-width:0;overflow:hidden;font-size:9px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.IM当前模板卡 em{color:#176be5;font-size:8px;font-style:normal}
.IM模板图片预览{width:26px;height:26px;display:grid;place-items:center;overflow:hidden;border-radius:var(--workbench-action-radius);background:#e8eef4;color:#63768e}
.IM模板图片预览 img{width:100%;height:100%;display:block;object-fit:cover}
.IM模板图片预览 em{padding:4px;color:#63768e;font-size:9px;font-style:normal;text-align:center}
.IM模板图片空状态{margin:0;padding:10px;border-radius:var(--workbench-action-radius);background:#f7faff;color:#71839a;font-size:10px}
.IM模板支持状态{display:inline-flex;width:fit-content;max-width:100%;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;line-height:1.5;margin-top:5px;padding:2px 7px;border-radius:var(--workbench-action-radius);background:#eaf8f0;color:#16834b;font-size:9px;font-style:normal;font-weight:700}.IM模板支持状态.不支持{background:#fff0f0;color:#b54747}.IM模板不支持原因{display:block;margin:4px 0 0;color:#9b5b5b;font-size:9px;line-height:1.45}.IM模板弹窗卡.不支持{background:#fffafa}.IM模板弹窗内容>footer button:disabled{cursor:not-allowed;background:#bdc6d2;color:#f7f9fb}
.IM库存内容文本{display:inline;color:#718096;font-size:12px;font-style:normal;font-weight:400;line-height:1.5}.IM库存内容文本 strong{color:#1664ff;font:inherit;font-weight:700}
.IM模板遮罩{position:fixed;z-index:180;inset:0;background:rgba(21,30,45,.28);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
#IM模板源选择遮罩{z-index:420}
.IM模板弹窗{position:fixed;z-index:190;left:50%;top:50%;width:min(1240px,calc(100vw - 72px));height:min(780px,calc(100dvh - 72px));transform:translate(-50%,-50%);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid rgba(255,255,255,.9);border-radius:var(--workbench-action-radius);background:#fff;box-shadow:0 32px 100px rgba(15,23,42,.2)}
.IM模板遮罩[hidden],.IM模板弹窗[hidden]{display:none}.IM模板弹窗>header{min-height:70px;padding:15px 18px 14px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8ebf0}.IM模板弹窗>header h2{margin:0;font-size:18px}.IM模板弹窗>header p{margin:4px 0 0;color:#85909f;font-size:10px}.IM模板弹窗>header button{width:36px;height:36px;border-radius:var(--workbench-action-radius);background:#f1f4f8;color:#677386;font-size:22px}
.IM模板弹窗内容{min-height:0;height:100%}.IM模板弹窗网格{min-width:0;min-height:0;padding:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:10px;overflow:auto}.IM模板弹窗卡{position:relative;min-width:0;padding:9px;display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:10px;border:1px solid #e5e9ef;border-radius:var(--workbench-action-radius);background:#fff;color:#284f7d;cursor:pointer;text-align:left}.IM模板弹窗卡>input[type="radio"]{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.IM模板弹窗卡:has(input:focus-visible){outline:3px solid #2577dc1f}.IM模板弹窗预览{width:92px;aspect-ratio:3/4;display:grid;place-items:center;overflow:hidden;border-radius:var(--workbench-action-radius);background:#e8eef4}.IM模板弹窗预览 img{width:100%;height:100%;display:block;object-fit:cover}.IM模板弹窗预览 em{padding:8px;color:#63768e;font-size:10px;font-style:normal;text-align:center}.IM模板弹窗文本{min-width:0;max-width:100%;display:grid;align-content:center;justify-items:start;gap:5px;overflow:hidden}.IM模板弹窗卡 strong,.IM模板弹窗卡 small{display:block;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.IM模板弹窗卡 strong{display:-webkit-box;overflow:hidden;font-size:11px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:3}.IM模板弹窗页数{color:#718096;font-size:10px;line-height:1.4}.IM模板弹窗文本 .IM模板支持状态{margin-top:1px}.IM模板详情>footer{padding:12px 0 0;display:grid;gap:8px;border-top:1px solid #e8ebf0}.IM模板详情>footer>span{color:#71839a;font-size:10px}.IM模板详情>footer button{width:100%;min-height:38px;border-radius:var(--workbench-action-radius);background:#176be5;color:#fff;font-weight:700}.IM模板详情>footer button:hover:not(:disabled){background:#0f5fd4;color:#fff}.IM模板详情>footer button:active:not(:disabled){background:#0b50b9;color:#fff}
.IM小红书选项>.配置提示{grid-column:1/-1;min-width:0;min-height:0;margin:0;padding:8px 10px;border-radius:var(--workbench-action-radius);background:#edf5fd;color:#526f8e;font-size:11px;line-height:1.55;word-break:normal;overflow-wrap:anywhere}
.IM模板弹窗卡:has(input:checked){border-color:var(--workbench-text-accent);background:var(--workbench-surface-selected);box-shadow:0 0 0 1px var(--workbench-text-accent)}
.IM页面 .IM输入区{grid-row:-2/-1;align-self:end}

@media(max-width:760px){
  .环节画布{align-items:flex-start}
  .系统Dock nav button{flex:1 1 0;min-width:42px;width:auto;padding-inline:1px}
  .聊天切换 button{min-width:96px}
  .双字段{grid-template-columns:1fr}
  .IM小红书选项,.IM小红书选项[data-collection-mode]{grid-template-columns:1fr}
  .IM模板图片字段{grid-column:1}
  .IM模板弹窗{width:calc(100vw - 16px);height:calc(100dvh - 24px)}
  .IM模板弹窗网格{grid-template-columns:1fr;padding:14px}.IM模板弹窗卡{grid-template-columns:68px minmax(0,1fr);gap:8px}.IM模板弹窗预览{width:68px}
}

/* IM 模板选择复用功能页模板库的左侧网格、右侧详情和确认区布局。 */
.IM模板选择主体{min-width:0;min-height:0;height:100%;display:grid;grid-template-columns:minmax(0,1fr) 360px;overflow:hidden}
.IM模板详情{min-width:0;min-height:0;padding:16px;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;border-left:1px solid #e8ebf0;background:#fff}
.IM模板详情滚动体{min-width:0;min-height:0;overflow:auto}
.IM模板详情滚动体>header,.IM模板子页面>header,.IM模板子页面卡>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.IM模板详情滚动体>header span:first-child{color:#718096;font-size:10px}.IM模板详情滚动体>header h3{margin:4px 0 0;color:#202a38;font-size:16px;line-height:1.35}
.IM模板元数据{margin:14px 0;display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}.IM模板元数据 div{min-width:0;display:grid;align-content:start;gap:4px}.IM模板元数据 div.IM模板元数据版本,.IM模板元数据>div:only-child{grid-column:1/-1}.IM模板元数据 dt{color:#8591a1;font-size:10px;line-height:1.35}.IM模板元数据 dd{min-width:0;margin:0;overflow-wrap:anywhere;color:#3f4d60;font-size:11px;line-height:1.5}
.IM模板匹配详情{margin-top:12px;padding-top:12px;border-top:1px solid #e8ebf0}.IM模板匹配详情>strong{color:#273446;font-size:12px}.IM模板匹配详情 dl{margin:8px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.IM模板匹配详情 dl div{min-width:0}.IM模板匹配详情 dt{color:#8591a1;font-size:10px}.IM模板匹配详情 dd{margin:2px 0 0;color:#3f4d60;font-size:11px}.IM模板匹配详情 p{margin:0;color:#718096;font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.IM模板子页面{display:grid;gap:10px}.IM模板子页面>header strong{color:#273446;font-size:12px}.IM模板子页面>header span{color:#78869a;font-size:10px}.IM模板子页面网格{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.IM模板子页面卡{min-width:0;padding:9px;border:1px solid #e5e9ef;border-radius:var(--workbench-action-radius);background:#fafbfc}.IM模板子页面预览{width:100%;aspect-ratio:3/4;display:grid;place-items:center;overflow:hidden;border-radius:var(--workbench-action-radius);background:#edf1f5}.IM模板子页面预览 img{width:100%;height:100%;display:block;object-fit:cover}.IM模板子页面预览 em{padding:8px;color:#718096;font-size:10px;font-style:normal;text-align:center}.IM模板子页面卡>header{margin-top:8px;display:grid}.IM模板子页面卡>header strong{color:#2b3748;font-size:10px}.IM模板子页面卡>header small{color:#7e8b9d;font-size:10px;line-height:1.45}
.IM模板页面规则{margin-top:8px}.IM模板页面规则 summary{cursor:pointer;color:#1664ff;font-size:10px}.IM模板页面规则>dl{margin:8px 0;display:grid;gap:5px}.IM模板页面规则>dl div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:6px}.IM模板页面规则 dt{color:#8994a3;font-size:10px}.IM模板页面规则 dd{margin:0;color:#4e5b6d;font-size:10px}
.模板页面槽位明细{margin:8px 0 0;padding:0;display:grid;gap:6px;list-style:none}.模板页面槽位明细 li{padding:7px;border-radius:var(--workbench-action-radius);background:#fff}.模板页面槽位明细 li>span{display:flex;justify-content:space-between;gap:8px}.模板页面槽位明细 strong,.模板页面槽位明细 em,.模板页面槽位明细 small{font-size:10px}.模板页面槽位明细 em{color:#1664ff;font-style:normal}.模板页面槽位明细 small{display:block;margin-top:3px;color:#758296;line-height:1.45}.模板页面槽位明细 li.已隐藏{background:#f5f6f8;color:#7d8795}.模板页面未回读{margin:8px 0;color:#8b6570;font-size:10px;line-height:1.5}
@media(max-width:1180px) and (min-width:761px){
  .IM模板选择主体{grid-template-columns:minmax(0,1fr) 330px}.IM模板弹窗网格{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .IM模板选择主体{display:block;overflow:auto}.IM模板选择主体>.IM模板弹窗网格{grid-template-columns:1fr;overflow:visible}.IM模板详情{display:block;overflow:visible;border-top:1px solid #e8ebf0;border-left:0}.IM模板详情滚动体{overflow:visible}.IM模板元数据{grid-template-columns:1fr}.IM模板子页面网格{grid-template-columns:1fr 1fr}.IM模板详情>footer{margin-top:12px}
}
body[data-current-page="im"] .IM模板源页面选择{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px}
body[data-current-page="im"] .IM模板源页面选择 .IM模板字段标题{min-width:0}
body[data-current-page="im"] .IM模板源重新选择{height:32px;padding:0 12px;border:1px solid #b9cff4;border-radius:var(--workbench-action-radius);background:#fff;color:#1664ff;font-size:11px;font-weight:700;white-space:nowrap}
.IM模板源选择弹窗{position:fixed;z-index:421;left:50%;top:50%;width:min(1180px,calc(100vw - 48px));max-height:calc(100dvh - 48px);transform:translate(-50%,-50%);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid var(--feishu-color-border,#e5e7eb);border-radius:var(--workbench-action-radius);background:var(--feishu-color-bg-0,#fff);box-shadow:0 28px 80px rgba(15,23,42,.2)}
.IM模板源选择弹窗[hidden],.IM模板源选择遮罩[hidden]{display:none}.IM模板源选择弹窗>header{min-height:64px;padding:13px 16px 12px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--feishu-color-border,#e5e7eb)}.IM模板源选择弹窗>header h2{margin:0;color:var(--feishu-color-text-1,#1f2329);font-size:17px}.IM模板源选择弹窗>header p{margin:4px 0 0;color:var(--feishu-color-text-3,#8a93a3);font-size:11px}.IM模板源选择弹窗>header button{width:34px;height:34px;border:0;border-radius:var(--workbench-action-radius);background:var(--feishu-color-bg-2,#f5f6f7);color:var(--feishu-color-text-2,#646a73);font-size:20px}
.IM模板源选择内容{min-width:0;min-height:0;padding:16px;overflow:hidden}.IM模板源选择网格{width:100%;display:flex;flex-wrap:nowrap;align-items:flex-start;gap:10px;overflow:hidden}.IM模板源选择卡{position:relative;flex:1 1 0;min-width:0;max-width:168px;padding:6px;display:grid;gap:6px;border:1px solid var(--feishu-color-border,#e5e7eb);border-radius:var(--workbench-action-radius);background:var(--feishu-color-bg-1,#f7f8fa);cursor:pointer}.IM模板源选择卡:has(input:checked){border-color:#1664ff;box-shadow:0 0 0 1px #1664ff}.IM模板源选择卡:has(input:focus-visible){outline:3px solid rgba(22,100,255,.16)}.IM模板源选择卡>input{position:absolute;z-index:1;left:10px;top:10px}.IM模板源选择预览{width:100%;aspect-ratio:3/4;display:block;overflow:hidden;border-radius:var(--workbench-action-radius);background:#edf1f5}.IM模板源选择预览 img{width:100%;height:100%;display:block;object-fit:cover}.IM模板源选择卡>strong{min-width:0;overflow:hidden;color:var(--feishu-color-text-1,#1f2329);font-size:11px;line-height:1.35;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.IM模板源选择弹窗>footer{min-height:60px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--feishu-color-border,#e5e7eb)}.IM模板源选择弹窗>footer>span{color:var(--feishu-color-text-2,#646a73);font-size:11px}.IM模板源选择弹窗>footer>span strong{color:#1664ff}.IM模板源选择弹窗>footer>div{display:flex;gap:8px}.IM模板源选择弹窗>footer button{min-width:88px;height:36px;padding:0 14px;border:1px solid var(--feishu-color-border,#e5e7eb);border-radius:var(--workbench-action-radius);background:var(--feishu-color-bg-0,#fff);color:var(--feishu-color-text-1,#1f2329);font-size:12px}.IM模板源选择弹窗>footer #确认IM模板源选择{border-color:#1664ff;background:#1664ff;color:#fff}.IM模板源选择弹窗>footer #确认IM模板源选择:disabled{border-color:#b9c8df;background:#b9c8df;cursor:not-allowed}
@media(max-width:760px){
  body[data-current-page="im"] .IM模板源页面选择{grid-template-columns:minmax(0,1fr)}
  body[data-current-page="im"] .IM模板源重新选择{width:100%}
  .IM模板源选择弹窗{width:calc(100vw - 16px);max-height:calc(100dvh - 24px)}.IM模板源选择内容{padding:10px}.IM模板源选择网格{gap:6px}.IM模板源选择卡{padding:4px;gap:4px}.IM模板源选择卡>input{left:7px;top:7px}.IM模板源选择卡>strong{font-size:10px}.IM模板源选择弹窗>footer{align-items:stretch;flex-direction:column;gap:8px}.IM模板源选择弹窗>footer>div{display:grid;grid-template-columns:1fr 1fr}.IM模板源选择弹窗>footer button{width:100%;min-width:0}
}