/* ═══════════════════════════════════════════════════════════════
   探针集团新加坡「生命之源」总部大楼 — 视觉系统 v2
   默认明亮 (新加坡花园城市白昼) · body.night 切换夜晚版
   橙渐变 #F69155 · 暖白 · 墨色文字 / 夜: 深空底
   ═══════════════════════════════════════════════════════════════ */
:root {
  --orange: #F69155;
  --orange-hi: #FFB36B;
  --orange-deep: #E06A2B;
  --ink: #2B2118;
  --ink-soft: rgba(43, 33, 24, 0.62);
  --bg: #FAF4EC;
  --surface: rgba(255, 255, 255, 0.78);
  --surface-solid: #FFFFFF;
  --line: rgba(224, 106, 43, 0.28);
  --hairline: rgba(43, 33, 24, 0.09);
  --shadow: 0 10px 34px rgba(160, 100, 50, 0.14);
  --chip-text: #4A3826;
  --font: "PingFang SC", "Noto Sans SC", "Microsoft YaHei", -apple-system, "Segoe UI", sans-serif;
}
body.night {
  --ink: #FFF4E8;
  --ink-soft: rgba(255, 244, 232, 0.6);
  --bg: #060810;
  --surface: rgba(18, 24, 44, 0.74);
  --surface-solid: #10141F;
  --line: rgba(246, 145, 85, 0.3);
  --hairline: rgba(255, 255, 255, 0.08);
  --shadow: 0 10px 34px rgba(0, 0, 0, 0.5);
  --chip-text: #FFF4E8;
}
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html, body { height: 100%; overflow: hidden; background: var(--bg); color: var(--ink); font-family: var(--font); }
button { font-family: inherit; cursor: pointer; }
.hidden { display: none !important; }

/* 无障碍/SEO 隐藏层 (sr-only 标准式, 绝不可见) */
.sr-only {
  position: absolute !important; width: 1px !important; height: 1px !important;
  padding: 0 !important; margin: -1px !important; overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;
}

/* ═══ 加载屏 ═══ */
#boot {
  position: fixed; inset: 0; z-index: 100; display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: 18px;
  background: radial-gradient(ellipse at 50% 62%, #FFE9D2 0%, #FAF4EC 62%);
}
.boot-seed { position: relative; width: 96px; height: 128px; }
.boot-flame {
  position: absolute; left: 50%; top: 0; width: 64px; height: 88px; transform: translateX(-50%);
  background: linear-gradient(180deg, var(--orange-hi), var(--orange) 55%, var(--orange-deep));
  border-radius: 50% 50% 46% 54% / 62% 62% 38% 38%;
  filter: drop-shadow(0 10px 26px rgba(246,145,85,.45));
  animation: flame 2.4s ease-in-out infinite;
}
.boot-wave {
  position: absolute; left: 50%; bottom: 0; width: 88px; height: 26px; transform: translateX(-50%);
  background:
    radial-gradient(circle 4px at 12% 50%, var(--orange) 45%, transparent 55%),
    radial-gradient(circle 4px at 32% 30%, var(--orange-deep) 45%, transparent 55%),
    radial-gradient(circle 4px at 52% 60%, var(--orange) 45%, transparent 55%),
    radial-gradient(circle 4px at 72% 30%, var(--orange-deep) 45%, transparent 55%),
    radial-gradient(circle 4px at 90% 50%, var(--orange) 45%, transparent 55%);
  animation: wave 1.8s ease-in-out infinite;
}
@keyframes flame { 0%,100% { transform: translateX(-50%) scale(1) rotate(-1.6deg); } 50% { transform: translateX(-50%) scale(1.06, 1.1) rotate(1.6deg); } }
@keyframes wave  { 0%,100% { opacity: .55; transform: translateX(-50%) scaleY(.85); } 50% { opacity: 1; transform: translateX(-50%) scaleY(1.15); } }
.boot-title { font-size: 20px; letter-spacing: .18em; color: #6B4A2A; font-weight: 600; }
.boot-sub { font-size: 13px; color: rgba(107,74,42,.55); letter-spacing: .3em; }
.boot-bar { width: 180px; height: 3px; border-radius: 3px; background: rgba(224,106,43,.16); overflow: hidden; }
.boot-bar i { display: block; height: 100%; width: 8%; border-radius: 3px; background: linear-gradient(90deg, var(--orange-deep), var(--orange-hi)); transition: width .35s ease; }

/* ═══ 画布: 必须显式 100% (canvas 是 replaced 元素, inset:0 不拉伸) ═══ */
#world { position: fixed; inset: 0; width: 100%; height: 100%; display: block; touch-action: none; }

/* ═══ 顶栏 ═══ */
#topbar {
  position: fixed; top: 0; left: 0; right: 0; z-index: 20;
  display: flex; align-items: center; justify-content: space-between;
  padding: calc(10px + env(safe-area-inset-top)) 16px 12px;
  pointer-events: none;
}
#topbar .brand, #topbar .top-actions { pointer-events: auto; }
.brand {
  display: flex; align-items: center; gap: 10px;
  background: var(--surface); border: 1px solid var(--hairline);
  padding: 8px 16px 8px 12px; border-radius: 999px;
  backdrop-filter: blur(14px); box-shadow: var(--shadow);
}
.brand-flame {
  width: 15px; height: 20px; display: inline-block; flex-shrink: 0;
  background: linear-gradient(180deg, var(--orange-hi), var(--orange-deep));
  border-radius: 50% 50% 46% 54% / 62% 62% 38% 38%;
  animation: flame 2.4s ease-in-out infinite;
}
.brand-name { font-size: 13.5px; font-weight: 600; letter-spacing: .04em; color: var(--ink); }
.top-actions { display: flex; gap: 7px; }
.chip {
  border: 1px solid var(--hairline); background: var(--surface); color: var(--chip-text);
  border-radius: 999px; padding: 7px 13px; font-size: 12.5px; backdrop-filter: blur(14px);
  box-shadow: var(--shadow); transition: all .25s ease; font-weight: 500;
}
.chip:hover { border-color: var(--orange); color: var(--orange-deep); transform: translateY(-1px); }
body.night .chip:hover { color: var(--orange-hi); }

