/* ===================================================
   冒险岛监控系统 - 独立日间浅色主题样式包
   (1:1 对照夜间模式，屏幕内部柔和暗调保真，消除突兀白字)
   =================================================== */

[data-theme="light"] {
  --bg: #f6f8fa;
  --card: #ffffff;
  --border: #d0d7de;
  --text: #1f2328;
  --text-muted: #57606a;
}

[data-theme="light"] body {
  background: var(--bg) !important;
  color: var(--text) !important;
}

/* 1. 顶部导航与品牌栏 */
[data-theme="light"] .navbar {
  background: rgba(255, 255, 255, 0.98) !important;
  border-bottom-color: var(--border) !important;
  box-shadow: 0 1px 3px rgba(31, 35, 40, 0.08);
}

[data-theme="light"] .nav-brand {
  color: #1f2328 !important;
}

[data-theme="light"] .nav-tab-btn {
  color: #57606a !important;
}

[data-theme="light"] .nav-tab-btn:hover {
  color: #1f2328 !important;
  background: rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .nav-tab-btn.active {
  color: #0969da !important;
  background: rgba(9, 105, 218, 0.08) !important;
  border-color: rgba(9, 105, 218, 0.25) !important;
}

/* 2. 主卡片容器与普通标题 */
[data-theme="light"] .card {
  background: var(--card) !important;
  border-color: var(--border) !important;
  box-shadow: 0 1px 3px rgba(31, 35, 40, 0.05);
}

[data-theme="light"] h2,
[data-theme="light"] h3,
[data-theme="light"] label,
[data-theme="light"] strong {
  color: #1f2328 !important;
}

/* 3. 页面卡片区域普通白色文字转深黑（排除屏幕占位框内文字与所有按钮） */
[data-theme="light"] .card *[style*="color: #fff"]:not(.screen-placeholder *):not([class*="btn"]):not([class*="step-num"]):not(button *),
[data-theme="light"] .card *[style*="color:#fff"]:not(.screen-placeholder *):not([class*="btn"]):not([class*="step-num"]):not(button *),
[data-theme="light"] .card *[style*="color: #ffffff"]:not(.screen-placeholder *):not([class*="btn"]):not([class*="step-num"]):not(button *),
[data-theme="light"] .card *[style*="color:#ffffff"]:not(.screen-placeholder *):not([class*="btn"]):not([class*="step-num"]):not(button *),
[data-theme="light"] .card *[style*="color: #e6edf3"]:not(.screen-placeholder *):not(button *),
[data-theme="light"] .card *[style*="color:#e6edf3"]:not(.screen-placeholder *):not(button *),
[data-theme="light"] .card *[style*="color: #c9d1d9"]:not(.screen-placeholder *):not(button *),
[data-theme="light"] .card *[style*="color:#c9d1d9"]:not(.screen-placeholder *):not(button *) {
  color: #1f2328 !important;
}

/* 4. 普通灰色小字加深 */
[data-theme="light"] .card *[style*="color: #8b949e"]:not(.screen-placeholder *):not(button *),
[data-theme="light"] .card *[style*="color:#8b949e"]:not(.screen-placeholder *):not(button *),
[data-theme="light"] .step-text,
[data-theme="light"] .stat-desc {
  color: #57606a !important;
}

/* ===================================================
   5. 【核心保真】屏幕占位区 (.screen-placeholder) 1:1 完全对齐夜间模式
   =================================================== */

[data-theme="light"] .video-container,
[data-theme="light"] .screen-placeholder {
  background: #090d13 !important;
}

/* 顶部与底部的微弱灰字提示 */
[data-theme="light"] .screen-placeholder .placeholder-title,
[data-theme="light"] .screen-placeholder .placeholder-note {
  color: #8b949e !important;
}

[data-theme="light"] .screen-placeholder .placeholder-footer {
  color: #484f58 !important;
}

/* 消除突兀白字：对齐夜间模式的柔和灰蓝白字 (#c9d1d9) */
[data-theme="light"] .screen-placeholder .placeholder-sub {
  color: #c9d1d9 !important;
}

/* 绿色免截图徽标与显示器图标 */
[data-theme="light"] .screen-placeholder .badge-rec {
  background: rgba(35, 134, 54, 0.15) !important;
  border: 1px solid rgba(63, 185, 80, 0.3) !important;
  color: #3fb950 !important;
}

[data-theme="light"] .screen-placeholder .monitor-icon {
  background: rgba(88, 166, 255, 0.1) !important;
  border-color: rgba(88, 166, 255, 0.25) !important;
}

/* 中间蓝色按钮与文字：完全对齐夜间模式 */
[data-theme="light"] .screen-placeholder .btn-center-screen,
[data-theme="light"] #screenStartBtn {
  background: #1f6feb !important;
  border-color: #388bfd !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}

[data-theme="light"] .screen-placeholder .btn-center-screen:hover,
[data-theme="light"] #screenStartBtn:hover {
  background: #388bfd !important;
}

