:root[data-jg-mode="light"] { color-scheme: light; }
:root[data-jg-mode="dark"] { color-scheme: dark; background: #101a2d; }
:root[data-jg-mode="dark"] body { background-color: #101a2d; color: #e5edfc; }
.hallPage > .head_area:has(.jg-mode-toggle) { display:grid; grid-template-columns:1fr auto 1fr; }
.hallPage > .head_area:has(.jg-mode-toggle) .head_text { margin:0; width:auto; }
.hallPage > .head_area:has(.jg-mode-toggle) .right_menu { justify-self:end; gap:.12rem; }
.hallPage .jg-mode-toggle { display:inline-grid; place-items:center; width:clamp(34px,.8rem,44px); height:clamp(34px,.8rem,44px); padding:0; border:0; border-radius:.2rem; cursor:pointer; color:#1b69b4; background:transparent; }
.hallPage .jg-mode-toggle svg { width:.46rem; height:.46rem; min-width:18px; min-height:18px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.hallPage .jg-mode-toggle:focus-visible { outline:2px solid #348ef1; outline-offset:1px; }
:root[data-jg-mode="dark"] .hallPage .jg-mode-toggle { color:#ffd585; background:#22334e; }
#jg-mode-notice { position:fixed; left:50%; bottom:16%; transform:translateX(-50%); z-index:99999; padding:.22rem .4rem; border-radius:.2rem; background:#253650; color:#fff; font-size:.32rem; pointer-events:none; }
/* 夜间材料保留大厅的蓝色层次和底栏玻璃质感；图片使用自身的颜色。 */
@layer jg-night-materials {
  :root[data-jg-mode="dark"] .jg-play-grid .jg-play { background:linear-gradient(155deg,#223652 0%,#192b44 65%,#16263d) !important; box-shadow:inset 0 0 0 1px #344861 !important; }
  :root[data-jg-mode="dark"] .hallPage .hall-image-frame[data-hall-image-state=loading]::before { background:linear-gradient(100deg,#17263d 25%,#243650 45%,#17263d 65%) 0 0/220% 100% !important; }
  :root[data-jg-mode="dark"] #app .bottom-taps,
  :root[data-jg-mode="dark"] .jn-nav { background:linear-gradient(180deg,#20304b,#15233a) !important; border-color:#384966 !important; }
  :root[data-jg-mode="dark"] .jn-nav__sel { background:linear-gradient(145deg,#314e71,#263b56) !important; border-color:#47668b !important; box-shadow:inset 0 1px 0 #6781a1 !important; }
  :root[data-jg-mode="dark"] #app .jn-nav__item { color:#aec1db !important; }
  :root[data-jg-mode="dark"] #app .jn-nav__item.is-active { color:#83c3ff !important; }
  :root[data-jg-mode="dark"] .hallPage .jg-mode-toggle, :root[data-jg-mode="dark"] .hallPage .jg-mode-toggle svg { color:#ffd585 !important; }
  :root[data-jg-mode="dark"] .hallPage .centerArea.jg-has-account,:root[data-jg-mode="dark"] .jg-art-card { background:#1c2c45 !important; }
  :root[data-jg-mode="dark"] .jg-art-media { background:#17263d !important; }
  :root[data-jg-mode="dark"] .jg-art-card strong { color:#e5edfc !important; }
  :root[data-jg-mode="dark"] .jg-art-card small,:root[data-jg-mode="dark"] .jg-art-count { color:#b2bfd3 !important; }
}