/* 紧接 instance_theme.js 之后加载,避免亮色下先闪暗色底 */
html {
  background: #0b0d14;
  color-scheme: dark;
}

html[data-theme="light"] {
  background: #c8d4de;
  color-scheme: light;
}

html[data-theme="light"] body {
  background: #c8d4de !important;
  color: #142232 !important;
}

.review-edit-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

html[data-theme="light"] .header h1 {
  color: #142232 !important;
}

html[data-theme="light"] .top-nav a,
html[data-theme="light"] .embed-top-nav a,
html[data-theme="light"] .strategy-subnav a {
  background: #fff !important;
  color: #006e9a !important;
  border-color: rgba(0, 95, 140, 0.22) !important;
}

html[data-theme="light"] .top-nav a:hover,
html[data-theme="light"] .embed-top-nav a:hover,
html[data-theme="light"] .strategy-subnav a:hover {
  background: rgba(0, 110, 154, 0.1) !important;
  color: #004d6e !important;
}

html[data-theme="light"] .top-nav a.active,
html[data-theme="light"] .embed-top-nav a.active,
html[data-theme="light"] .strategy-subnav a.active {
  background: rgba(0, 110, 154, 0.12) !important;
  color: #004d6e !important;
  border: 1px solid rgba(0, 95, 140, 0.28) !important;
  font-weight: 600;
}

html[data-theme="light"] .card,
html[data-theme="light"] .stat-item {
  background: #fff !important;
  border-color: #b8c8d8 !important;
}