[data-theme="light"] #screenStartBtn:disabled {
  background: #21262d !important;
  border-color: #30363d !important;
  color: #484f58 !important;
}

/* ===================================================
   6. 1:1 完全对照夜间模式彩色字体
   =================================================== */

/* 天蓝色 (#38bdf8) 系列：在线时长、经验进度、测谎/掉线0% */
[data-theme="light"] #onlineTimeVal,
[data-theme="light"] #xpPercent,
[data-theme="light"] #lieSimVal,
[data-theme="light"] #dcSimVal,
[data-theme="light"] #experienceScreen h2 span,
[data-theme="light"] *[style*="color: #38bdf8"],
[data-theme="light"] *[style*="color:#38bdf8"] {
  color: #0284c7 !important;
}

/* 鲜绿色 (#3fb950) 系列：累计净增、扫描帧率、免截图激活提示、安卓步骤标题 */
[data-theme="light"] #xpTotal,
[data-theme="light"] #fpsVal,
[data-theme="light"] #tutorialSection h3[style*="color: #3fb950"],
[data-theme="light"] #tutorialSection h3[style*="color:#3fb950"],
[data-theme="light"] .card > div[style*="color: #3fb950"],
[data-theme="light"] .card > div[style*="color:#3fb950"],
[data-theme="light"] *[style*="color: #3fb950"],
[data-theme="light"] *[style*="color:#3fb950"] {
  color: #1a7f37 !important;
}

/* 亮蓝色 (#58a6ff) 系列：预估1小时经验、目标经验状态、苹果步骤标题 */
[data-theme="light"] #xpHourly,
[data-theme="light"] #experienceGoalStatus,
[data-theme="light"] #tutorialSection h3[style*="color: #58a6ff"],
[data-theme="light"] #tutorialSection h3[style*="color:#58a6ff"],
[data-theme="light"] *[style*="color: #58a6ff"],
[data-theme="light"] *[style*="color:#58a6ff"] {
  color: #0969da !important;
}

/* 金黄色 (#d29922) 系列：近10分钟实际净增 */
[data-theme="light"] #xpRecent,
[data-theme="light"] *[style*="color: #d29922"],
[data-theme="light"] *[style*="color:#d29922"] {
  color: #b08800 !important;
}

/* 珊瑚红 (#ff7b72) 系列：预计距离升级、报警触发次数 */
[data-theme="light"] #xpEta,
[data-theme="light"] #alarmCountVal,
[data-theme="light"] *[style*="color: #ff7b72"],
[data-theme="light"] *[style*="color:#ff7b72"] {
  color: #cf222e !important;
}

/* 7. 卡片背景与结构框 */
[data-theme="light"] .stat-item,
[data-theme="light"] .exp-goal-box,
[data-theme="light"] .tutorial-box,
[data-theme="light"] #experienceScreen > div[style*="background: #090d13"] {
  background: #f6f8fa !important;
  border-color: #d0d7de !important;
}

/* 免截图已激活绿色提示框 */
[data-theme="light"] div[style*="background: rgba(35, 134, 54"] {
  background: rgba(26, 127, 55, 0.08) !important;
  border-color: rgba(26, 127, 55, 0.25) !important;
}

/* 8. 输入框与常规按钮 */
[data-theme="light"] input[type="text"],
[data-theme="light"] input[type="number"] {
  background: #ffffff !important;
  color: #1f2328 !important;
  border-color: #d0d7de !important;
}

[data-theme="light"] input[type="text"]:focus,
[data-theme="light"] input[type="number"]:focus {
  border-color: #0969da !important;
  box-shadow: 0 0 0 3px rgba(9, 105, 218, 0.15) !important;
}

/* 仅排除绿色操作按钮外的其他次级按钮 */
[data-theme="light"] .nav-pip-btn,
[data-theme="light"] .btn-secondary:not([onclick*="copyTopic"]):not(#experienceToggle):not(#experienceReset):not(#experienceAuto):not(#experienceRegion):not(#experiencePreview),
[data-theme="light"] .btn-pip {
  background: #f6f8fa !important;
  border-color: #d0d7de !important;
  color: #24292f !important;
}

[data-theme="light"] .nav-pip-btn:hover,
[data-theme="light"] .btn-secondary:not([onclick*="copyTopic"]):not(#experienceToggle):not(#experienceReset):not(#experienceAuto):not(#experienceRegion):not(#experiencePreview):hover,
[data-theme="light"] .btn-pip:hover {
  background: #eaeef2 !important;
  color: #1f2328 !important;
}

/* 9. 日志与提醒历史 */
[data-theme="light"] #logListContainer {
  color: #1f2328 !important;
}

[data-theme="light"] #logListContainer > div {
  border-bottom-color: #e8ecf0 !important;
}

