/* Mission Control Pipeline OS：前端固定视觉合同，后端只提供内容与真实状态。 */
:root{--mc-ink:#10213f;--mc-muted:#687b96;--mc-blue:#2876f2;--mc-line:rgba(111,148,193,.22);--mc-glass:rgba(247,251,255,.72);--mc-glass-strong:rgba(249,252,255,.91);--mc-shadow:0 24px 60px rgba(58,88,132,.16);--mc-dock-width:88px;--mc-top-height:64px;--mc-task-height:238px}
body{color:var(--mc-ink);background:#e4eefb}
.无限画布{background:#e5eef9 url("mission-control-background.png") center/cover no-repeat}
.无限画布::after{background:none;mask-image:none}
.系统顶栏{position:fixed;z-index:50;left:22px;right:22px;top:16px;height:var(--mc-top-height);display:grid;grid-template-columns:minmax(250px,1fr) minmax(300px,1.35fr) minmax(260px,.8fr) 44px 146px;align-items:center;gap:18px;pointer-events:none}
.系统顶栏>*{pointer-events:auto}.产品标识{display:flex;align-items:center;gap:12px;min-width:0}.产品标识 img{width:46px;height:46px;border-radius:var(--workbench-action-radius);box-shadow:0 9px 20px rgba(33,103,230,.24)}.产品标识 div{display:grid;min-width:0}.产品标识 strong{font-size:20px;letter-spacing:-.02em}.产品标识 span{margin-top:2px;color:#687b96;font-size:10px;white-space:nowrap}
.当前运行{justify-self:start;min-width:300px;height:48px;padding:0 18px;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.84);border-radius:var(--workbench-action-radius);background:rgba(249,252,255,.48);backdrop-filter:blur(20px) saturate(1.2);box-shadow:inset 0 1px rgba(255,255,255,.9),0 12px 30px rgba(61,91,129,.08);font-size:12px}.当前运行 span{color:#6b7c94}.当前运行 strong{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.当前运行 i{width:7px;height:7px;margin-left:auto;border-radius:50%;background:#36c77b;box-shadow:0 0 0 5px rgba(54,199,123,.11)}.当前运行 em{color:#52667f;font-size:11px;font-style:normal;white-space:nowrap}.当前运行.受阻 i{background:#dd8a41;box-shadow:0 0 0 5px rgba(221,138,65,.12)}
.全局搜索{height:46px;padding:0 13px;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.82);border-radius:var(--workbench-action-radius);background:rgba(249,252,255,.58);backdrop-filter:blur(20px);box-shadow:inset 0 1px #fff}.全局搜索 input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#243954;font:inherit;font-size:12px}.全局搜索 input::placeholder{color:#8795a9}.全局搜索 kbd{padding:4px 7px;border:1px solid rgba(133,157,187,.2);border-radius:var(--workbench-action-radius);background:rgba(255,255,255,.64);color:#73849b;font:inherit;font-size:10px}
.通知按钮{position:relative;width:44px;height:44px;border:1px solid rgba(255,255,255,.86);border-radius:50%;background:rgba(249,252,255,.62);backdrop-filter:blur(18px);box-shadow:inset 0 1px #fff,0 10px 24px rgba(61,91,129,.09)}.通知按钮::before{content:"";position:absolute;left:15px;top:12px;width:12px;height:14px;border:1.6px solid #657894;border-radius:var(--workbench-action-radius)}.通知按钮 span{position:absolute;right:8px;top:6px;color:#ef6a64;font-size:9px}.员工身份{height:48px;padding:0 12px 0 8px;display:grid;grid-template-columns:34px 1fr 7px;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.82);border-radius:var(--workbench-action-radius);background:rgba(249,252,255,.52);backdrop-filter:blur(20px);box-shadow:inset 0 1px #fff}.员工身份>b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#dbeaff;color:#3374d7}.员工身份>span{display:grid}.员工身份 strong{font-size:12px}.员工身份 small{margin-top:2px;color:#71819a;font-size:9px}.员工身份>i{width:6px;height:6px;border-radius:50%;background:#37bd74}
.系统Dock{left:20px;top:50%;bottom:auto;width:var(--mc-dock-width);height:auto;max-height:calc(100vh - 114px);padding:10px 8px;border-radius:var(--workbench-action-radius);background:rgba(246,250,255,.64);border-color:rgba(255,255,255,.9);box-shadow:var(--mc-shadow),inset 0 1px #fff;backdrop-filter:blur(28px) saturate(1.3);transform:translateY(-50%)}
.品牌按钮{width:64px;height:64px;margin-bottom:12px;border-bottom:1px solid rgba(119,151,188,.13);border-radius:var(--workbench-action-radius)}.品牌按钮 img,.系统Dock nav button img{display:block;object-fit:contain}.品牌按钮 img{width:40px;height:40px;border-radius:var(--workbench-action-radius)}.品牌按钮 span{display:none}.品牌按钮 small,.系统Dock nav small{font-size:9px;line-height:1.1;color:#58708e}.Dock状态{margin-top:8px}
.系统Dock nav{gap:7px}.系统Dock nav button{width:66px;min-height:66px;padding:5px 4px;gap:4px;border:1px solid transparent;border-radius:var(--workbench-action-radius)}.系统Dock nav button img{width:38px;height:38px;padding:5px;border-radius:var(--workbench-action-radius);background:rgba(255,255,255,.72);box-shadow:0 7px 16px rgba(47,83,130,.12)}.系统Dock nav button:hover{background:rgba(255,255,255,.55);border-color:rgba(255,255,255,.85)}.系统Dock nav button.已选中{color:inherit;border-color:rgba(84,143,226,.42);background:rgba(255,255,255,.78);box-shadow:0 12px 28px rgba(42,99,178,.16),inset 0 1px #fff}.系统Dock nav button.已选中 small{color:#1c67c9;font-weight:700}.Dock状态{font-size:8px}.Dock状态 i{width:6px;height:6px}
.系统Dock nav button[data-page="xiaohongshu"] img{padding:8px;background:#fff1f3}.系统Dock nav button[data-page="sales"] img{padding:7px;background:#eefbf4}.系统Dock nav button[data-page="moments"] img{padding:0;background:#f3efff}.系统Dock nav button[data-page="featurelog"] img{background:#eef5ff}
.功能页面,.IM页面{padding-left:calc(var(--mc-dock-width) + 40px);padding-top:96px}.功能顶栏,.IM顶栏{top:98px;left:calc(var(--mc-dock-width) + 48px);right:30px}.功能顶栏 h1,.IM顶栏 h1{font-size:22px}.功能顶栏 p{max-width:560px;color:#71839a;font-size:10px}.眉题{color:#7086a2;font-size:9px}.状态胶囊{min-height:34px;border-color:rgba(255,255,255,.88);background:rgba(249,252,255,.64);backdrop-filter:blur(14px);box-shadow:inset 0 1px #fff}
.环节画布{inset:0;padding:170px 30px calc(var(--mc-task-height) + 54px) calc(var(--mc-dock-width) + 46px);align-items:center;justify-content:center}.环节轨道{width:100%;min-width:0;align-items:center;justify-content:center;filter:none}.组合环节卡{width:min(var(--组合卡宽度),100%);overflow:hidden;border:1px solid rgba(255,255,255,.94);border-radius:var(--workbench-action-radius);background:linear-gradient(150deg,rgba(255,255,255,.89),rgba(239,246,253,.78));box-shadow:0 28px 70px rgba(47,77,116,.18),inset 0 1px #fff;backdrop-filter:blur(26px) saturate(1.25)}
.组合窗口栏{min-height:68px;padding:0 18px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;border-bottom:1px solid rgba(122,152,187,.18);color:#8090a4;background:rgba(255,255,255,.28)}.窗口交通灯{display:flex;align-items:center;gap:4px}.窗口交通灯 i{display:block;width:8px;height:8px;border-radius:50%}.窗口交通灯 i:nth-child(1){background:#ff675d}.窗口交通灯 i:nth-child(2){background:#f5bd4f}.窗口交通灯 i:nth-child(3){background:#61c454}.组合窗口标题{min-width:0;display:grid;gap:3px}.组合窗口标题 strong{color:#213653;font-size:13px}.组合窗口标题 small{overflow:hidden;color:#778ba5;font-size:9px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.组合窗口栏>em{color:#6f829a;font-size:9px;font-style:normal;white-space:nowrap}
.组合环节列表{display:grid;grid-template-columns:repeat(var(--环节数量),minmax(0,1fr));align-items:stretch}.环节卡{position:relative;z-index:1;min-width:0;min-height:304px;margin:0;padding:18px 16px 0;display:grid;grid-template-rows:auto auto minmax(68px,1fr) auto 48px;overflow:hidden;text-align:left;color:#19314f;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;transform:none}.环节卡+.环节卡{border-left:1px solid rgba(122,152,187,.16)}.环节卡+.环节卡::before{content:"→";position:absolute;left:-11px;top:50%;width:22px;height:22px;display:grid;place-items:center;border:1px solid rgba(122,152,187,.18);border-radius:50%;background:#f8fbfff2;color:#3975be;font-size:10px;transform:translateY(-50%)}.环节卡:hover,.环节卡:focus-visible{z-index:3;transform:none;border-color:transparent;background:rgba(255,255,255,.42);box-shadow:inset 0 3px rgba(88,145,225,.45);outline:none}.环节卡.当前{border:0;background:linear-gradient(180deg,rgba(233,243,255,.76),rgba(255,255,255,.2));box-shadow:inset 0 3px #347ff2}
.环节内部顶部{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#7d8ea3}.环节内部顶部 small{font-size:9px}.环节状态{width:max-content;padding:4px 8px;font-size:9px;font-style:normal}.环节主标题{padding:12px 0 9px;display:flex;align-items:center;gap:9px;text-align:left}.环节主标题 img{width:34px;height:34px;padding:6px;object-fit:contain;border-radius:var(--workbench-action-radius);background:rgba(255,255,255,.82);box-shadow:0 7px 16px rgba(42,83,138,.12)}.环节主标题 strong{min-width:0;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.环节卡>p{min-height:0;margin:0;padding:0;color:#667a94;font-size:10px;line-height:1.65}.环节数据{margin:12px 0 0;padding-top:11px;display:grid;gap:4px;border-top:1px solid rgba(122,152,187,.14);text-align:left}.环节数据 small{color:#7b8ba0;font-size:9px}.环节值{margin:0;font-size:18px}.环节操作{height:48px;margin:0 -16px;padding:0 14px;border-top:1px solid rgba(122,152,187,.14);background:rgba(255,255,255,.24);font-size:9px}.环节卡.当前 .环节操作{height:34px;margin:7px -7px 7px;padding:0 10px;border:0;border-radius:var(--workbench-action-radius);background:#347ff2;color:#fff}.环节编号,.交接{display:none}
.任务进程{position:absolute;left:calc(var(--mc-dock-width) + 40px);right:20px;bottom:18px;width:auto;height:var(--mc-task-height);min-height:0;transform:none;padding:0 14px 14px;display:grid;grid-template-rows:48px 28px minmax(0,1fr);align-items:stretch;gap:0;border:1px solid rgba(255,255,255,.93);border-radius:var(--workbench-action-radius);background:rgba(246,250,255,.78);box-shadow:0 20px 55px rgba(55,85,124,.14),inset 0 1px #fff;backdrop-filter:blur(28px) saturate(1.25);overflow:hidden}.任务进程::before{display:none}.任务中心栏{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(122,152,187,.16)}.任务中心标题{display:flex;align-items:center;gap:8px;color:#1d3558}.任务中心标题 strong{font-size:14px}.任务中心标题 i{min-width:20px;height:20px;padding:0 6px;display:grid;place-items:center;border-radius:var(--workbench-action-radius);background:#3f82e9;color:#fff;font-size:9px;font-style:normal}.任务中心栏 small{color:#71849b;font-size:9px}.任务中心表头{padding:0 10px;display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(110px,.7fr) minmax(210px,1.15fr) minmax(90px,.5fr) 58px;align-items:center;color:#7a8da5;font-size:9px}.任务进程轨道{margin:0;padding:0;display:block;overflow:auto;list-style:none;border:1px solid rgba(123,153,188,.14);border-radius:var(--workbench-action-radius);background:rgba(255,255,255,.4);scrollbar-width:none}.任务进程轨道::-webkit-scrollbar{display:none}.任务进程轨道 li{min-width:0}.任务进程轨道 li+li{border-top:1px solid rgba(123,153,188,.12)}.任务进程轨道 li+li::before{display:none}.进程节点{width:100%;height:38px;min-height:0;padding:0 10px;display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(110px,.7fr) minmax(210px,1.15fr) minmax(90px,.5fr) 58px;grid-template-areas:none;align-items:center;gap:0;text-align:left;border:0;border-radius:0;background:transparent}.进程节点:hover,.进程节点:focus-visible,.进程节点.当前{background:rgba(232,242,255,.78);box-shadow:none;outline:none}.任务环节{min-width:0;display:grid;grid-template-columns:24px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px}.任务环节 img{grid-row:1/3;width:24px;height:24px;padding:4px;object-fit:contain;border-radius:var(--workbench-action-radius);background:#fff;box-shadow:0 4px 10px rgba(45,82,128,.1)}.任务环节 strong{overflow:hidden;color:#29415f;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.任务环节 small{overflow:hidden;color:#7b8da3;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.任务状态显示{display:flex;align-items:center;gap:6px;color:#637990;font-size:9px}.任务状态显示 i{width:6px;height:6px;border-radius:50%;background:#3fbf78}.任务状态显示.等待 i{background:#e0a342}.任务状态显示.受阻 i{background:#e07962}.任务可视进度{display:grid;grid-template-columns:minmax(80px,1fr) 50px;align-items:center;gap:8px}.任务可视进度>span{height:5px;overflow:hidden;border-radius:var(--workbench-action-radius);background:#dfe8f3}.任务可视进度>span i{display:block;width:100%;height:100%;border-radius:inherit;background:#4a89ec}.任务可视进度.等待>span i{width:42%;background:#e3a94d}.任务可视进度.受阻>span i{width:0}.任务可视进度 em{color:#6e8198;font-size:8px;font-style:normal}.进程节点>b{overflow:hidden;color:#2365bb;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.进程节点>u{justify-self:end;color:#2878df;font-size:9px;text-decoration:none}.任务进程读取{align-self:center}
.配置抽屉{top:88px;right:16px;bottom:16px;width:min(492px,calc(100vw - 142px));border-color:rgba(255,255,255,.94);border-radius:var(--workbench-action-radius);background:rgba(247,251,255,.94);box-shadow:-26px 30px 90px rgba(44,74,113,.25),inset 0 1px #fff;backdrop-filter:blur(24px) saturate(1.18)}.配置抽屉>header{padding:16px 18px;background:rgba(249,252,255,.68)}.配置抽屉>header>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px}.配置抽屉>header .窗口交通灯{grid-row:1/3}.配置抽屉 h2{font-size:18px}.详情内容{padding:18px}.详情区块{border-color:rgba(133,159,189,.2);background:rgba(255,255,255,.79);box-shadow:inset 0 1px #fff}
.IM页面:not([hidden]){grid-template-columns:minmax(520px,1fr) 380px;gap:18px;padding:96px 20px 18px calc(var(--mc-dock-width) + 40px)}.IM页面 .IM顶栏{top:98px;left:calc(var(--mc-dock-width) + 48px);right:418px}.IM窗口,.IM任务面板{border-color:rgba(255,255,255,.94);background:rgba(247,251,255,.76);box-shadow:var(--mc-shadow),inset 0 1px #fff;backdrop-filter:blur(28px) saturate(1.25)}.IM窗口{height:calc(100vh - 112px);border-radius:var(--workbench-action-radius)}.IM任务面板{height:calc(100vh - 112px);border-radius:var(--workbench-action-radius)}.聊天切换{background:rgba(246,250,255,.54)}.聊天切换 button.已选中{background:rgba(255,255,255,.9)}
.详情遮罩{background:rgba(55,82,115,.12);backdrop-filter:blur(2px)}
@media(max-width:1180px) and (min-width:761px){.系统顶栏{grid-template-columns:230px 1fr 220px 42px}.员工身份{display:none}.当前运行{min-width:250px}.环节卡{padding-inline:13px}.环节操作{margin-inline:-13px}.环节卡.当前 .环节操作{margin-inline:-5px}.IM页面:not([hidden]){grid-template-columns:minmax(470px,1fr) 330px}.IM页面 .IM顶栏{right:368px}}
@media(max-width:760px){:root{--mc-task-height:168px}.系统顶栏{left:12px;right:12px;top:10px;height:54px;grid-template-columns:1fr auto}.产品标识 img{width:38px;height:38px}.产品标识 strong{font-size:16px}.产品标识 span{display:none}.当前运行{min-width:0;height:40px;padding:0 12px}.当前运行 span,.当前运行 em{display:none}.当前运行 strong{max-width:120px;font-size:10px}.全局搜索,.通知按钮,.员工身份{display:none}.系统Dock{top:auto;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));width:auto;height:74px;padding:6px 8px;flex-direction:row;border-radius:var(--workbench-action-radius);transform:none}.品牌按钮{display:none}.系统Dock nav{flex-direction:row;gap:2px;overflow-x:auto}.系统Dock nav button{flex:1 0 58px;width:auto;min-height:60px;padding:4px 2px}.系统Dock nav button img{width:32px;height:32px;padding:4px}.系统Dock nav small{font-size:8px}.Dock状态{display:none}.功能页面,.IM页面{padding-left:12px;padding-top:72px}.功能顶栏,.IM顶栏{top:74px;left:16px;right:16px}.功能顶栏 h1,.IM顶栏 h1{font-size:19px}.功能顶栏 p{max-width:220px}.环节画布{padding:160px 12px 270px;align-items:flex-start;justify-content:flex-start}.环节轨道{width:100%;min-width:0}.组合环节卡{width:100%}.组合窗口栏{padding:12px 14px;grid-template-columns:auto minmax(0,1fr)}.组合窗口栏>em{display:none}.组合窗口标题 small{white-space:normal}.组合环节列表{grid-template-columns:1fr}.环节卡{width:100%;min-height:250px;padding:16px}.环节卡+.环节卡{border-left:0;border-top:1px solid rgba(122,152,187,.16)}.环节卡+.环节卡::before{left:50%;top:-11px;transform:translateX(-50%) rotate(90deg)}.环节操作{margin-inline:-16px}.环节卡.当前 .环节操作{margin-inline:-7px}.任务进程{left:12px;right:12px;bottom:92px;height:168px;width:auto;padding:0 8px 8px;grid-template-rows:38px 24px minmax(0,1fr)}.任务中心栏 small{display:none}.任务中心表头{padding-inline:6px;grid-template-columns:minmax(132px,1fr) 72px minmax(92px,.7fr)}.任务中心表头 span:nth-child(4),.任务中心表头 span:nth-child(5){display:none}.进程节点{height:36px;padding-inline:6px;grid-template-columns:minmax(132px,1fr) 72px minmax(92px,.7fr)}.进程节点>b,.进程节点>u{display:none}.任务可视进度{grid-template-columns:1fr}.任务可视进度 em{display:none}.配置抽屉{top:8px;right:8px;bottom:92px;left:8px;width:auto}.IM页面:not([hidden]){display:block;padding:72px 12px 92px;overflow-y:auto}.IM页面 .IM顶栏{top:74px;right:16px}.IM窗口{height:620px;margin-top:42px}.IM任务面板{height:auto;min-height:520px}.聊天进度列表{grid-template-columns:repeat(5,minmax(76px,1fr))}}
@media(prefers-reduced-transparency:reduce){.系统顶栏>* ,.系统Dock,.组合环节卡,.任务进程,.配置抽屉,.IM窗口,.IM任务面板{background:#f7fbff;backdrop-filter:none}}