/* 实例页亮色主题（覆盖模板内联暗色样式） */
html[data-theme="light"] {
  color-scheme: light;
}

html[data-theme="light"] body {
  background: #d8e2ec !important;
  color: #1a2838 !important;
}

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

html[data-theme="light"] .exchange-tag {
  color: #087a50 !important;
  background: rgba(10, 143, 92, 0.12) !important;
  border-color: rgba(10, 143, 92, 0.35) !important;
}

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

html[data-theme="light"] .top-nav a.active {
  background: rgba(0, 110, 154, 0.12) !important;
  color: #142232 !important;
}

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

html[data-theme="light"] .stat-item .label,
html[data-theme="light"] .status,
html[data-theme="light"] .rule-tip {
  color: #4a6078 !important;
}

html[data-theme="light"] .stat-item .value,
html[data-theme="light"] .card h2 {
  color: #142232 !important;
}

html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea {
  background: #f6f9fc !important;
  color: #142232 !important;
  border-color: #b8c8d8 !important;
}

html[data-theme="light"] .flash {
  background: rgba(0, 110, 154, 0.1) !important;
  color: #006e9a !important;
  border-color: rgba(0, 95, 140, 0.22) !important;
}

html[data-theme="light"] th {
  color: #4a6078 !important;
}

html[data-theme="light"] td {
  color: #142232 !important;
  border-bottom-color: #d0dae4 !important;
}

html[data-theme="light"] .ai-result,
html[data-theme="light"] .login-box {
  background: #fff !important;
  border-color: #b8c8d8 !important;
  color: #142232 !important;
}

html[data-theme="light"] #chart-wrap {
  background: #f0f4f9 !important;
  border-color: #b8c8d8 !important;
}

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

html[data-theme="light"] .btn:hover {
  background: #eef3f8 !important;
}

.theme-toggle {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 3px;
  border-radius: 8px;
  border: 1px solid #304164;
  background: #151a2a;
}

html[data-theme="light"] .theme-toggle {
  background: #fff;
  border-color: #b8c8d8;
}

.theme-toggle.is-hub-linked {
  display: none !important;
}

.theme-toggle-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 30px;
  padding: 0;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: #8fc8ff;
  cursor: pointer;
}

html[data-theme="light"] .theme-toggle-btn {
  color: #4a6078;
}

.theme-toggle-btn.is-active {
  color: #dbe4ff;
  background: rgba(79, 121, 255, 0.2);
  box-shadow: inset 0 0 0 1px #304164;
}

html[data-theme="light"] .theme-toggle-btn.is-active {
  color: #006e9a;
  background: rgba(0, 110, 154, 0.12);
  box-shadow: inset 0 0 0 1px #b8c8d8;
}

.header-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 6px;
}

.login-theme-bar {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  max-width: 400px;
  margin: 0 auto 10px;
}