/* Nexus 业绩库 showcase skin (tokens: /workspace/trade_hall/style_tokens.md). Loaded last; overrides styles.css/responsive.css visuals only. */
:root{--bg:#03060a;--gold:#d9b979;--gold-hi:#f3dfb2;--cyan:#6fe3d6;--cyan-hi:#9ff0e5;--ink:#cfd6d2;--ink-hi:#dfe7e3;--muted:#83918c;--dim:#6f7d78;--edge:#9fd8d01a;--line:#ffffff0a;--glass:linear-gradient(150deg,#0f171bcc,#080d10e0);--serif:"Noto Serif SC","Songti SC","SimSun",serif;--sans:Inter,"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;--mono:"JetBrains Mono","Cascadia Mono",Consolas,ui-monospace,monospace;--accent:var(--cyan);--border:var(--edge);--shadow:0 18px 50px #0008;font-family:var(--sans);color:var(--ink);background:var(--bg)}
#viewport{background:radial-gradient(ellipse at 40% 55%,#1a2226,#03060a 78%)}
.vignette{background:radial-gradient(ellipse at 50% 45%,transparent 45%,#03060a66 78%,#03060ad9 100%)}
.glass{background:var(--glass);border:1px solid var(--edge);backdrop-filter:blur(14px);box-shadow:var(--shadow)}
/* top nav: flat bar like showcase */
.topbar{top:0;left:0;right:0;height:64px;border-radius:0;border:0;border-bottom:1px solid #ffffff10;background:#0a0e10d9;padding:0 28px}
.brand-icon{width:34px;height:34px;font-size:20px;border-radius:9px;border-color:#d9b97959;background:linear-gradient(160deg,#16222a,#0a1014);color:var(--ink-hi)}
.brand-icon span{color:var(--gold)}
.brand strong{font-size:14px;letter-spacing:2px;font-weight:600;color:var(--ink-hi)}
.brand-divider{color:#56605c}
.brand small{font-size:9px;letter-spacing:1.5px;color:var(--dim);font-family:var(--sans)}
.room-switch{background:none;padding:0;gap:22px;margin-right:auto;margin-left:40px}
.room-switch button{padding:22px 0 19px;border-radius:0;font-size:13px;color:#9aa59f;border-bottom:2px solid transparent}
.room-switch .active{background:none;box-shadow:none;color:var(--gold-hi);border-bottom-color:var(--gold)}
.room-switch span{font-family:var(--mono);color:var(--dim)}
.demo-badge{font-family:var(--mono);font-size:10px;letter-spacing:1.5px;color:var(--gold-hi);background:#d9b97912;border-color:#d9b97955;border-radius:4px}
.icon-button{width:auto;font-size:12px;padding:6px 12px 6px 8px;border:1px solid #ffffff1a;border-radius:999px;background:#ffffff08}
.avatar{background:radial-gradient(circle at 35% 30%,#f3dfb2,#b8955a 70%);color:#1b1408}
/* headings */
.room-heading{top:92px;left:28px}
.eyebrow{font-family:var(--mono);font-size:9px;letter-spacing:2.2px;color:#8a978f;text-transform:uppercase}
.eyebrow::before{content:"";display:inline-block;width:6px;height:6px;margin-right:8px;border:1px solid var(--cyan);transform:rotate(45deg);vertical-align:1px}
.eyebrow span{color:var(--dim)}
.room-heading h1{font-family:var(--serif);font-size:28px;font-weight:600;letter-spacing:2px;color:var(--ink-hi)}
.room-heading h1{text-shadow:0 2px 16px #000d}.room-heading p{text-shadow:0 1px 8px #000c;color:var(--muted);font-size:12px;letter-spacing:1px}
/* status strip */
.status-strip{top:84px;border-radius:10px;padding:12px 16px}
.status-strip small{font-family:var(--mono);font-size:9px;letter-spacing:1.2px;color:var(--dim)}
.status-strip strong{color:var(--ink-hi)}
#online-count{font-family:var(--mono);color:var(--cyan-hi)}
.primary{background:linear-gradient(110deg,#d9b97933,#d9b97910);color:var(--gold-hi);border:1px solid #d9b97977;border-radius:6px;font-size:12px;letter-spacing:1px}
.primary:hover{background:linear-gradient(110deg,#d9b97955,#d9b97920)}
.live-dot{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}
/* right data panel */
.collaboration{top:84px;right:22px;bottom:84px;width:360px;border-radius:10px}
.panel-heading{padding:16px 18px 12px}
.panel-heading small{font-family:var(--mono);font-size:9px;letter-spacing:2.2px;color:#8a978f}
.panel-heading h2{font-family:var(--serif);font-size:16px;font-weight:600;color:var(--ink-hi)}
.connected{font-family:var(--mono);font-size:9px;color:var(--cyan-hi)}
.tabs{padding:0 14px 10px;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line)}
.tabs button{padding:5px 10px;font-size:11px;border:1px solid #ffffff12;border-radius:4px;background:#ffffff05;color:var(--muted)}
.tabs button.active{color:#bff6ee;border-color:#6fe3d666;background:#6fe3d614}
.tabs span{font-family:var(--mono);color:var(--dim)}
.message-meta{color:var(--ink-hi)}
.message-meta em{font-family:var(--mono);font-style:normal;font-size:9px;color:var(--cyan-hi);border:1px solid #6fe3d655;border-radius:20px;padding:1px 7px}
.message-meta small{font-family:var(--mono);color:var(--dim)}
.message p{color:var(--ink)}
.message-avatar{border-radius:6px;background:#ffffff08;border:1px solid #ffffff14;color:var(--gold-hi)}
.system-message{font-family:var(--mono);color:var(--dim)}
.quote{border:1px solid #6fe3d655;border-left:2px solid var(--cyan);border-radius:6px;background:linear-gradient(110deg,#6fe3d618,#6fe3d604)}
.quote strong,.quote-detail strong{font-family:var(--serif);color:var(--gold-hi)}
.quote small,.quote-detail small{font-family:var(--mono);letter-spacing:1.5px;color:#8a978f}
#message-form{border:1px solid #ffffff12;border-radius:8px;background:#03060a99}
.send-button{background:#6fe3d622;border:1px solid #6fe3d666;color:var(--cyan-hi)}
.privacy-note{font-size:10px;color:var(--dim)}
.member-state{font-family:var(--mono);border:1px solid #6fe3d655;color:var(--cyan-hi);border-radius:20px;padding:1px 7px;font-size:9px}
.member-state.away{border-color:#d9b97966;color:var(--gold-hi)}
.member-state.offline{border-color:#ffffff1a;color:var(--dim)}
.detail-row small{font-family:var(--mono);letter-spacing:1px;color:var(--dim)}
/* bottom pager */
.camera-controls{border-radius:10px;padding:4px}
.camera-controls button{border-radius:6px;color:var(--muted);font-size:12px}
.camera-controls button.active{background:#6fe3d614;color:#bff6ee;box-shadow:inset 0 0 0 1px #6fe3d666}
.location span{font-family:var(--serif);color:var(--ink-hi)}
.location small,.scene-hint,.demo-watermark{font-family:var(--mono);color:var(--dim);letter-spacing:1px}
.build-status,.quote-detail,.toast{border-radius:10px}
.quote-detail{border-color:#6fe3d655}
body.day #viewport{background:radial-gradient(ellipse at 40% 55%,#2a3438,#0a1014 78%)}
@media(max-width:760px){.topbar{height:56px;padding:0 12px}.room-switch{margin-left:10px;gap:12px}.room-switch button{padding:18px 0 15px;font-size:12px}.status-strip{top:64px}.room-heading{top:150px}.room-heading h1{font-size:20px;line-height:1.5;margin-top:10px}.room-switch button{padding:8px 0 6px}.collaboration{top:auto;bottom:70px;left:10px;right:10px;width:auto}}
@media(max-width:460px){.room-heading{top:146px;left:16px}.room-heading h1{font-size:19px}.room-switch{margin-left:16px}.icon-button{padding:4px 8px}.brand small{display:none}}