/* ═══ 欢迎 toast ═══ */
#welcome {
  position: fixed; top: calc(68px + env(safe-area-inset-top)); left: 50%; transform: translateX(-50%);
  z-index: 22; padding: 10px 22px; border-radius: 999px; font-size: 13.5px;
  background: var(--surface); color: var(--ink);
  border: 1px solid var(--line); backdrop-filter: blur(12px); box-shadow: var(--shadow);
  animation: fadeSlide .8s ease both; max-width: 88vw; text-align: center;
}
@keyframes fadeSlide { from { opacity: 0; transform: translate(-50%, -12px); } to { opacity: 1; transform: translate(-50%, 0); } }

/* ═══ 漫游提示 / tooltip ═══ */
#hint {
  position: fixed; bottom: calc(18px + env(safe-area-inset-bottom)); left: 50%; transform: translateX(-50%);
  z-index: 18; font-size: 12px; color: var(--ink-soft); letter-spacing: .06em;
  padding: 8px 18px; border-radius: 999px; background: var(--surface); backdrop-filter: blur(10px);
  border: 1px solid var(--hairline); box-shadow: var(--shadow);
  pointer-events: none; white-space: nowrap; max-width: 92vw; overflow: hidden; text-overflow: ellipsis;
}
#tooltip {
  position: fixed; z-index: 21; pointer-events: none; padding: 8px 15px; border-radius: 12px;
  background: var(--surface-solid); border: 1px solid var(--line); font-size: 12.5px;
  color: var(--ink); box-shadow: var(--shadow);
  transform: translate(-50%, -140%); white-space: nowrap;
}
#tooltip .tt-act { color: var(--orange-deep); font-size: 11px; }

