/* OPC 公司驾驶舱 — 严格复用智能体主题变量，不引入新色 */
#page-company{overflow-y:auto;position:relative;isolation:isolate}
html body #page-company.page{background:linear-gradient(110deg,rgba(239,245,249,.76),rgba(239,245,249,.22) 65%,rgba(239,245,249,.38)),var(--ck-space-image,url('../img/company-bg-clean.webp?v=koozhen-20260909')) center/cover no-repeat!important;background-attachment:local!important}
html body:is([data-theme="dark"],[data-theme="midnight"]) #page-company.page{background:linear-gradient(110deg,rgba(7,16,28,.72),rgba(7,16,28,.24) 65%,rgba(7,16,28,.42)),var(--ck-space-image,url('../img/company-bg-clean.webp?v=koozhen-20260909')) center/cover no-repeat!important}
html body #page-company .opc-ck-card{backdrop-filter:blur(12px);background:rgba(247,250,249,.86)!important}
html body:is([data-theme="dark"],[data-theme="midnight"]) #page-company .opc-ck-card{background:rgba(23,32,34,.86)!important}
#page-company .opc-ck{position:relative}
#page-company .opc-ck-card,#page-company .opc-ck-brief{backdrop-filter:blur(14px);background:color-mix(in srgb,var(--card-bg,rgba(18,28,40,.72)) 78%,transparent);}
#page-company .opc-ck-head{padding-top:10px}
#ckSpaceBtn.opc-ck-space-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-left:auto;min-height:40px;padding:6px 4px;border:0;border-radius:4px;background:transparent;box-shadow:none;color:#24564f;cursor:pointer;font-family:var(--koozhen-font);font-size:12px;font-weight:500;letter-spacing:.06em;text-shadow:none;transition:color .18s,transform .18s}
#ckSpaceBtn .opc-ck-space-icon{display:block;width:25px;height:25px;flex:0 0 25px;filter:none}
#ckSpaceBtn.opc-ck-space-btn:hover{background:transparent;box-shadow:none;color:#123c36;transform:translateY(-1px)}
#ckSpaceBtn.opc-ck-space-btn:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(prefers-reduced-motion:reduce){#ckSpaceBtn.opc-ck-space-btn{transition:none}}
/* 装修公司：底部托盘 + AI 设计浮层 */
.ck-tray{position:sticky;bottom:0;z-index:30;margin:0 auto;max-width:1080px;padding:10px 16px 12px;border:1px solid rgba(160,180,195,.5);border-bottom:none;border-radius:16px 16px 0 0;background:rgba(247,250,252,.9);backdrop-filter:blur(16px);box-shadow:0 -8px 28px rgba(14,30,45,.16);font-size:13px;animation:ckTrayIn .22s ease-out}
.ck-tray[hidden]{display:none}
@keyframes ckTrayIn{from{transform:translateY(24px);opacity:0}}
.ck-tray-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.ck-tray-head strong{font-size:14px}
.ck-tray-tip{opacity:.65;font-size:12px}
.ck-tray-close{margin-left:auto;width:28px;height:28px;padding:0;border:none;border-radius:8px;background:transparent;color:inherit;font-size:18px;cursor:pointer;opacity:.7}
.ck-tray-close:hover{opacity:1;background:rgba(120,140,160,.15)}
.ck-tray-row{display:flex;align-items:flex-start;gap:12px;overflow-x:auto;padding:4px 2px 6px;scrollbar-width:thin}
.ck-tray-sep{flex:0 0 1px;align-self:stretch;margin:4px 2px 22px;background:rgba(120,140,160,.35)}
.ck-tray-card{position:relative;flex:0 0 148px;display:flex;flex-direction:column;gap:5px;padding:0;border:none;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.ck-tray-thumb{position:relative;display:grid;place-items:center;width:148px;aspect-ratio:16/9;border:2px solid transparent;border-radius:10px;background:#dbe5ec center/cover no-repeat;box-shadow:0 1px 4px rgba(0,0,0,.12);transition:border-color .15s,transform .15s}
.ck-tray-card:hover .ck-tray-thumb{transform:translateY(-2px)}
.ck-tray-card:focus-visible{outline:none}
.ck-tray-card:focus-visible .ck-tray-thumb{outline:2px solid #3b82c4;outline-offset:2px}
.ck-tray-card.is-on .ck-tray-thumb{border-color:#2f6f9f;box-shadow:0 0 0 3px rgba(47,111,159,.3)}
.ck-tray-card.is-on .ck-tray-thumb::after{content:"✓";position:absolute;left:6px;top:6px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#2f6f9f;color:#fff;font-size:12px}
.ck-tray-card.is-busy .ck-tray-thumb{animation:ckSpacePulse 1.2s ease-in-out infinite}
@keyframes ckSpacePulse{50%{filter:saturate(.4) brightness(.8)}}
.ck-tray-card.is-bridge .ck-tray-thumb{background:radial-gradient(circle at 70% 30%,#3d6fa8 0,transparent 45%),linear-gradient(135deg,#0b1626,#1b2f4d 60%,#0d1a2c)}
.ck-tray-name{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.85}
.ck-tray-card.is-on .ck-tray-name{font-weight:600;opacity:1}
.ck-tray-badge{position:absolute;right:6px;bottom:6px;padding:1px 6px;border-radius:999px;background:rgba(10,20,30,.6);color:#fff;font-size:11px}
.ck-tray-del{position:absolute;right:4px;top:4px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:rgba(10,20,30,.6);color:#fff;font-size:12px;line-height:22px;text-align:center;opacity:0;transition:opacity .15s}
.ck-tray-card:hover .ck-tray-del,.ck-tray-card:focus-within .ck-tray-del,.ck-tray-del.is-armed{opacity:1}
.ck-tray-del.is-armed{background:#c0392b}
.ck-tray-card.is-add .ck-tray-thumb{border:2px dashed #8fb0c8;background:rgba(47,111,159,.06);box-shadow:none}
.ck-tray-card.is-add:hover .ck-tray-thumb{border-color:#2f6f9f;background:rgba(47,111,159,.12)}
.ck-tray-plus{font-size:30px;font-weight:300;color:var(--ck-acc,#2f6f9f);line-height:1}
.ck-tray-card.is-gen{cursor:default}
.ck-tray-spin{width:24px;height:24px;border:3px solid rgba(47,111,159,.25);border-top-color:#2f6f9f;border-radius:50%;animation:ckSpin .8s linear infinite}
@keyframes ckSpin{to{transform:rotate(360deg)}}
.ck-tray-status{min-height:0;margin:2px 0 0;font-size:12px;opacity:.8}
.ck-tray-status:empty{display:none}
.ck-tray-status[data-kind="error"]{color:#c0392b;opacity:1}
/* 托盘/弹窗自带配色：不继承页面字色，深浅皮肤都清楚 */
.ck-tray{--ck-bg:rgba(248,250,252,.94);--ck-fg:#17212b;--ck-mute:#5b6b79;--ck-line:rgba(23,33,43,.12);--ck-card:#fff;--ck-field:#f6f8fa;--ck-acc:#2f6f9f;--ck-acc-soft:rgba(47,111,159,.1);--ck-on-acc:#fff;--ck-shadow:0 24px 60px -12px rgba(14,30,45,.35),0 0 0 1px rgba(23,33,43,.06);color:var(--ck-fg);background:var(--ck-bg)}
html[data-skin-tone="dark"] .ck-tray,body:is([data-theme="dark"],[data-theme="midnight"]) .ck-tray{--ck-bg:rgba(14,20,30,.92);--ck-fg:#e8eef6;--ck-mute:#98a6b8;--ck-line:rgba(255,255,255,.1);--ck-card:#161f2c;--ck-field:#0f1622;--ck-acc:#5aa9e6;--ck-acc-soft:rgba(90,169,230,.14);--ck-on-acc:#0b1724;--ck-shadow:0 24px 60px -12px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.08);border-color:rgba(255,255,255,.1)}
.ck-tray-tip,.ck-tray-name{color:var(--ck-mute)}
.ck-tray-card.is-on .ck-tray-name{color:var(--ck-fg)}
.ck-tray-status{color:var(--ck-mute)}
.ck-tray-status[data-kind="error"]{color:#e5534b}
.ck-ai{position:absolute;right:16px;bottom:calc(100% + 12px);z-index:2;width:min(600px,calc(100vw - 32px));max-height:min(640px,calc(100vh - 140px));display:flex;flex-direction:column;border-radius:18px;background:var(--ck-card);color:var(--ck-fg);box-shadow:var(--ck-shadow);overflow:hidden;font-size:13px;line-height:1.5;animation:ckTrayIn .18s ease-out}
.ck-ai[hidden]{display:none}
.ck-ai *{box-sizing:border-box}
.ck-ai-head{display:flex;align-items:flex-start;gap:12px;padding:18px 20px 14px;border-bottom:1px solid var(--ck-line)}
.ck-ai-htext{display:flex;flex-direction:column;gap:3px;min-width:0}
.ck-ai-title{font-size:16px;font-weight:650;letter-spacing:.01em;color:var(--ck-fg)}
.ck-ai-sub{font-size:12.5px;color:var(--ck-mute)}
.ck-ai .ck-ai-x{margin-left:auto;flex:0 0 30px;width:30px;height:30px;padding:0;border:none;border-radius:8px;background:transparent;color:var(--ck-mute);font-size:20px;line-height:1;cursor:pointer}
.ck-ai .ck-ai-x:hover{background:var(--ck-acc-soft);color:var(--ck-fg)}
.ck-ai-body{flex:1;min-height:0;overflow-y:auto;padding:16px 20px 6px;display:flex;flex-direction:column}
.ck-ai-label{margin:0 0 10px;font-size:12.5px;font-weight:600;color:var(--ck-fg)}
.ck-ai-label + .ck-ai-chips{margin-bottom:20px}
.ck-ai-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:8px}
.ck-ai .ck-ai-chip{display:flex;align-items:flex-start;gap:10px;min-height:0;padding:10px 12px;border:1.5px solid var(--ck-line);border-radius:12px;background:var(--ck-field);color:var(--ck-fg);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.ck-ai .ck-ai-chip:hover{border-color:color-mix(in srgb,var(--ck-acc) 55%,transparent)}
.ck-ai .ck-ai-chip.is-on{border-color:var(--ck-acc);background:var(--ck-acc-soft);box-shadow:0 0 0 3px var(--ck-acc-soft)}
.ck-ai-chip-ic{flex:0 0 auto;font-size:20px;line-height:1.2}
.ck-ai-chip-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.ck-ai-chip-name{font-size:13px;font-weight:600;color:var(--ck-fg)}
.ck-ai-chip-hint{font-size:11.5px;line-height:1.4;color:var(--ck-mute);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ck-ai textarea{display:block;width:100%;padding:10px 12px;border:1.5px solid var(--ck-line);border-radius:12px;background:var(--ck-field);color:var(--ck-fg);font:inherit;font-size:13px;line-height:1.55;resize:vertical;outline:none;transition:border-color .15s,box-shadow .15s}
.ck-ai textarea::placeholder{color:var(--ck-mute);opacity:.85}
.ck-ai textarea:focus{border-color:var(--ck-acc);box-shadow:0 0 0 3px var(--ck-acc-soft)}
.ck-ai-detail{margin:14px 0 10px}
.ck-ai-detail summary{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ck-mute);cursor:pointer;list-style:none;user-select:none}
.ck-ai-detail summary::-webkit-details-marker{display:none}
.ck-ai-detail summary::before{content:"▸";font-size:10px;transition:transform .15s}
.ck-ai-detail[open] summary::before{transform:rotate(90deg)}
.ck-ai-detail summary:hover{color:var(--ck-fg)}
.ck-ai-full{margin-top:10px;font-size:12px!important}
.ck-ai-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.ck-ai-tools button{min-height:30px;padding:0 12px;border:1px solid var(--ck-line);border-radius:8px;background:transparent;color:var(--ck-fg);font:inherit;font-size:12px;cursor:pointer}
.ck-ai-tools button:hover:not(:disabled){border-color:var(--ck-acc);color:var(--ck-acc)}
.ck-ai-status{margin:0;padding:0 20px 10px;font-size:12px;color:var(--ck-mute)}
.ck-ai-status:empty{display:none}
.ck-ai-status[data-kind="error"]{color:#e5534b}
.ck-ai-foot{display:flex;align-items:center;gap:12px;padding:12px 20px 16px;border-top:1px solid var(--ck-line);background:color-mix(in srgb,var(--ck-field) 60%,transparent)}
.ck-ai .ck-ai-upload{min-height:36px;padding:0 4px;border:none;background:transparent;color:var(--ck-acc);font:inherit;font-size:12.5px;font-weight:500;cursor:pointer}
.ck-ai .ck-ai-upload:hover:not(:disabled){text-decoration:underline}
.ck-ai-note{flex:1;min-width:0;font-size:11.5px;color:var(--ck-mute);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ck-ai .ck-ai-go{flex:0 0 auto;min-height:38px;padding:0 20px;border:none;border-radius:10px;background:var(--ck-acc);color:var(--ck-on-acc);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;box-shadow:0 6px 16px -6px color-mix(in srgb,var(--ck-acc) 70%,transparent);transition:filter .15s,transform .15s}
.ck-ai .ck-ai-go:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}
.ck-ai button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
@media(max-width:560px){.ck-ai{right:8px;width:calc(100vw - 16px)}.ck-ai-chips{grid-template-columns:1fr 1fr}.ck-ai-chip-hint{display:none}}
@media(max-width:560px){.ck-tray-card{flex-basis:116px}.ck-tray-thumb{width:116px}.ck-tray-tip{display:none}}
@media(prefers-reduced-motion:reduce){.ck-tray,.ck-ai,.ck-tray-thumb{animation:none;transition:none}}
.opc-ck{max-width:1080px;margin:0 auto;padding:26px 26px 70px}

/* 夜间战报 */
.opc-ck-brief{margin-bottom:18px;border:1px solid var(--border-color,rgba(255,255,255,.08));
  background:var(--toolbar-bg,rgba(20,20,36,.78));border-radius:12px;overflow:hidden;
  transition:opacity .6s ease,max-height .6s ease,margin .6s ease;max-height:80px}
.opc-ck-brief.fade{opacity:0;max-height:0;margin-bottom:0;border-color:transparent}
.opc-ck-brief-in{display:flex;align-items:center;gap:10px;padding:14px 18px;font-size:13.5px;color:var(--text-secondary,#9aa4b2)}
.opc-ck-brief-dot{width:6px;height:6px;border-radius:50%;background:var(--ng-success,#3CCB9A);flex:0 0 auto;
  box-shadow:0 0 0 0 var(--ng-success,#3CCB9A);animation:ckPulse 2.4s infinite}
@keyframes ckPulse{0%{box-shadow:0 0 0 0 rgba(60,203,154,.5)}70%{box-shadow:0 0 0 7px rgba(60,203,154,0)}100%{box-shadow:0 0 0 0 rgba(60,203,154,0)}}

/* 抬头 */
.opc-ck-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 2px 20px}
.opc-ck-name{font-size:26px;font-weight:600;letter-spacing:.5px;color:var(--text-primary,#e6edf3)}
.opc-ck-sub{margin-top:5px;font-size:12.5px;color:var(--text-tertiary,#6b7684)}
.opc-ck-head-r{display:flex;gap:26px}
.opc-ck-stat{text-align:right}
.opc-ck-stat b{display:block;font-size:19px;font-weight:600;color:var(--text-primary,#e6edf3);line-height:1.3}
.opc-ck-stat span{font-size:11px;color:var(--text-tertiary,#6b7684);letter-spacing:.4px}

/* 通用卡片 */
.opc-ck-card{border:1px solid var(--border-color,rgba(255,255,255,.08));border-radius:14px;
  background:var(--card-bg,rgba(255,255,255,.03));padding:18px 20px;margin-bottom:16px}
.opc-ck-card-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.opc-ck-k{font-size:13px;font-weight:600;letter-spacing:1.2px;color:var(--text-secondary,#9aa4b2)}
.opc-ck-hint{font-size:11.5px;color:var(--text-tertiary,#6b7684)}

/* 今日唯一决定 */
.opc-ck-decide{border-color:var(--ng-accent,#6C63FF);box-shadow:0 0 0 1px var(--panel-glow,rgba(108,99,255,.12)) inset}
.opc-ck-q{font-size:16.5px;line-height:1.7;color:var(--text-primary,#e6edf3);margin-bottom:14px}
.opc-ck-opts{display:flex;flex-direction:column;gap:9px}
.opc-ck-opt{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;cursor:pointer;
  border:1px solid var(--border-color,rgba(255,255,255,.08));background:transparent;
  color:var(--text-primary,#e6edf3);font-size:13.5px;text-align:left;transition:.18s;width:100%}
.opc-ck-opt:hover{border-color:var(--ng-accent,#6C63FF);background:var(--panel-glow,rgba(108,99,255,.12));transform:translateX(3px)}
.opc-ck-opt i{font-style:normal;font-size:11px;width:18px;height:18px;line-height:18px;text-align:center;border-radius:5px;
  background:rgba(255,255,255,.07);color:var(--text-tertiary,#6b7684);flex:0 0 auto}
.opc-ck-opt em{font-style:normal;margin-left:auto;font-size:10.5px;color:var(--ng-accent,#6C63FF);
  border:1px solid currentColor;border-radius:20px;padding:1px 7px;opacity:.85}
.opc-ck-done{font-size:13.5px;color:var(--ng-success,#3CCB9A);padding:10px 2px;line-height:1.7}

/* 公司 AI */
.opc-ck-ai-log{max-height:230px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
.opc-ck-ai-log:empty{display:none}
.opc-ck-msg{font-size:13.5px;line-height:1.75;padding:10px 13px;border-radius:10px;max-width:86%;white-space:pre-wrap}
.opc-ck-msg.me{align-self:flex-end;background:var(--panel-glow,rgba(108,99,255,.12));color:var(--text-primary,#e6edf3)}
.opc-ck-msg.ai{align-self:flex-start;background:rgba(255,255,255,.04);color:var(--text-secondary,#9aa4b2);
  border-left:2px solid var(--ng-accent,#6C63FF)}
.opc-ck-ai-bar{display:flex;gap:9px}
.opc-ck-ai-input{flex:1;background:rgba(0,0,0,.22);border:1px solid var(--border-color,rgba(255,255,255,.08));
  border-radius:10px;padding:11px 14px;color:var(--text-primary,#e6edf3);font-size:13.5px;outline:none;font-family:inherit}
.opc-ck-ai-input:focus{border-color:var(--ng-accent,#6C63FF)}
.opc-ck-ai-send{padding:0 20px;border:none;border-radius:10px;cursor:pointer;font-size:13.5px;font-weight:600;
  background:var(--ng-accent,#6C63FF);color:#fff;transition:.18s}
.opc-ck-ai-send:hover{filter:brightness(1.12)}
.opc-ck-ai-send:disabled{opacity:.45;cursor:default}
.opc-ck-ai-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}
.opc-ck-chip{font-size:11.5px;padding:5px 11px;border-radius:20px;cursor:pointer;
  border:1px solid var(--border-color,rgba(255,255,255,.08));color:var(--text-tertiary,#6b7684);transition:.18s}
.opc-ck-chip:hover{color:var(--ng-accent,#6C63FF);border-color:var(--ng-accent,#6C63FF)}

/* 沙盘挂载 */
.opc-ck-sand-mount{min-height:60px}
.opc-ck-sand-empty{font-size:12.5px;color:var(--text-tertiary,#6b7684);padding:14px 2px;line-height:1.8}

/* 编年史 */
.opc-ck-tl{list-style:none;margin:0;padding:0 0 0 16px;border-left:1px solid var(--border-color,rgba(255,255,255,.08))}
.opc-ck-tl li{position:relative;padding:0 0 15px 4px}
.opc-ck-tl li:last-child{padding-bottom:0}
.opc-ck-tl li::before{content:'';position:absolute;left:-21px;top:7px;width:7px;height:7px;border-radius:50%;
  background:var(--bg-primary,#0d0f13);border:1.5px solid var(--text-tertiary,#6b7684)}
.opc-ck-tl li.hi::before{background:var(--ng-success,#3CCB9A);border-color:var(--ng-success,#3CCB9A)}
.opc-ck-tl time{display:block;font-size:11px;color:var(--text-tertiary,#6b7684);letter-spacing:.5px;margin-bottom:2px}
.opc-ck-tl p{margin:0;font-size:13.5px;color:var(--text-secondary,#9aa4b2);line-height:1.65}
.opc-ck-tl li.hi p{color:var(--text-primary,#e6edf3)}

.opc-ck-foot{text-align:center;font-size:11.5px;color:var(--text-tertiary,#6b7684);opacity:.6;padding:14px 0 0}

@media (max-width:820px){
  .opc-ck{padding:20px 16px 60px}
  .opc-ck-head{flex-direction:column;align-items:flex-start;gap:12px}
  .opc-ck-head-r{gap:18px}
}

/* 决定选项：AI 代办标记 */
.opc-ck-opt.ai{border-color:var(--ng-accent,#6ea8ff);background:var(--ng-accent-weak,rgba(110,168,255,.10))}
.opc-ck-opt-tag{display:inline-block;font-size:10.5px;letter-spacing:.06em;padding:2px 7px;margin-right:8px;
  border-radius:999px;background:var(--ng-accent,#6ea8ff);color:var(--ng-on-accent,#0b1020);vertical-align:1px}
.opc-ck-opt.ai:hover{background:var(--ng-accent-weak,rgba(110,168,255,.18))}


/* ===== v7 两页签：隐藏 项目/发布 入口，项目并入工作台 ===== */
.nav-btn.opc-nav-hidden{display:none !important;}

/* 有项目时：hero 收成一行，工作台可滚动 */
#page-home.has-projects{overflow-y:auto;overflow-x:hidden;}
#page-home.has-projects .stage{flex:none;min-height:auto;justify-content:flex-start;padding:14px 24px 4px;}
/* v8 修正：口号与示例标签是老版灵感页的灵魂，保留；只隐藏 creators 计数 */
#page-home.has-projects .live{display:none !important;}
#page-home.has-projects .caster{margin-top:0;max-width:820px;}
#page-home.has-projects .globe{opacity:.14;}

/* 项目区 */
.opc-home-projects{position:relative;z-index:4;width:100%;max-width:1140px;margin:0 auto;
  padding:10px 28px 44px;box-sizing:border-box;flex:none;}
.opc-home-projects[hidden]{display:none;}
.opc-home-projects .ohp-head{display:flex;align-items:baseline;gap:10px;margin:0 0 16px;
  padding-bottom:10px;border-bottom:1px solid var(--line,rgba(255,255,255,.08));}
.opc-home-projects .ohp-head h2{margin:0;font-size:16px;font-weight:700;letter-spacing:.01em;
  color:var(--text-1,#EAF0FF);}
.opc-home-projects .ohp-sub{font-size:12.5px;color:var(--text-3,#8a94a8);}
/* 网格：在工作台里放宽卡片，避免细长条 */
.opc-home-projects .game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));
  gap:18px;width:100%;}
/* 有项目时压低星云背景，保证文字可读 */
#page-home.has-projects .world .aur{opacity:.16;}
#page-home.has-projects .stars{opacity:.35;}

.game-card{position:relative;}
.game-card-publish{position:absolute;right:10px;bottom:10px;opacity:0;transform:translateY(4px);
  transition:opacity .18s ease,transform .18s ease;
  background:rgba(124,108,242,.16);border:1px solid rgba(124,108,242,.45);color:#b9b0ff;
  font-size:12px;padding:4px 10px;border-radius:8px;cursor:pointer;}
.game-card:hover .game-card-publish{opacity:1;transform:translateY(0);}
.game-card-publish:hover{background:rgba(124,108,242,.3);color:#fff;}

/* ===== light / day 主题适配（用户实机为浅色，暗色字号色会糊成一片） ===== */
html[data-theme="light"] .opc-home-projects .ohp-head h2,
html[data-theme="day"] .opc-home-projects .ohp-head h2,
:root:not([data-theme]) .opc-home-projects .ohp-head h2{color:#1B1A34;}
html[data-theme="light"] .opc-home-projects .ohp-sub,
html[data-theme="day"] .opc-home-projects .ohp-sub,
:root:not([data-theme]) .opc-home-projects .ohp-sub{color:#5D6570;}
html[data-theme="light"] .opc-home-projects .ohp-head,
html[data-theme="day"] .opc-home-projects .ohp-head,
:root:not([data-theme]) .opc-home-projects .ohp-head{border-bottom-color:rgba(27,26,52,.12);}
html[data-theme="light"] .game-card-publish,
html[data-theme="day"] .game-card-publish,
:root:not([data-theme]) .game-card-publish{background:rgba(98,84,216,.10);border-color:rgba(98,84,216,.34);color:#4B3FC4;}
html[data-theme="light"] .game-card-publish:hover,
html[data-theme="day"] .game-card-publish:hover,
:root:not([data-theme]) .game-card-publish:hover{background:linear-gradient(135deg,#6254D8,#47B4B0);color:#fff;border-color:transparent;}
/* 浅色下星云会把卡片糊掉：直接关掉光晕 */
html[data-theme="light"] #page-home.has-projects .world,
html[data-theme="day"] #page-home.has-projects .world,
:root:not([data-theme]) #page-home.has-projects .world{opacity:.10;}
html[data-theme="light"] #page-home.has-projects .stars,
html[data-theme="day"] #page-home.has-projects .stars,
:root:not([data-theme]) #page-home.has-projects .stars{display:none;}
html[data-theme="light"] #page-home.has-projects .globe,
html[data-theme="day"] #page-home.has-projects .globe,
:root:not([data-theme]) #page-home.has-projects .globe{opacity:.06;}

/* ===== 浅色主题覆盖 (2026-09-03 修可读性) ===== */
:root:not([data-theme]) .opc-ck-brief,html[data-theme="light"] .opc-ck-brief,html[data-theme="day"] .opc-ck-brief{background:#fff;border-color:rgba(27,26,52,.10);box-shadow:0 1px 3px rgba(27,26,52,.05)}
:root:not([data-theme]) .opc-ck-brief-in,html[data-theme="light"] .opc-ck-brief-in,html[data-theme="day"] .opc-ck-brief-in{color:#3A4252}
:root:not([data-theme]) .opc-ck-name,html[data-theme="light"] .opc-ck-name,html[data-theme="day"] .opc-ck-name{color:#14132B}
:root:not([data-theme]) .opc-ck-sub,html[data-theme="light"] .opc-ck-sub,html[data-theme="day"] .opc-ck-sub{color:#5D6570}
:root:not([data-theme]) .opc-ck-stat b,html[data-theme="light"] .opc-ck-stat b,html[data-theme="day"] .opc-ck-stat b{color:#14132B}
:root:not([data-theme]) .opc-ck-stat span,html[data-theme="light"] .opc-ck-stat span,html[data-theme="day"] .opc-ck-stat span{color:#5D6570}
:root:not([data-theme]) .opc-ck-card,html[data-theme="light"] .opc-ck-card,html[data-theme="day"] .opc-ck-card{background:#fff;border-color:rgba(27,26,52,.10);box-shadow:0 1px 3px rgba(27,26,52,.05)}
:root:not([data-theme]) .opc-ck-k,html[data-theme="light"] .opc-ck-k,html[data-theme="day"] .opc-ck-k{color:#3A4252}
:root:not([data-theme]) .opc-ck-hint,html[data-theme="light"] .opc-ck-hint,html[data-theme="day"] .opc-ck-hint{color:#5D6570}
:root:not([data-theme]) .opc-ck-decide,html[data-theme="light"] .opc-ck-decide,html[data-theme="day"] .opc-ck-decide{border-color:#6C63FF;box-shadow:0 0 0 1px rgba(108,99,255,.14) inset,0 2px 10px rgba(108,99,255,.10)}
:root:not([data-theme]) .opc-ck-q,html[data-theme="light"] .opc-ck-q,html[data-theme="day"] .opc-ck-q{color:#14132B}
:root:not([data-theme]) .opc-ck-opt,html[data-theme="light"] .opc-ck-opt,html[data-theme="day"] .opc-ck-opt{color:#1B1A34;border-color:rgba(27,26,52,.14);background:#fff}
:root:not([data-theme]) .opc-ck-opt:hover,html[data-theme="light"] .opc-ck-opt:hover,html[data-theme="day"] .opc-ck-opt:hover{border-color:#6C63FF;background:rgba(108,99,255,.07)}
:root:not([data-theme]) .opc-ck-opt i,html[data-theme="light"] .opc-ck-opt i,html[data-theme="day"] .opc-ck-opt i{background:rgba(27,26,52,.06);color:#5D6570}
:root:not([data-theme]) .opc-ck-opt em,html[data-theme="light"] .opc-ck-opt em,html[data-theme="day"] .opc-ck-opt em{color:#4B3FC4}
:root:not([data-theme]) .opc-ck-opt.ai,html[data-theme="light"] .opc-ck-opt.ai,html[data-theme="day"] .opc-ck-opt.ai{border-color:#5B8DEF;background:rgba(91,141,239,.08)}
:root:not([data-theme]) .opc-ck-opt.ai:hover,html[data-theme="light"] .opc-ck-opt.ai:hover,html[data-theme="day"] .opc-ck-opt.ai:hover{background:rgba(91,141,239,.15)}
:root:not([data-theme]) .opc-ck-opt-tag,html[data-theme="light"] .opc-ck-opt-tag,html[data-theme="day"] .opc-ck-opt-tag{background:#3F6FD8;color:#fff}
:root:not([data-theme]) .opc-ck-done,html[data-theme="light"] .opc-ck-done,html[data-theme="day"] .opc-ck-done{color:#1F9E77}
:root:not([data-theme]) .opc-ck-msg.me,html[data-theme="light"] .opc-ck-msg.me,html[data-theme="day"] .opc-ck-msg.me{background:rgba(108,99,255,.10);color:#14132B}
:root:not([data-theme]) .opc-ck-msg.ai,html[data-theme="light"] .opc-ck-msg.ai,html[data-theme="day"] .opc-ck-msg.ai{background:#F2F4F8;color:#3A4252;border-left-color:#6C63FF}
:root:not([data-theme]) .opc-ck-ai-input,html[data-theme="light"] .opc-ck-ai-input,html[data-theme="day"] .opc-ck-ai-input{background:#fff;border-color:rgba(27,26,52,.14);color:#14132B}
:root:not([data-theme]) .opc-ck-chip,html[data-theme="light"] .opc-ck-chip,html[data-theme="day"] .opc-ck-chip{color:#4A5260;border-color:rgba(27,26,52,.14);background:#fff}
:root:not([data-theme]) .opc-ck-chip:hover,html[data-theme="light"] .opc-ck-chip:hover,html[data-theme="day"] .opc-ck-chip:hover{color:#4B3FC4;border-color:#6C63FF;background:rgba(108,99,255,.06)}
:root:not([data-theme]) .opc-ck-sand-empty,html[data-theme="light"] .opc-ck-sand-empty,html[data-theme="day"] .opc-ck-sand-empty{color:#5D6570}
:root:not([data-theme]) .opc-ck-tl,html[data-theme="light"] .opc-ck-tl,html[data-theme="day"] .opc-ck-tl{border-left-color:rgba(27,26,52,.12)}
:root:not([data-theme]) .opc-ck-tl li::before,html[data-theme="light"] .opc-ck-tl li::before,html[data-theme="day"] .opc-ck-tl li::before{background:#fff;border-color:#A9B0BC}
:root:not([data-theme]) .opc-ck-tl li.hi::before,html[data-theme="light"] .opc-ck-tl li.hi::before,html[data-theme="day"] .opc-ck-tl li.hi::before{background:#1F9E77;border-color:#1F9E77}
:root:not([data-theme]) .opc-ck-tl time,html[data-theme="light"] .opc-ck-tl time,html[data-theme="day"] .opc-ck-tl time{color:#6B7684}
:root:not([data-theme]) .opc-ck-tl p,html[data-theme="light"] .opc-ck-tl p,html[data-theme="day"] .opc-ck-tl p{color:#3A4252}
:root:not([data-theme]) .opc-ck-tl li.hi p,html[data-theme="light"] .opc-ck-tl li.hi p,html[data-theme="day"] .opc-ck-tl li.hi p{color:#14132B}
:root:not([data-theme]) .opc-ck-foot,html[data-theme="light"] .opc-ck-foot,html[data-theme="day"] .opc-ck-foot{color:#4A5260;opacity:.85}



/* ===================== v8：口号回归 + AI 框升格 + 项目降级 ===================== */
/* ① 口号：有项目时不再消失，只是收敛为一行小标题 */
#page-home.has-projects .stage > h1{
  display:block !important;opacity:1 !important;
  font-size:clamp(22px,2.1vw,32px) !important;line-height:1.25;
  margin:2px 0 14px !important;letter-spacing:.01em;white-space:nowrap;
  text-align:center;width:auto !important;max-width:none !important;}

/* ② 示例标签：保留 5 个（3D car ... 更多方向），有项目时略收紧 */
#page-home.has-projects .chips{
  display:flex !important;opacity:1 !important;
  flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0 2px !important;}
#page-home.has-projects .chips .chip{font-size:12.5px;padding:6px 13px;}

/* ③ AI 输入框（caster）升格为页面绝对主角 */
#page-home .caster{position:relative;z-index:6;transition:box-shadow .22s ease,transform .22s ease;}
#page-home .caster .box{
  border-radius:18px;
  border:1.5px solid rgba(124,108,242,.42);
  box-shadow:0 18px 48px -18px rgba(80,64,200,.45),0 0 0 1px rgba(124,108,242,.10) inset;}
#page-home .caster:focus-within .box{
  border-color:rgba(124,108,242,.85);
  box-shadow:0 22px 60px -18px rgba(80,64,200,.60),0 0 0 4px rgba(124,108,242,.16);}
#page-home .caster textarea{font-size:15.5px;line-height:1.55;padding:16px 18px;}
/* light 主题下给 AI 框实底白，浮出背景 */
:root:not([data-theme]) #page-home .caster .box,
html[data-theme="light"] #page-home .caster .box,
html[data-theme="day"] #page-home .caster .box{
  background:#FFFFFF !important;
  border-color:rgba(124,108,242,.38) !important;
  box-shadow:0 18px 44px -16px rgba(40,32,90,.22),0 2px 6px rgba(20,20,40,.06) !important;}
:root:not([data-theme]) #page-home .caster:focus-within .box,
html[data-theme="light"] #page-home .caster:focus-within .box,
html[data-theme="day"] #page-home .caster:focus-within .box{
  border-color:rgba(124,108,242,.8) !important;
  box-shadow:0 22px 56px -16px rgba(40,32,90,.30),0 0 0 4px rgba(124,108,242,.14) !important;}

/* ④ 项目区降级：从"主展区"退为"下方档案架" */
.opc-home-projects{padding-top:26px;opacity:.9;transition:opacity .2s ease;}
.opc-home-projects:hover{opacity:1;}
.opc-home-projects .ohp-head{margin-bottom:12px;padding-bottom:8px;}
.opc-home-projects .ohp-head h2{font-size:13.5px !important;font-weight:600 !important;
  letter-spacing:.06em;text-transform:uppercase;opacity:.72;}
.opc-home-projects .ohp-sub{font-size:12px;opacity:.75;}
.opc-home-projects .game-grid{grid-template-columns:repeat(auto-fill,minmax(196px,1fr)) !important;gap:14px;}
.opc-home-projects .game-card{transform:scale(.985);transition:transform .18s ease,box-shadow .18s ease;}
.opc-home-projects .game-card:hover{transform:scale(1);}

/* ⑤ 沙盘迁入驾驶舱后的形态（已从设置面板移出） */
.opc-sandbox.in-cockpit{margin:0;padding:0;background:transparent;border:0;box-shadow:none;}
.opc-sandbox.in-cockpit #sbxCockpitBtn{display:none;}
.opc-sandbox.in-cockpit .sbx-head{margin-bottom:10px;}


/* ===== 下一步行动条：解决"进公司页不知道干什么" ===== */
.opc-ck-next{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  margin:14px 0 18px;padding:16px 20px;border-radius:14px;
  background:linear-gradient(135deg,rgba(75,74,199,.10),rgba(71,180,176,.10));
  border:1px solid rgba(75,74,199,.22);
}
.opc-ck-next-k{
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:#4B4AC7;font-weight:700;margin-bottom:6px;
}
.opc-ck-next-t{font-size:15px;line-height:1.6;color:var(--text,#1E2430);font-weight:500}
.opc-ck-next-btn{
  flex:0 0 auto;padding:11px 22px;border-radius:10px;border:none;cursor:pointer;
  font-size:14px;font-weight:650;color:#fff;
  background:linear-gradient(135deg,#4B4AC7,#47B4B0);
  box-shadow:0 4px 14px rgba(75,74,199,.26);transition:transform .16s,box-shadow .16s;
}
.opc-ck-next-btn:hover{transform:translateY(-1px);box-shadow:0 7px 20px rgba(75,74,199,.34)}
.opc-ck-next[hidden]{display:none}

/* ===== v9：公司页两栏（左＝做事，右＝存在） ===== */
.opc-ck{max-width:1240px}
.opc-ck-cols{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px;align-items:start}
.opc-ck-col{display:flex;flex-direction:column;gap:16px;min-width:0}
@media (max-width:900px){.opc-ck-cols{grid-template-columns:1fr}}

/* 抬头：海报按钮 */
.opc-ck-head{gap:14px}
.opc-ck-poster{
  flex:0 0 auto;padding:9px 16px;border-radius:10px;cursor:pointer;
  font-size:13px;font-weight:600;color:var(--text-primary,#e8ecf2);
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);
  transition:background .16s,border-color .16s,transform .16s;
}
.opc-ck-poster:hover{background:rgba(75,74,199,.18);border-color:rgba(75,74,199,.5);transform:translateY(-1px)}

/* 今天：一张卡，一个焦点 */
.opc-ck-today .opc-ck-next{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07);
}
.opc-ck-today .opc-ck-next[hidden]{display:none}
.opc-ck-today .opc-ck-next-k{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary,#8b95a5);margin-bottom:4px}
.opc-ck-today .opc-ck-next-t{font-size:14px;color:var(--text-primary,#e8ecf2)}

/* 右栏：状态区整体降一档视觉重量 */
.opc-ck-col-r .opc-ck-card{background:rgba(255,255,255,.022)}
.opc-ck-col-r .opc-ck-k{font-size:13px}

/* 沙盘房间：可点，兑现承诺 */
#ckSandMount .sbx-room{cursor:pointer;transition:transform .14s,border-color .14s,background .14s}
#ckSandMount .sbx-room:hover{transform:translateY(-2px);border-color:rgba(75,74,199,.45);background:rgba(75,74,199,.08)}

/* 房间说明弹层 */

@keyframes opcRoomIn{from{opacity:0}to{opacity:1}}




.opc-room-acts{display:flex;gap:10px;margin-top:18px}
.opc-room-acts button{flex:1;padding:10px;border-radius:10px;border:none;cursor:pointer;font-size:13.5px;font-weight:600}
.opc-room-go{color:#fff;background:linear-gradient(135deg,#4B4AC7,#47B4B0)}
.opc-room-close{color:var(--text-secondary,#9aa4b2);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)!important}

/* 房间说明弹层 */
.opc-room-mask{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(8,10,16,.62);backdrop-filter:blur(4px)}
.opc-room-box{width:min(420px,88vw);padding:26px 26px 22px;border-radius:16px;background:var(--bg-card,#141821);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 60px rgba(0,0,0,.45)}
.opc-room-t{font-size:19px;font-weight:700;color:var(--text-primary,#e8ecf3);display:flex;align-items:center;gap:10px}
.opc-room-state{font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:99px;background:rgba(75,74,199,.18);color:#9d9cf0}
.opc-room-why{margin-top:14px;font-size:14px;line-height:1.75;color:var(--text-primary,#dfe5ee)}
.opc-room-now{margin-top:10px;font-size:13px;line-height:1.7;color:var(--text-secondary,#98a2b3)}

.opc-ck-col-r{min-width:0}
.opc-ck-col-l{min-width:0}


/* ===== v16 公司页重排 A：今天+AI 合体 / 沙盘独占 / 编年史横铺 ===== */
.opc-ck-brief{display:none!important}
.opc-ck-cols>.opc-ck-col-l{display:flex;flex-direction:column;gap:0}
#ckToday{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}
#ckAI{border-top-left-radius:0;border-top-right-radius:0;margin-top:0;position:relative}
#ckAI::before{content:'';position:absolute;left:18px;right:18px;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.10) 18%,rgba(255,255,255,.10) 82%,transparent)}
#ckAI .opc-ck-card-h .opc-ck-k{font-size:12.5px;letter-spacing:.04em;opacity:.9}
.opc-ck-col-r>.opc-ck-card{height:100%}

/* 名片按钮 */
.opc-ck-poster-ic{margin-right:7px;opacity:.85;font-size:12px}
.opc-ck-poster{letter-spacing:.02em}

/* AI 工具按钮 */
.opc-ck-ai-ic{flex:0 0 auto;width:36px;height:38px;display:flex;align-items:center;justify-content:center;
  border-radius:10px;cursor:pointer;background:rgba(255,255,255,.04);
  border:1px solid var(--border-color,rgba(255,255,255,.08));color:var(--text-secondary,#9aa4b2);transition:.16s}
.opc-ck-ai-ic:hover{color:var(--text-primary,#e6edf3);border-color:rgba(108,99,255,.45);background:rgba(108,99,255,.10)}
.opc-ck-ai-ic.rec{color:#fff;background:#E0564A;border-color:#E0564A;animation:ckRec 1.1s ease-in-out infinite}
@keyframes ckRec{0%,100%{box-shadow:0 0 0 0 rgba(224,86,74,.5)}50%{box-shadow:0 0 0 6px rgba(224,86,74,0)}}
.opc-ck-ai-bar{align-items:center}
.opc-ck-ai-send{width:38px;height:38px;padding:0;display:flex;align-items:center;justify-content:center}

/* 附件胶囊 */
.opc-ck-ai-att{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:9px}
.opc-ck-ai-att[hidden]{display:none}
.opc-ck-att{display:inline-flex;align-items:center;gap:7px;max-width:200px;padding:5px 9px;border-radius:8px;
  font-size:12px;color:var(--text-secondary,#9aa4b2);background:rgba(108,99,255,.10);
  border:1px solid rgba(108,99,255,.24);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.opc-ck-att i{font-style:normal;cursor:pointer;opacity:.55;font-size:14px;line-height:1}
.opc-ck-att i:hover{opacity:1;color:#E0564A}

/* AI 富文本卡片 */
.opc-ck-msg.rich{white-space:normal;max-width:94%;padding:12px 15px}
.opc-ck-msg.rich>*:first-child{margin-top:0}
.opc-ck-msg.rich>*:last-child{margin-bottom:0}
.opc-ck-msg.rich p{margin:0 0 7px}
.opc-ck-msg.rich h5{margin:0 0 8px;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--text-primary,#e6edf3)}
.opc-ck-msg.rich b{color:var(--text-primary,#e6edf3);font-weight:600}
.opc-ck-msg.rich ul,.opc-ck-msg.rich ol{margin:6px 0 8px;padding-left:2px;list-style:none;counter-reset:ckli}
.opc-ck-msg.rich li{position:relative;padding-left:20px;margin-bottom:5px;line-height:1.7}
.opc-ck-msg.rich ul li::before{content:'';position:absolute;left:6px;top:10px;width:5px;height:5px;border-radius:50%;
  background:var(--ng-accent,#6C63FF);opacity:.75}
.opc-ck-msg.rich ol li{counter-increment:ckli}
.opc-ck-msg.rich ol li::before{content:counter(ckli);position:absolute;left:0;top:1px;width:15px;height:15px;
  border-radius:5px;font-size:10px;line-height:15px;text-align:center;color:#fff;background:var(--ng-accent,#6C63FF);opacity:.85}
.opc-ck-msg.rich blockquote{margin:9px 0 0;padding:9px 12px;border-radius:9px;font-size:13px;
  background:rgba(60,203,154,.08);border:1px solid rgba(60,203,154,.22);color:var(--text-primary,#e6edf3)}
.opc-ck-msg.rich code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;padding:1px 5px;
  border-radius:5px;background:rgba(255,255,255,.07)}
.opc-ck-msg.think{opacity:.6;font-style:italic}

/* ===== 编年史：时间河 ===== */
#ckChron{margin-top:18px}
#ckChron .opc-ck-card-h{margin-bottom:2px}
.opc-ck-riv{position:relative;height:132px;overflow:hidden;cursor:grab;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.opc-ck-riv:active{cursor:grabbing}
.opc-ck-riv-track{position:absolute;left:0;top:0;height:100%;will-change:transform;
  transition:transform .42s cubic-bezier(.22,.61,.36,1)}
.opc-ck-riv-line{position:absolute;left:0;top:62%;height:1px;
  background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.16) 40%,rgba(255,255,255,.16) 92%,rgba(255,255,255,.04));}
.opc-ck-riv-wk{position:absolute;top:calc(62% - 4px);width:1px;height:9px;background:rgba(255,255,255,.09)}
.opc-ck-dot{position:absolute;top:calc(62% - 3px);width:6px;height:6px;margin-left:-3px;border-radius:50%;
  background:rgba(255,255,255,.26);transition:transform .2s,background .2s}
.opc-ck-dot:hover{transform:scale(1.9);background:var(--ng-accent,#6C63FF)}
.opc-ck-ms{position:absolute;bottom:38%;width:2px;margin-left:-1px;
  background:linear-gradient(180deg,var(--ng-success,#3CCB9A),rgba(60,203,154,.14));border-radius:2px}
.opc-ck-ms-cap{position:absolute;top:-3px;left:-2px;width:6px;height:6px;border-radius:50%;
  background:var(--ng-success,#3CCB9A);box-shadow:0 0 0 3px rgba(60,203,154,.14)}
.opc-ck-ms-lb{position:absolute;top:-24px;left:-6px;white-space:nowrap;font-size:12px;line-height:1.35;
  color:var(--text-primary,#e6edf3);letter-spacing:.01em}
.opc-ck-ms-lb em{display:block;font-style:normal;font-size:10.5px;letter-spacing:.08em;
  color:var(--text-tertiary,#6b7684);margin-top:2px}
.opc-ck-now{position:absolute;top:calc(62% - 5px);width:10px;height:10px;margin-left:-5px;border-radius:50%;
  background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.10)}
.opc-ck-now::after{content:'今天';position:absolute;top:16px;left:50%;transform:translateX(-50%);
  font-size:10.5px;letter-spacing:.1em;color:var(--text-tertiary,#6b7684)}
.opc-ck-riv-tip{position:absolute;z-index:4;transform:translate(-50%,-100%);pointer-events:none;
  padding:7px 11px;border-radius:9px;font-size:12px;line-height:1.5;max-width:230px;white-space:normal;
  background:rgba(14,16,22,.94);border:1px solid rgba(255,255,255,.10);color:var(--text-primary,#e6edf3);
  box-shadow:0 8px 22px rgba(0,0,0,.34)}
.opc-ck-riv-tip[hidden]{display:none}
.opc-ck-riv-tip b{display:block;font-size:10.5px;font-weight:500;letter-spacing:.08em;
  color:var(--text-tertiary,#6b7684);margin-bottom:3px}
.opc-ck-riv-nav{display:flex;gap:6px}
.opc-ck-riv-nav button{width:26px;height:24px;border-radius:7px;cursor:pointer;font-size:12px;line-height:1;
  background:rgba(255,255,255,.04);border:1px solid var(--border-color,rgba(255,255,255,.08));
  color:var(--text-secondary,#9aa4b2);transition:.16s}
.opc-ck-riv-nav button:hover{color:var(--text-primary,#e6edf3);border-color:rgba(108,99,255,.45)}

/* 浅色主题 */
html[data-theme="light"] .opc-ck-riv-line,html[data-theme="day"] .opc-ck-riv-line{
  background:linear-gradient(90deg,rgba(27,26,52,.04),rgba(27,26,52,.16) 40%,rgba(27,26,52,.16) 92%,rgba(27,26,52,.03))}
html[data-theme="light"] .opc-ck-riv-wk,html[data-theme="day"] .opc-ck-riv-wk{background:rgba(27,26,52,.10)}
html[data-theme="light"] .opc-ck-dot,html[data-theme="day"] .opc-ck-dot{background:rgba(27,26,52,.26)}
html[data-theme="light"] .opc-ck-ms,html[data-theme="day"] .opc-ck-ms{
  background:linear-gradient(180deg,#1F9E77,rgba(31,158,119,.16))}
html[data-theme="light"] .opc-ck-ms-cap,html[data-theme="day"] .opc-ck-ms-cap{
  background:#1F9E77;box-shadow:0 0 0 3px rgba(31,158,119,.14)}
html[data-theme="light"] .opc-ck-ms-lb,html[data-theme="day"] .opc-ck-ms-lb{color:#14132B}
html[data-theme="light"] .opc-ck-now,html[data-theme="day"] .opc-ck-now{
  background:#4B4AC7;box-shadow:0 0 0 4px rgba(75,74,199,.14)}
html[data-theme="light"] .opc-ck-riv-tip,html[data-theme="day"] .opc-ck-riv-tip{
  background:#fff;border-color:rgba(27,26,52,.10);color:#14132B;box-shadow:0 8px 22px rgba(27,26,52,.12)}
html[data-theme="light"] .opc-ck-msg.rich h5,html[data-theme="day"] .opc-ck-msg.rich h5,
html[data-theme="light"] .opc-ck-msg.rich b,html[data-theme="day"] .opc-ck-msg.rich b{color:#14132B}
html[data-theme="light"] .opc-ck-msg.rich blockquote,html[data-theme="day"] .opc-ck-msg.rich blockquote{
  background:rgba(31,158,119,.07);border-color:rgba(31,158,119,.22);color:#14132B}
html[data-theme="light"] .opc-ck-ai-ic,html[data-theme="day"] .opc-ck-ai-ic{
  background:#fff;border-color:rgba(27,26,52,.14);color:#6B7684}
html[data-theme="light"] .opc-ck-att,html[data-theme="day"] .opc-ck-att{color:#3A4252}

/* ===== v17 修复：合体贴合 + light 主题对比度 + 时间河等距 ===== */
#ckToday{margin-bottom:0!important}
#ckAI{margin-top:0!important}
.opc-ck-cols>.opc-ck-col-l>.opc-ck-card{margin-bottom:0}
/* light 主题下，公司页所有 opc-ck 元素重定义文本变量（原灰 #8b95a5 压白底对比度仅2.5:1） */
html[data-theme="light"] [class*="opc-ck"],html[data-theme="day"] [class*="opc-ck"]{
  --text-primary:#14132B;--text-secondary:#525C70;--text-muted:#6B7488}
html[data-theme="light"] .opc-ck-today .opc-ck-next-k,html[data-theme="day"] .opc-ck-today .opc-ck-next-k{color:#5A6478}
html[data-theme="light"] .opc-ck-today .opc-ck-next-t,html[data-theme="day"] .opc-ck-today .opc-ck-next-t{color:#14132B;font-weight:500}
html[data-theme="light"] .opc-ck-next,html[data-theme="day"] .opc-ck-next{border-top-color:rgba(20,19,43,.10)}
html[data-theme="light"] #ckAI::before,html[data-theme="day"] #ckAI::before{
  background:linear-gradient(90deg,transparent,rgba(20,19,43,.12) 18%,rgba(20,19,43,.12) 82%,transparent)}
html[data-theme="light"] .opc-ck-riv-nav button,html[data-theme="day"] .opc-ck-riv-nav button{
  color:#3A4252;border-color:rgba(20,19,43,.14);background:rgba(20,19,43,.03)}
.opc-ck-dot{margin-top:0!important}

/* ==== v16 cockpit fix: 编年史自适应 + AI区等高 + 换行 ==== */
/* ④ 编年史降高 */
.opc-ck-riv{height:106px}
/* ① 里程碑标签居中限宽，随GAP自适应，绝不互压 */
.opc-ck-ms-lb{
  left:50%;transform:translateX(-50%);text-align:center;
  max-width:var(--msw,140px);overflow:hidden;text-overflow:ellipsis;
  top:-22px;font-size:11.5px}
.opc-ck-ms-lb em{font-size:10px;margin-top:1px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* ③ AI 消息强制换行，长串/URL 不撑破 */
.opc-ck-msg{overflow-wrap:anywhere;word-break:break-word}
.opc-ck-msg.rich{overflow-wrap:anywhere}
.opc-ck-msg.rich code{white-space:pre-wrap;overflow-wrap:anywhere}
.opc-ck-ai-input{min-width:0}
/* ② 左右两列等高：AI 卡填满左列剩余高度，空日志也占位 */
.opc-ck-cols{align-items:stretch}
.opc-ck-cols>.opc-ck-col-l{gap:16px}
.opc-ck-cols>.opc-ck-col-l>.opc-ck-ai{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}
.opc-ck-ai>.opc-ck-ai-log{flex:1 1 auto;max-height:none;min-height:64px;overflow-y:auto}
.opc-ck-ai>.opc-ck-ai-log:empty{display:block}
@media (max-width:900px){
  /* 单列下AI区也保持体面高度，空态同样占位，与沙盘视觉均衡 */
  .opc-ck-cols>.opc-ck-col-l>.opc-ck-ai{flex:0 0 auto;min-height:300px;display:flex;flex-direction:column}
  .opc-ck-ai>.opc-ck-ai-log{flex:1 1 auto;max-height:none;min-height:0;overflow-y:auto}
  .opc-ck-ai>.opc-ck-ai-log:empty{display:block}
}

/* v16b: 右列沙盘卡撑满，与左列AI底边齐平 */
.opc-ck-cols>.opc-ck-col-r{display:flex;flex-direction:column}
.opc-ck-cols>.opc-ck-col-r>.opc-ck-card{flex:1 1 auto;margin-bottom:0;height:auto}
@media (max-width:900px){.opc-ck-cols>.opc-ck-col-r>.opc-ck-card{flex:0 0 auto}}


/* ===== v18：① 「今天」并入 AI 卡内部  ② 编年史节点/文字上下交错、不再截断堆叠 ===== */
/* ① 今天 = AI 卡里的第一条「AI 主动开口」，不再是独立卡片 */
#ckToday{margin:0 0 14px 0!important;padding:13px 14px 14px!important;border-radius:12px!important;
  background:rgba(108,99,255,.055);border:1px solid rgba(108,99,255,.16);box-shadow:none!important}
.opc-ck-today-h{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.opc-ck-av{width:20px;height:20px;border-radius:6px;display:flex;align-items:center;justify-content:center;
  font-size:9.5px;font-weight:600;letter-spacing:.04em;color:#fff;
  background:linear-gradient(135deg,var(--ng-accent,#6C63FF),#8E7BFF)}
.opc-ck-today-k{font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--text-primary,#e6edf3)}
.opc-ck-today-sub{font-size:11px;color:var(--text-tertiary,#6b7684)}
#ckToday .opc-ck-q{font-size:15px!important;margin-bottom:12px!important}
html[data-theme="light"] #ckToday,html[data-theme="day"] #ckToday{
  background:rgba(75,74,199,.05);border-color:rgba(75,74,199,.16)}
html[data-theme="light"] .opc-ck-today-k,html[data-theme="day"] .opc-ck-today-k{color:#14132B}

/* ② 编年史：标签定宽两行 + 上下交错，杜绝横向溢出压到邻居 */
.opc-ck-riv{height:158px!important}
.opc-ck-ms-lb{white-space:normal!important;left:50%!important;transform:translateX(-50%);
  width:var(--msw,116px);max-width:var(--msw,116px);text-align:center;
  font-size:11.5px!important;line-height:1.34!important;word-break:break-word}
.opc-ck-ms-lb b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  overflow:hidden;font-weight:500}
.opc-ck-ms-lb em{margin-top:3px!important}
.opc-ck-ms.up .opc-ck-ms-lb{top:-38px!important;bottom:auto}
.opc-ck-ms.dn .opc-ck-ms-lb{top:auto!important;bottom:-46px}
.opc-ck-ms:hover{z-index:3}
.opc-ck-ms:hover .opc-ck-ms-lb b{-webkit-line-clamp:4}


/* ===== v19：编年史彻底重做 —— 绝对定位长轴 → 等宽卡片流（少不空、多可滚、永不堆叠） ===== */
.opc-ck-riv{height:auto!important;min-height:0!important;cursor:default!important;
  overflow-x:auto;overflow-y:hidden;padding:2px 0 6px;
  -webkit-mask-image:none!important;mask-image:none!important;scrollbar-width:thin}
.opc-ck-riv::-webkit-scrollbar{height:6px}
.opc-ck-riv::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:4px}
.opc-ck-riv-track{position:relative!important;left:auto!important;top:auto!important;
  width:auto!important;height:auto!important;transform:none!important;transition:none!important;
  display:flex;align-items:stretch;gap:10px;padding:4px 2px 0}
.ck-ev-line{position:absolute;left:6px;right:6px;bottom:13px;height:1px;pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.14) 10%,rgba(255,255,255,.14) 90%,rgba(255,255,255,.04))}
.ck-ev{position:relative;flex:1 1 0;min-width:152px;max-width:290px;padding-bottom:26px;
  display:flex;flex-direction:column}
.ck-ev-card{flex:1 1 auto;min-height:76px;box-sizing:border-box;
  display:flex;flex-direction:column;justify-content:center;
  padding:11px 13px 12px;border-radius:11px;transition:.18s;
  border:1px solid var(--border-color,rgba(255,255,255,.08));background:rgba(255,255,255,.028)}
.ck-ev-card b{font-size:12.5px;line-height:1.5;font-weight:500;color:var(--text-primary,#e6edf3);
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;
  word-break:break-word;overflow-wrap:anywhere}
.ck-ev-card em{font-style:normal;font-size:10.5px;letter-spacing:.06em;margin-top:7px;
  color:var(--text-tertiary,#6b7684);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ck-ev-node{position:absolute;left:50%;bottom:10px;width:7px;height:7px;margin-left:-3.5px;
  border-radius:50%;box-sizing:border-box;
  background:var(--bg-primary,#0d0f13);border:1.5px solid var(--text-tertiary,#6b7684)}
.ck-ev.hi .ck-ev-card{border-color:rgba(60,203,154,.32);background:rgba(60,203,154,.055)}
.ck-ev.hi .ck-ev-node{background:var(--ng-success,#3CCB9A);border-color:var(--ng-success,#3CCB9A)}
.ck-ev:hover .ck-ev-card{border-color:rgba(108,99,255,.45);transform:translateY(-2px)}
.ck-ev:hover .ck-ev-card b{-webkit-line-clamp:6}
.ck-ev.now{flex:0 0 134px;min-width:134px;max-width:134px}
.ck-ev.now .ck-ev-card{background:transparent;border-style:dashed;border-color:rgba(255,255,255,.13)}
.ck-ev.now .ck-ev-card b{color:var(--ng-accent,#6C63FF);font-weight:600}
.ck-ev.now .ck-ev-node{background:var(--ng-accent,#6C63FF);border-color:var(--ng-accent,#6C63FF);
  box-shadow:0 0 0 4px rgba(108,99,255,.15)}
html[data-theme="light"] .ck-ev-card,html[data-theme="day"] .ck-ev-card{
  background:#fff;border-color:rgba(20,19,43,.10)}
html[data-theme="light"] .ck-ev-card b,html[data-theme="day"] .ck-ev-card b{color:#14132B}
html[data-theme="light"] .ck-ev-card em,html[data-theme="day"] .ck-ev-card em{color:#6B7280}
html[data-theme="light"] .ck-ev-line,html[data-theme="day"] .ck-ev-line{
  background:linear-gradient(90deg,rgba(27,26,52,.03),rgba(27,26,52,.13) 10%,rgba(27,26,52,.13) 90%,rgba(27,26,52,.03))}
html[data-theme="light"] .ck-ev-node,html[data-theme="day"] .ck-ev-node{background:#fff;border-color:rgba(20,19,43,.26)}
html[data-theme="light"] .ck-ev.hi .ck-ev-card,html[data-theme="day"] .ck-ev.hi .ck-ev-card{
  background:rgba(31,158,119,.07);border-color:rgba(31,158,119,.28)}
html[data-theme="light"] .ck-ev.hi .ck-ev-node,html[data-theme="day"] .ck-ev.hi .ck-ev-node{
  background:#1F9E77;border-color:#1F9E77}
html[data-theme="light"] .ck-ev.now .ck-ev-card,html[data-theme="day"] .ck-ev.now .ck-ev-card{
  background:transparent;border-color:rgba(20,19,43,.15)}
html[data-theme="light"] .ck-ev.now .ck-ev-card b,html[data-theme="day"] .ck-ev.now .ck-ev-card b{color:#4B4AC7}
html[data-theme="light"] .ck-ev.now .ck-ev-node,html[data-theme="day"] .ck-ev.now .ck-ev-node{
  background:#4B4AC7;border-color:#4B4AC7;box-shadow:0 0 0 4px rgba(75,74,199,.15)}

/* v19b：条目少时卡片撑满整行，避免右侧大片留白 */
.opc-ck-riv-track.few .ck-ev{max-width:none}
.opc-ck-riv-track.few .ck-ev.now{flex:0 0 150px;min-width:150px}


/* ===== v20：① AI 卡定高·消息内部滚动（不再把卡片拉长） ② 编年史去箭头·更简洁 ===== */
/* ① 和 AI 聊公司：卡片高度恒定，消息区自己滚 —— 类 GA 聊天窗行为 */
.opc-ck-cols>.opc-ck-col-l>.opc-ck-ai{
  flex:1 1 auto!important;
  height:0!important;min-height:0!important;max-height:none!important;
  display:flex!important;flex-direction:column!important;overflow:hidden!important}
#ckAI>.opc-ck-card-h,#ckAI>#ckToday,#ckAI>.opc-ck-ai-att,
#ckAI>.opc-ck-ai-bar,#ckAI>.opc-ck-ai-chips{flex:0 0 auto}
#ckAI>#ckToday{max-height:38%;overflow-y:auto}
.opc-ck-ai>.opc-ck-ai-log{
  flex:1 1 auto!important;min-height:0!important;max-height:none!important;
  overflow-y:auto!important;overflow-x:hidden;padding-right:4px;
  scroll-behavior:smooth;scrollbar-width:thin;overscroll-behavior:contain}
.opc-ck-ai>.opc-ck-ai-log:empty{display:block!important}
.opc-ck-ai-log::-webkit-scrollbar{width:6px}
.opc-ck-ai-log::-webkit-scrollbar-thumb{background:rgba(255,255,255,.13);border-radius:4px}
.opc-ck-ai-log::-webkit-scrollbar-track{background:transparent}
html[data-theme="light"] .opc-ck-ai-log::-webkit-scrollbar-thumb,
html[data-theme="day"] .opc-ck-ai-log::-webkit-scrollbar-thumb{background:rgba(20,19,43,.16)}
:root:not([data-theme]) .opc-ck-ai-log::-webkit-scrollbar-thumb{background:rgba(20,19,43,.16)}
@media (max-width:900px){
  .opc-ck-cols>.opc-ck-col-l>.opc-ck-ai{height:clamp(380px,66vh,560px)!important}
}

/* ② 编年史：箭头已移除，标题行回归两段式；卡片更轻更矮 */
.opc-ck-chron-tools,.opc-ck-riv-nav{display:none!important}
#ckChron{padding-bottom:12px}
#ckChron .opc-ck-card-h{margin-bottom:6px}
.opc-ck-riv{padding:2px 0 2px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%)}
.opc-ck-riv::-webkit-scrollbar{height:0}
.opc-ck-riv-track{gap:8px;padding:2px 2px 0}
.ck-ev{min-width:140px;max-width:250px;padding-bottom:20px}
.ck-ev-card{min-height:0;padding:9px 12px 10px;border-radius:10px;
  background:transparent;border-color:rgba(255,255,255,.07)}
.ck-ev-card b{font-size:12px;line-height:1.45;-webkit-line-clamp:2}
.ck-ev-card em{font-size:10px;letter-spacing:.05em;margin-top:5px;opacity:.8}
.ck-ev-node{bottom:7px;width:6px;height:6px;margin-left:-3px;border-width:1.5px}
.ck-ev-line{bottom:9.5px}
.ck-ev:hover .ck-ev-card{transform:none;border-color:rgba(108,99,255,.38);background:rgba(108,99,255,.05)}
.ck-ev:hover .ck-ev-card b{-webkit-line-clamp:5}
.ck-ev.hi .ck-ev-card{background:transparent;border-color:rgba(60,203,154,.28)}
.ck-ev.now{flex:0 0 116px;min-width:116px;max-width:116px}
html[data-theme="light"] .ck-ev-card,html[data-theme="day"] .ck-ev-card,
:root:not([data-theme]) .ck-ev-card{background:transparent;border-color:rgba(20,19,43,.10)}
html[data-theme="light"] .ck-ev.hi .ck-ev-card,html[data-theme="day"] .ck-ev.hi .ck-ev-card,
:root:not([data-theme]) .ck-ev.hi .ck-ev-card{background:transparent;border-color:rgba(31,158,119,.30)}


/* ============ v21：抬头数据行 + 今天并入消息流 ============ */
/* 三个数字连成一句话：第 N 天 · N 件事 · N 个项目 */
#ckStats { display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;justify-content:flex-end }
.opc-ck-stat { display:inline-flex;align-items:baseline;gap:4px;text-align:right;
  transition:opacity .2s ease }
.opc-ck-stat b { display:inline;font-size:19px;font-weight:600;line-height:1.2;
  font-variant-numeric:tabular-nums;letter-spacing:-.01em }
.opc-ck-stat span { font-size:11.5px;letter-spacing:.02em }
.opc-ck-stat-dot { font-style:normal;font-size:11px;opacity:.32;padding:0 1px;
  color:var(--text-tertiary,#6b7684) }
#ckStats .opc-ck-stat:hover b { opacity:.82 }

/* 今天 = 消息流里的第一条（AI 自动递上来的），随流一起滚走 */
.opc-ck-ai-log > .opc-ck-today { flex:0 0 auto;margin:0 0 2px }


/* ===== v22 后勤房间卡 + 弹层文件夹区 ===== */
.sbx-room.sbx-back .sbx-cnt{margin-left:auto;font-size:11px;color:var(--text-tertiary,#8b8b9e);background:rgba(127,127,160,.12);border-radius:8px;padding:2px 8px;white-space:nowrap;align-self:center}
.sbx-room.sbx-back .sbx-desc{opacity:.72}







/* ===== v22 AI 体验增强 ===== */
textarea.opc-ck-ai-input {
  resize: none; overflow-y: auto; line-height: 1.5; min-height: 34px; max-height: 120px;
  font-family: inherit; font-size: 13px; padding: 7px 10px;
}
#ckAISend.is-busy { background: var(--danger, #d9534f); color: #fff; }
#ckAISend.is-err { background: var(--warn, #e5a23c); color: #fff; }
#ckAISend svg { vertical-align: -3px; margin-right: 4px; }

.ck-msg-tools { display: flex; gap: 6px; margin-top: 8px; flex-wrap: wrap; }
.ck-msg-tools button {
  border: 1px solid var(--border-color, rgba(0,0,0,.12)); background: transparent;
  color: var(--text-secondary, #666); border-radius: 999px; font-size: 11px;
  padding: 3px 10px; cursor: pointer; transition: .16s;
}
.ck-msg-tools button:hover { background: var(--hover-bg, rgba(0,0,0,.05)); color: var(--text-primary, #222); }

.opc-ck-msg.ck-fold { max-height: 260px; overflow: hidden; position: relative; }
.opc-ck-msg.ck-fold::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: 30px; height: 46px;
  background: linear-gradient(to bottom, transparent, var(--card-bg, #fff));
  pointer-events: none;
}
.ck-fold-btn {
  position: relative; z-index: 2; display: block; margin: 6px auto 0;
  border: none; background: transparent; color: var(--accent-color, #4a7cff);
  font-size: 11px; cursor: pointer;
}
.opc-ck-msg.ck-fold .ck-msg-tools { display: none; }

.ck-hist-sep { text-align: center; font-size: 11px; color: var(--text-tertiary, #999); margin: 10px 0; }

.opc-ck-ai-jump {
  position: absolute; left: 50%; right: auto; transform: translateX(-50%); bottom: 119px; z-index: 6;
  display: inline-flex; align-items: center; gap: 4px;
  border: 1px solid var(--border-color, rgba(0,0,0,.12));
  background: var(--card-bg, #fff); color: var(--text-secondary, #555);
  border-radius: 999px; font-size: 11px; padding: 4px 10px; cursor: pointer;
  box-shadow: 0 4px 14px rgba(0,0,0,.12);
}
.opc-ck-ai-jump[hidden] { display: none; }

.ck-guide-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.ck-guide-chips button {
  border: 1px dashed var(--accent-color, #4a7cff); background: transparent;
  color: var(--accent-color, #4a7cff); border-radius: 999px;
  font-size: 11px; padding: 4px 10px; cursor: pointer;
}
.ck-guide-chips button:hover { background: var(--accent-color, #4a7cff); color: #fff; }
#ckStats .opc-ck-stat, #ckStats li { cursor: pointer; }

/* v22b: 弹框路径行（单一样式，避免重复边框） */
.opc-room-path{margin-top:14px;padding:10px 12px;border-radius:10px;background:rgba(127,127,160,.08);font-size:12px;line-height:1.6;color:var(--text-secondary,#98a2b3)}
.opc-room-path b{color:var(--text-primary,#e6ebf3);font-weight:700}
.opc-room-dir{font-family:Consolas,Menlo,monospace;font-size:11px;color:var(--text-tertiary,#8b8b9e);word-break:break-all;border:none;background:none;padding:0;margin:0;display:inline}
.opc-room-acts{display:flex;gap:10px;margin-top:18px}
.opc-room-acts button{flex:1;padding:10px;border-radius:10px;border:1px solid transparent;cursor:pointer;font-size:13.5px;font-weight:600}
/* v22b: 发送按钮纯图标 */
.opc-ck-ai-send{border-radius:50%!important;padding:0!important;gap:0}
.opc-ck-ai-send svg{display:block}
.opc-ck-ai-send span{display:none}
.opc-ck-ai-send.is-busy{background:#e05a5a}
/* v22b: 引导 chips 更像按钮 */
.ck-guide-chips button{border:1px solid var(--accent-color,#6C63FF)!important;background:rgba(108,99,255,.12)!important;color:var(--accent-color,#8b86ff)!important;font-size:12px!important;padding:6px 12px!important;cursor:pointer;transition:.16s}
.ck-guide-chips button:hover{background:var(--accent-color,#6C63FF)!important;color:#fff!important;transform:translateY(-1px)}


/* v23: AI 卡与右侧沙盘底部对齐（列 stretch，卡吃满列高，日志区吸收多余空间） */
.opc-ck-col-l{display:flex;flex-direction:column}
.opc-ck-col-l > #ckAI{flex:1 1 auto;min-height:0;align-self:stretch}
#ckAI .opc-ck-ai-log{flex:1 1 auto;min-height:0;max-height:none}


/* v25：公司名片按钮——看得出可点（主色描边＋填充＋按下反馈） */
.opc-ck-poster{
  background:var(--ck-poster-bg,rgba(108,99,255,.10));
  border:1px solid var(--ng-accent,#6C63FF);
  color:var(--ng-accent,#6C63FF);
  box-shadow:0 1px 2px rgba(16,24,40,.06);
}
.opc-ck-poster:hover{background:var(--ng-accent,#6C63FF);border-color:var(--ng-accent,#6C63FF);color:#fff;transform:translateY(-1px);box-shadow:0 6px 16px rgba(108,99,255,.28)}
.opc-ck-poster:active{transform:translateY(0);box-shadow:0 1px 2px rgba(16,24,40,.10)}
.opc-ck-poster:focus-visible{outline:2px solid var(--ng-accent,#6C63FF);outline-offset:2px}
.opc-ck-poster .opc-ck-poster-ic{opacity:1}

/* Unified game-creation welcome and readable AI messages. */
#ckAILog > [hidden], #ckBrief[hidden], #ckAIChips[hidden] { display:none!important; }
#ckAILog .opc-ck-msg.ai {
  width:100%;box-sizing:border-box;align-self:stretch;margin:0 0 14px;
  padding:16px 18px;border:1px solid var(--border-color,#d7dbe5);
  border-left:3px solid var(--accent-color,#6C63FF);border-radius:12px;
  background:var(--bg-secondary,#f7f8fc);color:var(--text-primary,#182033);
  box-shadow:0 2px 7px rgba(20,30,50,.045);line-height:1.8;
}
#ckAILog .opc-ck-msg.ai::before {
  content:"AI · 游戏创作伙伴";display:block;margin-bottom:9px;
  color:var(--accent-color,#6C63FF);font-size:12px;font-weight:600;letter-spacing:.02em;
}
html[lang="en"] #ckAILog .opc-ck-msg.ai::before { content:"AI · Game creation partner"; }
/* 助手名字跟着公司走：JS 在 #ckAILog 上写 --ck-ai-name，未写时回落到上面的通用标签 */
#ckAILog[style*="--ck-ai-name"] .opc-ck-msg.ai::before,
html[lang="en"] #ckAILog[style*="--ck-ai-name"] .opc-ck-msg.ai::before { content:var(--ck-ai-name); }
#ckAILog .opc-ck-msg.me { align-self:flex-end;max-width:88%;margin:2px 0 16px;padding:12px 16px;border-radius:12px;background:var(--accent-light,rgba(108,99,255,.12));border:1px solid var(--border-color,#d7dbe5); }
#ckAILog .ck-onboarding p { margin:9px 0;color:var(--text-secondary,#536174);font-size:14px;line-height:1.85; }
.ck-start-title { display:block;font-size:18px;line-height:1.5; }
.ck-start-actions { margin-top:18px; }
.ck-start-primary,.ck-start-link,.ck-company-help button { font-family:var(--koozhen-font);cursor:pointer; }
.ck-start-primary { border:1px solid var(--accent-color,#6C63FF);border-radius:9px;padding:10px 17px;background:var(--accent-color,#6C63FF);color:#fff;font-size:14px;font-weight:600; }
.ck-start-help { display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px; }
.ck-start-link { padding:5px 0;border:0;background:transparent;color:var(--text-secondary,#536174);font-size:12px;text-align:left;text-decoration:underline;text-underline-offset:3px; }
.ck-start-link:hover { color:var(--accent-color,#6C63FF); }
.ck-start-primary:hover { filter:brightness(1.08); }
[data-ck-start]:focus-visible,.ck-company-help button:focus-visible { outline:2px solid var(--accent-color,#6C63FF);outline-offset:3px; }
.ck-company-help { box-sizing:border-box;width:min(520px,calc(100vw - 32px));max-height:85vh;overflow:auto;border:1px solid var(--border-color,#d7dbe5);border-radius:16px;padding:26px;background:var(--bg-primary,#fff);color:var(--text-primary,#182033);font-family:var(--koozhen-font);box-shadow:0 20px 70px rgba(0,0,0,.22); }
.ck-company-help::backdrop { background:rgba(10,18,35,.48); }
.ck-company-help h2 { margin:0 0 12px;font-size:20px; }
.ck-company-help p { color:var(--text-secondary,#536174);line-height:1.8; }
.ck-company-help dl { margin:20px 0; }
.ck-company-help dt { font-weight:600;margin-top:15px; }
.ck-company-help dd { margin:5px 0;color:var(--text-secondary,#536174);line-height:1.7; }
.ck-company-help form { margin:20px 0 0;text-align:right; }
.ck-company-help form button { border:0;border-radius:8px;padding:9px 18px;color:#fff;background:var(--accent-color,#6C63FF); }
:is(html,body):is([data-theme="dark"],[data-theme="midnight"]) :is(#ckAILog,.ck-company-help) { --bg-primary:#172127;--bg-secondary:#202e38;--text-primary:#e2eaf0;--text-secondary:#bdcbd6;--border-color:#526372;--accent-color:#a79aff; }
@media(max-width:640px) { #ckAILog .opc-ck-msg.ai { padding:14px; } .ck-start-title { font-size:16px; } .ck-start-primary { width:100%; } }


/* v26：顶部公司信息+按钮整体底板——任意背景图下都可读（底板跟随深浅色，文字颜色沿用各主题） */
html body #page-company .opc-ck-head{
  position:relative;align-items:center;margin:0 2px 18px!important;
  padding:14px 20px!important;border-radius:16px;
  background:rgba(255,255,255,.80);
  border:1px solid rgba(20,30,50,.08)!important;
  box-shadow:0 10px 30px -14px rgba(10,20,40,.35);
  -webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);
}
html[data-skin-tone="dark"] body #page-company .opc-ck-head,
body:is([data-theme="dark"],[data-theme="midnight"]) #page-company .opc-ck-head{
  background:rgba(10,14,24,.84);
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:0 12px 34px -14px rgba(0,0,0,.6);
}
html body #page-company .opc-ck-head #ckSpaceBtn.opc-ck-space-btn{padding:6px 10px;border-radius:10px}
html body #page-company .opc-ck-head #ckSpaceBtn.opc-ck-space-btn:hover{background:rgba(127,127,127,.12)}
@media (max-width:900px){html body #page-company .opc-ck-head{align-items:flex-start}}

/* v26b：底板内文字颜色由底板自己决定（不随背景图取色），保证对比度 */
html body #page-company .opc-ck-head{--hd-t1:#14172b;--hd-t2:#4f5866;--hd-acc:#1f5f55;--hd-btn-bg:rgba(31,95,85,.08);--hd-btn-line:rgba(31,95,85,.35)}
html[data-skin-tone="dark"] body #page-company .opc-ck-head,html body:is([data-theme="dark"],[data-theme="midnight"]) #page-company .opc-ck-head{background:rgba(10,14,24,.84);--hd-t1:#f4f7fb;--hd-t2:#b9c3d1;--hd-acc:#9fe3d3;--hd-btn-bg:rgba(255,255,255,.06);--hd-btn-line:rgba(255,255,255,.22)}
html body #page-company .opc-ck-head :is(#ckCoName,.opc-ck-stat b){color:var(--hd-t1)!important;text-shadow:none!important}
html body #page-company .opc-ck-head :is(#ckCoSub,.opc-ck-stat span,.opc-ck-stat-dot){color:var(--hd-t2)!important}
html body #page-company .opc-ck-head #ckSpaceBtn.opc-ck-space-btn,html body #page-company .opc-ck-head #ckSpaceBtn.opc-ck-space-btn *{color:var(--hd-acc)!important;transition:none}
html body #page-company .opc-ck-head :is(#ckPosterBtn,#ckEditProfileBtn).opc-ck-poster,html body #page-company .opc-ck-head :is(#ckPosterBtn,#ckEditProfileBtn) .opc-ck-poster-ic{color:var(--hd-acc)!important}
html body #page-company .opc-ck-head :is(#ckPosterBtn,#ckEditProfileBtn).opc-ck-poster{background:var(--hd-btn-bg)!important;border-color:var(--hd-btn-line)!important}
html body #page-company .opc-ck-head :is(#ckPosterBtn,#ckEditProfileBtn).opc-ck-poster:hover{background:var(--hd-acc)!important;border-color:var(--hd-acc)!important}
html body #page-company .opc-ck-head :is(#ckPosterBtn,#ckEditProfileBtn).opc-ck-poster:hover,html body #page-company .opc-ck-head :is(#ckPosterBtn,#ckEditProfileBtn).opc-ck-poster:hover .opc-ck-poster-ic{color:#fff!important}
html[data-skin-tone="dark"] body #page-company .opc-ck-head :is(#ckPosterBtn,#ckEditProfileBtn).opc-ck-poster:hover,html[data-skin-tone="dark"] body #page-company .opc-ck-head :is(#ckPosterBtn,#ckEditProfileBtn).opc-ck-poster:hover .opc-ck-poster-ic,html body:is([data-theme="dark"],[data-theme="midnight"]) #page-company .opc-ck-head :is(#ckPosterBtn,#ckEditProfileBtn).opc-ck-poster:hover,html body:is([data-theme="dark"],[data-theme="midnight"]) #page-company .opc-ck-head :is(#ckPosterBtn,#ckEditProfileBtn).opc-ck-poster:hover .opc-ck-poster-ic{color:#0a0e18!important}

/* v27 装修公司：收起态一行不滚动 + 「全部」拼图卡；展开态分组画廊 */
.ck-tray-row{overflow:hidden;flex-wrap:nowrap}
.ck-tray-head{min-height:30px}
.ck-head-gap{flex:1 1 auto}
.ck-tray-head .ck-tray-close{margin-left:0}
.ck-tray-toggle{height:28px;padding:0 12px;border:1px solid var(--ck-line);border-radius:999px;background:var(--ck-card);color:var(--ck-fg);font:inherit;font-size:12px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}
.ck-tray-toggle:hover{border-color:var(--ck-acc);color:var(--ck-acc)}
.ck-tray-toggle::after{content:"";display:inline-block;width:6px;height:6px;margin-left:8px;border:solid currentColor;border-width:1.5px 1.5px 0 0;transform:translateY(1px) rotate(-45deg);transition:transform .2s}
.ck-tray-toggle[aria-expanded="true"]::after{transform:translateY(-2px) rotate(135deg)}
/* mosaic “more” card */
.ck-more-mosaic{display:grid!important;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px;padding:0;overflow:hidden;background:var(--ck-line)!important}
.ck-more-mosaic i{display:block;background:#33404d center/cover no-repeat;min-width:0;min-height:0}
.ck-more-mosaic[data-n="1"] i{grid-column:1/3;grid-row:1/3}
.ck-more-mosaic[data-n="2"] i{grid-row:1/3}
.ck-more-mosaic[data-n="3"] i:first-child{grid-row:1/3}
.ck-more-count{position:absolute;inset:0;display:grid;place-items:center;background:rgba(8,14,22,.5);color:#fff;font-size:22px;font-weight:600;letter-spacing:.02em;text-shadow:0 1px 6px rgba(0,0,0,.5);transition:background .2s}
.ck-tray-card.is-more:hover .ck-more-count{background:rgba(8,14,22,.32)}
.ck-tray-card.is-more .ck-tray-name{color:var(--ck-acc);font-weight:600;opacity:1}
/* gallery */
.ck-tray.is-gallery{max-width:1180px;padding-bottom:14px}
.ck-chips{display:flex;gap:6px;margin-left:6px;flex-wrap:wrap}
.ck-chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border:1px solid var(--ck-line);border-radius:999px;background:transparent;color:var(--ck-mute);font:inherit;font-size:12px;cursor:pointer;transition:all .15s}
.ck-chip em{font-style:normal;font-size:11px;opacity:.7}
.ck-chip:hover{color:var(--ck-fg);border-color:var(--ck-acc)}
.ck-chip.is-on{background:var(--ck-acc);border-color:var(--ck-acc);color:var(--ck-on-acc)}
.ck-chip.is-on em{opacity:.85}
.ck-gal{max-height:min(62vh,560px);overflow-y:auto;margin:0 -8px;padding:2px 8px 4px;scrollbar-width:thin;scrollbar-color:var(--ck-line) transparent;animation:ckGalIn .22s ease-out}
@keyframes ckGalIn{from{opacity:0;transform:translateY(8px)}}
.ck-gal-sec+.ck-gal-sec{margin-top:14px}
.ck-gal-h{position:sticky;top:-2px;z-index:2;display:flex;align-items:center;gap:8px;margin:0 0 8px;padding:6px 0;background:var(--ck-bg);color:var(--ck-fg);font-size:12px;font-weight:600;letter-spacing:.04em}
.ck-gal-h em{font-style:normal;font-weight:500;padding:0 7px;border-radius:999px;background:var(--ck-acc-soft);color:var(--ck-acc);font-size:11px;line-height:18px}
.ck-gal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:14px 12px}
.ck-gal-grid .ck-tray-card{flex:none;min-width:0}
.ck-gal-grid .ck-tray-thumb{width:100%}
.ck-gal .ck-tray-card:hover .ck-tray-thumb{transform:translateY(-2px);box-shadow:0 8px 20px -6px rgba(0,0,0,.35)}
@media(prefers-reduced-motion:reduce){.ck-gal,.ck-tray-toggle::after{animation:none;transition:none}}

html body #ckSpaceTray :is(.ck-gal-h,h1,h2,h3,h4,h5,h6,label,strong,.title){color:var(--ck-fg)!important}
html body #ckSpaceTray .ck-gal-h em{color:var(--ck-acc)!important}


/* v27：公司页整体一块玻璃底板——上(抬头)/中(游戏助手|工作室预览)/下(编年史)之间不再露出背景缝，改用细分隔线 */
html body #page-company .opc-ck{--slab-bg:rgba(247,250,249,.88);--slab-line:rgba(20,30,50,.09);--slab-edge:rgba(20,30,50,.08);--slab-sh:0 18px 48px -20px rgba(10,20,40,.35);
  position:relative;isolation:isolate;padding:0!important;margin:22px auto 56px!important;border-radius:18px}
html[data-skin-tone="dark"] body #page-company .opc-ck,html body:is([data-theme="dark"],[data-theme="midnight"]) #page-company .opc-ck{--slab-bg:rgba(10,13,22,.80);--slab-line:rgba(255,255,255,.08);--slab-edge:rgba(255,255,255,.10);--slab-sh:0 20px 50px -18px rgba(0,0,0,.7)}
/* 底板画在伪元素上：backdrop-filter 不放在 .opc-ck 本体，避免影响内部 fixed 弹层 */
html body #page-company .opc-ck::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--slab-bg);border:1px solid var(--slab-edge);box-shadow:var(--slab-sh);backdrop-filter:blur(16px) saturate(1.15);-webkit-backdrop-filter:blur(16px) saturate(1.15);pointer-events:none}
/* 各模块去掉独立卡片外观 */
html body #page-company .opc-ck .opc-ck-card,
html[data-skin-tone="dark"] body #page-company .opc-ck .opc-ck-card,
html body:is([data-theme="dark"],[data-theme="midnight"]) #page-company .opc-ck .opc-ck-card{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:0!important;margin:0!important}
html body #page-company .opc-ck .opc-ck-head,
html[data-skin-tone="dark"] body #page-company .opc-ck .opc-ck-head,
html body:is([data-theme="dark"],[data-theme="midnight"]) #page-company .opc-ck .opc-ck-head{background:transparent!important;border:0!important;border-bottom:1px solid var(--slab-line)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:18px 18px 0 0!important;margin:0!important;padding:16px 22px!important}
html body #page-company .opc-ck .opc-ck-brief{margin:0!important;border:0!important;border-bottom:1px solid var(--slab-line)!important;border-radius:18px 18px 0 0!important;background:transparent!important;backdrop-filter:none!important;box-shadow:none!important}
html body #page-company .opc-ck .opc-ck-cols{gap:0!important;column-gap:0!important;row-gap:0!important}
html body #page-company .opc-ck .opc-ck-col{gap:0!important}
html body #page-company .opc-ck .opc-ck-col > .opc-ck-card + .opc-ck-card{border-top:1px solid var(--slab-line)!important}
html body #page-company .opc-ck .opc-ck-col-r{border-left:1px solid var(--slab-line)}
html body #page-company .opc-ck .opc-ck-card{padding:18px 22px!important}
html body #page-company .opc-ck #ckChron.opc-ck-card{border-top:1px solid var(--slab-line)!important;padding-bottom:14px!important}
html body #page-company .opc-ck .opc-ck-foot{padding:12px 22px 16px!important;margin:0!important;border-top:1px solid var(--slab-line)}
@media (max-width:900px){
  html body #page-company .opc-ck .opc-ck-col-r{border-left:0;border-top:1px solid var(--slab-line)}
}
@media (max-width:820px){html body #page-company .opc-ck{margin:14px 10px 40px!important}}


/* v28 ①「装修公司」按钮：滚刷图标 + 文字 + 描边胶囊，一眼看出"给公司换装" */
html body #page-company .opc-ck-head #ckSpaceBtn.opc-ck-space-btn{
  display:inline-flex!important;align-items:center;gap:8px;height:36px;padding:0 15px 0 12px!important;border-radius:999px!important;
  font-size:13px!important;font-weight:600;letter-spacing:.02em;cursor:pointer;
  background:var(--hd-btn-bg,rgba(31,95,85,.08))!important;border:1px solid var(--hd-btn-line,rgba(31,95,85,.28))!important;
  box-shadow:0 1px 2px rgba(16,24,40,.06);transition:transform .16s,box-shadow .16s,background .16s!important}
html body #page-company .opc-ck-head #ckSpaceBtn .opc-ck-space-icon{width:16px;height:16px;flex:0 0 16px;margin:0}
html body #page-company .opc-ck-head #ckSpaceBtn.opc-ck-space-btn:hover{background:var(--hd-acc)!important;border-color:var(--hd-acc)!important;transform:translateY(-1px);box-shadow:0 6px 16px rgba(16,24,40,.18)}
html body #page-company .opc-ck-head #ckSpaceBtn.opc-ck-space-btn:hover,html body #page-company .opc-ck-head #ckSpaceBtn.opc-ck-space-btn:hover *{color:#fff!important}
html body:is([data-theme="dark"],[data-theme="midnight"]) #page-company .opc-ck-head #ckSpaceBtn.opc-ck-space-btn:hover,html body:is([data-theme="dark"],[data-theme="midnight"]) #page-company .opc-ck-head #ckSpaceBtn.opc-ck-space-btn:hover *,
html[data-skin-tone="dark"] body #page-company .opc-ck-head #ckSpaceBtn.opc-ck-space-btn:hover,html[data-skin-tone="dark"] body #page-company .opc-ck-head #ckSpaceBtn.opc-ck-space-btn:hover *{color:#0a0e18!important}
html body #page-company .opc-ck-head #ckSpaceBtn.opc-ck-space-btn:active{transform:translateY(0)}
html body #page-company .opc-ck-head #ckSpaceBtn.opc-ck-space-btn:focus-visible{outline:2px solid var(--hd-acc);outline-offset:2px}
html body #page-company .opc-ck-head #ckSpaceBtn.opc-ck-space-btn[aria-expanded="true"]{background:var(--hd-acc)!important;border-color:var(--hd-acc)!important}
html body #page-company .opc-ck-head #ckSpaceBtn.opc-ck-space-btn[aria-expanded="true"] *{color:#fff!important}

/* v28 ② 游戏助手扩容：左栏加宽、字号上调一档 */
html body #page-company .opc-ck .opc-ck-cols{grid-template-columns:minmax(0,1.9fr) minmax(340px,1fr)!important}
html body #page-company #ckAI .opc-ck-card-h .opc-ck-k{font-size:15px!important;font-weight:650;letter-spacing:.03em}
html body #page-company #ckAILog .opc-ck-msg{font-size:14.5px;line-height:1.75}
html body #page-company #ckAILog .ck-onboarding p{font-size:15px}
html body #page-company #ckAILog .opc-ck-msg.ai::before{font-size:13px}
html body #page-company #ckAI textarea.opc-ck-ai-input{font-size:14.5px;min-height:42px;padding:10px 14px}
html body #page-company #ckAI .opc-ck-ai-send{font-size:14px}
@media (max-width:900px){html body #page-company .opc-ck .opc-ck-cols{grid-template-columns:1fr!important}}
html body #page-company #ckOSFeed .ck-os-fbtn{font-size:13px;padding:4px 12px}
html body #page-company #ckOSFeed .ck-os-feed-k{font-size:12.5px}
/* v28 沙盘让出宽度后，房间卡收紧：状态灯改角标，文字拿回宽度 */
html body #page-company #ckSandMount .sbx-room{gap:7px;padding:9px 8px}
html body #page-company #ckSandMount .sbx-ico{flex:0 0 22px;width:22px;height:22px;font-size:12px}
html body #page-company #ckSandMount .sbx-dot{position:absolute;top:6px;right:6px}
html body #page-company #ckSandMount .sbx-name{font-size:12px}
/* v29 纵向撑满：宽度保持 1240；整页至少一屏高，多出的高度全部分给中间两栏（AI 对话区/沙盘拉伸），创作记录下不再留空 */
html body #page-company .opc-ck{display:flex!important;flex-direction:column;min-height:calc(100% - 36px);margin-bottom:14px!important;box-sizing:border-box}
html body #page-company .opc-ck > .opc-ck-cols{flex:1 1 auto;min-height:0}
html body #page-company .opc-ck > .opc-ck-head,html body #page-company .opc-ck > #ckChron,html body #page-company .opc-ck > .opc-ck-foot{flex:0 0 auto}
html body #page-company #ckAI{display:flex!important;flex-direction:column}
html body #page-company #ckAI > *{flex:0 0 auto}
html body #page-company #ckAI > #ckAILog{flex:1 1 0;min-height:160px;max-height:none!important}
html body #page-company #ckSandWrap{display:flex!important;flex-direction:column}
html body #page-company #ckSandWrap > #ckSandMount{flex:1 1 auto;display:flex!important;flex-direction:column}
@media (min-height:960px){html body #page-company #ckSandMount > .opc-sandbox{flex:1 1 auto;display:flex!important;flex-direction:column;justify-content:space-between}}

/* Personalize is a viewport-centered secondary surface, never a bottom dock. */
html body dialog#ckSpaceTray{position:fixed!important;inset:0!important;margin:auto!important;width:min(1060px,calc(100vw - 48px))!important;max-width:1060px;max-height:calc(100dvh - 80px);height:fit-content;padding:20px 24px;border:1px solid var(--ck-line);border-radius:22px;box-sizing:border-box;box-shadow:var(--ck-shadow);overflow:auto;animation:none;z-index:1000!important}
html body dialog#ckSpaceTray::backdrop{background:rgba(8,18,30,.32);backdrop-filter:blur(3px)}
#ckSpaceTray .ck-tray-head{margin-bottom:16px;flex-wrap:wrap}
#ckSpaceTray .ck-tray-head strong{font-size:19px}
#ckSpaceTray .ck-tray-close{width:32px;height:32px;font-size:24px}
#ckSpaceTray .ck-gal{max-height:calc(100dvh - 210px)}
#ckSpaceTray .ck-gal-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:16px}
html body dialog#ckSpaceTray.has-ai{width:min(860px,calc(100vw - 48px))!important;padding:0;overflow:hidden}
#ckSpaceTray.has-ai > :not(.ck-ai){display:none!important}
html body #ckSpaceTray .ck-ai{position:relative;inset:auto;width:100%;max-height:calc(100dvh - 80px);border-radius:20px;box-shadow:none;animation:none}
#ckSpaceTray .ck-ai-head,#ckSpaceTray .ck-ai-foot{flex-shrink:0}
#ckSpaceTray .ck-ai-chips{grid-template-columns:repeat(3,minmax(0,1fr))}
#ckSpaceTray .ck-ai-label + .ck-ai-chips{margin-bottom:14px}
@media(max-width:620px){html body dialog#ckSpaceTray,html body dialog#ckSpaceTray.has-ai{width:calc(100vw - 24px)!important;max-height:calc(100dvh - 40px);padding:14px}html body dialog#ckSpaceTray.has-ai{padding:0}#ckSpaceTray .ck-ai-chips{grid-template-columns:repeat(2,minmax(0,1fr))}html body #ckSpaceTray .ck-ai{max-height:calc(100dvh - 40px)}#ckSpaceTray .ck-tray-tip{display:none}}

/* AI creation is an explicit primary action, not an unexplained plus. */
html body #ckSpaceTray .ck-tray-card.is-add{grid-column:span 2;text-align:left;min-width:0}
html body #ckSpaceTray .ck-tray-card.is-add .ck-tray-thumb{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;width:100%;min-height:158px;aspect-ratio:auto;padding:18px 22px;box-sizing:border-box;border:1px solid #498f83;border-radius:14px;background:radial-gradient(ellipse at 100% 0,rgba(111,213,184,.25),transparent 65%),linear-gradient(125deg,#153e3c,#245d56);box-shadow:0 5px 16px rgba(18,63,54,.16)}
html body #ckSpaceTray .is-add .ck-create-badge{color:#bcebdc!important;font-size:11px;font-weight:700;letter-spacing:.09em}
html body #ckSpaceTray .is-add .ck-create-title{color:#fff!important;font-size:19px;font-weight:700;line-height:1.35;white-space:normal}
html body #ckSpaceTray .is-add .ck-create-desc{color:#d0e6df!important;font-size:12px;line-height:1.6;white-space:normal}
html body #ckSpaceTray .is-add .ck-create-action{display:inline-flex;margin-top:3px;padding:7px 13px;border-radius:8px;background:#e0f4e9;color:#174a40!important;font-size:13px;font-weight:700}
html body #ckSpaceTray .is-add:hover .ck-tray-thumb{border-color:#89d2bc;box-shadow:0 8px 22px rgba(18,63,54,.24)}
html body #ckSpaceTray .ck-tray-row .is-add{flex:0 0 280px}
@media(max-width:460px){html body #ckSpaceTray .ck-tray-card.is-add{grid-column:1/-1}}

/* Two peer creation paths, separate from the background library. */
html body #ckSpaceTray .ck-space-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 18px;flex:0 0 auto}
html body #ckSpaceTray .ck-space-actions .is-add{grid-column:auto;width:100%;height:100%;margin:0}
html body #ckSpaceTray .ck-space-actions .ck-tray-thumb{height:100%;min-height:146px;padding:16px 20px;gap:6px}
html body #ckSpaceTray .ck-upload-entry{min-width:0}
html body #ckSpaceTray .is-upload .ck-tray-thumb{border-color:#577899;background:radial-gradient(ellipse at 100% 0,rgba(141,187,238,.22),transparent 65%),linear-gradient(125deg,#24364c,#344e6a)}
html body #ckSpaceTray .is-upload .ck-create-badge,html body #ckSpaceTray .is-upload .ck-create-desc{color:#d6e6f7!important}
html body #ckSpaceTray .is-upload .ck-create-action{background:#e0edfa;color:#263f5d!important}
html body #ckSpaceTray .is-upload:hover .ck-tray-thumb{border-color:#9cbfe7}
html body #ckSpaceTray .is-upload:disabled{opacity:.5;cursor:not-allowed}
html body #ckSpaceTray.has-ai>.ck-space-actions{display:none!important}
@media(max-width:600px){html body #ckSpaceTray .ck-space-actions{gap:10px}html body #ckSpaceTray .ck-space-actions .ck-tray-thumb{padding:12px;min-height:150px}html body #ckSpaceTray .ck-space-actions .ck-create-title{font-size:16px}}

/* Compact creation cards: copy on the left, existing action on the right. */
html body #ckSpaceTray .ck-space-actions .ck-tray-card.is-add .ck-tray-thumb{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;column-gap:16px;row-gap:4px;align-content:center;align-items:center;min-height:112px}
html body #ckSpaceTray .ck-space-actions :is(.ck-create-badge,.ck-create-title,.ck-create-desc){grid-column:1;min-width:0}
html body #ckSpaceTray .ck-space-actions .ck-create-title{font-size:17px}
html body #ckSpaceTray .ck-space-actions .ck-create-action{grid-column:2;grid-row:1 / 4;align-self:center;margin:0;white-space:nowrap}
html body #ckSpaceTray .ck-preset-caption{display:block;font-size:12px;line-height:1.65;white-space:normal;color:var(--ck-fg);opacity:.8;padding:0 2px}
@media(max-width:760px){html body #ckSpaceTray .ck-space-actions{grid-template-columns:1fr}html body #ckSpaceTray .ck-space-actions .ck-tray-card.is-add .ck-tray-thumb{min-height:100px}}