/* 画廊工厂(factory-dengta)风格皮肤:叠加在莱西原 workshop.css 之后,只改页面外观,不动布局与三维内容 */
:root{
  --paper:#F2EFE8;--surface:#FBF8F1;--surface-2:#E7E2D3;--ink:#1A2733;--ink-muted:#4A5A66;--ink-faint:#8A97A2;
  --rule:#D8D4C4;--rule-strong:#B5B0A0;--blueprint:#1E5773;--blueprint-tint:#D3E1E8;--active:#B4881F;--active-tint:#EDE0B3;
  font-family:"IBM Plex Sans","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper)
}
html[data-theme="silk"],html[data-theme="klein"]{color-scheme:dark}
body:not([data-environment=night]){background:var(--paper);color:var(--ink)}

/* 页头:NEOLIX 标 + 衬线标题 + 等宽英文副标 */
.station-info{display:flex;align-items:center;gap:16px}
.station-info .stamp{width:72px;height:50px;flex-shrink:0;background:url("./neolix-logo.png") center/contain no-repeat}
.station-info h1{font-family:"IBM Plex Serif","Noto Serif SC",serif;font-weight:500;font-size:26px;letter-spacing:-.01em;margin:0 0 4px}
.station-sub{font:12px "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);margin-bottom:8px}
body:not([data-environment=night]) .station-bar{background:var(--surface);border-bottom:1px solid var(--ink);color:var(--ink)}
body:not([data-environment=night]) .products{color:var(--ink-muted)}
body:not([data-environment=night]) .products-label{color:var(--ink-faint)}
body:not([data-environment=night]) .products>span:not(.products-label){border-color:var(--rule-strong);background:var(--surface-2);color:var(--ink)}
body[data-environment=night] .station-sub{color:#9fb3bf}

/* 按钮 */
body:not([data-environment=night]) button,body:not([data-environment=night]) .labor-link{border-color:var(--rule-strong);background:var(--surface);color:var(--ink)}
body:not([data-environment=night]) button:hover,body:not([data-environment=night]) .labor-link:hover{background:var(--surface-2);border-color:var(--ink-muted)}
body:not([data-environment=night]) button.primary,body:not([data-environment=night]) button[aria-pressed=true],
body:not([data-environment=night]) .environment-switch button[aria-pressed=true]{background:var(--blueprint);border-color:var(--blueprint);color:var(--surface)}
body:not([data-environment=night]) button.primary:hover{background:color-mix(in srgb,var(--blueprint) 85%,var(--ink))}
body:not([data-environment=night]) button[aria-expanded=true]{background:var(--blueprint-tint);border-color:var(--blueprint);color:var(--blueprint)}
button:focus-visible,a:focus-visible,select:focus-visible{outline-color:var(--blueprint)}

/* 细节栏 / 状态胶囊 / 加载 */
body:not([data-environment=night]) #detail-panel{background:var(--surface-2);border-bottom-color:var(--rule-strong);color:var(--ink-muted)}
body:not([data-environment=night]) #detail-panel select{color:var(--ink);background:var(--surface);border-color:var(--rule-strong);font-family:"IBM Plex Sans","Noto Sans SC",sans-serif}
body:not([data-environment=night]) #flow-status{background:color-mix(in srgb,var(--surface) 93%,transparent);border-color:var(--rule-strong);color:var(--ink)}
body:not([data-environment=night]) #flow-status[data-phase=transfer]{border-color:var(--blueprint);color:var(--blueprint)}
body:not([data-environment=night]) #flow-status[data-phase=paused]{color:var(--ink-faint)}
body:not([data-environment=night]) .flow-note{color:var(--ink-faint);border-left-color:var(--rule-strong)}
#tour-status{background:color-mix(in srgb,var(--ink) 92%,transparent);border-color:var(--ink-muted);color:var(--surface)}
.tour-dot{background:var(--active)}
#tour-count{font-family:"IBM Plex Mono",Consolas,monospace;color:inherit;opacity:.75;border-left-color:currentColor}
#loading{background:var(--surface);border-color:var(--rule-strong);color:var(--ink)}

/* 主题选择器 */
.theme-picker{position:relative}
.theme-menu{display:none;position:absolute;right:0;top:calc(100% + 4px);z-index:30;min-width:140px;background:var(--surface);border:1px solid var(--rule-strong);border-radius:6px;padding:4px;box-shadow:0 8px 24px -8px rgba(0,0,0,.3)}
.theme-picker.open .theme-menu{display:block}
.theme-menu .theme-opt{display:block;width:100%;height:auto;min-height:0;text-align:left;border:0;background:transparent;color:var(--ink);padding:7px 10px;font-size:12px}
.theme-menu .theme-opt.on{background:var(--blueprint-tint);color:var(--blueprint);font-weight:600}
body:not([data-environment=night]) #themeBtn{background:transparent;border-color:var(--ink-muted)}

@media(max-width:900px){.station-info h1{font-size:21px}}
@media(max-width:640px){.station-info{gap:10px}.station-info .stamp{width:54px;height:38px}.station-info h1{font-size:19px}.station-sub{font-size:10px;margin-bottom:6px}}
@media(max-height:500px) and (pointer:coarse){.station-sub{display:none}}

/* 夜间:用画廊工厂原深色版配色(深蓝底 + 金色强调) */
body[data-environment=night] button,body[data-environment=night] .labor-link{background:#172934;color:#c5d5dc;border-color:#354956}
body[data-environment=night] button:hover,body[data-environment=night] .labor-link:hover{background:#2c4352;color:#fff}
body[data-environment=night] button.primary,body[data-environment=night] button[aria-pressed=true],
body[data-environment=night] .environment-switch button[aria-pressed=true]{background:#d6b16a;border-color:#d6b16a;color:#15222c}
body[data-environment=night] button[aria-expanded=true]{background:#263d49;border-color:#4b6570;color:#f2e1be}
body[data-environment=night] .products>span:not(.products-label){background:#172934;border-color:#354956;color:#c5d5dc}
body[data-environment=night] #detail-panel select{background:#172934;color:#d9e4e8;border-color:#354956}
body[data-environment=night] .station-info .stamp{filter:brightness(1.6) saturate(.6)}