/* ═══ 园区地图 ═══ */
#mapPanel {
  position: fixed; inset: 0; z-index: 30; overflow-y: auto; -webkit-overflow-scrolling: touch;
  background: var(--bg);
  padding: calc(16px + env(safe-area-inset-top)) 18px 40px;
}
body:not(.night) #mapPanel { background: linear-gradient(180deg, #FFF7EE, #FAF4EC); }
body.night #mapPanel { background: linear-gradient(180deg, rgba(6,8,16,.98), rgba(11,16,32,.99)); }
.map-head { display: flex; justify-content: space-between; align-items: flex-start; max-width: 1080px; margin: 0 auto 18px; }
.map-title { font-size: 21px; font-weight: 700; letter-spacing: .05em; color: var(--ink); }
.map-sub { font-size: 12.5px; color: var(--ink-soft); margin-top: 4px; }
.close-x {
  width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--hairline);
  background: var(--surface); color: var(--ink); font-size: 15px; box-shadow: var(--shadow);
}
#mapWings { max-width: 1080px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 14px; }
.wing-card {
  border: 1px solid var(--hairline); border-radius: 20px; background: var(--surface-solid);
  overflow: hidden; box-shadow: var(--shadow);
}
.wing-head {
  display: flex; align-items: center; gap: 10px; padding: 14px 16px;
  border-bottom: 1px solid var(--hairline); font-weight: 600; font-size: 14.5px; color: var(--ink);
}
.wing-dot { width: 10px; height: 14px; border-radius: 50% 50% 46% 54% / 62% 62% 38% 38%; flex-shrink: 0; }
.wing-rooms { padding: 8px 10px 12px; display: flex; flex-direction: column; gap: 3px; }
.room-item {
  display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 11px;
  border: none; background: transparent; color: var(--ink); text-align: left; width: 100%;
  font-size: 13.5px; transition: background .2s ease;
}
.room-item:hover { background: rgba(246,145,85,.1); }
.room-item .ri-icon { width: 22px; text-align: center; opacity: .85; }
.room-item .ri-name { flex: 1; }
.room-item .ri-act { display: flex; align-items: center; gap: 5px; font-size: 11px; }
.act-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 8px var(--orange); animation: pulseDot 2s ease-in-out infinite; }
.act-dot.dim { opacity: .22; box-shadow: none; animation: none; }
@keyframes pulseDot { 0%,100% { transform: scale(1); } 50% { transform: scale(1.35); } }
.room-item.visited .ri-name::after { content: " 👣"; font-size: 11px; opacity: .8; }
.room-item.reserved { opacity: .45; }
.map-foot { max-width: 1080px; margin: 26px auto 0; text-align: center; font-size: 12px; color: var(--ink-soft); letter-spacing: .1em; }

/* ═══════════════ 房间 UI 层 (房间保留各自的沉浸式深色氛围) ═══════════════ */
#room { position: fixed; inset: 0; z-index: 40; color: #FFF4E8; }
#roomFx { position: absolute; inset: 0; width: 100%; height: 100%; }
#roomShell {
  position: absolute; inset: 0; overflow-y: auto; -webkit-overflow-scrolling: touch;
  padding: calc(14px + env(safe-area-inset-top)) 0 0;
  animation: roomIn .8s cubic-bezier(.22,.9,.32,1) both;
}
@keyframes roomIn { from { opacity: 0; transform: scale(1.05); } to { opacity: 1; transform: scale(1); } }
.room-nav {
  position: sticky; top: 0; z-index: 5; display: flex; gap: 10px; padding: 6px 18px 10px;
  background: linear-gradient(180deg, rgba(6,8,16,.6), transparent);
}
.room-btn {
  border: 1px solid rgba(246,145,85,.35); background: rgba(18,24,44,.72); color: #FFF4E8;
  border-radius: 999px; padding: 7px 15px; font-size: 12.5px; backdrop-filter: blur(8px);
}
.room-btn:hover { border-color: var(--orange); }
#roomBody { max-width: 900px; margin: 0 auto; padding: 10px 18px 30px; }
.room-compliance {
  max-width: 900px; margin: 0 auto; padding: 14px 18px calc(26px + env(safe-area-inset-bottom));
  font-size: 11px; color: rgba(255,244,232,.38); text-align: center; letter-spacing: .04em;
}