[data-theme="light"] div[style*="background-color: #30363d"] {
  background-color: #d0d7de !important;
}

[data-theme="light"] #alertHistoryContainer > div {
  background: #f6f8fa !important;
  border-color: #d0d7de !important;
}

/* 10. 手机教程代码块与徽标 */
[data-theme="light"] .code-tag {
  background: #eaeef2 !important;
  color: #0969da !important;
  border: 1px solid #d0d7de !important;
}

[data-theme="light"] .step-num.android {
  background: #1a7f37 !important;
  color: #ffffff !important;
}

[data-theme="light"] .step-num.ios {
  background: #0969da !important;
  color: #ffffff !important;
}

/* ===================================================
   11. 【1:1 完全对标夜间模式】复制主题与经验统计控制按钮
   =================================================== */

/* (1) 复制主题按钮：保持经典鲜绿底与白色文字图标 */
[data-theme="light"] button[onclick*="copyTopic"],
[data-theme="light"] #copyTopicBtn,
[data-theme="light"] .btn-copy-topic,
[data-theme="light"] #ntfyTopic ~ button,
[data-theme="light"] #ntfyTopic + button {
  background: #238636 !important;
  border: 1px solid #2ea043 !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  box-shadow: 0 1px 3px rgba(35, 134, 54, 0.25) !important;
}

[data-theme="light"] button[onclick*="copyTopic"]:hover,
[data-theme="light"] #copyTopicBtn:hover,
[data-theme="light"] .btn-copy-topic:hover,
[data-theme="light"] #ntfyTopic ~ button:hover,
[data-theme="light"] #ntfyTopic + button:hover {
  background: #2ea043 !important;
  color: #ffffff !important;
}

[data-theme="light"] button[onclick*="copyTopic"] svg,
[data-theme="light"] #copyTopicBtn svg,
[data-theme="light"] .btn-copy-topic svg,
[data-theme="light"] #ntfyTopic ~ button svg,
[data-theme="light"] #ntfyTopic + button svg {
  stroke: #ffffff !important;
  color: #ffffff !important;
}

/* (2) 经验统计控制栏：暂停统计、重置统计、恢复自动定位（常态鲜绿） */
[data-theme="light"] #experienceToggle,
[data-theme="light"] #experienceReset,
[data-theme="light"] #experienceAuto,
[data-theme="light"] #experienceRegion:not(:disabled),
[data-theme="light"] #experiencePreview:not(:disabled),
[data-theme="light"] #refreshExperiencePreview:not(:disabled),
[data-theme="light"] #reselectExperiencePreview:not(:disabled),
[data-theme="light"] #saveExperienceRegion:not(:disabled),
[data-theme="light"] #experienceGoalSave,
[data-theme="light"] #experienceScreen button.btn:not(:disabled) {
  background: #238636 !important;
  border: 1px solid #2ea043 !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  box-shadow: 0 1px 3px rgba(35, 134, 54, 0.2) !important;
}

[data-theme="light"] #experienceToggle:hover,
[data-theme="light"] #experienceReset:hover,
[data-theme="light"] #experienceAuto:hover,
[data-theme="light"] #experienceRegion:not(:disabled):hover,
[data-theme="light"] #experiencePreview:not(:disabled):hover,
[data-theme="light"] #refreshExperiencePreview:not(:disabled):hover,
[data-theme="light"] #reselectExperiencePreview:not(:disabled):hover,
[data-theme="light"] #saveExperienceRegion:not(:disabled):hover,
[data-theme="light"] #experienceGoalSave:hover,
[data-theme="light"] #experienceScreen button.btn:not(:disabled):hover {
  background: #2ea043 !important;
  color: #ffffff !important;
}

/* (3) 经验统计栏禁用按钮（未启动监控时，1:1 对标夜间模式的深灰底色） */
[data-theme="light"] #experienceRegion:disabled,
[data-theme="light"] #experiencePreview:disabled,
[data-theme="light"] #refreshExperiencePreview:disabled,
[data-theme="light"] #reselectExperiencePreview:disabled,
[data-theme="light"] #experienceScreen button:disabled {
  background: #21262d !important;
  border: 1px solid #30363d !important;
  color: #8b949e !important;
  cursor: not-allowed !important;
  opacity: 0.75 !important;
  box-shadow: none !important;
}