/* === 🛰️ 直接美化当前 DOM 现有标签（无需改 HTML 类名立刻告别白底！） === */
html, body {
  background: #03070e !important;
  color: #d8f4ff !important;
  font-family: "JetBrains Mono", "SF Mono", Menlo, monospace !important;
  margin: 0 !important;
  padding: 10px 16px !important;
}
a { color: #00f0ff !important; text-decoration: none !important; }
h1, h2, h3 {
  color: #00f0ff !important;
  border-left: 3px solid #00ff9d !important;
  padding-left: 8px !important;
  font-size: 14px !important;
  margin: 12px 0 8px 0 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}
button {
  background: linear-gradient(135deg, #0a192f, #0f3156) !important;
  color: #00f0ff !important;
  border: 1px solid rgba(0, 240, 255, 0.45) !important;
  border-radius: 5px !important;
  padding: 5px 12px !important;
  font-family: monospace !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  margin: 2px 4px 2px 0 !important;
}
button:hover {
  background: linear-gradient(135deg, #00b4d8, #00ff9d) !important;
  color: #02080d !important;
}
input, select, textarea {
  background: #050d1a !important;
  color: #a5f3fc !important;
  border: 1px solid rgba(0, 240, 255, 0.35) !important;
  border-radius: 5px !important;
  padding: 6px 10px !important;
  font-family: monospace !important;
}
hr {
  border: none !important;
  border-top: 1px solid rgba(0, 240, 255, 0.2) !important;
  margin: 14px 0 !important;
}


/* === ORYNOVA · REACT BITS 100% 纯正暗夜紫全量自愈版 (CSP-Safe & Zero-Lag) === */
:root {
  --rb-void: #060010 !important;
  --rb-deep: #0b0318 !important;
  --rb-card: #110524 !important;
  --rb-border: #2a144d !important;
  --rb-neon: #c084fc !important;
  --rb-purple: #9333ea !important;
}

/* 隐藏旧版杂乱悬浮窗与底部冗余条 */
.ory-cockpit, #orynova-cockpit, [class*="cockpit"],
.ory-agent-board, .oy-inspector, .oy-v10-inspector,
#workspace .main > header + .notice,
#workspace #modeNotice, #workspace #capacityInfo, #workspace #jobInfo,
#workspace .main > footer, #workspace #yz-workbench-toggle {
  display: none !important;
}

* { box-sizing: border-box; }

html, body {
  margin: 0 !important; padding: 0 !important;
  width: 100vw !important; height: 100vh !important;
  overflow: hidden !important;
  background-color: #060010 !important;
  color: #ffffff !important;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif !important;
  font-size: 12.5px !important;
  line-height: 1.5 !important;
  -webkit-font-smoothing: antialiased !important;
}

/* 核心修复 1：强制双栏布局（左导航 228px + 右主舞台 1fr），绝不给第3栏留白块空间！ */
#workspace {
  display: grid !important;
  grid-template-columns: 228px minmax(0, 1fr) !important;
  width: 100vw !important;
  height: 100vh !important;
  background: #060010 !important;
  padding: 0 !important;
  gap: 0 !important;
  overflow: hidden !important;
}

/* 默认彻底隐藏右侧 YOUR TEAM (.controls) 白底栏，点击设置才以暗夜紫浮出 */
#workspace > .controls,
#workspace > aside.controls {
  display: none !important;
}
body.rb-drawer-show #workspace > .controls,
body.rb-drawer-show #workspace > aside.controls {
  display: block !important;
  position: fixed !important;
  top: 48px !important; right: 0 !important; bottom: 0 !important;
  width: 340px !important;
  background: #090214 !important;
  border-left: 1px solid #3b1d6e !important;
  padding: 18px !important;
  overflow-y: auto !important;
  z-index: 99999 !important;
  box-shadow: -20px 0 60px rgba(0, 0, 0, 0.92) !important;
}
#workspace > .controls *,
#workspace > aside.controls * {
  background-color: transparent !important;
  color: #e9d5ff !important;
  border-color: rgba(168, 85, 247, 0.25) !important;
}
#workspace > .controls label,
#workspace > .controls .agent-item,
#workspace > .controls > div > div {
  background: #120626 !important;
  border: 1px solid #2e1654 !important;
  border-radius: 10px !important;
}

/* === 左侧导航栏 === */
#workspace > .sidebar {
  background: #060010 !important;
  border-right: 1px solid #1e0f38 !important;
  padding: 16px 12px !important;
  display: flex !important; flex-direction: column !important; gap: 2px !important;
  height: 100vh !important; overflow-y: auto !important;
}
#workspace .brand {
  padding: 0 6px 12px !important;
  border-bottom: 1px solid #190c2e !important;
  margin-bottom: 6px !important;
}
#workspace .brand-mark {
  background: linear-gradient(135deg, #a855f7, #6366f1) !important;
  color: #fff !important; width: 24px !important; height: 24px !important;
  border-radius: 6px !important; font-size: 12px !important; font-weight: 800 !important;
  box-shadow: 0 0 15px rgba(168, 85, 247, 0.7) !important;
}
#workspace .brand b { color: #ffffff !important; font-size: 14px !important; font-weight: 800 !important; }
#workspace .brand small { color: #7e6e99 !important; font-size: 10px !important; }

.rb-sec-head {
  font-size: 10px !important; font-weight: 800 !important;
  color: #7c689e !important; padding: 10px 6px 4px !important;
  letter-spacing: 0.8px !important; text-transform: uppercase !important;
}
.rb-tree-list {
  display: flex !important; flex-direction: column !important;
  border-left: 1px solid #23113f !important;
  margin-left: 8px !important;
}
.rb-tree-link {
  display: flex !important; align-items: center !important; justify-content: space-between !important;
  width: 100% !important; padding: 7px 8px 7px 12px !important;
  margin-left: -1px !important;
  border: none !important; border-left: 2px solid transparent !important;
  border-radius: 0 7px 7px 0 !important;
  background: transparent !important; color: #9c8cb8 !important;
  font-size: 12px !important; font-weight: 500 !important;
  cursor: pointer !important; text-align: left !important;
  white-space: nowrap !important; gap: 6px !important;
  transition: all 0.14s ease !important;
}
.rb-tree-link:hover { color: #ffffff !important; background: rgba(168, 85, 247, 0.1) !important; }
.rb-tree-link.active {
  color: #ffffff !important;
  border-left-color: #d8b4fe !important;
  background: linear-gradient(90deg, rgba(168, 85, 247, 0.24), transparent) !important;
  font-weight: 700 !important;
}
.rb-tag-mini {
  font-size: 9.5px !important; padding: 1px 6px !important; border-radius: 4px !important;
  background: rgba(168, 85, 247, 0.22) !important; color: #f3e8ff !important;
  border: 1px solid rgba(216, 180, 254, 0.42) !important; font-family: monospace !important;
  flex-shrink: 0 !important; white-space: nowrap !important;
}

#workspace #newRoom, #workspace .sidebar-tools, #workspace .rooms-header, #workspace #rooms, #workspace .sidebar > footer {
  display: none !important;
}
body[data-rb-page="boardroom"] #workspace #newRoom,
body[data-rb-page="boardroom"] #workspace #rooms { display: block !important; }

/* === 右侧主舞台（严格居中对称暗夜紫背景） === */
#workspace > .main {
  display: flex !important; flex-direction: column !important;
  height: 100vh !important; overflow: hidden !important;
  background:
    radial-gradient(ellipse 70% 45% at 50% 0%, rgba(147, 51, 234, 0.22) 0%, transparent 72%),
    linear-gradient(90deg, #060010 0%, #0b031c 50%, #060010 100%) !important;
}
#workspace .main > header {
  background: #070112 !important;
  border-bottom: 1px solid #1e0f38 !important;
  padding: 8px 24px !important; min-height: 46px !important;
}
#workspace .main > header .eyebrow { display: none !important; }
#workspace .main > header h2 { font-size: 13px !important; font-weight: 600 !important; color: #fff !important; margin: 0 !important; }
#workspace .main > header .header-actions > * {
  background: #120626 !important; color: #e9d5ff !important;
  border: 1px solid #31185a !important; border-radius: 7px !important;
  padding: 5px 10px !important; font-size: 11px !important; cursor: pointer !important;
}

