/* 皮肤系统（演示）：只追加，不改原样式。无 data-skin 或 data-skin="cloud" = 现版原样 */
html[data-skin-tone="dark"] body #page-company{
 --text-primary:#e9eef7;--text-secondary:#b4c0d3;--text-tertiary:#93a1b8;--text-1:#e9eef7;--text-3:#93a1b8;--text:#e9eef7;
 --ng-text-1:#e9eef7;--ng-text-2:#b4c0d3;--ng-text-3:#93a1b8;--border-color:var(--sk-line);--ng-border:var(--sk-line);--ng-border-strong:var(--sk-line2);
 --card-bg:var(--sk-panel);--bg-card:var(--sk-panel);--ng-surface-2:rgba(255,255,255,.05);--bg-primary:#0b1120;--bg-secondary:#0f1628;
 --ng-accent:var(--sk-acc);--accent-color:var(--sk-acc);--ng-primary:var(--sk-acc);--ng-accent-weak:color-mix(in srgb,var(--sk-acc) 16%,transparent);
 color:#e9eef7}
html[data-skin-tone="dark"] body #page-company .opc-ck,
html[data-skin-tone="dark"] body #page-company .opc-ck :is(div,span,p,b,strong,h1,h2,h3,h4,em,label,small,li,a):not(.sk-keep){color:inherit}
html[data-skin-tone="dark"] body #page-company :is(.opc-ck-sub,.opc-ck-hint,.opc-ck-k,.sbx-desc,.opc-ck-foot,.opc-ck-today-sub,.sbx-meta,.sbx-cnt,.opc-ck-next-k,.ck-os-feed-k,.opc-ck-riv-tip){color:var(--sk-t2)!important}
html[data-skin-tone="dark"] body #page-company :is(.opc-ck-card,.opc-ck-ai,.opc-ck-sand,.opc-ck-chron){
 background:linear-gradient(180deg,var(--sk-glow) 0,transparent 42px),var(--sk-panel)!important;
 border:1px solid var(--sk-line)!important;box-shadow:0 0 0 1px rgba(0,0,0,.35),0 18px 50px -20px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.06)!important;
 backdrop-filter:blur(16px) saturate(1.2)!important}
html[data-skin-tone="dark"] body #page-company :is(.opc-ck-opt,.sbx-room,.opc-ck-ai-input,.opc-ck-ai-bar input,.opc-ck-ai-bar textarea,.ck-os-fbtn,.sbx-btn){
 background:rgba(255,255,255,.045)!important;border-color:var(--sk-line)!important;color:#e9eef7!important}
html[data-skin-tone="dark"] body #page-company :is(.opc-ck-opt,.sbx-room,.ck-os-fbtn,.sbx-btn):hover{background:color-mix(in srgb,var(--sk-acc) 14%,transparent)!important;border-color:color-mix(in srgb,var(--sk-acc) 55%,transparent)!important}
html[data-skin-tone="dark"] body #page-company :is(.opc-ck-today,.opc-ck-next){background:color-mix(in srgb,var(--sk-warm) 9%,rgba(255,255,255,.03))!important;border-color:color-mix(in srgb,var(--sk-warm) 32%,transparent)!important}
html[data-skin-tone="dark"] body #page-company .opc-ck-brief{background:rgba(6,10,20,.6)!important;border-color:var(--sk-line)!important}
html[data-skin-tone="dark"] body #page-company :is(.opc-ck-name){color:#fff!important;text-shadow:0 0 24px color-mix(in srgb,var(--sk-acc) 45%,transparent)}
html[data-skin-tone="dark"] body #page-company .opc-ck-space-btn{color:var(--sk-acc)!important}
html[data-skin-tone="dark"] body #page-company :is(input,textarea)::placeholder{color:#8190a8!important}