/* 房间通用头部 */
.rh { display: flex; align-items: center; gap: 16px; padding: 22px 0 8px; }
.rh-logo {
  width: 58px; height: 58px; border-radius: 16px; object-fit: cover; flex-shrink: 0;
  border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.05);
}
.rh-logo.icon-fallback { display: flex; align-items: center; justify-content: center; font-size: 26px; }
.rh-name { font-size: 24px; font-weight: 700; letter-spacing: .04em; }
.rh-tag { font-size: 13px; color: rgba(255,244,232,.6); margin-top: 5px; }
.rh-wing { display: inline-block; font-size: 11px; padding: 3px 10px; border-radius: 999px; border: 1px solid rgba(246,145,85,.3); margin-top: 8px; color: rgba(255,244,232,.7); }

/* 我的参与层 */
.r-mine {
  margin: 14px 0 0; padding: 11px 16px; border-radius: 14px; font-size: 12.5px;
  background: linear-gradient(135deg, rgba(246,145,85,.13), rgba(246,145,85,.04));
  border: 1px dashed rgba(246,145,85,.35); color: rgba(255,244,232,.85);
}

/* 四块标配 */
.r-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 18px 0; }
@media (max-width: 700px) { .r-grid { grid-template-columns: 1fr; } }
.r-block {
  border: 1px solid rgba(255,255,255,.08); border-radius: 18px; padding: 17px 18px;
  background: rgba(10, 14, 28, .55); backdrop-filter: blur(8px);
}
.r-block h3 { font-size: 12px; letter-spacing: .22em; color: var(--orange-hi); margin-bottom: 9px; font-weight: 600; }
.r-block p { font-size: 14px; line-height: 1.75; color: rgba(255,244,232,.88); }
.r-domain {
  display: inline-flex; align-items: center; gap: 8px; margin-top: 10px; padding: 9px 18px;
  border-radius: 999px; font-size: 13px; text-decoration: none; color: #10131f; font-weight: 600;
  background: linear-gradient(135deg, var(--orange-hi), var(--orange));
  box-shadow: 0 4px 18px rgba(246,145,85,.35); transition: transform .2s ease;
}
.r-domain:hover { transform: translateY(-2px); }