/* 独立页面画布 */
#rb-page-canvas {
  flex: 1 1 auto !important; overflow-y: auto !important;
  padding: 18px 26px 36px !important;
  display: none;
}
body:not([data-rb-page="boardroom"]) #rb-page-canvas { display: block !important; }
body:not([data-rb-page="boardroom"]) #workspace #messages,
body:not([data-rb-page="boardroom"]) #workspace .composer,
body:not([data-rb-page="boardroom"]) #workspace .workflow-actions,
body:not([data-rb-page="boardroom"]) #workspace #workflowOutput,
body:not([data-rb-page="boardroom"]) #workspace #yz-inline-workbench {
  display: none !important;
}

.rb-doc-wrap { max-width: 1040px !important; width: 100% !important; margin: 0 auto !important; }

/* 页面通用顶栏（修复 CSP 拦截导致的大标题撑爆问题） */
.rb-hero-bar {
  display: flex !important; flex-direction: row !important;
  align-items: center !important; justify-content: space-between !important;
  gap: 12px !important; margin-bottom: 14px !important; padding-bottom: 12px !important;
  border-bottom: 1px solid rgba(168, 85, 247, 0.2) !important;
}
.rb-brand-hero { display: flex !important; align-items: center !important; gap: 12px !important; }
.rb-atom-box {
  width: 38px !important; height: 38px !important; border-radius: 10px !important;
  background: radial-gradient(circle, rgba(216,180,254,0.35), rgba(147,51,234,0.1) 70%) !important;
  border: 1px solid rgba(216, 180, 254, 0.6) !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  font-size: 20px !important; box-shadow: 0 0 22px rgba(168, 85, 247, 0.5) !important;
}
.rb-eyebrow-sub { font-size: 11px !important; color: #d8b4fe !important; font-weight: 600 !important; margin-bottom: 2px !important; }
.rb-hero-bar h1 {
  font-size: 18px !important; font-weight: 800 !important; margin: 0 !important;
  color: #ffffff !important; white-space: nowrap !important; line-height: 1.3 !important;
}
.rb-hero-bar p { font-size: 11.5px !important; color: #a799c2 !important; margin: 2px 0 0 !important; }
.rb-btn-row { display: flex !important; align-items: center !important; gap: 8px !important; flex-shrink: 0 !important; }

/* 按钮体系 */
.rb-purple-btn {
  background: linear-gradient(135deg, #a855f7 0%, #6366f1 100%) !important;
  color: #ffffff !important; border: 1px solid rgba(233, 213, 255, 0.35) !important;
  border-radius: 8px !important; padding: 6px 13px !important;
  font-size: 11.5px !important; font-weight: 600 !important;
  cursor: pointer !important; white-space: nowrap !important;
  box-shadow: 0 4px 14px rgba(168, 85, 247, 0.4) !important;
  transition: all 0.15s ease !important;
}
.rb-purple-btn:hover { transform: translateY(-1px) !important; box-shadow: 0 6px 20px rgba(192, 132, 252, 0.65) !important; }
.rb-purple-btn.ghost {
  background: #130629 !important; color: #e9d5ff !important;
  border: 1px solid #351a63 !important; box-shadow: none !important;
}
.rb-purple-btn.ghost:hover { border-color: #d8b4fe !important; background: #1e0b40 !important; }

/* === P1: 方案 A Bento 像素矩阵首页 === */
.rb-bento-showcase {
  display: grid !important; grid-template-columns: 1fr 1.68fr !important; gap: 16px !important; margin-bottom: 18px !important;
}
.rb-bento-box {
  position: relative !important; border-radius: 16px !important;
  background: linear-gradient(160deg, rgba(22, 9, 46, 0.85) 0%, rgba(9, 3, 20, 0.92) 100%) !important;
  border: 1px solid rgba(168, 85, 247, 0.32) !important;
  padding: 18px !important; overflow: hidden !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.7) !important;
}
.rb-bento-left { display: flex !important; flex-direction: column !important; justify-content: space-between !important; }
.rb-bento-big-title { font-size: 26px !important; font-weight: 800 !important; color: #fff !important; margin: 10px 0 6px !important; line-height: 1.15 !important; }
.rb-bento-big-title span { color: #d8b4fe !important; }
.rb-bento-desc { font-size: 12px !important; color: #b0a2c9 !important; margin: 4px 0 0 !important; line-height: 1.55 !important; }

.rb-pixel-screen {
  position: relative !important; height: 170px !important; border-radius: 12px !important;
  border: 1px solid rgba(216, 180, 254, 0.42) !important;
  background: #04000a !important; overflow: hidden !important;
  box-shadow: inset 0 0 40px rgba(168, 85, 247, 0.38) !important;
}
.rb-pixel-overlay {
  position: absolute !important; inset: 0 !important;
  display: flex !important; flex-direction: column !important; justify-content: space-between !important;
  padding: 14px 16px !important;
  background: linear-gradient(90deg, rgba(6,0,16,0.9) 0%, rgba(6,0,16,0.3) 55%, transparent 100%) !important;
  pointer-events: none !important;
}
.rb-pixel-overlay h3 { margin: 6px 0 3px !important; font-size: 17px !important; font-weight: 700 !important; color: #fff !important; }
.rb-pixel-overlay p { margin: 0 !important; font-size: 11.5px !important; color: #e9d5ff !important; }
.rb-ledger-line { font-family: monospace !important; font-size: 11px !important; color: #d8b4fe !important; }

.rb-cmd-bar {
  display: flex !important; gap: 8px !important; align-items: center !important;
  background: #120626 !important; border: 1px solid #3b1d6e !important;
  border-radius: 10px !important; padding: 6px 8px 6px 14px !important; margin-top: 10px !important;
}
.rb-cmd-bar input {
  flex: 1 !important; background: transparent !important; border: none !important;
  color: #ffffff !important; font-size: 12.5px !important; outline: none !important;
}

.rb-bento-grid-3 { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 12px !important; }
.rb-clean-card {
  background: radial-gradient(260px circle at var(--mx, 50%) var(--my, 50%), rgba(192, 132, 252, 0.2), rgba(14, 5, 30, 0.85) 75%) !important;
  border: 1px solid rgba(168, 85, 247, 0.28) !important;
  border-radius: 12px !important; padding: 13px 15px !important;
  cursor: pointer !important; transition: all 0.15s ease !important;
}
.rb-clean-card:hover { border-color: #e9d5ff !important; transform: translateY(-2px) !important; }
.rb-clean-card h4 {
  margin: 0 0 4px 0 !important; font-size: 13px !important; font-weight: 700 !important;
  color: #ffffff !important; display: flex !important; align-items: center !important; justify-content: space-between !important;
}
.rb-clean-card p { margin: 0 !important; font-size: 11.5px !important; color: #b0a2c9 !important; line-height: 1.45 !important; }

/* === P2 & P3: 半透明暗夜紫水晶 3D 双页翻书通用舞台 (Codex & 130 Components Book) === */
.rb-book-stage { perspective: 1800px !important; margin-top: 4px !important; }
.rb-book-spread {
  display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 0 !important;
  width: 100% !important; transform-style: preserve-3d !important;
  transition: transform 0.36s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.24s ease !important;
}
.rb-book-spread.flip-next { transform: rotateY(-12deg) scale(0.98) !important; opacity: 0.5 !important; }
.rb-book-spread.flip-prev { transform: rotateY(12deg) scale(0.98) !important; opacity: 0.5 !important; }

.rb-book-page {
  background: linear-gradient(135deg, rgba(24, 9, 48, 0.52) 0%, rgba(10, 3, 22, 0.68) 100%) !important;
  border: 1px solid rgba(192, 132, 252, 0.34) !important;
  padding: 18px 20px !important; min-height: 410px !important;
  display: flex !important; flex-direction: column !important; justify-content: space-between !important;
  position: relative !important; overflow: hidden !important;
  box-shadow: 0 18px 45px rgba(4, 0, 10, 0.75), inset 0 1px 1px rgba(255, 255, 255, 0.14) !important;
}
.rb-book-page.page-left {
  border-radius: 16px 4px 4px 16px !important;
  border-right: 1px dashed rgba(216, 180, 254, 0.42) !important;
}
.rb-book-page.page-right {
  border-radius: 4px 16px 16px 4px !important;
  border-left: none !important;
}
.rb-page-chapter {
  font-size: 10px !important; font-weight: 700 !important; color: #d8b4fe !important;
  letter-spacing: 1px !important; text-transform: uppercase !important; margin-bottom: 6px !important; font-family: monospace !important;
}
.rb-page-title { font-size: 15px !important; font-weight: 700 !important; color: #ffffff !important; margin: 0 0 10px 0 !important; }
.rb-page-foot {
  display: flex !important; justify-content: space-between !important; align-items: center !important;
  padding-top: 10px !important; border-top: 1px solid rgba(168, 85, 247, 0.2) !important;
  font-size: 10.5px !important; color: #8e7fa8 !important; font-family: monospace !important;
}
.rb-corner-link { color: #e9d5ff !important; cursor: pointer !important; font-weight: 700 !important; }

/* 迪拜哈利法塔夜景窗 */
.dubai-burj-window {
  position: relative !important; width: 100% !important; height: 315px !important;
  border-radius: 12px !important; overflow: hidden !important;
  border: 1px solid rgba(251, 191, 36, 0.45) !important;
  background: #04010a !important;
}
.dubai-burj-img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center 35% !important; }
.dubai-burj-cvs { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; pointer-events: none !important; }
.dubai-burj-hud {
  position: absolute !important; inset: 0 !important;
  background: linear-gradient(180deg, rgba(4,0,12,0.5) 0%, transparent 40%, rgba(4,0,12,0.9) 100%) !important;
  display: flex !important; flex-direction: column !important; justify-content: space-between !important;
  padding: 12px 14px !important; pointer-events: none !important;
}

/* === P3: 130 组件 3D 翻书图鉴内部条目 === */
.comp-book-SelectBar {
  display: flex !important; align-items: center !important; justify-content: space-between !important;
  gap: 8px !important; margin-bottom: 10px !important; flex-wrap: wrap !important;
}
.rb-comp-filter-bar { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; }
.rb-comp-tab {
  padding: 5px 12px !important; border-radius: 999px !important;
  background: rgba(20, 8, 42, 0.7) !important; border: 1px solid rgba(192, 132, 252, 0.28) !important;
  color: #c4b5fd !important; font-size: 11px !important; font-weight: 600 !important;
  cursor: pointer !important; transition: all 0.14s !important;
}
.rb-comp-tab.active {
  background: linear-gradient(135deg, #9333ea, #6366f1) !important;
  border-color: #ffffff !important; color: #ffffff !important;
}
.comp-page-grid { display: flex !important; flex-direction: column !important; gap: 9px !important; }
.comp-book-item {
  display: grid !important; grid-template-columns: 1.15fr 1fr !important; gap: 10px !important;
  align-items: center !important;
  background: rgba(16, 6, 36, 0.68) !important;
  border: 1px solid rgba(192, 132, 252, 0.28) !important;
  border-radius: 11px !important; padding: 9px 12px !important;
  cursor: pointer !important; transition: all 0.14s ease !important;
}
.comp-book-item:hover { border-color: #f3e8ff !important; transform: translateX(2px) !important; background: rgba(28, 11, 58, 0.8) !important; }
.comp-item-head { display: flex !important; align-items: center !important; gap: 6px !important; margin-bottom: 3px !important; }
.comp-item-head b { font-size: 12.5px !important; color: #ffffff !important; }
.comp-item-cn { font-size: 11px !important; color: #d8b4fe !important; font-weight: 600 !important; }
.comp-item-hint { font-size: 10px !important; color: #8e7fa8 !important; }

.comp-live-preview {
  height: 54px !important; border-radius: 8px !important;
  background: #060010 !important; border: 1px solid rgba(168, 85, 247, 0.3) !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  overflow: hidden !important; padding: 4px 8px !important;
}
.fx-decrypt-item { font-family: monospace !important; font-size: 13px !important; font-weight: 900 !important; color: #e9d5ff !important; letter-spacing: 1px !important; }
.fx-shiny-text {
  font-size: 13.5px !important; font-weight: 900 !important;
  background: linear-gradient(110deg, #9333ea 0%, #ffffff 50%, #9333ea 100%) !important;
  background-size: 200% auto !important;
  -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;
  animation: rbShineAnim 2.4s linear infinite !important;
}
@keyframes rbShineAnim { to { background-position: 200% center; } }
.fx-glitch-text { font-size: 13px !important; font-weight: 900 !important; color: #fff !important; text-shadow: -1.5px 0 #ec4899, 1.5px 0 #06b6d4 !important; }
.fx-star-border {
  padding: 4px 12px !important; border-radius: 999px !important;
  background: #0b021a !important; color: #f3e8ff !important; font-weight: 700 !important; font-size: 11px !important;
  border: 1px solid #c084fc !important; box-shadow: 0 0 12px rgba(168, 85, 247, 0.45) !important;
}
.fx-split-char { display: inline-block !important; font-size: 13.5px !important; font-weight: 800 !important; color: #f3e8ff !important; transition: transform 0.2s !important; }
.comp-book-item:hover .fx-split-char { transform: translateY(-4px) !important; color: #c084fc !important; }
.fx-bars-wrap { display: flex !important; gap: 3px !important; align-items: flex-end !important; height: 24px !important; }
.fx-bar-col { width: 4px !important; height: 18px !important; background: #c084fc !important; border-radius: 2px !important; display: inline-block !important; }
.fx-bar-col:nth-child(even) { height: 10px !important; background: #9333ea !important; }

.comp-jump-scrubber { display: flex !important; align-items: center !important; justify-content: center !important; gap: 4px !important; margin-top: 10px !important; flex-wrap: wrap !important; }
.comp-page-pill {
  padding: 3px 7px !important; border-radius: 5px !important;
  background: rgba(20, 8, 42, 0.65) !important; border: 1px solid rgba(192, 132, 252, 0.24) !important;
  color: #a195b8 !important; font-size: 10px !important; font-family: monospace !important; cursor: pointer !important;
}
.comp-page-pill.active { background: #9333ea !important; border-color: #fff !important; color: #fff !important; font-weight: 700 !important; }

/* === P4: 🎹 施坦威 3D 空间透视大三角钢琴 (暗夜紫半透明对称版) === */
.piano-top-bar {
  display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important;
  gap: 8px !important; margin-bottom: 8px !important; padding: 6px 14px !important;
  background: rgba(14, 5, 30, 0.65) !important; border: 1px solid rgba(192, 132, 252, 0.28) !important; border-radius: 11px !important;
}
.piano-top-bar h1 { font-size: 14px !important; font-weight: 800 !important; margin: 0 !important; color: #ffffff !important; white-space: nowrap !important; }
.piano-song-pills { display: flex !important; flex-wrap: wrap !important; gap: 5px !important; align-items: center !important; }
.piano-song-btn {
  padding: 4px 9px !important; border-radius: 999px !important;
  background: rgba(22, 8, 44, 0.6) !important; border: 1px solid rgba(192, 132, 252, 0.3) !important;
  color: #e9d5ff !important; font-size: 10.5px !important; font-weight: 600 !important; cursor: pointer !important; white-space: nowrap !important;
}
.piano-song-btn.playing { background: linear-gradient(135deg, #9333ea, #6366f1) !important; border-color: #fff !important; color: #fff !important; }

.steinway-3d-scene {
  position: relative !important; width: 100% !important; height: calc(100vh - 125px) !important; min-height: 490px !important;
  display: flex !important; flex-direction: column !important; justify-content: flex-end !important;
  perspective: 950px !important; perspective-origin: 50% 22% !important; overflow: hidden !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(192, 132, 252, 0.18), transparent 60%),
    linear-gradient(90deg, rgba(8, 2, 18, 0.6) 0%, rgba(20, 7, 42, 0.4) 50%, rgba(8, 2, 18, 0.6) 100%) !important;
  border: 1px solid rgba(192, 132, 252, 0.32) !important;
}
.steinway-upper-stage {
  position: relative !important; flex: 1 1 auto !important; min-height: 195px !important; width: 92% !important; margin: 8px auto 0 !important;
  background: linear-gradient(90deg, rgba(10,3,22,0.6) 0%, rgba(28,10,58,0.35) 50%, rgba(10,3,22,0.6) 100%) !important;
  border-top: 2px solid rgba(216, 180, 254, 0.35) !important;
  border-left: 10px solid rgba(18, 6, 38, 0.7) !important; border-right: 10px solid rgba(18, 6, 38, 0.7) !important;
  border-radius: 32px 32px 0 0 !important; overflow: hidden !important;
}
.steinway-mirror-fallboard {
  position: relative !important; width: 94% !important; height: 56px !important; margin: 0 auto !important;
  background: linear-gradient(90deg, rgba(12, 4, 26, 0.85) 0%, rgba(36, 14, 72, 0.55) 50%, rgba(12, 4, 26, 0.85) 100%) !important;
  border-top: 1.5px solid rgba(216, 180, 254, 0.5) !important;
  display: flex !important; align-items: center !important; justify-content: space-between !important;
  padding: 0 24px 6px !important; z-index: 6 !important;
}
.steinway-gold-logo {
  font-family: "Georgia", serif !important; font-size: 13.5px !important; font-weight: 700 !important; letter-spacing: 5px !important;
  color: #f3e8ff !important; text-shadow: 0 0 12px rgba(192, 132, 252, 0.7) !important;
}
.steinway-crimson-felt {
  position: absolute !important; left: 0; right: 0; bottom: 0; height: 5px !important;
  background: linear-gradient(90deg, #4c1d95 0%, #c084fc 50%, #4c1d95 100%) !important;
}
.steinway-3d-keybed-wrap {
  position: relative !important; width: 96% !important; height: 240px !important; margin: -6px auto 10px !important;
  transform-style: preserve-3d !important; transform: rotateX(24deg) translateY(-4px) scaleX(0.98) !important;
  transform-origin: top center !important; display: flex !important; align-items: stretch !important;
  background: rgba(8, 2, 18, 0.7) !important; border-bottom: 15px solid rgba(18, 7, 38, 0.9) !important;
  border-radius: 0 0 12px 12px !important; z-index: 10 !important;
}
.steinway-3d-cheek { width: 28px !important; background: #1a0936 !important; border: 1px solid rgba(192, 132, 252, 0.4) !important; }
.steinway-keys-container { flex: 1 !important; position: relative !important; height: 100% !important; display: flex !important; padding: 0 2px !important; user-select: none !important; }

.real-white-key {
  flex: 1 !important; height: 100% !important; margin: 0 1.2px !important; border-radius: 0 0 6px 6px !important;
  background: linear-gradient(180deg, #d8b4fe 0%, #ffffff 14%, #ffffff 85%, #f3e8ff 93%, #d8b4fe 100%) !important;
  border: 1px solid rgba(192, 132, 252, 0.45) !important; border-bottom: 18px solid #e9d5ff !important;
  position: relative !important; z-index: 1 !important; cursor: pointer !important;
  display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-end !important;
  padding-bottom: 8px !important; transform-origin: top center !important; transition: transform 0.03s !important;
}
.real-white-key b { font-size: 10px !important; color: #2e1065 !important; font-weight: 800 !important; }
.real-white-key small { font-size: 8.5px !important; color: #7e22ce !important; font-family: monospace !important; }
.real-white-key.pressed {
  transform: rotateX(-5deg) translateY(7px) !important; border-bottom-width: 8px !important;
  background: linear-gradient(180deg, #ffffff 0%, #e9d5ff 60%, #c084fc 100%) !important;
  box-shadow: 0 0 28px rgba(192, 132, 252, 0.85) !important;
}

.steinway-keys-container .real-black-key {
  position: absolute !important; top: 0 !important; height: 60% !important; width: 3.15% !important; margin-left: -1.575% !important;
  border-radius: 0 0 6px 6px !important;
  background: linear-gradient(180deg, #3b0764 0%, #0f051d 18%, #06000e 70%, #240c44 100%) !important;
  border: 1px solid rgba(192, 132, 252, 0.45) !important; border-bottom: 18px solid #120624 !important;
  box-shadow: 6px 16px 16px rgba(4, 0, 10, 0.85), inset 0 1px 2px rgba(255, 255, 255, 0.6) !important;
  z-index: 5 !important; cursor: pointer !important;
  display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-end !important;
  padding-bottom: 5px !important; transform-origin: top center !important; transition: transform 0.03s !important;
}
.steinway-keys-container .real-black-key span { font-size: 8px !important; color: #f3e8ff !important; font-family: monospace !important; font-weight: 700 !important; }
.steinway-keys-container .real-black-key.pressed {
  transform: rotateX(-8deg) translateY(5px) !important; border-bottom-width: 8px !important;
  background: linear-gradient(180deg, #581c87 0%, #a855f7 60%, #f3e8ff 100%) !important;
  box-shadow: 0 0 26px #e9d5ff !important;
}

/* 15 根黑键 CSP 安全坐标 */
.steinway-keys-container .real-black-key.bk-0  { left: 4.76% !important; }
.steinway-keys-container .real-black-key.bk-1  { left: 9.52% !important; }
.steinway-keys-container .real-black-key.bk-2  { left: 19.05% !important; }
.steinway-keys-container .real-black-key.bk-3  { left: 23.81% !important; }
.steinway-keys-container .real-black-key.bk-4  { left: 28.57% !important; }
.steinway-keys-container .real-black-key.bk-5  { left: 38.10% !important; }
.steinway-keys-container .real-black-key.bk-6  { left: 42.86% !important; }
.steinway-keys-container .real-black-key.bk-7  { left: 52.38% !important; }
.steinway-keys-container .real-black-key.bk-8  { left: 57.14% !important; }
.steinway-keys-container .real-black-key.bk-9  { left: 61.90% !important; }
.steinway-keys-container .real-black-key.bk-10 { left: 71.43% !important; }
.steinway-keys-container .real-black-key.bk-11 { left: 76.19% !important; }
.steinway-keys-container .real-black-key.bk-12 { left: 85.71% !important; }
.steinway-keys-container .real-black-key.bk-13 { left: 90.48% !important; }
.steinway-keys-container .real-black-key.bk-14 { left: 95.24% !important; }

.c4-badge {
  font-size: 8px !important; color: #fff !important; font-weight: 800 !important;
  margin-bottom: 2px !important; background: #9333ea !important; padding: 0 4px !important; border-radius: 3px !important;
}
.steinway-pedals-bar {
  display: flex !important; justify-content: center !important; align-items: center !important;
  gap: 28px !important; margin-top: 2px !important; padding: 4px 28px !important;
  background: rgba(14, 5, 30, 0.65) !important; border: 1px solid rgba(192, 132, 252, 0.35) !important; border-radius: 99px !important;
  width: fit-content !important; margin-left: auto !important; margin-right: auto !important;
}
.brass-pedal { display: flex !important; align-items: center !important; gap: 6px !important; font-size: 10.5px !important; color: #e9d5ff !important; cursor: pointer !important; }
.brass-pedal-tongue {
  width: 13px !important; height: 18px !important; border-radius: 4px 4px 8px 8px !important;
  background: linear-gradient(180deg, #fff 0%, #e9d5ff 40%, #9333ea 100%) !important;
}

/* 对话室底部胶囊与气泡 */
#workspace #messages { flex: 1 1 auto !important; overflow-y: auto !important; padding: 20px 7% !important; display: flex !important; flex-direction: column !important; gap: 14px !important; }
#workspace #messages > * {
  background: #100522 !important; border: 1px solid rgba(168, 85, 247, 0.3) !important; border-left: 3px solid #a855f7 !important;
  border-radius: 6px 16px 16px 16px !important; padding: 14px 18px !important; color: #f8fafc !important;
}
#workspace .composer {
  max-width: 920px !important; width: calc(100% - 36px) !important; margin: 4px auto 14px !important;
  padding: 12px 16px !important; border-radius: 16px !important; background: #0d041c !important; border: 1px solid #3b1d6e !important;
}
#workspace #yunzhou-ide-bar { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; padding: 4px 0 8px !important; background: transparent !important; border: none !important; }
#workspace #yunzhou-ide-bar > strong { display: none !important; }
#workspace #yunzhou-ide-bar button {
  padding: 4px 11px !important; border-radius: 999px !important; background: rgba(147, 51, 234, 0.18) !important;
  border: 1px solid rgba(192, 132, 252, 0.35) !important; color: #f3e8ff !important; font-size: 11px !important;
}
#workspace #yz-inline-workbench:not(.yz-open) { display: none !important; }

/* === 👑 ORYNOVA FINAL MASTER SUITE (DM/GROUP + SATVIS 3D WAR ROOM) === */
#oy-boardroom-switch {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px 14px !important;
  margin: 0 0 10px 0 !important;
  border-radius: 12px !important;
  background: rgba(14, 12, 26, 0.94) !important;
  border: 1px solid rgba(139, 92, 246, 0.4) !important;
  flex-wrap: wrap !important;
  z-index: 99 !important;
}
.oy-sw-label { font-size: 11.5px !important; font-weight: 700 !important; color: #a78bfa !important; }
.oy-sw-label.grp { color: #6ee7b7 !important; margin-left: 8px !important; }
button.oy-sw-pill {
  padding: 4px 12px !important;
  border-radius: 99px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  background: #18152c !important;
  color: #cbd5e1 !important;
  border: 1px solid rgba(139, 92, 246, 0.35) !important;
  cursor: pointer !important;
}
button.oy-sw-pill:hover { background: #2e1f5e !important; color: #fff !important; }
button.oy-sw-pill.active {
  background: linear-gradient(135deg, #7c3aed, #4f46e5) !important;
  color: #fff !important;
  border-color: #ddd6fe !important;
  box-shadow: 0 0 12px rgba(124, 58, 237, 0.55) !important;
}
button#oy-btn-plus-grp {
  padding: 4px 11px !important;
  border-radius: 99px !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  background: rgba(16, 185, 129, 0.18) !important;
  color: #6ee7b7 !important;
  border: 1px solid rgba(16, 185, 129, 0.45) !important;
  cursor: pointer !important;
}

/* 建群弹窗 */
#oy-grp-modal-bg {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.78) !important;
  backdrop-filter: blur(8px) !important;
  z-index: 2147483646 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.oy-grp-dialog {
  width: 390px !important;
  background: #131024 !important;
  border: 1px solid rgba(167, 139, 250, 0.55) !important;
  border-radius: 16px !important;
  padding: 20px !important;
  color: #fff !important;
}
.oy-grp-inp {
  width: 100% !important;
  padding: 9px 12px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(139, 92, 246, 0.45) !important;
  background: #080711 !important;
  color: #fff !important;
  font-size: 13px !important;
  margin: 10px 0 14px 0 !important;
}
.oy-grp-chk {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 10px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  margin-bottom: 6px !important;
  cursor: pointer !important;
  font-size: 13px !important;
}

/* 顶部一键呼出 SATVIS 3D 星链作战指挥室按钮 */
#oy-satvis-top-btn {
  padding: 5px 14px !important;
  border-radius: 99px !important;
  background: linear-gradient(135deg, #00b4d8, #00ff9d) !important;
  color: #02080d !important;
  border: 1px solid #a7f3d0 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  box-shadow: 0 0 16px rgba(0, 255, 157, 0.5) !important;
  margin-right: 8px !important;
}

/* 全屏 SATVIS 3D 星链 × 五角大楼作战指挥室模态舱 */
#oy-satvis-warroom {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: #020509 !important;
  color: #d8f4ff !important;
  font-family: "JetBrains Mono", "SF Mono", Menlo, monospace !important;
  z-index: 2147483645 !important;
  display: none !important;
  flex-direction: column !important;
  overflow: hidden !important;
}
#oy-satvis-warroom.open { display: flex !important; }

.sv-top {
  height: 56px !important;
  background: linear-gradient(180deg, #09131e 0%, #03070c 100%) !important;
  border-bottom: 1px solid rgba(0, 240, 255, 0.4) !important;
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
  padding: 0 18px !important;
}
.sv-tl, .sv-tr { display: flex !important; align-items: center !important; gap: 14px !important; }
.sv-tr { justify-content: flex-end !important; }
.sv-badge-amber {
  padding: 4px 10px !important;
  border-radius: 4px !important;
  background: rgba(255, 184, 0, 0.18) !important;
  border: 1px solid #ffb800 !important;
  color: #ffb800 !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
}
.sv-badge-green {
  padding: 4px 10px !important;
  border-radius: 4px !important;
  background: rgba(0, 255, 157, 0.15) !important;
  border: 1px solid #00ff9d !important;
  color: #00ff9d !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}
.sv-clock-box {
  background: #06101a !important;
  border: 1px solid rgba(0, 240, 255, 0.5) !important;
  border-top: none !important;
  padding: 5px 34px !important;
  border-radius: 0 0 14px 14px !important;
  text-align: center !important;
}
.sv-clock-num { font-size: 20px !important; font-weight: 800 !important; color: #fff !important; letter-spacing: 2px !important; }
.sv-clock-sub { font-size: 9px !important; color: #00f0ff !important; letter-spacing: 1px !important; }

.sv-act-btn {
  padding: 6px 14px !important;
  border-radius: 5px !important;
  background: rgba(0, 240, 255, 0.16) !important;
  color: #00f0ff !important;
  border: 1px solid #00f0ff !important;
  font-family: monospace !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
.sv-act-btn.primary {
  background: linear-gradient(135deg, #00b4d8, #00ff9d) !important;
  color: #02080d !important;
  border-color: #a7f3d0 !important;
}
.sv-act-btn.danger {
  background: rgba(244, 63, 94, 0.22) !important;
  color: #fda4af !important;
  border-color: #f43f5e !important;
}

.sv-grid {
  flex: 1 !important;
  display: grid !important;
  grid-template-columns: 280px 1fr 440px !important;
  min-height: 0 !important;
}
.sv-col-l {
  background: rgba(6, 12, 20, 0.96) !important;
  border-right: 1px solid rgba(0, 240, 255, 0.26) !important;
  padding: 12px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}
.sv-rpod {
  background: rgba(3, 8, 14, 0.82) !important;
  border: 1px solid rgba(0, 240, 255, 0.2) !important;
  border-radius: 6px !important;
  padding: 8px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  margin-bottom: 8px !important;
}
.sv-rmeta {
  width: 100% !important;
  display: flex !important;
  justify-content: space-between !important;
  font-size: 9.5px !important;
  color: #94a3b8 !important;
}
.sv-rmeta b { color: #fff !important; }

.sv-col-c {
  position: relative !important;
  background: radial-gradient(circle at 50% 52%, #07192c 0%, #010307 74%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  overflow: hidden !important;
}
#sv-globe-cv {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  cursor: grab !important;
}
.sv-hud-cards {
  position: relative !important;
  z-index: 3 !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 10px !important;
  padding: 12px 16px 0 16px !important;
  pointer-events: none !important;
}
.sv-hcard {
  background: rgba(5, 12, 22, 0.85) !important;
  border: 1px solid rgba(0, 240, 255, 0.35) !important;
  border-top: 2px solid #00f0ff !important;
  border-radius: 6px !important;
  padding: 7px 10px !important;
}
.sv-hc-lbl { font-size: 8.5px !important; color: #64748b !important; }
.sv-hc-val { font-size: 16px !important; font-weight: 800 !important; color: #fff !important; margin: 2px 0 !important; }
.sv-hc-sub { font-size: 9px !important; color: #00ff9d !important; }

.sv-col-r {
  background: rgba(6, 12, 20, 0.96) !important;
  border-left: 1px solid rgba(0, 240, 255, 0.26) !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
}
.sv-ftabs {
  display: flex !important;
  gap: 5px !important;
  padding: 8px 10px !important;
  background: #04080e !important;
  border-bottom: 1px solid rgba(0, 240, 255, 0.2) !important;
  flex-wrap: wrap !important;
}
.sv-ftab {
  padding: 4px 10px !important;
  border-radius: 4px !important;
  background: #0a1522 !important;
  color: #94a3b8 !important;
  border: 1px solid rgba(0, 240, 255, 0.22) !important;
  font-family: monospace !important;
  font-size: 11px !important;
  cursor: pointer !important;
}
.sv-ftab.active {
  background: rgba(0, 240, 255, 0.22) !important;
  color: #00f0ff !important;
  border-color: #00f0ff !important;
  font-weight: 700 !important;
}
textarea#sv-code-ta {
  flex: 1.3 !important;
  width: 100% !important;
  background: #03060b !important;
  color: #a5f3fc !important;
  border: none !important;
  border-bottom: 1px solid rgba(0, 240, 255, 0.25) !important;
  padding: 12px !important;
  font-family: "SF Mono", Menlo, monospace !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
  resize: none !important;
  outline: none !important;
}
.sv-bar-mid {
  padding: 8px 12px !important;
  background: #07111c !important;
  border-bottom: 1px solid rgba(0, 240, 255, 0.2) !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}
pre#sv-log-pre {
  flex: 0.85 !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  background: #020408 !important;
  color: #6ee7b7 !important;
  font-family: monospace !important;
  font-size: 10.5px !important;
  line-height: 1.45 !important;
  overflow-y: auto !important;
  white-space: pre-wrap !important;
}



/* ORYNOVA tidy: keep group chat, remove redundant 1:1 switch strip */
#oy-boardroom-switch .oy-sw-label:not(.grp),
#oy-boardroom-switch button[data-dm] { display: none !important; }
#oy-boardroom-switch { gap: 7px; padding-top: 8px; padding-bottom: 8px; }



/* ORYNOVA command console: restrained Chinese-first finish */
#oy-satvis-warroom{font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif!important;background:#080d17!important;color:#e8edf5!important}
#oy-satvis-warroom .sv-top{background:#0c1421!important;border-bottom:1px solid rgba(130,165,205,.22)!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;padding:0 20px!important;gap:16px!important}
#oy-satvis-warroom .sv-tl,#oy-satvis-warroom .sv-tr{gap:8px!important;min-width:0!important}
#oy-satvis-warroom .sv-badge-amber,#oy-satvis-warroom .sv-badge-green{font-size:11px!important;font-weight:550!important;border-radius:7px!important;padding:5px 9px!important;letter-spacing:0!important;box-shadow:none!important}
#oy-satvis-warroom .sv-badge-amber{background:rgba(195,155,82,.09)!important;border:1px solid rgba(195,155,82,.28)!important;color:#e4c58c!important}
#oy-satvis-warroom .sv-badge-green{background:rgba(91,169,139,.09)!important;border:1px solid rgba(91,169,139,.26)!important;color:#a4dec5!important}
#oy-satvis-warroom .sv-clock-box{background:#101b2a!important;border:1px solid rgba(130,165,205,.2)!important;border-radius:0 0 10px 10px!important;padding:5px 20px!important}
#oy-satvis-warroom .sv-clock-num{font-size:17px!important;font-weight:550!important;letter-spacing:1px!important}
#oy-satvis-warroom .sv-clock-sub{font-family:Inter,-apple-system,"PingFang SC",sans-serif!important;font-size:10px!important;letter-spacing:0!important;color:#9db1c8!important}
#oy-satvis-warroom .sv-act-btn{font-family:inherit!important;font-weight:550!important;border-radius:8px!important;background:#152236!important;color:#c7d8ec!important;border:1px solid rgba(130,165,205,.25)!important;box-shadow:none!important;padding:7px 11px!important}
#oy-satvis-warroom .sv-act-btn:hover{background:#1c3049!important;color:#fff!important}
#oy-satvis-warroom .sv-act-btn.danger{background:rgba(160,80,80,.1)!important;border-color:rgba(220,120,120,.25)!important;color:#e8b5b5!important}
#oy-satvis-warroom .sv-grid{gap:10px!important;padding:10px!important;background:#080d17!important}
#oy-satvis-warroom .sv-col-l,#oy-satvis-warroom .sv-col-r{background:#0d1624!important;border:1px solid rgba(130,165,205,.16)!important;border-radius:12px!important;padding:12px!important}
#oy-satvis-warroom .sv-col-c{border:1px solid rgba(130,165,205,.16)!important;border-radius:12px!important;background:radial-gradient(ellipse at 50% 38%,#142840 0%,#0a1220 66%)!important;overflow:hidden!important}
#oy-satvis-warroom .sv-rpod,#oy-satvis-warroom .sv-hcard{background:rgba(18,30,47,.88)!important;border:1px solid rgba(130,165,205,.16)!important;border-radius:9px!important;box-shadow:none!important}
#oy-satvis-warroom .sv-rmeta{font-family:Inter,-apple-system,"PingFang SC",sans-serif!important;color:#b7c6d8!important;font-weight:450!important}
#oy-satvis-warroom .sv-hc-lbl{font-family:Inter,-apple-system,"PingFang SC",sans-serif!important;font-size:10px!important;letter-spacing:.2px!important;color:#9fb2c9!important;font-weight:500!important}
#oy-satvis-warroom .sv-hc-val{font-family:Inter,-apple-system,"PingFang SC",sans-serif!important;font-size:20px!important;font-weight:550!important;color:#e5effa!important}
#oy-satvis-warroom #sv-log-pre{font-family:"SF Mono",Menlo,monospace!important;font-size:11px!important;line-height:1.65!important;background:#09111d!important;color:#a9c5de!important;border:1px solid rgba(130,165,205,.15)!important;border-radius:9px!important}
#oy-satvis-warroom .sv-ftab{font-family:Inter,-apple-system,"PingFang SC",sans-serif!important;font-weight:500!important;border-radius:7px!important}
@media(max-width:1000px){#oy-satvis-warroom .sv-top{height:auto!important;min-height:58px!important;grid-template-columns:1fr!important;padding:10px 12px!important}#oy-satvis-warroom .sv-clock-box{display:none!important}#oy-satvis-warroom .sv-grid{overflow:auto!important;grid-template-columns:minmax(0,1fr)!important}#oy-satvis-warroom .sv-col-c{min-height:420px!important}}



/* ORYNOVA final: remove redundant direct-message picker strip */
#oy-boardroom-switch .oy-sw-label:not(.grp),
#oy-boardroom-switch [data-dm],
#oy-boardroom-switch .oy-sw-label:not(.grp) + button {display:none!important}
#oy-boardroom-switch{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;padding:8px 12px!important;background:rgba(18,20,32,.78)!important;border:1px solid rgba(170,150,205,.16)!important;border-radius:10px!important;box-shadow:none!important}
#oy-boardroom-switch .oy-sw-label.grp{margin-left:0!important;font-weight:550!important;color:#a9d8c3!important}
#oy-boardroom-switch button.oy-sw-pill{font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif!important;font-weight:500!important;box-shadow:none!important;background:rgba(255,255,255,.035)!important;border-color:rgba(170,150,205,.18)!important;color:#d9d3e5!important}
#oy-boardroom-switch button#oy-btn-plus-grp{font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif!important;font-weight:500!important;background:rgba(85,160,125,.09)!important;border-color:rgba(100,180,140,.22)!important;color:#a9d8c3!important}



/* ORYNOVA FINAL OVERRIDE 20261022222912 */
#oy-boardroom-switch .oy-sw-label:not(.grp),
#oy-boardroom-switch [data-dm] { display:none!important; visibility:hidden!important; width:0!important; height:0!important; padding:0!important; margin:0!important; overflow:hidden!important; }
#oy-boardroom-switch .oy-sw-label.grp { margin:0!important; color:#a9d8c3!important; font-weight:500!important; }
#oy-boardroom-switch { display:flex!important; flex-wrap:wrap!important; align-items:center!important; gap:8px!important; padding:8px 12px!important; border:1px solid rgba(170,150,205,.16)!important; background:rgba(18,20,32,.78)!important; border-radius:10px!important; box-shadow:none!important; }



/* ORYNOVA clean native console 20261022222912 */
html,body{font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif!important;font-weight:400!important;background:#080b12!important;color:#e6eaf2!important}
h1,h2,h3{font-family:inherit!important;font-weight:550!important;letter-spacing:0!important;text-transform:none!important;border-left:0!important;color:#eef2f8!important}
button,input,select,textarea{font-family:inherit!important;font-weight:450!important;letter-spacing:0!important}
button{background:#151d2a!important;color:#d9e3f0!important;border:1px solid rgba(155,177,207,.2)!important;border-radius:8px!important;box-shadow:none!important;transition:background .14s ease,border-color .14s ease!important}
button:hover{background:#1d2a3b!important;color:#fff!important;border-color:rgba(155,177,207,.38)!important}
a{color:#b9c9e2!important}
#oy-satvis-warroom{font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif!important;background:#080d17!important}
#oy-satvis-warroom .sv-top{background:#0d1522!important;border-bottom:1px solid rgba(150,175,205,.18)!important}
#oy-satvis-warroom .sv-grid{grid-template-columns:minmax(210px,245px) minmax(300px,1fr) minmax(300px,390px)!important;gap:10px!important;padding:10px!important;background:#080d17!important}
#oy-satvis-warroom .sv-col-l,#oy-satvis-warroom .sv-col-r{background:#0e1623!important;border:1px solid rgba(150,175,205,.15)!important;border-radius:12px!important;padding:12px!important}
#oy-satvis-warroom .sv-col-c{border:1px solid rgba(150,175,205,.15)!important;border-radius:12px!important;background:radial-gradient(ellipse at 50% 40%,#17283e 0%,#0a1220 70%)!important;overflow:hidden!important}
#oy-satvis-warroom .sv-badge-amber,#oy-satvis-warroom .sv-badge-green{font-size:11px!important;font-weight:500!important;border-radius:7px!important;letter-spacing:0!important;box-shadow:none!important}
#oy-satvis-warroom .sv-clock-num{font-size:17px!important;font-weight:500!important;letter-spacing:1px!important}
#oy-satvis-warroom .sv-hcard,#oy-satvis-warroom .sv-rpod{background:rgba(18,29,45,.9)!important;border:1px solid rgba(150,175,205,.15)!important;border-radius:9px!important;box-shadow:none!important}
#oy-satvis-warroom .sv-hc-lbl,#oy-satvis-warroom .sv-rmeta{font-family:inherit!important;font-weight:450!important;letter-spacing:0!important}
#oy-satvis-warroom .sv-hc-val{font-family:inherit!important;font-weight:550!important;font-size:19px!important}
#oy-satvis-warroom .sv-act-btn{font-family:inherit!important;font-weight:500!important;border-radius:8px!important;box-shadow:none!important}
@media(max-width:1050px){#oy-satvis-warroom .sv-grid{grid-template-columns:1fr!important;overflow:auto!important}#oy-satvis-warroom .sv-col-c{min-height:400px!important}#oy-satvis-warroom .sv-clock-box{display:none!important}}



/* ORYNOVA SATVIS polished native typography 20261022234312 */
#oy-satvis-warroom{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif!important;font-weight:400!important;letter-spacing:0!important;background:#080d17!important;color:#e7edf6!important}
#oy-satvis-warroom *{letter-spacing:normal!important;text-shadow:none!important}
#oy-satvis-warroom .sv-top{background:#0c1421!important;border-bottom:1px solid rgba(150,175,205,.18)!important}
#oy-satvis-warroom .sv-col-l,#oy-satvis-warroom .sv-col-r{background:#0e1623!important;border:1px solid rgba(150,175,205,.16)!important;border-radius:12px!important;box-shadow:none!important}
#oy-satvis-warroom .sv-col-c{background:radial-gradient(ellipse at 50% 40%,#17283e 0%,#0a1220 70%)!important;border:1px solid rgba(150,175,205,.16)!important;border-radius:12px!important;box-shadow:none!important}
#oy-satvis-warroom .sv-hcard,#oy-satvis-warroom .sv-rpod{background:rgba(18,29,45,.92)!important;border:1px solid rgba(150,175,205,.16)!important;border-radius:9px!important;box-shadow:none!important}
#oy-satvis-warroom .sv-hc-lbl,#oy-satvis-warroom .sv-rmeta{font-family:inherit!important;font-weight:450!important;color:#b7c6d8!important}
#oy-satvis-warroom .sv-hc-val{font-family:inherit!important;font-size:19px!important;font-weight:550!important;color:#e7f0fb!important}
#oy-satvis-warroom .sv-act-btn{font-family:inherit!important;font-weight:500!important;border-radius:8px!important;box-shadow:none!important}
#oy-satvis-warroom .sv-badge-amber,#oy-satvis-warroom .sv-badge-green{font-family:inherit!important;font-weight:500!important;letter-spacing:0!important;box-shadow:none!important}
#oy-satvis-warroom .sv-clock-num{font-family:inherit!important;font-size:17px!important;font-weight:550!important;letter-spacing:1px!important}

/* ORYNOVA HIGH-CLARITY PASS: sharper text, calmer glow, larger readable controls */
#rb-page-canvas,#rb-page-canvas *{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;text-rendering:optimizeLegibility!important}
#rb-page-canvas .rb-doc-wrap{max-width:1180px!important;padding:0 12px!important}
#rb-page-canvas .rb-eyebrow-sub{font-size:12px!important;line-height:1.55!important;color:#e1cfff!important;font-weight:600!important;letter-spacing:.15px!important}
#rb-page-canvas .rb-hero-bar h1{font-size:clamp(19px,1.35vw,23px)!important;font-weight:650!important;line-height:1.4!important;letter-spacing:.05px!important;white-space:normal!important;color:#fff!important;text-shadow:none!important}
#rb-page-canvas .rb-hero-bar{gap:16px!important;padding-bottom:15px!important;border-bottom-color:#39294e!important}
#rb-page-canvas .rb-btn-row{gap:7px!important;flex-wrap:wrap!important}
#rb-page-canvas .rb-purple-btn,#rb-page-canvas .rb-comp-tab{font-size:12px!important;font-weight:550!important;line-height:1.45!important;letter-spacing:0!important;text-shadow:none!important;box-shadow:none!important}
#rb-page-canvas .rb-comp-tab{padding:8px 12px!important;border-color:#594273!important;color:#eee5fa!important;background:#171020!important}
#rb-page-canvas .rb-comp-tab.active{background:#38205c!important;border-color:#a78bfa!important;color:#fff!important}
#rb-page-canvas .rb-tag-mini{font-size:10.5px!important;line-height:1.5!important;font-weight:550!important;letter-spacing:.1px!important;text-shadow:none!important;box-shadow:none!important}
#rb-page-canvas .rb-book-stage{filter:none!important;perspective:1800px!important}
#rb-page-canvas .rb-book-spread{filter:none!important;box-shadow:0 12px 32px #0006!important}
#rb-page-canvas .rb-book-page{background:linear-gradient(145deg,#160f22,#100b19)!important;border-color:#49345f!important;box-shadow:inset 0 1px #ffffff08!important}
#rb-page-canvas .rb-page-title{font-size:16px!important;line-height:1.5!important;font-weight:650!important;letter-spacing:.1px!important;color:#fff!important;text-shadow:none!important}
#rb-page-canvas .comp-book-item{min-height:96px!important;padding:12px!important;gap:12px!important;background:#140d1e!important;border-color:#49345f!important;box-shadow:none!important}
#rb-page-canvas .comp-item-head{gap:7px!important;align-items:center!important}
#rb-page-canvas .comp-item-head b{font-size:13px!important;line-height:1.5!important;font-weight:650!important;color:#f7f1ff!important;text-shadow:none!important}
#rb-page-canvas .comp-item-cn{font-size:12px!important;line-height:1.6!important;font-weight:550!important;color:#d8c5f2!important}
#rb-page-canvas .comp-item-hint{font-size:10.5px!important;line-height:1.5!important;color:#a99ab9!important}
#rb-page-canvas .comp-live-preview{border-color:#594273!important;background:#0b0812!important;box-shadow:none!important}
#rb-page-canvas .fx-shiny-text,#rb-page-canvas .fx-glitch-text,#rb-page-canvas .fx-decrypt-item{filter:none!important;text-shadow:none!important}
#rb-page-canvas button{letter-spacing:0!important}
@media(max-width:1100px){#rb-page-canvas .rb-hero-bar{align-items:flex-start!important;flex-direction:column!important}#rb-page-canvas .rb-hero-bar h1{white-space:normal!important}}

/* === ORYNOVA 星源 · 原生深空紫视觉基准 V1 === */
:root{
  --bg-void:#06040d;--bg-sidebar:#090614;--bg-folio:#0c081c;
  --bg-card:rgba(18,13,36,.85);--bg-stage:#070510;
  --border-subtle:rgba(139,92,246,.16);--border-crisp:rgba(168,85,247,.28);
  --border-active:rgba(168,85,247,.75);--inner-specular:inset 0 1px 0 rgba(255,255,255,.08);
  --accent-purple:#8b5cf6;--accent-indigo:#6366f1;--accent-emerald:#10b981;--accent-cyan:#38bdf8;
  --text-primary:#f8fafc;--text-secondary:#a39bbb;--text-muted:#645b82;
  --font-sans:'Inter',-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;
  --font-mono:'JetBrains Mono','SF Mono','Fira Code',monospace;
}
#rb-page-canvas,#rb-page-canvas *,.rb-doc-wrap,.rb-doc-wrap *{
  box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
body{margin:0;background-color:var(--bg-void);background-image:
 radial-gradient(circle at 15% 10%,rgba(124,58,237,.12) 0%,transparent 45%),
 radial-gradient(circle at 85% 85%,rgba(79,70,229,.08) 0%,transparent 50%);
 color:var(--text-primary);font-family:var(--font-sans);overflow-x:hidden}
#rb-page-canvas{color:var(--text-primary)}
#rb-page-canvas .rb-doc-wrap{max-width:1180px!important;width:100%!important;margin:0 auto!important;padding:0 12px!important}
#rb-page-canvas .rb-hero-bar{border-bottom:1px solid var(--border-subtle)!important}
#rb-page-canvas .rb-hero-bar h1{font-family:var(--font-sans)!important;font-size:clamp(19px,1.3vw,23px)!important;font-weight:650!important;line-height:1.45!important;letter-spacing:0!important;white-space:normal!important;color:var(--text-primary)!important;text-shadow:none!important}
#rb-page-canvas .rb-eyebrow-sub{font-size:12px!important;line-height:1.6!important;color:#d7c8f4!important;font-weight:600!important;letter-spacing:.12px!important}
#rb-page-canvas .rb-btn-row{gap:8px!important;flex-wrap:wrap!important}
#rb-page-canvas .rb-purple-btn{font-family:var(--font-sans)!important;font-size:12px!important;font-weight:600!important;letter-spacing:0!important;text-shadow:none!important;box-shadow:var(--inner-specular),0 4px 14px rgba(0,0,0,.28)!important;border:1px solid var(--border-crisp)!important;border-radius:9999px!important;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease!important}
#rb-page-canvas .rb-purple-btn:not(.ghost){background:linear-gradient(135deg,#7c3aed 0%,#6366f1 100%)!important;color:#fff!important;border-color:rgba(255,255,255,.28)!important}
#rb-page-canvas .rb-purple-btn.ghost{background:rgba(19,14,38,.75)!important;color:var(--text-secondary)!important;border-color:var(--border-crisp)!important}
#rb-page-canvas .rb-purple-btn.ghost:hover{background:rgba(139,92,246,.12)!important;border-color:var(--border-active)!important;color:#fff!important}
#rb-page-canvas .rb-comp-tab{padding:7px 13px!important;background:rgba(19,14,38,.75)!important;color:var(--text-secondary)!important;border:1px solid var(--border-crisp)!important;border-radius:9999px!important;font-size:12px!important;font-weight:550!important;box-shadow:var(--inner-specular)!important;text-shadow:none!important}
#rb-page-canvas .rb-comp-tab.active{background:linear-gradient(135deg,#7c3aed,#6366f1)!important;color:#fff!important;border:1px solid rgba(255,255,255,.28)!important;box-shadow:0 0 16px rgba(124,58,237,.24),inset 0 1px 0 rgba(255,255,255,.2)!important}
#rb-page-canvas .rb-tag-mini,#rb-page-canvas .rb-page-chapter,#rb-page-canvas .rb-page-foot,
#rb-page-canvas .comp-page-pill,#rb-page-canvas .rb-page-count,#rb-page-canvas [data-sp]{
  font-family:var(--font-mono)!important;font-variant-numeric:tabular-nums lining-nums!important;
  font-feature-settings:"tnum" 1,"lnum" 1!important;letter-spacing:0!important;text-rendering:geometricPrecision!important;
}
#rb-page-canvas .rb-tag-mini{font-size:10.5px!important;color:#c4b5fd!important;background:rgba(139,92,246,.1)!important;border:1px solid rgba(168,85,247,.25)!important;border-radius:5px!important;box-shadow:none!important;text-shadow:none!important}
#rb-page-canvas .rb-book-stage{perspective:1800px!important;filter:none!important}
#rb-page-canvas .rb-book-spread{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;background:var(--bg-folio)!important;border:1px solid var(--border-crisp)!important;border-radius:16px!important;box-shadow:0 24px 60px rgba(0,0,0,.75),0 0 0 1px rgba(139,92,246,.1),var(--inner-specular)!important;filter:none!important}
#rb-page-canvas .rb-book-page{background:linear-gradient(145deg,rgba(18,13,36,.98),rgba(8,5,16,.98))!important;border:1px solid var(--border-crisp)!important;padding:22px 22px!important;min-width:0!important;box-shadow:0 16px 38px rgba(0,0,0,.62),var(--inner-specular)!important}
#rb-page-canvas .rb-book-page.page-left{border-radius:15px 3px 3px 15px!important;border-right:1px dashed rgba(139,92,246,.32)!important}
#rb-page-canvas .rb-book-page.page-right{border-radius:3px 15px 15px 3px!important;border-left:0!important}
#rb-page-canvas .rb-page-chapter{font-size:10px!important;line-height:1.6!important;color:#bda7e2!important;letter-spacing:.25px!important;font-weight:600!important}
#rb-page-canvas .rb-page-title{font-size:16px!important;line-height:1.55!important;font-weight:650!important;color:#f8fafc!important;text-shadow:none!important}
#rb-page-canvas .rb-page-foot{border-top:1px solid var(--border-subtle)!important;color:var(--text-muted)!important;font-size:10px!important}
#rb-page-canvas .rb-corner-link{color:#d9c7ff!important;font-weight:600!important}
#rb-page-canvas .comp-page-grid{gap:10px!important}
#rb-page-canvas .comp-book-item{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(130px,.82fr)!important;gap:14px!important;align-items:center!important;padding:13px 14px!important;min-height:92px!important;background:var(--bg-card)!important;border:1px solid var(--border-subtle)!important;border-radius:12px!important;box-shadow:0 4px 20px rgba(0,0,0,.4),var(--inner-specular)!important;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease!important}
#rb-page-canvas .comp-book-item:hover{border-color:var(--border-active)!important;transform:translateY(-1px)!important;background:rgba(24,16,45,.96)!important;box-shadow:0 6px 24px rgba(124,58,237,.12),var(--inner-specular)!important}
#rb-page-canvas .comp-item-head{gap:8px!important;margin-bottom:5px!important}
#rb-page-canvas .comp-item-head b{font-size:13px!important;line-height:1.55!important;font-weight:650!important;color:var(--text-primary)!important;text-shadow:none!important}
#rb-page-canvas .comp-item-cn{font-size:12px!important;line-height:1.6!important;font-weight:550!important;color:#c9b8e7!important}
#rb-page-canvas .comp-item-hint{font-size:10.5px!important;line-height:1.55!important;color:#8b7da5!important}
#rb-page-canvas .comp-live-preview{width:100%!important;min-width:0!important;height:64px!important;background:var(--bg-stage)!important;border:1px solid rgba(139,92,246,.22)!important;border-radius:10px!important;box-shadow:inset 0 2px 10px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.035)!important}
#rb-page-canvas .fx-decrypt-item{font-family:var(--font-mono)!important;font-size:12px!important;letter-spacing:.25px!important;font-weight:650!important;text-shadow:none!important}
#rb-page-canvas .fx-shiny-text{font-size:13px!important;font-weight:650!important;filter:none!important;text-shadow:none!important}
#rb-page-canvas .fx-glitch-text{font-size:12px!important;font-weight:650!important;text-shadow:none!important}
#rb-page-canvas .fx-star-border{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 8px rgba(168,85,247,.16)!important;border-color:rgba(168,85,247,.42)!important}
#rb-page-canvas .comp-page-pill{min-width:30px!important;height:28px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 7px!important;border-radius:6px!important;background:rgba(15,11,29,.9)!important;border:1px solid rgba(139,92,246,.2)!important;color:var(--text-secondary)!important;font-size:11px!important;font-variant-numeric:tabular-nums!important}
#rb-page-canvas .comp-page-pill.active{background:rgba(124,58,237,.25)!important;border-color:#a855f7!important;color:#fff!important;box-shadow:0 0 10px rgba(168,85,247,.24)!important}
#rb-page-canvas .comp-book-SelectBar{gap:12px!important;margin-bottom:12px!important}
#rb-page-canvas .rb-comp-filter-bar{gap:8px!important}
@media(max-width:1050px){#rb-page-canvas .rb-book-page{padding:15px 13px!important}#rb-page-canvas .comp-book-item{grid-template-columns:minmax(0,1fr)!important}#rb-page-canvas .comp-live-preview{height:56px!important}}
@media(max-width:720px){#rb-page-canvas .rb-book-spread{grid-template-columns:minmax(0,1fr)!important}#rb-page-canvas .rb-book-page.page-left,#rb-page-canvas .rb-book-page.page-right{border-radius:10px!important;border:1px solid var(--border-crisp)!important}#rb-page-canvas .rb-hero-bar h1{font-size:18px!important}}