/* ===== 舰桥 ===== */
html[data-skin="bridge"]{--sk-acc:#7cc8ff;--sk-warm:#ffb454;--sk-panel:rgba(9,14,27,.66);--sk-line:rgba(140,200,255,.17);--sk-line2:rgba(140,200,255,.32);--sk-glow:rgba(255,180,84,.07);--sk-t2:#a9b7cc}
/* Background selection must beat the shared photo and light/dark overlays. */
html[data-skin="bridge"] body:is(body,[data-theme]) :is(#page-home,#page-company,#page-market-partner).page{background:#03060d!important}
html[data-skin="bridge"] body :is(#page-home,#page-market-partner){position:relative;isolation:isolate}
html[data-skin="bridge"] :is(#page-home,#page-market-partner) > .sk-stars{z-index:-1}
@media(prefers-reduced-motion:reduce){html.sk-alert .sk-over{animation:none}}
html[data-skin] body #page-company > .opc-ck{z-index:1}
.sk-layer{position:fixed;pointer-events:none;display:none}
html[data-skin="bridge"] .sk-stars{display:block;z-index:0}
.sk-over{z-index:3;transition:box-shadow .6s ease}
html[data-skin="bridge"] .sk-over{display:block}
html.sk-alert .sk-over{box-shadow:inset 0 0 0 1px rgba(255,180,84,.55),inset 0 0 90px -10px rgba(255,160,60,.45);animation:skEdge 2.4s ease-in-out infinite}
@keyframes skEdge{50%{box-shadow:inset 0 0 0 1px rgba(255,180,84,.25),inset 0 0 60px -20px rgba(255,160,60,.25)}}
/* 仪表角标：四角短线，用背景层画，不占用伪元素 */
html[data-skin="bridge"] body #page-company :is(.opc-ck-card,.opc-ck-ai,.opc-ck-sand,.opc-ck-chron){
 background:
  linear-gradient(var(--sk-acc),var(--sk-acc)) left top/14px 1.5px no-repeat,linear-gradient(var(--sk-acc),var(--sk-acc)) left top/1.5px 14px no-repeat,
  linear-gradient(var(--sk-acc),var(--sk-acc)) right top/14px 1.5px no-repeat,linear-gradient(var(--sk-acc),var(--sk-acc)) right top/1.5px 14px no-repeat,
  linear-gradient(var(--sk-acc),var(--sk-acc)) left bottom/14px 1.5px no-repeat,linear-gradient(var(--sk-acc),var(--sk-acc)) left bottom/1.5px 14px no-repeat,
  linear-gradient(var(--sk-acc),var(--sk-acc)) right bottom/14px 1.5px no-repeat,linear-gradient(var(--sk-acc),var(--sk-acc)) right bottom/1.5px 14px no-repeat,
  linear-gradient(180deg,var(--sk-glow) 0,transparent 48px),var(--sk-panel)!important;border-radius:6px!important}
html[data-skin="bridge"] body #page-company :is(.opc-ck-opt,.sbx-room,.opc-ck-today,.opc-ck-next,.opc-ck-brief){border-radius:4px!important}
html[data-skin="bridge"] body #page-company :is(.opc-ck-name,.sbx-zt,.sbx-title,.opc-ck-card-h){letter-spacing:.06em}
html[data-skin="bridge"] body #page-company .sbx-room.is-wait .sbx-dot{background:#5d6b82!important}
html[data-skin="bridge"] body #page-company .sbx-dot{box-shadow:0 0 8px currentColor}
/* 部门等你拍板：琥珀灯（任何皮肤都可用） */
body #page-company .sbx-room.sk-ask{border-color:#e39a3b!important;box-shadow:0 0 0 1px rgba(227,154,59,.45),0 0 22px -4px rgba(255,170,60,.55)!important;animation:skAsk 1.8s ease-in-out infinite}
@keyframes skAsk{50%{box-shadow:0 0 0 1px rgba(227,154,59,.2),0 0 10px -4px rgba(255,170,60,.3)}}
body #page-company .sbx-room.sk-ask .sbx-dot{background:#ffb454!important;box-shadow:0 0 10px #ffb454}
.sk-tag{position:absolute;right:6px;top:-9px;font:600 10.5px/18px system-ui,sans-serif;padding:0 7px;border-radius:9px;background:#ffb454;color:#2a1600;cursor:pointer;white-space:nowrap;z-index:2}
body #page-company .opc-ck-today.sk-flash{animation:skFlash 1.2s ease 2}
@keyframes skFlash{40%{box-shadow:0 0 0 2px #ffb454,0 0 30px rgba(255,180,84,.6)}}
/* ===== 自定义背景自动跟色 ===== */
html[data-skin="auto"][data-skin-tone="light"] body #page-company :is(.opc-ck-card,.opc-ck-ai,.opc-ck-sand,.opc-ck-chron){border-color:color-mix(in srgb,var(--sk-acc) 38%,transparent)!important;box-shadow:0 10px 34px -16px color-mix(in srgb,var(--sk-acc) 45%,transparent)!important}
html[data-skin="auto"][data-skin-tone="light"] body #page-company .opc-ck-name{color:color-mix(in srgb,var(--sk-acc) 55%,#10131f)!important}
html[data-skin="auto"][data-skin-tone="dark"]{--sk-panel:rgba(10,12,20,.64);--sk-line:color-mix(in srgb,var(--sk-acc) 26%,transparent);--sk-line2:color-mix(in srgb,var(--sk-acc) 45%,transparent);--sk-glow:color-mix(in srgb,var(--sk-acc) 10%,transparent);--sk-warm:#ffb454;--sk-t2:#b3bfd1}
/* ===== 空间配置弹窗内的“空间风格” ===== */
.ck-space-dialog .sk-pick{margin:4px 0 14px}
.ck-space-dialog .sk-pick-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;font-size:12px}
.ck-space-dialog .sk-opt{cursor:pointer}
.ck-space-dialog .sk-sw{display:block;width:100%;aspect-ratio:16/5;border-radius:5px;background:center/cover no-repeat}
.ck-space-dialog .sk-sw-bridge{background-color:#05070f;background-image:radial-gradient(1px 1px at 12% 30%,#fff,transparent),radial-gradient(1px 1px at 38% 70%,#cfe3ff,transparent),radial-gradient(1.5px 1.5px at 63% 22%,#fff,transparent),radial-gradient(1px 1px at 82% 58%,#ffd9a8,transparent),radial-gradient(1px 1px at 25% 85%,#fff,transparent),radial-gradient(1px 1px at 92% 18%,#cfe3ff,transparent),radial-gradient(120% 90% at 50% 120%,#1d3a6b 0%,transparent 60%)}
.ck-space-dialog .sk-opt small{display:block;margin-top:2px;opacity:.7;font-size:11px}
.ck-space-dialog .sk-pick-note{margin:8px 0 0;font-size:12px;opacity:.75}

/* 对比度补丁：原样式写死的深色字 */
html[data-skin-tone="dark"] body #page-company :is(.sbx-livetxt,.sbx-zt,.sbx-empty,.sep,.opc-ck-stat-dot,.opc-ck-poster,.opc-ck-poster-ic){color:var(--sk-t2)!important}
html[data-skin-tone="dark"] body #page-company .opc-ck-poster{border-color:var(--sk-line2)!important;background:transparent!important}
html[data-skin-tone="dark"] body #page-company .sbx-live :is(b,strong,em,span:not([class])){color:var(--sk-acc,#7cc8ff)!important}

/* 对比度补丁2：原样式 ID+!important 的海报按钮、sbx 数字；auto 深色时底色兜底为深色 */
html[data-skin-tone="dark"] body #page-company :is(:is(#ckPosterBtn,#ckEditProfileBtn),.opc-ck-poster-ic,.opc-ck-poster){color:var(--sk-acc,#7cc8ff)!important;border-color:var(--sk-line2)!important;background:transparent!important}
html[data-skin-tone="dark"] body #page-company .sbx-meta b{color:var(--sk-acc,#7cc8ff)!important}
html[data-skin="auto"][data-skin-tone="dark"] body #page-company.page{background-color:#0a0c14!important}

/* 云端特效层：舰桥模式隐藏 */
html:not([data-skin="bridge"]) .cf-layer{display:block;z-index:0}
.cf-glass{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;display:none}
html:not([data-skin="bridge"]) .cf-glass{display:block}

/* Bridge-only foreground: keep the existing editable composer and card surfaces. */
html[data-skin="bridge"] body #page-home{--text-primary:#e9eef7;--text-secondary:#b4c0d3;--text-tertiary:#93a1b8;color:#e9eef7!important}
html[data-skin="bridge"] body #page-home :is(#homeWelcome,#homeProjectsTitle){color:#e9eef7!important;-webkit-text-fill-color:#e9eef7!important;text-shadow:0 2px 16px rgba(0,0,0,.4)}
html[data-skin="bridge"] body #page-home :is(#homeGuide,.ohp-sub,.hi-project-more){color:#b4c0d3!important;opacity:1!important}
html[data-skin="bridge"] body #page-home .caster .workbench-create-note{color:#4b626b!important;opacity:1!important}


/* Cloud field stays below workspace content and never captures input. */
html body :is(#page-home,#page-company,#page-market-partner) > .cf-layer{pointer-events:none!important;z-index:0!important}
html body :is(#page-home,#page-market-partner){isolation:isolate}
html body :is(#page-home,#page-market-partner) > :not(.sk-layer){position:relative;z-index:1}
html[data-skin="bridge"] .cf-layer,html[data-skin="bridge"] .cf-glass{display:none!important}

/* Quiet artwork signature: no panel or animation, never captures input. */
html body :is(#page-home,#page-company,#page-market-partner) > .sk-caption{
 display:block;position:fixed;z-index:1;margin:0;padding:0;pointer-events:auto!important;cursor:pointer;font-family:inherit;
 /* Caption contrast belongs to the artwork, not the global UI theme. */
 color:#fff;font-size:14px;line-height:1.7;letter-spacing:.04em;font-weight:600;
 text-align:right;white-space:normal;text-wrap:balance;
 text-shadow:none;-webkit-text-stroke:0;
 background:none;border:0;box-shadow:none;
}
html[data-skin="bridge"] body :is(#page-home,#page-company,#page-market-partner) > .sk-caption{
 color:#d6e3f0;text-shadow:none;
}
html body :is(#page-home,#page-company,#page-market-partner) > .sk-caption[hidden]{display:none}

.sk-caption:hover{text-decoration:underline;text-underline-offset:4px}
.sk-caption:focus-visible{outline:2px solid currentColor;outline-offset:5px}

/* Bridge foreground repair. Company UI is reparented into a theme-owned panel;
   use its palette, not the dark scene palette. Do not alter any surfaces. */
html[data-skin="bridge"] body.hi-home-active #page-home :is(.hi-entry-title,.hi-clock-hours){color:#e9eef7!important;-webkit-text-fill-color:currentColor}
html[data-skin="bridge"] body.hi-home-active #btnSettings{color:#03060d!important;-webkit-text-fill-color:currentColor}
html[data-skin="bridge"] body header.topbar .koozhen-language-option{color:#e9eef7!important;-webkit-text-fill-color:currentColor}
html[data-skin="bridge"] body #companyHomeOverlay #page-company{
 --text-primary:var(--ra-ink);--text-secondary:var(--ra-muted);--text-tertiary:var(--ra-muted);
 --text-1:var(--ra-ink);--text-3:var(--ra-muted);--text:var(--ra-ink);
 --ng-text-1:var(--ra-ink);--ng-text-2:var(--ra-muted);--ng-text-3:var(--ra-muted);
 --sk-t2:var(--ra-muted);color:var(--ra-ink)!important;
}
html[data-skin="bridge"] body #companyHomeOverlay #page-company :is(.opc-ck-opt,.sbx-room,.opc-ck-ai-input,.ck-os-fbtn,.sbx-btn,.ck-os-line,.ck-os-feed-k){color:var(--ra-ink)!important;-webkit-text-fill-color:currentColor}
html[data-skin="bridge"] body #companyHomeOverlay #page-company #ckSandMount :is(.sbx-meta b,.sbx-live b,.sbx-live strong,.sbx-live em,.sbx-live span:not([class])){color:var(--ra-accent)!important}
/* Counters retain their dark badge surface, independent of the panel theme. */
html[data-skin="bridge"] body #companyHomeOverlay #page-company #ckSandMount .sbx-cnt{color:#e9eef7!important}
html[data-skin="bridge"] body #companyHomeOverlay :is(input,textarea)::placeholder{color:var(--ra-muted)!important;opacity:1}
html[data-skin="bridge"] body.hi-home-active #btnSettings .btn-settings-label{color:#03060d!important}
html[data-skin="bridge"] body #companyHomeOverlay #page-company :is(.opc-ck-k,.sbx-name,.sbx-title,.ck-ev-card b){color:var(--ra-ink)!important}
html[data-skin="bridge"] body #companyHomeOverlay #page-company #ckSandMount :is(.sbx-meta,.sbx-livetxt,.sbx-empty,.sbx-zt,.sbx-desc),
html[data-skin="bridge"] body #companyHomeOverlay #page-company :is(.opc-ck-hint,.opc-ck-date,.opc-ck-sub,.opc-ck-foot,.ck-ev-card em){color:var(--ra-muted)!important}