/* 历史消息流 */
.r-feed { margin-top: 6px; }
.r-feed-head { display: flex; align-items: baseline; gap: 10px; margin: 20px 0 12px; }
.r-feed-head h3 { font-size: 15px; letter-spacing: .12em; }
.r-feed-head .cnt { font-size: 11.5px; color: rgba(255,244,232,.45); }
.feed-list { display: flex; flex-direction: column; gap: 10px; }
.feed-card {
  border: 1px solid rgba(255,255,255,.07); border-radius: 15px; padding: 14px 16px;
  background: rgba(255,255,255,.028); transition: border-color .25s ease;
  animation: cardUp .5s ease both;
}
@keyframes cardUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.feed-card:hover { border-color: rgba(246,145,85,.35); }
.fc-top { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.fc-type { font-size: 10px; letter-spacing: .14em; padding: 2px 9px; border-radius: 999px; font-weight: 600; }
.fc-type.report { background: rgba(246,145,85,.16); color: var(--orange-hi); border: 1px solid rgba(246,145,85,.3); }
.fc-type.spark  { background: rgba(34,211,238,.12); color: #67E8F9; border: 1px solid rgba(34,211,238,.3); }
.fc-time { font-size: 11px; color: rgba(255,244,232,.4); }
.fc-title { font-size: 14.5px; font-weight: 600; line-height: 1.5; }
.fc-dek { font-size: 13px; line-height: 1.7; color: rgba(255,244,232,.68); margin-top: 6px; }
.feed-more { margin: 14px auto 0; display: block; }
.feed-empty { padding: 30px 0; text-align: center; font-size: 13px; color: rgba(255,244,232,.4); }

/* ═══ 主题变奏 (每部门专属氛围) ═══ */
#room.theme-redrain { background: radial-gradient(ellipse at 50% 0%, rgba(58,14,20,.66) 0%, rgba(20,6,10,.88) 74%); }
#room.theme-market { background: radial-gradient(ellipse at 50% 100%, rgba(18,32,58,.62) 0%, rgba(6,8,16,.88) 74%); }
#room.theme-libraryring { background: radial-gradient(ellipse at 50% 30%, rgba(42,32,22,.66) 0%, rgba(15,10,6,.9) 74%); }
#room.theme-finance { background: radial-gradient(ellipse at 30% 0%, rgba(36,26,8,.6) 0%, rgba(10,8,6,.88) 74%); }
#room.theme-commerce { background: radial-gradient(ellipse at 70% 0%, rgba(42,22,8,.6) 0%, rgba(12,8,5,.88) 74%); }
#room.theme-hardware { background: radial-gradient(ellipse at 50% 0%, rgba(27,18,48,.62) 0%, rgba(10,7,20,.88) 74%); }
#room.theme-chain { background: radial-gradient(ellipse at 50% 100%, rgba(10,24,48,.62) 0%, rgba(5,8,15,.88) 74%); }
#room.theme-life { background: radial-gradient(ellipse at 50% 20%, rgba(42,14,34,.62) 0%, rgba(15,6,17,.88) 74%); }
#room.theme-social { background: radial-gradient(ellipse at 50% 0%, rgba(8,36,24,.6) 0%, rgba(5,13,8,.88) 74%); }
#room.theme-culture { background: radial-gradient(ellipse at 50% 15%, rgba(38,32,12,.62) 0%, rgba(13,11,5,.9) 74%); }
#room.theme-news { background: radial-gradient(ellipse at 50% 0%, rgba(14,30,46,.6) 0%, rgba(6,11,16,.88) 74%); }
#room.theme-ops { background: radial-gradient(ellipse at 50% 0%, rgba(36,20,8,.6) 0%, rgba(11,7,5,.88) 74%); }
#room.theme-game { background: radial-gradient(ellipse at 50% 100%, rgba(8,36,15,.6) 0%, rgba(5,13,7,.88) 74%); }
#room.theme-reserved { background: radial-gradient(ellipse at 50% 50%, rgba(20,22,30,.62) 0%, rgba(8,9,13,.88) 74%); }

/* 图书馆环形书墙 */
.lib-ring { perspective: 900px; height: 220px; margin: 16px 0 4px; position: relative; }
.lib-carousel { position: absolute; inset: 0; transform-style: preserve-3d; animation: libSpin 46s linear infinite; }
.lib-ring:hover .lib-carousel { animation-play-state: paused; }
@keyframes libSpin { from { transform: rotateY(0deg); } to { transform: rotateY(360deg); } }
.lib-book {
  position: absolute; left: 50%; top: 12px; width: 128px; height: 180px; margin-left: -64px;
  border-radius: 8px; padding: 14px 12px; font-size: 12.5px; line-height: 1.55;
  background: linear-gradient(160deg, #3A2C18, #241A0E);
  border: 1px solid rgba(246,145,85,.35); box-shadow: 0 8px 26px rgba(0,0,0,.5);
  display: flex; flex-direction: column; justify-content: space-between;
  backface-visibility: hidden;
}
.lib-book b { font-size: 13.5px; color: var(--orange-hi); display: block; margin-bottom: 6px; }
.lib-book i { font-style: normal; font-size: 10.5px; color: rgba(255,244,232,.5); }

/* 预留房间 */
.reserved-box {
  margin: 26px 0; padding: 46px 20px; text-align: center; border-radius: 20px;
  border: 2px dashed rgba(255,255,255,.14); color: rgba(255,244,232,.55);
  animation: breathe 3.2s ease-in-out infinite;
}
@keyframes breathe { 0%,100% { border-color: rgba(255,255,255,.10); } 50% { border-color: rgba(246,145,85,.4); } }
.reserved-box .rb-icon { font-size: 40px; display: block; margin-bottom: 12px; opacity: .6; }

/* ═══ 足迹抽屉 ═══ */
#fpFab {
  position: fixed; right: 16px; bottom: calc(64px + env(safe-area-inset-bottom)); z-index: 19;
  width: 48px; height: 48px; border-radius: 50%; font-size: 19px;
  border: 1px solid var(--hairline); background: var(--surface); backdrop-filter: blur(10px);
  box-shadow: var(--shadow);
}
#footprint {
  position: fixed; right: 0; top: 0; bottom: 0; width: min(360px, 92vw); z-index: 35;
  background: var(--surface-solid); border-left: 1px solid var(--hairline);
  padding: calc(18px + env(safe-area-inset-top)) 18px 20px; overflow-y: auto;
  animation: drawerIn .45s cubic-bezier(.22,.9,.32,1) both; box-shadow: var(--shadow);
  color: var(--ink);
}
@keyframes drawerIn { from { transform: translateX(100%); } to { transform: none; } }
.fp-head { display: flex; justify-content: space-between; align-items: center; font-weight: 700; font-size: 16px; margin-bottom: 14px; color: var(--ink); }
.fp-id { font-size: 12px; color: var(--ink-soft); margin-bottom: 14px; line-height: 1.7; }
.fp-stat { display: flex; gap: 12px; margin-bottom: 16px; }
.fp-stat > div { flex: 1; border: 1px solid var(--hairline); border-radius: 13px; padding: 12px; text-align: center; }
.fp-stat b { display: block; font-size: 21px; color: var(--orange-deep); }
body.night .fp-stat b { color: var(--orange-hi); }
.fp-stat span { font-size: 11px; color: var(--ink-soft); }
.fp-list { display: flex; flex-direction: column; gap: 7px; }
.fp-row { display: flex; justify-content: space-between; font-size: 13px; padding: 9px 12px; border-radius: 10px; background: rgba(246,145,85,.07); color: var(--ink); }
.fp-row span:last-child { color: var(--ink-soft); font-size: 11.5px; }
.fp-orb-wrap { text-align: center; margin: 6px 0 18px; }
.fp-orb { width: 76px; height: 76px; border-radius: 50%; margin: 0 auto 8px; animation: orbPulse 2.6s ease-in-out infinite; }
@keyframes orbPulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.07); } }
.fp-orb-cap { font-size: 11.5px; color: var(--ink-soft); }
#footprint .room-btn { border-color: var(--line); background: var(--surface); color: var(--ink); }

