/* 非编辑页浅色模式页面壳 — 与 new-index.html 一致的背景透出逻辑 */
html.light-mode-early {
  background: #FCFFFD;
}

html.light-mode-early body {
  background: #FCFFFD !important;
  color: #333333;
}

html:not([data-theme="dark"]) body {
  background: #FCFFFD;
  color: #333333;
}

body.light-mode {
  background: #FCFFFD !important;
  color: #333333;
}

.app,
.admin-page-app,
.page-wrapper,
.td-page,
.detail-page,
.login-card-shell {
  position: relative;
  z-index: 1;
}

html.light-mode-early .page-wrapper,
html.light-mode-early .app,
html.light-mode-early .admin-page-app,
html.light-mode-early .td-page,
html.light-mode-early .login-card-shell,
body.light-mode .page-wrapper,
body.light-mode .app,
body.light-mode .admin-page-app,
body.light-mode .td-page,
html:not([data-theme="dark"]) .page-wrapper,
html:not([data-theme="dark"]) .app,
html:not([data-theme="dark"]) .admin-page-app,
html:not([data-theme="dark"]) .td-page {
  background: transparent !important;
}

html:not([data-theme="dark"]) .main-shell,
html:not([data-theme="dark"]) .content-scroll,
html:not([data-theme="dark"]) .content-inner,
html:not([data-theme="dark"]) .admin-page-main,
body.light-mode .main-shell,
body.light-mode .content-scroll,
body.light-mode .content-inner,
body.light-mode .admin-page-main {
  background: transparent;
}

html:not([data-theme="dark"]) .detail-page {
  background: transparent;
}

html[data-theme="dark"] body,
html[data-theme="dark"] html {
  background: #1a1a1a;
}