.知识库入口{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:max-content;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模板遮罩{position:fixed;z-index:180;inset:0;background:rgba(21,30,45,.28);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.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(3,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}.IM模板弹窗卡 input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.IM模板弹窗卡:has(input:checked){border-color:#2b76ed;box-shadow:0 0 0 1px #2b76ed}.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模板弹窗卡>span:last-child{min-width:0;max-width:100%;display:grid;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{font-size:11px;line-height:1.5}.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小红书选项>.配置提示{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页面 .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 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:8px 14px}.IM模板元数据 div{min-width:0;display:grid;grid-template-columns:80px minmax(0,1fr);gap:8px}.IM模板元数据 dt{color:#8591a1;font-size:10px}.IM模板元数据 dd{min-width:0;margin:0;overflow-wrap:anywhere;color:#3f4d60;font-size:10px}
.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 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}
}