/* ═══ 轻量模式 (移动端降级) ═══ */
body.lite #world { display: none; }
body.lite #hint { display: none !important; }
body.lite #mapPanel { position: static; min-height: 100vh; padding-top: calc(74px + env(safe-area-inset-top)); }
.lite-hero { grid-column: 1 / -1; max-width: 1080px; margin: 0 auto 20px; text-align: center; }
.lite-hero canvas { width: min(300px, 70vw); height: auto; }
.lite-hero .lh-title { font-size: 19px; font-weight: 700; letter-spacing: .08em; margin-top: 4px; color: var(--ink); }
.lite-hero .lh-sub { font-size: 12px; color: var(--ink-soft); margin-top: 6px; letter-spacing: .04em; }
.lite-hero .lh-enter3d { margin-top: 12px; }

@media (max-width: 640px) {
  #topbar { padding-left: 10px; padding-right: 10px; }
  .brand { padding: 7px 12px 7px 10px; }
  .brand-name { font-size: 11.5px; max-width: 38vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .chip { padding: 6px 9px; font-size: 11px; }
  .rh-name { font-size: 20px; }
}


/* ═══ 沉浸式房间 (7/4): 3D 世界透出, 文字浮在场景上 ═══ */
#room { backdrop-filter: none; }
.r-block { background: rgba(10, 14, 28, .62); backdrop-filter: blur(10px) saturate(1.15); border-color: rgba(255,255,255,.12); }
.feed-card { background: rgba(10, 14, 28, .5); backdrop-filter: blur(8px); }
.r-mine { backdrop-filter: blur(8px); }
.rh-logo { backdrop-filter: blur(8px); }
.room-compliance { text-shadow: 0 1px 6px rgba(0,0,0,.8); }
/* 轻量模式没有 3D 背景 → 回退近不透明保可读 */
body.lite #room.theme-redrain,   body.lite #room.theme-market,
body.lite #room.theme-libraryring, body.lite #room.theme-finance,
body.lite #room.theme-commerce,  body.lite #room.theme-hardware,
body.lite #room.theme-chain,     body.lite #room.theme-life,
body.lite #room.theme-social,    body.lite #room.theme-culture,
body.lite #room.theme-news,      body.lite #room.theme-ops,
body.lite #room.theme-game,      body.lite #room.theme-reserved {
  background: radial-gradient(ellipse at 50% 20%, #1A1626 0%, #0A0810 75%);
}