/* 浅色科技主题 - 点学霸AI全脑单词速记 - 柔和舒适优化版 */
:root[data-theme="light"] {
  /* 主色调 - 使用更柔和的蓝色系 */
  --primary-color: #4F7CFF;
  --secondary-color: #6BA3FF;
  --accent-color: #FF6B9D;
  
  /* 背景色 - 温暖柔和的浅灰白 */
  --dark-bg: #F5F7FA;
  --darker-bg: #EBEEF5;
  --card-bg: rgba(255, 255, 255, 0.96);
  
  /* 文字颜色 - 舒适的深灰色 */
  --text-primary: #2C3E50;
  --text-secondary: #5A6C7D;
  --text-muted: #8A9AAA;
  
  /* 边框和分割线 */
  --border-color: rgba(79, 124, 255, 0.12);
  --border-light: rgba(79, 124, 255, 0.08);
  
  /* 状态颜色 - 柔和的反馈色 */
  --success-color: #52C97C;
  --warning-color: #FFB052;
  --error-color: #FF6B6B;
  --error-bg-color: rgba(255, 240, 240, 0.95);
  
  /* 渐变色 */
  --gradient-start: #5B8AFF;
  --gradient-end: #7AA5FF;
  
  /* 阴影效果 - 更柔和的阴影 */
  --glow-effect: 0 4px 24px rgba(79, 124, 255, 0.15);
  --neon-glow: 0 2px 12px rgba(107, 163, 255, 0.25);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.08);
  
  /* 圆角 */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  
  /* 过渡动画 */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s ease;
  --transition-slow: 0.35s ease;
}

[data-theme="light"] body {
  background: linear-gradient(135deg, #F5F7FA 0%, #EEF2F7 100%);
  color: var(--text-primary);
  font-size: 1rem;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ===== 导航栏样式 ===== */
[data-theme="light"] .top-navbar {
  background: linear-gradient(135deg, var(--gradient-start), var(--gradient-end));
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 4px 24px rgba(79, 124, 255, 0.2);
}

/* LOGO右边的系统标题文字为白色 */
[data-theme="light"] .system-title {
  color: white !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  font-weight: 600;
  letter-spacing: 0.5px;
}

/* ===== 侧边栏样式 ===== */
[data-theme="light"] .sidebar {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(250, 252, 255, 0.98));
  border-right: 1px solid var(--border-light);
  box-shadow: 4px 0 24px rgba(0, 0, 0, 0.04);
}

[data-theme="light"] .menu-item {
  color: var(--text-secondary);
  border-bottom: 1px solid var(--border-light);
  transition: all var(--transition-normal);
  position: relative;
  padding: 14px 20px;
  margin: 2px 8px;
  border-radius: var(--radius-sm);
  border: none;
}

[data-theme="light"] .menu-item:hover {
  background: linear-gradient(135deg, rgba(79, 124, 255, 0.08), rgba(107, 163, 255, 0.05));
  color: var(--primary-color);
  transform: translateX(4px);
}

[data-theme="light"] .menu-item.active {
  background: linear-gradient(135deg, rgba(79, 124, 255, 0.12), rgba(107, 163, 255, 0.08));
  color: var(--primary-color);
  font-weight: 600;
  box-shadow: 0 2px 12px rgba(79, 124, 255, 0.15);
}

[data-theme="light"] .menu-item.active::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 60%;
  background: linear-gradient(180deg, var(--primary-color), var(--secondary-color));
  border-radius: 0 2px 2px 0;
}

[data-theme="light"] .menu-item:hover::before {
  opacity: 0;
}

/* ===== 面板样式 ===== */
[data-theme="light"] .panel {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(252, 254, 255, 0.96));
  border: 1px solid var(--border-light);
  box-shadow: var(--shadow-lg);
  border-radius: var(--radius-lg);
  transition: all var(--transition-normal);
}

[data-theme="light"] .panel:hover {
  box-shadow: 0 12px 48px rgba(79, 124, 255, 0.1);
}

[data-theme="light"] .panel-header {
  background: linear-gradient(135deg, var(--gradient-start), var(--gradient-end));
  color: white;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  padding: 18px 24px;
  font-weight: 600;
  letter-spacing: 0.3px;
  box-shadow: 0 4px 16px rgba(79, 124, 255, 0.15);
}

/* 确保面板标题文字为白色 */
[data-theme="light"] .panel-header h2 {
  color: white !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  font-weight: 600;
  letter-spacing: 0.3px;
}


  display: flex;
  align-items: center;
  color: #0066ff !important;
}

[data-theme="light"] .details > p:nth-child(5):hover {
  background: rgba(0, 212, 255, 0.15);
  box-shadow: 0 4px 12px rgba(0, 212, 255, 0.15);
}

[data-theme="light"] #aiphoto-memory-content {
  margin-left: 8px;
  color: #0066ff !important;
}

/* 覆盖面板标题中的内联样式，确保在浅色主题下显示为白色 */
[data-theme="light"] .panel-header h2[style*="color: #00BFFF"],
[data-theme="light"] .panel-header h2[style*="color:#00BFFF"],
[data-theme="light"] .panel-header h2[style*="color: #00bfff"],
[data-theme="light"] .panel-header h2[style*="color:#00bfff"] {
  color: white !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* 确保AI全脑速记面板标题在浅色主题下显示为白色 */
[data-theme="light"] #wordMemoryPanel .panel-header h2 {
  color: white !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* ===== 信息卡片样式 ===== */
[data-theme="light"] .info-card {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(252, 254, 255, 0.95));
  border: 1px solid var(--border-light);
  box-shadow: var(--shadow-md);
  border-radius: var(--radius-md);
  transition: all var(--transition-normal);
}

[data-theme="light"] .info-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 36px rgba(79, 124, 255, 0.12);
  border-color: rgba(79, 124, 255, 0.2);
}

[data-theme="light"] .info-card .card-header {
  background: linear-gradient(135deg, var(--gradient-start), var(--gradient-end));
  color: white;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-md) var(--radius-md) 0 0;
  padding: 14px 18px;
  font-weight: 600;
  letter-spacing: 0.3px;
  box-shadow: 0 2px 8px rgba(79, 124, 255, 0.1);
}

/* ===== 按钮样式 ===== */
[data-theme="light"] .btn {
  background: linear-gradient(135deg, var(--gradient-start), var(--gradient-end));
  color: white;
  border: none;
  border-radius: var(--radius-sm);
  padding: 8px 16px;
  font-family: 'Alibaba PuHuiTi 2.0', 'Alibaba PuHuiTi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', sans-serif;
  font-weight: 500;
  box-shadow: 0 3px 12px rgba(79, 124, 255, 0.25);
  transition: all var(--transition-normal);
  position: relative;
  overflow: hidden;
  cursor: pointer;
  letter-spacing: 0.3px;
}

[data-theme="light"] .btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent);
  transition: left 0.5s ease;
}

[data-theme="light"] .btn:hover {
  box-shadow: 0 6px 20px rgba(79, 124, 255, 0.35);
  transform: translateY(-2px);
}

[data-theme="light"] .btn:hover::before {
  left: 100%;
}

[data-theme="light"] .btn:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(79, 124, 255, 0.25);
}

/* ===== 表单元素样式 ===== */
[data-theme="light"] select,
[data-theme="light"] input,
[data-theme="light"] textarea {
  background: rgba(255, 255, 255, 0.95);
  color: var(--text-primary);
  border: 1.5px solid var(--border-color);
  border-radius: var(--radius-sm);
  padding: 10px 14px;
  font-size: 0.9rem;
  transition: all var(--transition-normal);
  box-shadow: var(--shadow-sm);
}

[data-theme="light"] select:hover,
[data-theme="light"] input:hover,
[data-theme="light"] textarea:hover {
  border-color: var(--primary-color);
  box-shadow: 0 2px 12px rgba(79, 124, 255, 0.1);
}

[data-theme="light"] select:focus,
[data-theme="light"] input:focus,
[data-theme="light"] textarea:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 3px rgba(79, 124, 255, 0.12);
  outline: none;
  background: rgba(255, 255, 255, 1);
}

/* ===== 进度条样式 ===== */
[data-theme="light"] .progress {
  background: linear-gradient(90deg, #EBEEF5, #E5E9F0);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-lg);
  height: 8px;
  overflow: hidden;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04);
}

[data-theme="light"] .progress-bar {
  background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
  box-shadow: 0 2px 8px rgba(79, 124, 255, 0.3);
  transition: width 0.5s ease;
  border-radius: var(--radius-lg);
}

/* AI全脑速记页面字体优化 - 只在浅色主题下生效 */
[data-theme="light"] #fixed-collocation,
[data-theme="light"] .mnemonic,
[data-theme="light"] .word-group,
[data-theme="light"] .example {
  color: var(--text-primary) !important;
  font-weight: normal; /* 全部使用正常字体粗细 */
}

/* AI全脑速记释义强制加粗 - 浅色主题 */
[data-theme="light"] .meaning,
html[data-theme="light"] body .meaning {
  color: var(--text-primary) !important;
  font-size: 1.2em;
  font-weight: bold !important; /* 强制字体加粗 */
}

[data-theme="light"] .meaning-large,
html[data-theme="light"] body .meaning-large {
  color: var(--text-primary) !important;
  font-weight: bold !important; /* 强制字体加粗 */
}

/* 顶部释义（单词下方）浅色主题黑色 */
[data-theme="light"] .meaning-top,
html[data-theme="light"] body .meaning-top {
  color: #000000 !important;
  font-weight: bold !important;
}

/* 强制所有释义相关元素在浅色主题下加粗 */
[data-theme="light"] .word-meaning,
html[data-theme="light"] body .word-meaning,
[data-theme="light"] #error-word-meaning,
html[data-theme="light"] body #error-word-meaning {
  font-weight: bold !important;
}

[data-theme="light"] .phonetic {
  color: var(--text-secondary) !important;
  font-size: 1.1em;
  font-weight: normal; /* 正常字体粗细 */
}

[data-theme="light"] .part-of-speech {
  color: var(--darker-bg) !important;
  font-weight: normal; /* 正常字体粗细 */
}

/* 修复HTML中内联样式的颜色 - 只在浅色主题下生效 */
[data-theme="light"] [style*="color: #00FFFF"],
[data-theme="light"] [style*="color: #66CCFF"],
[data-theme="light"] [style*="color: #CC99FF"],
[data-theme="light"] [style*="color: #99FF99"], 
[data-theme="light"] [style*="color: #FFFF99"],
[data-theme="light"] [style*="color: white"] {
  color: var(--text-primary) !important;
  font-weight: normal; /* 全部使用正常字体粗细 */
}

/* 例外：测评选择框中的按钮保持白色文字 */
[data-theme="light"] .assessment-buttons .btn[style*="color: white"] {
  color: white !important;
}

/* ===== AI记忆法样式 ===== */
/* 点学霸AI记忆法特定样式 - 按钮式设计 */
[data-theme="light"] .ai-memory-title,
[data-theme="light"] .memory-method-label {
  color: white !important;
  background: linear-gradient(135deg, var(--gradient-start), var(--gradient-end));
  border: none;
  border-radius: var(--radius-lg);
  padding: 10px 18px;
  font-weight: 500;
  font-size: 1em;
  display: inline-block;
  box-shadow: 0 4px 16px rgba(79, 124, 255, 0.25);
  letter-spacing: 0.3px;
  transition: all var(--transition-normal);
  position: relative;
  overflow: hidden;
}

[data-theme="light"] .ai-memory-title:hover,
[data-theme="light"] .memory-method-label:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 24px rgba(79, 124, 255, 0.35);
}

[data-theme="light"] .ai-memory-title::before,
[data-theme="light"] .memory-method-label::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s ease;
}

[data-theme="light"] .ai-memory-title:hover::before,
[data-theme="light"] .memory-method-label:hover::before {
  left: 100%;
}

/* 确保JavaScript动态设置的颜色也在浅色主题下正确 */
[data-theme="light"] #custom-memory-content {
  color: var(--text-primary) !important;
  font-weight: normal; /* 正常字体粗细 */
}

/* ===== 表格样式 ===== */
[data-theme="light"] table {
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

[data-theme="light"] th {
  background: linear-gradient(135deg, #F8FAFC, #F1F5F9);
  color: var(--text-primary);
  padding: 14px 16px;
  font-weight: 600;
  text-align: left;
  border-bottom: 2px solid var(--border-color);
  letter-spacing: 0.3px;
}

[data-theme="light"] td {
  padding: 12px 16px;
  color: var(--text-secondary);
  border-bottom: 1px solid var(--border-light);
}

[data-theme="light"] tr:nth-child(even) {
  background: rgba(79, 124, 255, 0.02);
}

[data-theme="light"] tr:hover {
  background: linear-gradient(90deg, rgba(79, 124, 255, 0.06), rgba(107, 163, 255, 0.04));
}

/* ===== 模态框样式 ===== */
[data-theme="light"] .modal-content {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.99), rgba(252, 254, 255, 0.98));
  border: 1px solid var(--border-light);
  box-shadow: 0 24px 80px rgba(79, 124, 255, 0.15);
  border-radius: var(--radius-xl);
}

[data-theme="light"] .modal-header {
  background: linear-gradient(135deg, var(--gradient-start), var(--gradient-end));
  color: white;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-xl) var(--radius-xl) 0 0;
  padding: 18px 24px;
  font-weight: 600;
  letter-spacing: 0.3px;
  box-shadow: 0 4px 16px rgba(79, 124, 255, 0.15);
}

/* ===== 模态框标签样式 ===== */
/* 用户管理模态框中的标签文字颜色 - 浅色主题下使用深色文字 */
[data-theme="light"] #editUserModal .modal-content label,
[data-theme="light"] #userDetailsModal .modal-content label,
[data-theme="light"] #addUserModal .modal-content label {
  color: var(--text-primary) !important;
  font-weight: 500 !important;
  margin-bottom: 6px !important;
  display: block !important;
  text-shadow: none !important;
}

/* 确保模态框中的表单字段标签使用深色 */
[data-theme="light"] .modal-content .form-group label,
[data-theme="light"] .modal-content .form-control-label,
[data-theme="light"] .modal-content .input-label {
  color: var(--text-primary) !important;
  font-weight: 500 !important;
  text-shadow: none !important;
}

/* 修复模态框中可能存在的内联样式颜色问题 */
[data-theme="light"] .modal-content [style*="color: white"],
[data-theme="light"] .modal-content [style*="color: #fff"],
[data-theme="light"] .modal-content [style*="color:#ffffff"],
[data-theme="light"] .modal-content [style*="color: #00FFFF"],
[data-theme="light"] .modal-content [style*="color: #66CCFF"] {
  color: var(--text-primary) !important;
  text-shadow: none !important;
}

/* 确保模态框中的输入框文字也是深色的 */
[data-theme="light"] .modal-content input,
[data-theme="light"] .modal-content select,
[data-theme="light"] .modal-content textarea {
  color: var(--text-primary) !important;
}

/* ===== 主题切换器样式 ===== */
.theme-switcher {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 24px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(252, 254, 255, 0.95));
  border: 1px solid var(--border-light);
  border-radius: var(--radius-lg);
  margin: 20px 0;
  box-shadow: var(--shadow-md);
}

.theme-switcher label {
  font-weight: 500;
  color: var(--text-primary);
  margin-right: 8px;
  font-size: 0.95rem;
  letter-spacing: 0.2px;
}

.theme-toggle {
  position: relative;
  display: inline-block;
  width: 64px;
  height: 32px;
}

.theme-toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}

.theme-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, #CBD5E1, #94A3B8);
  transition: 0.3s;
  border-radius: 32px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.theme-slider:before {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  left: 4px;
  bottom: 4px;
  background: white;
  transition: 0.3s;
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

input:checked + .theme-slider {
  background: linear-gradient(135deg, var(--gradient-start), var(--gradient-end));
  box-shadow: 0 3px 12px rgba(79, 124, 255, 0.3);
}

input:checked + .theme-slider:before {
  transform: translateX(32px);
}
}

.theme-icons {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: 15px;
}

.theme-icons i {
  font-size: 1rem;
  transition: all 0.3s ease;
}

.theme-icons .fa-moon {
  color: #ffd43b;
  text-shadow: 0 0 10px rgba(255, 212, 59, 0.5);
}

.theme-icons .fa-sun {
  color: #ff6b6b;
  text-shadow: 0 0 10px rgba(255, 107, 107, 0.5);
}

#themeStatus {
  font-weight: 600;
  color: var(--text-primary);
  font-size: 1rem;
  margin-left: 10px;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .theme-switcher {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 15px;
  }
  
  .theme-icons {
    margin-left: 0;
  }
  
  .theme-toggle {
    width: 60px;
    height: 30px;
  }
  
  .theme-slider:before {
    height: 22px;
    width: 22px;
  }
  
  input:checked + .theme-slider:before {
    transform: translateX(30px);
  }
}

/* ===== 火山API信息容器 ===== */
[data-theme="light"] #volcano-ai-memory {
  border: 1px solid var(--border-light) !important;
  border-radius: var(--radius-md) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(252, 254, 255, 0.95)) !important;
  box-shadow: var(--shadow-md) !important;
  padding: 18px !important;
  margin: 12px 0 !important;
  transition: all var(--transition-normal) !important;
}

[data-theme="light"] #volcano-ai-memory:hover {
  box-shadow: var(--shadow-lg) !important;
  transform: translateY(-1px) !important;
  border-color: rgba(79, 124, 255, 0.15) !important;
}

@keyframes techGlow {
  0%, 100% { opacity: 0.3; }
  50% { opacity: 0.6; }
}

/* 科技感动画效果 */
@keyframes pulse {
  0% { box-shadow: 0 0 0 rgba(0, 102, 255, 0.4); }
  70% { box-shadow: 0 0 20px rgba(0, 102, 255, 0); }
  100% { box-shadow: 0 0 0 rgba(0, 102, 255, 0); }
}

.theme-switcher {
  /* animation: pulse 2s infinite; */
}

/* 数字科技感边框效果 */
.theme-switcher::before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: linear-gradient(45deg, var(--primary-color), var(--secondary-color), var(--accent-color), var(--primary-color));
  border-radius: 18px;
  z-index: -1;
  /* 移除复杂动画以提升性能 */
  background-size: 300% 300%;
}

@keyframes borderAnimation {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* ===== AI记忆内容样式 ===== */
[data-theme="light"] #ai-memory-content {
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid var(--border-light) !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: var(--shadow-sm) !important;
  padding: 12px 16px !important;
  margin-top: 8px !important;
  width: 100% !important;
  display: inline-block !important;
  font-size: 1em !important;
  font-weight: 400 !important;
  color: var(--text-primary) !important;
  box-sizing: border-box !important;
  transition: all var(--transition-normal) !important;
  line-height: 1.6;
}

[data-theme="light"] #volcano-ai-memory {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* 确保火山API容器内部没有嵌套框 */
[data-theme="light"] #volcano-ai-memory > div,
[data-theme="light"] #volcano-ai-memory > * {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 隐藏火山API生成的记忆法这一行 - 浅色主题 */
[data-theme="light"] #volcano-ai-memory,
[data-theme="light"] #ai-memory-content,
[data-theme="light"] #ai-memory-content[style*="display: inline-block"],
[data-theme="light"] #ai-memory-content[style*="display: block"] {
  display: none !important;
}

/* 点学霸AI记忆法内容优化 */
[data-theme="light"] .ai-memory-content,
[data-theme="light"] .memory-content {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 确保所有动态生成的内容都使用浅色主题样式 */
[data-theme="light"] [style*="background-color"],
[data-theme="light"] [style*="border"],
[data-theme="light"] [style*="box-shadow"] {
  background-color: var(--card-bg) !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08) !important;
}

/* ===== 拼写练习字母框样式 ===== */
[data-theme="light"] .copy-letter {
  background: rgba(79, 124, 255, 0.04) !important;
  border: 1px solid var(--border-light) !important;
  color: transparent !important;
  border-radius: var(--radius-sm);
  transition: all var(--transition-fast);
}

[data-theme="light"] .copy-letter.visible {
  color: var(--text-primary) !important;
  background: rgba(79, 124, 255, 0.08) !important;
}

[data-theme="light"] .copy-letter.correct {
  background: linear-gradient(135deg, var(--success-color), #6FD99A) !important;
  color: white !important;
  border-color: transparent !important;
  box-shadow: 0 2px 8px rgba(82, 201, 124, 0.3);
}

[data-theme="light"] .copy-letter.incorrect {
  background: linear-gradient(135deg, var(--error-color), #FF8A8A) !important;
  color: white !important;
  border-color: transparent !important;
  box-shadow: 0 2px 8px rgba(255, 107, 107, 0.3);
}

/* ===== AI记忆法按钮样式 ===== */
[data-theme="light"] .ai-memory-button {
  color: white !important;
  background: linear-gradient(135deg, var(--gradient-start), var(--gradient-end)) !important;
  border: none !important;
  border-radius: var(--radius-sm) !important;
  padding: 8px 14px !important;
  font-weight: 500 !important;
  font-size: 0.85rem !important;
  display: inline-block !important;
  box-shadow: 0 3px 12px rgba(79, 124, 255, 0.25) !important;
  transition: all var(--transition-normal) !important;
  position: relative !important;
  overflow: hidden !important;
  margin-right: 8px !important;
  cursor: pointer;
  vertical-align: middle !important;
  line-height: 1.4 !important;
}

[data-theme="light"] .ai-memory-button:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 5px 18px rgba(79, 124, 255, 0.35) !important;
}

/* 为按钮添加科技感光效 */
[data-theme="light"] .ai-memory-button::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  background: linear-gradient(45deg, var(--primary-color), var(--secondary-color), var(--accent-color), var(--primary-color));
  border-radius: 9px; /* 比按钮圆角稍大1px */
  z-index: -1;
  animation: borderAnimation 3s ease infinite;
  background-size: 300% 300%;
  opacity: 0.6;
}

/* 确保按钮容器内的所有元素在同一水平线上 */
[data-theme="light"] .details p[style*="display: flex"] {
  align-items: center !important;
}

[data-theme="light"] .details span[style*="color: #00BFFF"] {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important; /* 使用gap统一间距 */
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  flex-wrap: wrap !important;
}

/* 覆盖原来的内联样式 */
[data-theme="light"] .details span[style*="color: #00BFFF"]:hover {
  transform: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* 旁边按钮的统一样式 - 只针对特定的按钮 */
[data-theme="light"] .details button:not(.btn-small) {
  /*padding: 0 !important;*/
  border-radius: 8px !important;
  font-size: 0.87rem !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  transition: all 0.3s ease !important;
 /* display: inline-flex !important;*/
  align-items: center !important;
  justify-content: center !important;
  height: 32px !important;
  min-width: 80px !important;
  margin: 2px 0 !important;
}

[data-theme="light"] .details button:not(.btn-small):hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

/* 确保"记对了"和"记错了"按钮在浅色主题下高度更大 */
[data-theme="light"] .details button.btn-small {
  padding: 12px 20px !important;    /* 增加内边距，使按钮更高 */
  font-size: 1rem !important;      /* 保持字体大小 */
  margin: 5px !important;          /* 保持间距 */
  width: 160px !important;         /* 保持宽度 */
  height: auto !important;         /* 保持自动高度 */
  line-height: 1.2 !important;     /* 调整行高以适应更大高度 */
  min-height: 44px !important;     /* 增加最小高度 */
  box-sizing: border-box !important; /* 确保内边距包含在尺寸内 */
}

/* 确保按钮在浅色主题下的其他样式与暗色主题协调 */
[data-theme="light"] .details button.btn-small {
  border: none !important;
  cursor: pointer !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
}

/* 记对了按钮样式 */
[data-theme="light"] .details button.btn-small[style*="background-color: #4CAF50"],
[data-theme="light"] .details button.btn-small[style*="4CAF50"] {
  background-color: #4CAF50 !important;
  color: white !important;
}

/* 记错了按钮样式 */
[data-theme="light"] .details button.btn-small[style*="background-color: #F44336"],
[data-theme="light"] .details button.btn-small[style*="F44336"] {
  background-color: #F44336 !important;
  color: white !important;
}

/* 按钮悬停效果 */
[data-theme="light"] .details button.btn-small:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
  opacity: 0.9 !important;
}

/* ===== 选择框样式 ===== */
/* 修复浅色主题下选择框文字显示不全的问题 */
[data-theme="light"] .styled-select {
  height: 36px !important;
  min-height: 36px !important;
  padding: 8px 12px !important;
  line-height: 1.4 !important;
  font-size: 0.9rem !important;
  border: 1.5px solid var(--border-color) !important;
  background-color: rgba(255, 255, 255, 0.95) !important;
  color: var(--text-primary) !important;
  box-sizing: border-box !important;
  border-radius: var(--radius-sm) !important;
  transition: all var(--transition-normal) !important;
}

[data-theme="light"] select.styled-select {
  padding-right: 32px !important;
  background-image: linear-gradient(45deg, transparent 50%, var(--text-muted) 50%),
                    linear-gradient(135deg, var(--text-muted) 50%, transparent 50%) !important;
  background-position: calc(100% - 14px) 50%, calc(100% - 10px) 50% !important;
  background-size: 4px 4px, 4px 4px !important;
  background-repeat: no-repeat !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
}

[data-theme="light"] .styled-select:focus {
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 0 3px rgba(79, 124, 255, 0.12) !important;
  outline: none !important;
}

[data-theme="light"] select.styled-select option {
  background-color: rgba(255, 255, 255, 0.98) !important;
  color: var(--text-primary) !important;
  padding: 8px 12px !important;
  font-size: 0.9rem !important;
}

/* 修复所有选择框的文本显示 */
[data-theme="light"] select {
  min-height: 36px !important;
  padding: 8px 12px !important;
  line-height: 1.4 !important;
  font-size: 0.9rem !important;
  border: 1.5px solid var(--border-color) !important;
  background-color: rgba(255, 255, 255, 0.95) !important;
  color: var(--text-primary) !important;
  border-radius: var(--radius-sm);
  transition: all var(--transition-normal);
}

[data-theme="light"] select:focus {
  border-color: var(--primary-color) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(79, 124, 255, 0.12) !important;
}

/* 修复表单控件组中的选择框 */
[data-theme="light"] .form-control {
  min-height: 36px !important;
  padding: 8px 12px !important;
  line-height: 1.4 !important;
  font-size: 0.9rem !important;
  border: 1.5px solid var(--border-color) !important;
  background-color: rgba(255, 255, 255, 0.95) !important;
  color: var(--text-primary) !important;
  border-radius: var(--radius-sm);
  transition: all var(--transition-normal);
}

[data-theme="light"] .form-control:focus {
  border-color: var(--primary-color) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(79, 124, 255, 0.12) !important;
}

/* ================================================
   AI时文阅读模块浅色系优化
   ================================================ */

/* 时文阅读主面板浅色主题 */
[data-theme="light"] #newsReadingPanel,
[data-theme="light"] #englishNewsReadingPanel {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(252, 254, 255, 0.96)) !important;
  border: 1px solid var(--border-light) !important;
  box-shadow: var(--shadow-lg) !important;
}

[data-theme="light"] #newsReadingPanel .panel-header,
[data-theme="light"] #englishNewsReadingPanel .panel-header {
  background: linear-gradient(135deg, var(--gradient-start), var(--gradient-end)) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 4px 16px rgba(79, 124, 255, 0.15) !important;
}

[data-theme="light"] #newsReadingPanel .panel-header h2,
[data-theme="light"] #englishNewsReadingPanel .panel-header h2 {
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 1.4rem !important;
  letter-spacing: 0.3px;
}

/* 配置区域浅色主题 */
[data-theme="light"] .news-config-section {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(252, 254, 255, 0.92)) !important;
  border: 1px solid var(--border-light) !important;
  border-radius: var(--radius-md) !important;
  padding: 18px !important;
  margin-bottom: 18px !important;
  box-shadow: var(--shadow-sm) !important;
}

[data-theme="light"] .news-config-section select {
  background: rgba(255, 255, 255, 0.98) !important;
  border: 1.5px solid var(--border-color) !important;
  border-radius: var(--radius-sm) !important;
  padding: 8px 14px !important;
  color: var(--text-primary) !important;
  font-size: 0.9rem !important;
  min-height: 38px !important;
  transition: all var(--transition-normal) !important;
}

[data-theme="light"] .news-config-section select:focus {
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 0 3px rgba(79, 124, 255, 0.1) !important;
  outline: none !important;
}

/* 统计卡片浅色主题 */
[data-theme="light"] .stat-card {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(252, 254, 255, 0.95)) !important;
  border: 1px solid var(--border-light) !important;
  border-radius: var(--radius-md) !important;
  padding: 18px !important;
  text-align: center !important;
  color: var(--text-primary) !important;
  box-shadow: var(--shadow-sm) !important;
  transition: all var(--transition-normal) !important;
}

[data-theme="light"] .stat-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: var(--shadow-md) !important;
  border-color: rgba(79, 124, 255, 0.15) !important;
}

[data-theme="light"] .stat-card div:first-child {
  color: var(--text-secondary) !important;
  font-weight: 500 !important;
  margin-bottom: 6px !important;
}

/* 加载区域浅色主题 */
[data-theme="light"] #news-loading {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(0, 102, 255, 0.15) !important;
  border-radius: 12px !important;
  padding: 30px !important;
  text-align: center !important;
  color: var(--text-primary) !important;
  box-shadow: 0 4px 15px rgba(0, 102, 255, 0.08) !important;
}

/* 时文阅读单词悬停框 - 浅色主题下强制白色文字
   悬停框背景是暗色(rgba(0,0,0,0.9))，文字必须是白色才能看清 */
[data-theme="light"] .news-word-tooltip,
[data-theme="light"] .news-word-tooltip *,
[data-theme="light"] .news-word-tooltip-header,
[data-theme="light"] .news-word-tooltip-fields,
[data-theme="light"] .news-word-tooltip-field {
  color: #ffffff !important;
}
[data-theme="light"] .news-word-tooltip-word {
  color: #4CAF50 !important;
}
[data-theme="light"] .news-word-tooltip-field strong {
  color: #4CAF50 !important;
}
[data-theme="light"] .news-word-tooltip-speak-btn {
  color: #2196F3 !important;
}
[data-theme="light"] .news-word-tooltip-loading {
  color: #aaaaaa !important;
}

[data-theme="light"] #news-progress-bar {
  background: linear-gradient(90deg, var(--primary-color), var(--secondary-color)) !important;
  background-size: 200% 100% !important;
  animation: shimmer 2s infinite linear !important;
}

/* 文章内容区域浅色主题 - 重点修复文字颜色 */
[data-theme="light"] #news-article-content,
[data-theme="light"] #english-news-article-content {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(252, 254, 255, 0.96)) !important;
  border: 1px solid var(--border-light) !important;
  border-radius: var(--radius-md) !important;
  padding: 24px !important;
  margin-bottom: 18px !important;
  color: var(--text-primary) !important;
  font-size: 1rem !important;
  line-height: 1.8 !important;
  font-family: 'Times New Roman', serif !important;
  box-shadow: var(--shadow-sm) !important;
}

/* 确保文章内容中的所有文字都是正确的颜色 */
[data-theme="light"] #news-article-content *,
[data-theme="light"] #english-news-article-content * {
  color: var(--text-primary) !important;
}

[data-theme="light"] #news-article-content h2,
[data-theme="light"] #english-news-article-content h2 {
  color: var(--primary-color) !important;
  font-weight: 600 !important;
  margin-bottom: 20px !important;
  position: relative !important;
  text-shadow: none !important;
}

[data-theme="light"] #news-article-content h2::after,
[data-theme="light"] #english-news-article-content h2::after {
  content: '' !important;
  position: absolute !important;
  bottom: -8px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 80px !important;
  height: 2px !important;
  background: linear-gradient(90deg, var(--primary-color), var(--secondary-color)) !important;
  border-radius: 1px !important;
}

/* 文章元信息浅色主题 */
[data-theme="light"] #news-meta-info {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(252, 254, 255, 0.92)) !important;
  border: 1px solid var(--border-light) !important;
  border-radius: var(--radius-sm) !important;
  padding: 14px !important;
  margin-bottom: 18px !important;
  font-size: 0.9rem !important;
  color: var(--text-secondary) !important;
  box-shadow: var(--shadow-sm) !important;
}

/* 题目区域浅色主题 */
[data-theme="light"] .news-question {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(252, 254, 255, 0.95)) !important;
  border: 1px solid var(--border-light) !important;
  border-radius: var(--radius-sm) !important;
  padding: 18px !important;
  margin-bottom: 14px !important;
  color: var(--text-primary) !important;
  transition: all var(--transition-normal) !important;
  position: relative !important;
  box-shadow: var(--shadow-sm) !important;
}

/* 确保题目中的所有文字都是正确的颜色 */
[data-theme="light"] .news-question *,
[data-theme="light"] .news-question p,
[data-theme="light"] .news-question span,
[data-theme="light"] .news-question div {
  color: var(--text-primary) !important;
}

[data-theme="light"] .news-question:hover {
  border-color: var(--primary-color) !important;
  box-shadow: var(--shadow-md) !important;
}

[data-theme="light"] .news-question::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 3px !important;
  height: 100% !important;
  background: linear-gradient(180deg, var(--primary-color), var(--secondary-color)) !important;
  border-radius: var(--radius-sm) 0 0 var(--radius-sm) !important;
}

/* 选项浅色主题 */
[data-theme="light"] .news-option {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid var(--border-light) !important;
  border-radius: var(--radius-sm) !important;
  padding: 12px 14px !important;
  margin: 6px 0 !important;
  color: var(--text-primary) !important;
  cursor: pointer !important;
  transition: all var(--transition-normal) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* 确保选项中的所有文字都是正确的颜色 */
[data-theme="light"] .news-option *,
[data-theme="light"] .news-option label,
[data-theme="light"] .news-option span,
[data-theme="light"] .news-option input[type="radio"] + span {
  color: var(--text-primary) !important;
}

[data-theme="light"] .news-option:hover {
  transform: translateX(4px) !important;
  box-shadow: var(--shadow-sm) !important;
  border-color: var(--primary-color) !important;
}

[data-theme="light"] .news-option.selected {
  background: rgba(79, 124, 255, 0.08) !important;
  border-color: var(--primary-color) !important;
  box-shadow: 0 2px 8px rgba(79, 124, 255, 0.15) !important;
  color: var(--text-primary) !important;
}

/* 按钮浅色主题 */
[data-theme="light"] #generate-news-btn,
[data-theme="light"] #submit-news-answers-btn,
[data-theme="light"] #new-news-btn {
  background: linear-gradient(135deg, var(--gradient-start), var(--gradient-end)) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: var(--radius-sm) !important;
  padding: 12px 22px !important;
  font-weight: 500 !important;
  font-size: 0.9rem !important;
  transition: all var(--transition-normal) !important;
  position: relative !important;
  overflow: hidden !important;
  box-shadow: 0 3px 12px rgba(79, 124, 255, 0.25) !important;
  letter-spacing: 0.2px;
}

[data-theme="light"] #generate-news-btn:hover,
[data-theme="light"] #submit-news-answers-btn:hover,
[data-theme="light"] #new-news-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 5px 20px rgba(79, 124, 255, 0.35) !important;
}

/* 阅读报告浅色主题 */
[data-theme="light"] .news-report {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(252, 254, 255, 0.96)) !important;
  border: 1px solid var(--border-light) !important;
  border-radius: var(--radius-md) !important;
  padding: 22px !important;
  margin-top: 18px !important;
  color: var(--text-primary) !important;
  box-shadow: var(--shadow-sm) !important;
}

/* 确保报告中的所有文字都是正确的颜色 */
[data-theme="light"] .news-report *,
[data-theme="light"] .news-report p,
[data-theme="light"] .news-report div,
[data-theme="light"] .news-report span {
  color: var(--text-primary) !important;
}

/* 分数显示浅色主题 */
[data-theme="light"] .score-circle {
  background: linear-gradient(135deg, var(--gradient-start), var(--gradient-end)) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 1.4rem !important;
  box-shadow: 0 4px 16px rgba(79, 124, 255, 0.25) !important;
  border-radius: 50% !important;
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  max-width: 72px !important;
  min-height: 72px !important;
  max-height: 72px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  aspect-ratio: 1 !important;
}

[data-theme="light"] .score-excellent {
  background: linear-gradient(135deg, var(--success-color), #6FD99A) !important;
  border-radius: 50% !important;
}

[data-theme="light"] .score-good {
  background: linear-gradient(135deg, var(--warning-color), #FFBD6A) !important;
  border-radius: 50% !important;
}

[data-theme="light"] .score-poor {
  background: linear-gradient(135deg, var(--error-color), #FF8A8A) !important;
  border-radius: 50% !important;
}

/* 答题详情浅色主题 */
[data-theme="light"] .answer-detail {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(252, 254, 255, 0.95)) !important;
  border-radius: var(--radius-sm) !important;
  padding: 14px !important;
  margin-bottom: 12px !important;
  color: var(--text-primary) !important;
  transition: all var(--transition-normal) !important;
  position: relative !important;
  border: 1px solid var(--border-light) !important;
}

/* 确保答题详情中的所有文字都是正确的颜色 */
[data-theme="light"] .answer-detail *,
[data-theme="light"] .answer-detail p,
[data-theme="light"] .answer-detail div,
[data-theme="light"] .answer-detail span {
  color: var(--text-primary) !important;
}

[data-theme="light"] .answer-detail.correct {
  background: linear-gradient(135deg, rgba(82, 201, 124, 0.08), rgba(111, 217, 154, 0.05)) !important;
  border-color: rgba(82, 201, 124, 0.3) !important;
}

[data-theme="light"] .answer-detail.incorrect {
  background: linear-gradient(135deg, rgba(255, 107, 107, 0.08), rgba(255, 138, 138, 0.05)) !important;
  border-color: rgba(255, 107, 107, 0.3) !important;
}

[data-theme="light"] .answer-detail::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 3px !important;
  height: 100% !important;
  border-radius: var(--radius-sm) 0 0 var(--radius-sm) !important;
}

[data-theme="light"] .answer-detail.correct::before {
  background: linear-gradient(180deg, var(--success-color), #6FD99A) !important;
}

[data-theme="light"] .answer-detail.incorrect::before {
  background: linear-gradient(180deg, var(--error-color), #FF8A8A) !important;
}

/* 词汇网格浅色主题 */
[data-theme="light"] .vocabulary-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
  gap: 10px !important;
}

[data-theme="light"] .vocabulary-item {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(252, 254, 255, 0.95)) !important;
  border: 1px solid var(--border-light) !important;
  border-radius: var(--radius-sm) !important;
  padding: 14px !important;
  color: var(--text-primary) !important;
  transition: all var(--transition-normal) !important;
  box-shadow: var(--shadow-sm) !important;
}

/* 确保词汇项目中的所有文字都是正确的颜色 */
[data-theme="light"] .vocabulary-item *,
[data-theme="light"] .vocabulary-item p,
[data-theme="light"] .vocabulary-item div,
[data-theme="light"] .vocabulary-item span {
  color: var(--text-primary) !important;
}

[data-theme="light"] .vocabulary-item:hover {
  transform: translateY(-2px) !important;
  box-shadow: var(--shadow-md) !important;
  border-color: rgba(79, 124, 255, 0.15) !important;
}

[data-theme="light"] .vocabulary-word {
  color: var(--primary-color) !important;
  font-weight: 600 !important;
  margin-bottom: 4px !important;
}

/* 学习建议浅色主题 */
[data-theme="light"] .learning-advice {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(252, 254, 255, 0.95)) !important;
  border: 1px solid var(--border-light) !important;
  border-radius: var(--radius-sm) !important;
  padding: 18px !important;
  line-height: 1.7 !important;
  color: var(--text-primary) !important;
  box-shadow: var(--shadow-sm) !important;
}

/* 确保学习建议中的所有文字都是正确的颜色 */
[data-theme="light"] .learning-advice *,
[data-theme="light"] .learning-advice p,
[data-theme="light"] .learning-advice div,
[data-theme="light"] .learning-advice span {
  color: var(--text-primary) !important;
}

/* 选中指示器浅色主题 */
[data-theme="light"] .selection-indicator {
  position: absolute !important;
  right: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: var(--success-color) !important;
  font-size: 1.25rem !important;
  opacity: 0 !important;
  transition: all 0.3s ease !important;
}

[data-theme="light"] .news-option.selected .selection-indicator {
  opacity: 1 !important;
  animation: checkmark 0.3s ease-out !important;
}

/* 自定义滚动条浅色主题 */
[data-theme="light"] #news-article-content::-webkit-scrollbar,
[data-theme="light"] #english-news-article-content::-webkit-scrollbar,
[data-theme="light"] #news-questions-container::-webkit-scrollbar {
  width: 8px !important;
}

[data-theme="light"] #news-article-content::-webkit-scrollbar-track,
[data-theme="light"] #english-news-article-content::-webkit-scrollbar-track,
[data-theme="light"] #news-questions-container::-webkit-scrollbar-track {
  background: rgba(0, 102, 255, 0.1) !important;
  border-radius: 4px !important;
}

[data-theme="light"] #news-article-content::-webkit-scrollbar-thumb,
[data-theme="light"] #english-news-article-content::-webkit-scrollbar-thumb,
[data-theme="light"] #news-questions-container::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--primary-color), var(--secondary-color)) !important;
  border-radius: 4px !important;
}

[data-theme="light"] #news-article-content::-webkit-scrollbar-thumb:hover,
[data-theme="light"] #english-news-article-content::-webkit-scrollbar-thumb:hover,
[data-theme="light"] #news-questions-container::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, var(--secondary-color), var(--primary-color)) !important;
}

/* 覆盖JavaScript内联样式 - 强制设置浅色主题下的文字颜色 */
[data-theme="light"] [style*="color: #E2E2E2"],
[data-theme="light"] [style*="color: #CCCCCC"],
[data-theme="light"] [style*="color: #999999"],
[data-theme="light"] [style*="color: #666666"] {
  color: #000000 !important;
}

/* 特别针对时文阅读模块的内联样式覆盖 */
[data-theme="light"] #news-article-content[style*="color"],
[data-theme="light"] #english-news-article-content[style*="color"],
[data-theme="light"] .news-question[style*="color"] {
  color: #000000 !important;
}

/* 响应式设计 - 时文阅读模块 */
@media (max-width: 768px) {
  [data-theme="light"] #newsReadingPanel .panel-header,
  [data-theme="light"] #englishNewsReadingPanel .panel-header {
    padding: 20px 15px !important;
  }
  
  [data-theme="light"] #newsReadingPanel .panel-header h2,
  [data-theme="light"] #englishNewsReadingPanel .panel-header h2 {
    font-size: 1.25rem !important;
  }

  [data-theme="light"] .news-config-section {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 15px !important;
  }

  [data-theme="light"] #news-article-content,
  [data-theme="light"] #english-news-article-content,
  [data-theme="light"] #english-news-article-content {
    padding: 20px 15px !important;
    font-size: 0.94rem !important;
  }
  
  [data-theme="light"] .news-question {
    padding: 15px !important;
  }
  
  [data-theme="light"] .stat-card {
    padding: 15px !important;
  }
  
  [data-theme="light"] .vocabulary-grid {
    grid-template-columns: 1fr !important;
  }
}

/* 增强的内联样式覆盖 - 确保所有动态内容都能正确显示 */
[data-theme="light"] #english-news-article-content[style*="background"],
[data-theme="light"] #english-news-article-content[style*="color"],
[data-theme="light"] .news-question[style*="background"],
[data-theme="light"] .news-question[style*="color"],
[data-theme="light"] .news-option[style*="background"],
[data-theme="light"] .news-option[style*="color"],
[data-theme="light"] .news-report[style*="background"],
[data-theme="light"] .news-report[style*="color"],
[data-theme="light"] .answer-detail[style*="background"],
[data-theme="light"] .answer-detail[style*="color"] {
  background: rgba(255, 255, 255, 0.9) !important;
  color: #000000 !important;
  border: 1px solid rgba(0, 102, 255, 0.15) !important;
}

/* 特别针对JS动态设置的灰色文字进行强制覆盖 */
[data-theme="light"] #english-news-article-content[style*="color: #1A1A2E"],
[data-theme="light"] #english-news-article-content[style*="color: #E2E2E2"],
[data-theme="light"] #english-news-article-content[style*="color: #CCCCCC"],
[data-theme="light"] #english-news-article-content[style*="color: #666666"],
[data-theme="light"] #english-news-article-content[style*="color: #64B5F6"] {
  color: #000000 !important;
}

/* 强制覆盖所有内联颜色样式 - 使用更高优先级的选择器 */
[data-theme="light"] #english-news-article-content[style*="color"],
[data-theme="light"] #news-article-content[style*="color"] {
  color: #000000 !important;
}

/* 覆盖标题的颜色设置 */
[data-theme="light"] #english-news-article-content h2[style*="color"],
[data-theme="light"] #news-article-content h2[style*="color"] {
  color: var(--primary-color) !important;
}

/* 覆盖段落的颜色设置 */
[data-theme="light"] #english-news-article-content p[style*="color"],
[data-theme="light"] #news-article-content p[style*="color"] {
  color: #000000 !important;
}

/* 覆盖所有子元素的内联颜色样式 */
[data-theme="light"] #english-news-article-content *[style*="color"],
[data-theme="light"] #news-article-content *[style*="color"] {
  color: inherit !important;
}

/* 但确保父容器的颜色优先级最高 */
[data-theme="light"] #english-news-article-content,
[data-theme="light"] #news-article-content {
  color: #000000 !important;
}

/* 确保所有可能的容器内容都使用黑色文字（排除单词悬停框，悬停框背景暗色需要白色文字） */
[data-theme="light"] #newsReadingPanel *:not(.news-word-tooltip):not(.news-word-tooltip *),
[data-theme="light"] #englishNewsReadingPanel *:not(.news-word-tooltip):not(.news-word-tooltip *),
[data-theme="light"] #news-article-content *:not(.news-word-tooltip):not(.news-word-tooltip *),
[data-theme="light"] #english-news-article-content *:not(.news-word-tooltip):not(.news-word-tooltip *),
[data-theme="light"] .news-question *:not(.news-word-tooltip):not(.news-word-tooltip *),
[data-theme="light"] .news-option *:not(.news-word-tooltip):not(.news-word-tooltip *),
[data-theme="light"] .news-report *:not(.news-word-tooltip):not(.news-word-tooltip *),
[data-theme="light"] .answer-detail *:not(.news-word-tooltip):not(.news-word-tooltip *),
[data-theme="light"] .vocabulary-item *:not(.news-word-tooltip):not(.news-word-tooltip *),
[data-theme="light"] .learning-advice *:not(.news-word-tooltip):not(.news-word-tooltip *) {
 /*  color: inherit !important; */
}

/* 但要确保这些容器本身的文字是黑色 */
[data-theme="light"] #news-article-content,
[data-theme="light"] #english-news-article-content,
[data-theme="light"] .news-question,
[data-theme="light"] .news-option,
[data-theme="light"] .news-report,
[data-theme="light"] .answer-detail,
[data-theme="light"] .vocabulary-item,
[data-theme="light"] .learning-advice {
  color: #000000 !important;
}

/* 时文阅读报告区段标题在浅色下保持白色（深色渐变背景内） */
[data-theme="light"] .news-report .news-report-section-title {
  color: #ffffff !important;
  text-shadow: 0 1px 4px rgba(0,0,0,0.5) !important;
}

/* 对于表单输入和选择框的特殊处理 */
[data-theme="light"] #newsReadingPanel input,
[data-theme="light"] #englishNewsReadingPanel input,
[data-theme="light"] #newsReadingPanel select,
[data-theme="light"] #englishNewsReadingPanel select,
[data-theme="light"] #newsReadingPanel textarea,
[data-theme="light"] #englishNewsReadingPanel textarea {
  color: var(--text-primary) !important;
  background: var(--card-bg) !important;
  border: 1px solid var(--border-color) !important;
}

/* 对于按钮文字的特殊处理 */
[data-theme="light"] #newsReadingPanel button,
[data-theme="light"] #englishNewsReadingPanel button {
/*  color: #ffffff !important;*/
}

/* 最终保障：使用body选择器确保所有文字都是正确的颜色 */
[data-theme="light"] body #english-news-article-content,
[data-theme="light"] body #news-article-content,
[data-theme="light"] body .news-question,
[data-theme="light"] body .news-option,
[data-theme="light"] body .news-report,
[data-theme="light"] body .answer-detail,
[data-theme="light"] body .vocabulary-item,
[data-theme="light"] body .learning-advice {
  color: #000000 !important;
}

/* 覆盖所有可能的内联样式，包括JavaScript动态设置的样式 */
[data-theme="light"] body #english-news-article-content[style*="background: #1A1A2E"],
[data-theme="light"] body #english-news-article-content[style*="color: #E2E2E2"],
[data-theme="light"] body #news-article-content[style*="background: #1A1A2E"],
[data-theme="light"] body #news-article-content[style*="color: #E2E2E2"] {
  background: rgba(255, 255, 255, 0.95) !important;
  color: #000000 !important;
}

/* 强制覆盖JavaScript动态生成的标题样式 */
[data-theme="light"] body #english-news-article-content h2,
[data-theme="light"] body #news-article-content h2 {
  color: var(--primary-color) !important;
}

/* 强制覆盖JavaScript动态生成的段落样式 */
[data-theme="light"] body #english-news-article-content p,
[data-theme="light"] body #news-article-content p,
[data-theme="light"] body .news-question p,
[data-theme="light"] body .news-option p {
  color: #000000 !important;
}

/* 使用最高优先级选择器覆盖所有可能的样式冲突 */
html body [data-theme="light"] #english-news-article-content,
html body [data-theme="light"] #news-article-content {
  color: #000000 !important;
  background: rgba(255, 255, 255, 0.95) !important;
}

@media (max-width: 480px) {
  [data-theme="light"] #news-meta-info {
    flex-direction: column !important;
    text-align: left !important;
    gap: 8px !important;
  }
  
  [data-theme="light"] #news-meta-info > div {
    width: 100% !important;
  }
}

/* ================================================
   AI作文辅导模块浅色系优化
   ================================================ */

[data-theme="light"] #englishCompositionPanel {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(252, 254, 255, 0.96)) !important;
  border: 1px solid var(--border-light) !important;
  box-shadow: var(--shadow-lg) !important;
}

[data-theme="light"] #englishCompositionPanel .panel-header {
  background: linear-gradient(135deg, var(--gradient-start), var(--gradient-end)) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 4px 16px rgba(79, 124, 255, 0.15) !important;
}

[data-theme="light"] #englishCompositionPanel .panel-header h2 {
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 1.4rem !important;
  letter-spacing: 0.3px;
}

[data-theme="light"] .composition-content {
  background: transparent !important;
  padding: 18px !important;
}

[data-theme="light"] .composition-controls {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(252, 254, 255, 0.87)) !important;
  border: 1px solid var(--border-light) !important;
  border-radius: var(--radius-md);
}

/* 作文报告列表浅色系优化 */
[data-theme="light"] .reports-list {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(252, 254, 255, 0.96)) !important;
  border: 1px solid var(--border-light) !important;
  box-shadow: var(--shadow-md) !important;
  border-radius: var(--radius-md) !important;
  padding: 18px !important;
}

[data-theme="light"] .report-list-item {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(252, 254, 255, 0.95)) !important;
  border: 1px solid var(--border-light) !important;
  box-shadow: var(--shadow-sm) !important;
  border-radius: var(--radius-sm) !important;
  padding: 18px !important;
  margin-bottom: 12px !important;
  transition: all var(--transition-normal) !important;
}

[data-theme="light"] .report-list-item::before {
  background: linear-gradient(180deg, var(--primary-color), var(--secondary-color)) !important;
}

[data-theme="light"] .report-list-item:hover {
  box-shadow: var(--shadow-md) !important;
  border-color: rgba(79, 124, 255, 0.15) !important;
  transform: translateY(-2px) !important;
}

[data-theme="light"] .report-item-header {
  border-bottom: 1px solid var(--border-light) !important;
  color: var(--text-secondary) !important;
  padding-bottom: 10px !important;
  margin-bottom: 12px !important;
  font-size: 0.9rem !important;
}

[data-theme="light"] .report-date {
  color: var(--primary-color) !important;
  font-weight: 500 !important;
  font-size: 0.92rem !important;
}

[data-theme="light"] .report-grade {
  color: var(--text-secondary) !important;
  font-size: 0.9rem !important;
}

[data-theme="light"] .report-score {
  color: var(--primary-color) !important;
  font-size: 1.15rem !important;
  font-weight: 600 !important;
}

[data-theme="light"] .report-item-topic {
  color: var(--text-primary) !important;
  font-size: 1.05rem !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  margin-bottom: 12px !important;
  padding-left: 8px !important;
}

[data-theme="light"] .view-report-btn {
  background: linear-gradient(135deg, var(--gradient-start), var(--gradient-end)) !important;
  color: #ffffff !important;
  box-shadow: 0 3px 12px rgba(79, 124, 255, 0.25) !important;
  border: none !important;
  font-weight: 500 !important;
  padding: 10px 18px !important;
  border-radius: var(--radius-sm) !important;
  font-size: 0.9rem !important;
  transition: all var(--transition-normal) !important;
}

[data-theme="light"] .view-report-btn:hover {
  box-shadow: 0 5px 18px rgba(79, 124, 255, 0.35) !important;
  transform: translateY(-2px) !important;
}

[data-theme="light"] .no-reports {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(252, 254, 255, 0.92)) !important;
  border: 1px dashed var(--border-color) !important;
  color: var(--text-muted) !important;
  padding: 36px !important;
  text-align: center !important;
  border-radius: var(--radius-md) !important;
  font-style: italic !important;
  font-size: 1rem !important;
}

[data-theme="light"] .loading-message {
  color: var(--primary-color) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(252, 254, 255, 0.95)) !important;
  border: 1px solid var(--border-light) !important;
  padding: 24px !important;
  text-align: center !important;
  border-radius: var(--radius-md) !important;
  font-weight: 500 !important;
  font-size: 0.95rem !important;
  box-shadow: var(--shadow-sm) !important;
}

[data-theme="light"] .grade-module-selector {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}

[data-theme="light"] #englishCompositionPanel .grade-module-selector label {
  color: var(--text-secondary) !important;
  font-weight: 500 !important;
  font-size: 0.9rem !important;
  white-space: nowrap !important;
  margin-bottom: 0 !important;
}

[data-theme="light"] .grade-module-selector select {
  background: rgba(255, 255, 255, 0.98) !important;
  border: 1.5px solid var(--border-color) !important;
  border-radius: var(--radius-sm) !important;
  padding: 8px 14px !important;
  height: 38px !important;
  color: var(--text-primary) !important;
  font-size: 0.9rem !important;
  min-width: 120px !important;
  box-shadow: var(--shadow-sm) !important;
  transition: all var(--transition-normal) !important;
}

[data-theme="light"] .grade-module-selector select:hover {
  border-color: var(--primary-color) !important;
  box-shadow: 0 2px 8px rgba(79, 124, 255, 0.12) !important;
}

[data-theme="light"] .grade-module-selector select:focus {
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 0 3px rgba(79, 124, 255, 0.1) !important;
  outline: none !important;
}

[data-theme="light"] .composition-topic-area {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(252, 254, 255, 0.92)) !important;
  border: 1px solid var(--border-light) !important;
  border-radius: var(--radius-md) !important;
  padding: 22px !important;
  margin-bottom: 18px !important;
  box-shadow: var(--shadow-sm) !important;
}

[data-theme="light"] .composition-topic-area h3 {
  color: var(--text-primary) !important;
  font-weight: 600 !important;
  font-size: 1.05rem !important;
  margin-bottom: 12px !important;
  border-bottom: 2px solid var(--primary-color) !important;
  padding-bottom: 6px !important;
  display: inline-block !important;
}

[data-theme="light"] .composition-topic {
  color: var(--primary-color) !important;
  font-size: 0.95rem !important;
  line-height: 1.6 !important;
}

[data-theme="light"] .composition-requirements {
  color: var(--text-secondary) !important;
  font-size: 0.9rem !important;
  line-height: 1.5 !important;
  background: rgba(79, 124, 255, 0.04) !important;
  padding: 10px !important;
  border-radius: var(--radius-sm) !important;
  border-left: 3px solid var(--secondary-color) !important;
  margin: 8px 0 !important;
}
}

[data-theme="light"] .composition-area {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(252, 254, 255, 0.92)) !important;
  border: 1px solid var(--border-light) !important;
  border-radius: var(--radius-md) !important;
  padding: 22px !important;
  margin-bottom: 18px !important;
  box-shadow: var(--shadow-sm) !important;
}

[data-theme="light"] .composition-textarea {
  background: rgba(255, 255, 255, 0.98) !important;
  border: 1.5px solid var(--border-color) !important;
  border-radius: var(--radius-sm) !important;
  padding: 14px !important;
  color: var(--text-primary) !important;
  font-size: 0.95rem !important;
  line-height: 1.6 !important;
  min-height: 200px !important;
  resize: vertical !important;
  box-shadow: var(--shadow-sm) !important;
  transition: all var(--transition-normal) !important;
}

[data-theme="light"] .composition-textarea:hover {
  border-color: var(--primary-color) !important;
  box-shadow: 0 2px 8px rgba(79, 124, 255, 0.1) !important;
}

[data-theme="light"] .composition-textarea:focus {
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 0 3px rgba(79, 124, 255, 0.1) !important;
  outline: none !important;
}

[data-theme="light"] .composition-textarea::placeholder {
  color: var(--text-muted) !important;
  opacity: 0.8 !important;
}

[data-theme="light"] #submit-english-composition-btn {
  background: linear-gradient(135deg, var(--gradient-start), var(--gradient-end)) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: var(--radius-sm) !important;
  padding: 12px 24px !important;
  font-weight: 500 !important;
  font-size: 0.95rem !important;
  margin-top: 14px !important;
  box-shadow: 0 3px 12px rgba(79, 124, 255, 0.25) !important;
  transition: all var(--transition-normal) !important;
  position: relative !important;
  overflow: hidden !important;
}

[data-theme="light"] #submit-english-composition-btn:hover {
  box-shadow: 0 5px 20px rgba(79, 124, 255, 0.35) !important;
  transform: translateY(-2px) !important;
}

[data-theme="light"] #submit-english-composition-btn:active {
  transform: translateY(0) !important;
  box-shadow: 0 3px 12px rgba(79, 124, 255, 0.25) !important;
}

[data-theme="light"] .composition-report {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(252, 254, 255, 0.96)) !important;
  border: 1px solid var(--border-light) !important;
  border-radius: var(--radius-md) !important;
  padding: 22px !important;
  margin-top: 18px !important;
  box-shadow: var(--shadow-sm) !important;
}

[data-theme="light"] .composition-report h3 {
  color: var(--text-primary) !important;
  font-weight: 600 !important;
  font-size: 1.05rem !important;
  margin-bottom: 12px !important;
  border-bottom: 2px solid var(--primary-color) !important;
  padding-bottom: 6px !important;
}

[data-theme="light"] .composition-report p {
  color: var(--text-secondary) !important;
  font-size: 0.92rem !important;
  line-height: 1.6 !important;
  margin-bottom: 10px !important;
}

[data-theme="light"] .composition-report .corrected-text {
  background: linear-gradient(135deg, rgba(82, 201, 124, 0.06), rgba(111, 217, 154, 0.04)) !important;
  border-left: 3px solid var(--success-color) !important;
  padding: 10px 14px !important;
  border-radius: var(--radius-sm) !important;
  margin: 8px 0 !important;
}

[data-theme="light"] .composition-report .explanation {
  background: linear-gradient(135deg, rgba(79, 124, 255, 0.06), rgba(107, 163, 255, 0.04)) !important;
  border-left: 3px solid var(--primary-color) !important;
  padding: 10px 14px !important;
  border-radius: var(--radius-sm) !important;
  margin: 8px 0 !important;
}

[data-theme="light"] #generate-english-topic-btn,
[data-theme="light"] #refresh-english-topic-btn,
[data-theme="light"] #view-english-composition-reports {
  background: linear-gradient(135deg, var(--gradient-start), var(--gradient-end)) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: var(--radius-sm) !important;
  padding: 10px 18px !important;
  font-weight: 500 !important;
  font-size: 0.9rem !important;
  box-shadow: 0 3px 12px rgba(79, 124, 255, 0.25) !important;
  transition: all var(--transition-normal) !important;
  min-width: 100px !important;
}

[data-theme="light"] #generate-english-topic-btn:hover,
[data-theme="light"] #refresh-english-topic-btn:hover,
[data-theme="light"] #view-english-composition-reports:hover {
  box-shadow: 0 5px 18px rgba(79, 124, 255, 0.35) !important;
  transform: translateY(-2px) !important;
}

[data-theme="light"] #generate-english-topic-btn:active,
[data-theme="light"] #refresh-english-topic-btn:active,
[data-theme="light"] #view-english-composition-reports:active {
  transform: translateY(0) !important;
  box-shadow: 0 3px 12px rgba(0, 102, 255, 0.2) !important;
}

/* 响应式设计 */
@media (max-width: 768px) {
  [data-theme="light"] .grade-module-selector {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }
  
  [data-theme="light"] .grade-module-selector label {
    margin-bottom: 5px !important;
  }
  
  [data-theme="light"] .grade-module-selector select,
  [data-theme="light"] .grade-module-selector button {
    width: 100% !important;
    min-width: auto !important;
  }
  
  [data-theme="light"] .composition-content {
    padding: 15px !important;
  }
  
  [data-theme="light"] .composition-controls,
  [data-theme="light"] .composition-topic-area,
  [data-theme="light"] .composition-area,
  [data-theme="light"] .composition-report {
    padding: 15px !important;
    margin-bottom: 15px !important;
  }
}

/* ================================================
   作文报告浅色系美化样式 - 儿童友好版
   ================================================ */

/* 报告容器 */
[data-theme="light"] .composition-report {
  background: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 14px !important;
  padding: 24px !important;
  margin-top: 18px !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06) !important;
}

/* 报告头部 */
[data-theme="light"] .report-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 20px !important;
  padding: 14px 20px !important;
  background: #f0f4ff !important;
  border-radius: 10px !important;
  border: 1px solid #d0d8f0 !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

[data-theme="light"] .report-header h3 {
  color: #1a1a2e !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
}

[data-theme="light"] .report-header h3 i {
  color: #2563eb !important;
  font-size: 18px !important;
  margin-right: 10px !important;
}

[data-theme="light"] .report-header span {
  color: #555555 !important;
  font-weight: 500 !important;
  font-size: 15px !important;
}

/* 返回按钮 */
[data-theme="light"] #close-english-report-btn {
  background: #2563eb !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 10px 20px !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
}

[data-theme="light"] #close-english-report-btn:hover {
  background: #1d4ed8 !important;
}

[data-theme="light"] #close-english-report-btn i {
  margin-right: 6px !important;
  font-size: 15px !important;
}

/* 报告内容 */
[data-theme="light"] .report-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

/* 报告卡片 */
[data-theme="light"] .report-section {
  background: #ffffff !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 12px !important;
  padding: 20px !important;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .report-section:hover {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06) !important;
}

/* 卡片顶部色条 */
[data-theme="light"] .report-section::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #2563eb, #3b82f6) !important;
  border-radius: 12px 12px 0 0 !important;
}

/* 小节标题 h4 */
[data-theme="light"] .report-section h4 {
  color: #1a1a2e !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  margin: 0 0 14px 0 !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid #e8e8e8 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* 子标题 h5 */
[data-theme="light"] .report-section h5 {
  color: #1a1a2e !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  margin: 14px 0 10px 0 !important;
}

/* 正文段落 */
[data-theme="light"] .report-section p {
  color: #2d2d2d !important;
  font-size: 16px !important;
  line-height: 1.8 !important;
  margin: 0 0 12px 0 !important;
}

[data-theme="light"] .report-section p.english-text {
  font-size: 20px !important;
}

/* 翻译文字 */
[data-theme="light"] .report-section .translation,
[data-theme="light"] .translation {
  color: #555555 !important;
  font-size: 15px !important;
  font-style: italic !important;
  background: #f8f9ff !important;
  padding: 12px 16px !important;
  border-radius: 8px !important;
  border-left: 3px solid #c7d2fe !important;
  margin: 10px 0 !important;
  line-height: 1.7 !important;
  display: block !important;
}

/* 作文预览 */
[data-theme="light"] .composition-preview {
  background: #fafbfc !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 10px !important;
  padding: 18px 20px !important;
  color: #1a1a2e !important;
  font-size: 16px !important;
  line-height: 1.85 !important;
  white-space: pre-wrap !important;
  margin: 12px 0 !important;
}

[data-theme="light"] .composition-preview.english-text {
  font-size: 20px !important;
}

/* 修改说明 */
[data-theme="light"] .correction-explanation {
  background: #fffbeb !important;
  border-radius: 10px !important;
  padding: 16px 18px !important;
  margin: 14px 0 !important;
  border: 1px solid #fde68a !important;
}

[data-theme="light"] .explanation-content {
  color: #1a1a2e !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  background: #ffffff !important;
  padding: 12px 14px !important;
  border-radius: 8px !important;
  border-left: 3px solid #f59e0b !important;
  margin: 10px 0 !important;
}

[data-theme="light"] .explanation-content.english-text {
  font-size: 20px !important;
}

/* 分数展示 */
[data-theme="light"] .score {
  background: #2563eb !important;
  color: #ffffff !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  padding: 12px 22px !important;
  border-radius: 10px !important;
  min-width: 80px !important;
  text-align: center !important;
}

/* 等级标签 */
[data-theme="light"] .grade {
  color: #1a1a2e !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  background: #eef2ff !important;
  padding: 8px 16px !important;
  border-radius: 8px !important;
  border: 1px solid #c7d2fe !important;
}

/* 评语块 */
[data-theme="light"] .comment {
  background: #f8f9ff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 10px !important;
  padding: 16px 18px !important;
  color: #2d2d2d !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  margin: 12px 0 !important;
  border-left: 3px solid #2563eb !important;
}

[data-theme="light"] .comment.english-text {
  font-size: 20px !important;
}

/* 评分网格 */
[data-theme="light"] .score-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
  gap: 14px !important;
  margin: 14px 0 !important;
}

[data-theme="light"] .score-item {
  background: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 10px !important;
  padding: 16px !important;
  text-align: center !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .score-label {
  color: #555555 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  display: block !important;
  margin-bottom: 8px !important;
}

[data-theme="light"] .score-value {
  color: #2563eb !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  display: block !important;
}

/* 优秀范文区 */
[data-theme="light"] .sample-essay-section {
  background: #f0fdf4 !important;
  border: 1px solid #bbf7d0 !important;
}

[data-theme="light"] .sample-essay-section h4 {
  color: #15803d !important;
  border-bottom: 1px solid #bbf7d0 !important;
}

/* 写作提示区域 */
[data-theme="light"] .english-composition-section {
  background: #f8f9ff !important;
  border: 1px solid #d0d8f0 !important;
  border-radius: 10px !important;
  padding: 16px 18px !important;
  margin-top: 12px !important;
  font-size: 16px !important;
  line-height: 1.8 !important;
  color: #1a1a2e !important;
}

[data-theme="light"] .english-composition-section strong {
  color: #1a1a2e !important;
  font-weight: 700 !important;
}

[data-theme="light"] .english-composition-section .english-text {
  font-size: 20px !important;
}

/* 响应式 - 作文报告 */
@media (max-width: 768px) {
  [data-theme="light"] .composition-report {
    padding: 16px !important;
    margin-top: 14px !important;
  }

  [data-theme="light"] .report-header {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
  }

  [data-theme="light"] .report-header h3 {
    font-size: 18px !important;
  }

  [data-theme="light"] .report-section {
    padding: 16px !important;
  }

  [data-theme="light"] .report-section h4 {
    font-size: 17px !important;
  }

  [data-theme="light"] .report-section p,
  [data-theme="light"] .composition-preview {
    font-size: 15px !important;
  }

  [data-theme="light"] .report-section p.english-text,
  [data-theme="light"] .composition-preview.english-text,
  [data-theme="light"] .composition-topic .english-text,
  [data-theme="light"] .composition-requirements .english-text,
  [data-theme="light"] .english-composition-section .english-text,
  [data-theme="light"] .comment.english-text,
  [data-theme="light"] .explanation-content.english-text {
    font-size: 20px !important;
  }

  [data-theme="light"] .score-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  [data-theme="light"] .score {
    font-size: 20px !important;
    padding: 10px 18px !important;
  }

  [data-theme="light"] .grade {
    font-size: 15px !important;
    padding: 8px 14px !important;
  }
}

/* ================================================
   AI作文辅导模块增强美化效果 - 儿童友好版
   ================================================ */

/* 作文面板 - 简洁卡片 */
[data-theme="light"] #englishCompositionPanel {
  background: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 14px !important;
  padding: 20px !important;
}

/* 题目区域 */
[data-theme="light"] .composition-topic-area {
  background: #f8f9ff !important;
  border: 1px solid #d0d8f0 !important;
  border-radius: 10px !important;
  padding: 18px 20px !important;
  margin-bottom: 16px !important;
}

[data-theme="light"] .composition-topic {
  color: #1a1a2e !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  text-align: center !important;
  line-height: 1.6 !important;
}

[data-theme="light"] .composition-topic .english-text {
  font-size: 20px !important;
}

[data-theme="light"] .composition-requirements {
  color: #444444 !important;
  font-size: 16px !important;
  background: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 8px !important;
  padding: 14px 16px !important;
  margin: 12px 0 !important;
  line-height: 1.7 !important;
}

[data-theme="light"] .composition-requirements .english-text {
  font-size: 20px !important;
}

/* 作文输入区 */
[data-theme="light"] .composition-area {
  background: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 10px !important;
  padding: 16px !important;
}

[data-theme="light"] .composition-textarea {
  background: #fafbfc !important;
  color: #1a1a2e !important;
  border: 1.5px solid #d0d0d0 !important;
  border-radius: 8px !important;
  padding: 14px !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  transition: all 0.2s ease !important;
}

[data-theme="light"] .composition-textarea:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12) !important;
  outline: none !important;
}

/* 按钮 */
[data-theme="light"] #generate-english-topic-btn,
[data-theme="light"] #refresh-english-topic-btn,
[data-theme="light"] #view-english-composition-reports,
[data-theme="light"] #submit-english-composition-btn {
  font-size: 15px !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  transition: all 0.2s ease !important;
}

/* 报告列表 */
[data-theme="light"] .reports-list {
  background: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 10px !important;
  padding: 16px !important;
}

[data-theme="light"] .report-list-item {
  background: #f8f9ff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 10px !important;
  padding: 14px 16px !important;
  margin-bottom: 10px !important;
}

[data-theme="light"] .report-item-topic {
  color: #1a1a2e !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}

[data-theme="light"] .report-item-topic.english-text {
  font-size: 20px !important;
}

[data-theme="light"] .report-item-header {
  color: #555555 !important;
  font-size: 14px !important;
}

[data-theme="light"] .report-score {
  color: #2563eb !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

[data-theme="light"] .no-reports {
  color: #555555 !important;
  font-size: 16px !important;
  background: #f8f9ff !important;
  border: 1px dashed #d0d8f0 !important;
  border-radius: 10px !important;
}

/* 加载动画 */
[data-theme="light"] .composition-loading {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid #d0d8f0;
  border-radius: 50%;
  border-top-color: #2563eb;
  animation: spin 1s ease-in-out infinite;
  margin-right: 10px;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

/* AI图标 */
[data-theme="light"] .ai-icon {
  color: #2563eb !important;
  font-size: 16px !important;
  margin-right: 8px !important;
}

/* 成功/错误/警告/信息 */
[data-theme="light"] .success-check {
  color: #16a34a !important;
}

[data-theme="light"] .error-message {
  background: #fef2f2 !important;
  border: 1px solid #fecaca !important;
  color: #dc2626 !important;
  padding: 12px 16px !important;
  border-radius: 8px !important;
  margin: 10px 0 !important;
  border-left: 4px solid #dc2626 !important;
  font-size: 15px !important;
}

[data-theme="light"] .warning-message {
  background: #fffbeb !important;
  border: 1px solid #fde68a !important;
  color: #d97706 !important;
  padding: 12px 16px !important;
  border-radius: 8px !important;
  margin: 10px 0 !important;
  border-left: 4px solid #d97706 !important;
  font-size: 15px !important;
}

[data-theme="light"] .info-message {
  background: #eff6ff !important;
  border: 1px solid #bfdbfe !important;
  color: #2563eb !important;
  padding: 12px 16px !important;
  border-radius: 8px !important;
  margin: 10px 0 !important;
  border-left: 4px solid #2563eb !important;
  font-size: 15px !important;
}

/* ==================== AI语法学习 - 浅色主题专用样式 ==================== */
/* 使用更具体的选择器和!important确保优先级最高 */
[data-theme="light"] .grammar-learning-container,
html[data-theme="light"] body .grammar-learning-container {
  background: linear-gradient(135deg, #f8faff 0%, #ffffff 100%) !important;
  border-radius: var(--radius-md) !important;
  padding: 28px !important;
  border: 1px solid var(--border-light) !important;
  box-shadow: var(--shadow-md) !important;
  margin: 20px 0 !important;
}

[data-theme="light"] .grammar-header {
  text-align: center;
  margin-bottom: 28px;
}

[data-theme="light"] .grammar-header h2,
html[data-theme="light"] body .grammar-header h2 {
  color: var(--primary-color) !important;
  font-size: 1.8em !important;
  font-weight: 600 !important;
  margin-bottom: 10px !important;
  background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

[data-theme="light"] .grammar-header p {
  color: var(--text-secondary);
  font-size: 1em;
  opacity: 0.85;
}

[data-theme="light"] .grammar-controls {
  display: flex;
  gap: 16px;
  margin-bottom: 28px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}

[data-theme="light"] .grammar-select,
html[data-theme="light"] body .grammar-select,
[data-theme="light"] .tense-select,
html[data-theme="light"] body .tense-select {
  padding: 12px 16px !important;
  height: 48px !important;
  border: 1.5px solid var(--border-color) !important;
  border-radius: var(--radius-sm) !important;
  background: rgba(255, 255, 255, 0.98) !important;
  color: var(--text-primary) !important;
  font-size: 0.95rem !important;
  min-width: 180px !important;
  transition: all var(--transition-normal) !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

[data-theme="light"] .grammar-select:focus {
  outline: none;
  border-color: var(--primary-color);
  box-shadow: 0 0 0 3px rgba(79, 124, 255, 0.1);
  transform: translateY(-1px);
}

[data-theme="light"] .grammar-generate-btn,
html[data-theme="light"] body .grammar-generate-btn {
  padding: 12px 28px !important;
  background: linear-gradient(135deg, var(--gradient-start), var(--gradient-end)) !important;
  color: white !important;
  border: none !important;
  border-radius: var(--radius-sm) !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: all var(--transition-normal) !important;
  box-shadow: 0 3px 12px rgba(79, 124, 255, 0.25) !important;
}

[data-theme="light"] .grammar-generate-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 20px rgba(79, 124, 255, 0.35);
}

[data-theme="light"] .grammar-generate-btn:active {
  transform: translateY(0);
}

[data-theme="light"] .grammar-content,
html[data-theme="light"] body .grammar-content {
  background: rgba(255, 255, 255, 0.98) !important;
  border-radius: var(--radius-md) !important;
  padding: 28px !important;
  border: 1px solid var(--border-light) !important;
  margin-top: 20px !important;
}

[data-theme="light"] .grammar-explanation {
  font-size: 1em;
  line-height: 1.7;
  color: var(--text-primary);
  margin-bottom: 20px;
  text-align: justify;
}

[data-theme="light"] #grammar-explanation,
html[data-theme="light"] body #grammar-explanation {
  font-size: 0.95rem !important;
  line-height: 1.6 !important;
  color: var(--text-secondary) !important;
}

[data-theme="light"] .grammar-examples,
html[data-theme="light"] body .grammar-examples {
  background: linear-gradient(135deg, rgba(79, 124, 255, 0.04), rgba(107, 163, 255, 0.02)) !important;
  border-radius: var(--radius-sm) !important;
  padding: 20px !important;
  margin-top: 20px !important;
  border: 1px solid var(--border-light) !important;
}

[data-theme="light"] .grammar-examples h4 {
  color: var(--primary-color);
  margin-bottom: 14px;
  font-size: 1.15rem;
  font-weight: 600;
}

[data-theme="light"] .grammar-example-item,
html[data-theme="light"] body .grammar-example-item {
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid var(--border-light) !important;
  border-radius: var(--radius-sm) !important;
  transition: all 0.2s ease !important;
}

[data-theme="light"] .grammar-example-item:hover {
  transform: translateX(3px);
  box-shadow: 2px 2px 8px rgba(79, 124, 255, 0.08);
}

[data-theme="light"] .grammar-example-item:last-child {
  margin-bottom: 0;
}

[data-theme="light"] .grammar-example-correct {
  color: var(--success-color);
  font-weight: 500;
}

[data-theme="light"] .grammar-example-incorrect {
  color: var(--error-color);
  text-decoration: line-through;
  opacity: 0.7;
}

[data-theme="light"] .grammar-loading {
  text-align: center;
  padding: 50px;
  color: var(--text-secondary);
  font-size: 1em;
}

[data-theme="light"] .grammar-error {
  background: linear-gradient(135deg, rgba(255, 107, 107, 0.08), rgba(255, 138, 138, 0.05));
  border: 1px solid rgba(255, 107, 107, 0.2);
  border-radius: var(--radius-sm);
  padding: 20px;
  color: var(--error-color);
  text-align: center;
  font-weight: 500;
}

/* 响应式设计 */
@media (max-width: 768px) {
  [data-theme="light"] .grammar-controls {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }
  
  [data-theme="light"] .grammar-select {
    min-width: auto;
    width: 100%;
    padding: 16px;
  }
  
  [data-theme="light"] .grammar-generate-btn {
    width: 100%;
    padding: 16px;
  }
  
  [data-theme="light"] .grammar-learning-container {
    padding: 24px 16px;
    margin: 16px 0;
    border-radius: 12px;
  }
  
  [data-theme="light"] .grammar-content {
    padding: 24px 16px;
    border-radius: 12px;
  }
  
}

/* ==================== 语法内容详细样式 - 浅色主题 ==================== */
[data-theme="light"] .tense-item,
html[data-theme="light"] body .tense-item {
  margin: 12px 0 !important;
  padding: 12px 16px !important;
  background-color: rgba(255, 255, 255, 0.9) !important;
  border-radius: 8px !important;
  border-left: 4px solid var(--success-color) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .tense-item strong,
html[data-theme="light"] body .tense-item strong {
  color: var(--primary-color) !important;
}

[data-theme="light"] .tense-item em,
html[data-theme="light"] body .tense-item em {
  color: var(--secondary-color) !important;
  font-style: italic !important;
}

[data-theme="light"] #grammar-explanation h4,
html[data-theme="light"] body #grammar-explanation h4 {
  margin: 20px 0 12px 0 !important;
  color: var(--success-color) !important;
  font-size: 1.2em !important;
  font-weight: 600 !important;
}

[data-theme="light"] #grammar-explanation h5,
html[data-theme="light"] body #grammar-explanation h5 {
  margin: 16px 0 10px 0 !important;
  color: var(--primary-color) !important;
  font-size: 1.1em !important;
  font-weight: 600 !important;
}

[data-theme="light"] .error-item,
html[data-theme="light"] body .error-item {
  margin: 16px 0 !important;
  padding: 14px 16px !important;
  background-color: rgba(255, 245, 245, 0.9) !important;
  border-left: 4px solid var(--error-color) !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.1) !important;
}

[data-theme="light"] .example-item,
html[data-theme="light"] body .example-item {
  margin: 16px 0 !important;
  padding: 14px 18px !important;
  background-color: rgba(248, 250, 252, 0.9) !important;
  border-left: 4px solid var(--primary-color) !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 8px rgba(0, 102, 255, 0.1) !important;
}

[data-theme="light"] .example-num,
html[data-theme="light"] body .example-num {
  font-weight: 600 !important;
  color: var(--primary-color) !important;
  margin-right: 10px !important;
}

[data-theme="light"] .english-example,
html[data-theme="light"] body .english-example {
  color: var(--text-primary) !important;
  margin-right: 8px !important;
  font-weight: 500 !important;
}

[data-theme="light"] .chinese-translation,
html[data-theme="light"] body .chinese-translation {
  color: var(--text-secondary) !important;
  font-style: italic !important;
  opacity: 0.8 !important;
}

[data-theme="light"] .tense-title,
html[data-theme="light"] body .tense-title {
  font-size: 1.3em !important;
  font-weight: 600 !important;
  color: var(--primary-color) !important;
  margin: 20px 0 12px 0 !important;
  padding: 8px 0 !important;
  border-bottom: 2px solid var(--border-color) !important;
}

[data-theme="light"] .example,
html[data-theme="light"] body .example {
  margin: 12px 0 !important;
/*   padding: 12px 16px !important;
  background-color: rgba(255, 255, 255, 0.9) !important;
  border-radius: 8px !important;
  border-left: 3px solid var(--secondary-color) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;*/
}

[data-theme="light"] .example-label,
html[data-theme="light"] body .example-label {
  font-weight: 600 !important;
  color: var(--primary-color) !important;
}

/* ==================== .tenses-container 样式 - 浅色主题 ==================== */
[data-theme="light"] .tenses-container,
html[data-theme="light"] body .tenses-container {
  margin: 16px 0 !important;
  padding: 16px 20px !important;
  background-color: rgba(255, 255, 255, 0.9) !important;
  border-radius: 8px !important;
  border-left: 4px solid var(--primary-color) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1) !important;
}

/* 抗遗忘训练表格按钮样式 - 浅色主题 */
[data-theme="light"] .show-meaning-btn,
html[data-theme="light"] body .show-meaning-btn {
  background-color: var(--primary-color) !important;
  color: white !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 5px 10px !important;
  cursor: pointer !important;
  font-family: inherit !important;
  font-size: inherit !important;
  height: 30px !important;
  width: 58px !important;
}

/* 抗遗忘训练表格释义文字颜色 - 浅色主题改为黑色 */
[data-theme="light"] .word-meaning,
html[data-theme="light"] body .word-meaning {
  color: #000000 !important;
}

[data-theme="light"] .show-meaning-btn:hover,
html[data-theme="light"] body .show-meaning-btn:hover {
  background-color: #004499 !important;
}

[data-theme="light"] .delete-error-word-btn,
html[data-theme="light"] body .delete-error-word-btn {
  background-color: var(--error-color) !important;
  color: white !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 5px 10px !important;
  cursor: pointer !important;
  font-family: inherit !important;
  font-size: inherit !important;
}

[data-theme="light"] .delete-error-word-btn:hover,
html[data-theme="light"] body .delete-error-word-btn:hover {
  background-color: #cc0000 !important;
}

/* 抗遗忘训练按钮高度调整 - 浅色主题 */
[data-theme="light"] #reviewErrorWordsBtn,
[data-theme="light"] #exportErrorWordsBtn,
[data-theme="light"] #exportEnglishToChineseBtn,
[data-theme="light"] #exportChineseToEnglishBtn,
[data-theme="light"] #deletePasswordBtn {
  height: 45px !important;
  line-height: 45px !important;
  padding: 0 20px !important;
}

/* 测评报告表格字体大小调整 - 浅色主题 */
[data-theme="light"] #assessmentRecordsTable,
html[data-theme="light"] body #assessmentRecordsTable {
  font-size: 0.87rem !important;
}

[data-theme="light"] #assessmentRecordsTable th,
html[data-theme="light"] body #assessmentRecordsTable th,
[data-theme="light"] #assessmentRecordsTable td,
html[data-theme="light"] body #assessmentRecordsTable td {
  font-size: 0.87rem !important;
  padding: 8px !important;
  line-height: normal !important;
}

html[data-theme="light"] #assessmentRecordsTable td,
html[data-theme="light"] body #assessmentRecordsTable td {
  font-size: 0.87rem !important;
  padding: 8px !important;
  line-height: normal !important;
}

/* 浅色主题下选择版本标签为白色 */
[data-theme="light"] label[for="version-select"] {
  color: white !important;
}

/* 修改"下一个"按钮位置 - 浅色主题，让它显示在action-buttons-container中 */
[data-theme="light"] #next-btn {
  position: static !important;
  margin-left: auto !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
}

/* 确保action-buttons-container正常显示 */
[data-theme="light"] #action-buttons-container {
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
}

[data-theme="light"] #know-btn,
[data-theme="light"] #unknown-btn {
  flex: 1 !important;
  max-width: 45% !important;
  margin-right: 10px !important;
}

/* 保持"下一个"按钮的样式 */
[data-theme="light"] #next-btn {
  height: 45px !important;
  line-height: 45px !important;
  padding: 0 20px !important;
}

/* 修复浅色主题下按钮位置问题 */
[data-theme="light"] .button-container {
  position: relative !important;
  display: flex !important;
  justify-content: space-between !important;
  width: 100% !important;
}

[data-theme="light"] #know-btn,
[data-theme="light"] #unknown-btn {
  flex: 1 !important;
  max-width: 25% !important;
  height: 55px;
}

/* 移除.next-button的绝对定位，让按钮正常显示在action-buttons-container中 */
[data-theme="light"] .next-button {
  position: static !important;
  right: auto !important;
  margin-left: 10px !important;
  order: 0 !important;
}
  transition: none !important;
}

[data-theme="light"] .button-group {
  position: relative !important;
}

/* 浅色主题下语音速度调节器样式 - 确保文字和滑动条有足够对比度 */
[data-theme="light"] .global-speed-control-container {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(0, 102, 255, 0.2) !important;
  box-shadow: 0 4px 15px rgba(0, 102, 255, 0.1) !important;
}

[data-theme="light"] .global-speed-control-container span {
  color: #1a365d !important; /* 深蓝色文字确保对比度 */
  font-weight: 600 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] #globalSpeechSpeedControl {
  background: linear-gradient(90deg, #0066cc, #00aaff) !important;
  border: 1px solid rgba(0, 102, 255, 0.3) !important;
}

[data-theme="light"] #globalSpeechSpeedControl::-webkit-slider-thumb {
  background: #0066cc !important;
  border: 2px solid #ffffff !important;
  box-shadow: 0 0 8px rgba(0, 102, 255, 0.5) !important;
}

[data-theme="light"] #globalSpeechSpeedControl::-moz-range-thumb {
  background: #0066cc !important;
  border: 2px solid #ffffff !important;
  box-shadow: 0 0 8px rgba(0, 102, 255, 0.5) !important;
}

[data-theme="light"] #globalSpeedValueDisplay {
  color: #0066cc !important; /* 深蓝色文字确保对比度 */
  font-weight: 700 !important;
  text-shadow: 0 1px 2px rgba(0, 102, 255, 0.3) !important;
}

[data-theme="light"] #globalTestSpeedBtn {
  background: linear-gradient(45deg, #0066cc, #00aaff) !important;
  color: white !important;
  border: 1px solid rgba(0, 102, 255, 0.3) !important;
  box-shadow: 0 2px 8px rgba(0, 102, 255, 0.3) !important;
}

[data-theme="light"] #globalTestSpeedBtn:hover {
  background: linear-gradient(45deg, #0055aa, #0099ff) !important;
  box-shadow: 0 4px 12px rgba(0, 102, 255, 0.4) !important;
}

/* 浅色主题下抄写测评试听按钮文字白色 */
[data-theme="light"] #testSpeedBtn {
  color: white !important;
}

[data-theme="light"] #testSpeedBtn:hover {
  color: white !important;
}

/* 浅色主题下拼写和听力问题显示样式 */
[data-theme="light"] #spellingQuestion,
[data-theme="light"] #listeningQuestion {
  color: #0066cc !important; /* 使用更深的蓝色确保对比度 */
  font-weight: bold;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* 浅色主题下输入框文字颜色 */
[data-theme="light"] #spellingAnswer,
[data-theme="light"] #listeningAnswer {
  color: #1a365d !important; /* 使用深色文字确保可读性 */
  font-weight: bold;
}

/* 浅色主题下输入框placeholder样式 */
[data-theme="light"] #spellingAnswer::placeholder,
[data-theme="light"] #listeningAnswer::placeholder {
  color: #a0aec0 !important; /* 使用浅灰色placeholder */
  opacity: 0.8;
}

/* ==================== AI错词造句模块 - 浅色主题优化 ==================== */
[data-theme="light"] #aiSentenceModal .modal-content {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.99), rgba(252, 254, 255, 0.97)) !important;
  border: 1px solid var(--border-light) !important;
  box-shadow: 0 24px 80px rgba(79, 124, 255, 0.12) !important;
  border-radius: var(--radius-xl) !important;
}

[data-theme="light"] #aiSentenceModal h3 {
  color: var(--primary-color) !important;
  font-weight: 600 !important;
  font-size: 1.35rem !important;
  text-align: center !important;
  margin-bottom: 22px !important;
  background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

[data-theme="light"] .ai-sentence-content {
  padding: 22px !important;
}

[data-theme="light"] .word-display {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(252, 254, 255, 0.95)) !important;
  border: 1px solid var(--border-light) !important;
  border-radius: var(--radius-md) !important;
  padding: 18px !important;
  margin-bottom: 18px !important;
  box-shadow: var(--shadow-sm) !important;
}

[data-theme="light"] .word-display h4 {
  color: var(--text-primary) !important;
  font-size: 1.2rem !important;
  font-weight: 500 !important;
  margin-bottom: 8px !important;
}

[data-theme="light"] #error-word-text {
  color: var(--primary-color) !important;
  font-weight: 600 !important;
  font-size: 1.2rem !important;
}

[data-theme="light"] .word-display p {
  color: var(--text-secondary) !important;
  font-size: 1em !important;
  margin: 0 !important;
}

[data-theme="light"] #error-word-meaning {
  color: var(--text-primary) !important;
  font-weight: 400 !important;
  font-style: italic !important;
}

[data-theme="light"] .sentence-input {
  margin-bottom: 18px !important;
}

[data-theme="light"] #sentence-input {
  background: rgba(255, 255, 255, 0.98) !important;
  border: 1.5px solid var(--border-color) !important;
  border-radius: var(--radius-sm) !important;
  padding: 14px !important;
  color: var(--text-primary) !important;
  font-size: 1em !important;
  line-height: 1.6 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  box-shadow: var(--shadow-sm) !important;
  transition: all var(--transition-normal) !important;
  resize: vertical !important;
  min-height: 110px !important;
}

[data-theme="light"] #sentence-input:focus {
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 0 3px rgba(79, 124, 255, 0.1) !important;
  outline: none !important;
  transform: translateY(-1px) !important;
}

[data-theme="light"] #sentence-input::placeholder {
  color: var(--text-muted) !important;
  opacity: 0.8 !important;
  font-style: italic !important;
}

[data-theme="light"] .modal-buttons {
  display: flex !important;
  gap: 12px !important;
  justify-content: center !important;
  margin-bottom: 18px !important;
  flex-wrap: wrap !important;
}

/* 浅色主题下测评报告模态框下载按钮白色文字 */
[data-theme="light"] #assessmentReportModal .modal-buttons .btn {
  color: white !important;
}

/* ==================== 测评报告模态框 - 浅色主题 ==================== */
/* 测评报告容器 */
[data-theme="light"] #assessmentReport {
  background: rgba(255, 255, 255, 0.95) !important;
  color: var(--text-primary) !important;
}

/* 测评报告头部 */
[data-theme="light"] #assessmentReport .assessment-report-header {
  background: linear-gradient(135deg, rgba(0, 102, 255, 0.08), rgba(0, 200, 255, 0.05)) !important;
  border: 1px solid rgba(0, 102, 255, 0.15) !important;
  border-radius: 12px !important;
  padding: 20px !important;
  margin-bottom: 20px !important;
}

[data-theme="light"] #assessmentReport .assessment-report-header h4 {
  color: #0066cc !important;
  font-weight: 600 !important;
}

[data-theme="light"] #assessmentReport .assessment-report-header p {
  color: #5a6c7d !important;
}

/* 测评报告分数 - 红色手写体 */
[data-theme="light"] #assessmentReport .assessment-score {
  color: #e53935 !important;
  font-weight: 700 !important;
  font-family: 'Brush Script MT', 'Comic Sans MS', 'Ma Shan Zheng', 'STXingkai', 'KaiTi', cursive, sans-serif !important;
}

/* 抄写测评报告头部 */
[data-theme="light"] #copyReport .assessment-report-header {
  background: linear-gradient(135deg, rgba(0, 102, 255, 0.08), rgba(0, 200, 255, 0.05)) !important;
  border: 1px solid rgba(0, 102, 255, 0.15) !important;
  border-radius: 12px !important;
  padding: 20px !important;
  margin-bottom: 20px !important;
}

[data-theme="light"] #copyReport .assessment-report-header h4 {
  color: #0066cc !important;
  font-weight: 600 !important;
}

[data-theme="light"] #copyReport .assessment-report-header p {
  color: #5a6c7d !important;
}

/* 抄写测评报告分数 - 红色手写体 */
[data-theme="light"] #copyReport .assessment-score {
  color: #e53935 !important;
  font-weight: 700 !important;
  font-family: 'Brush Script MT', 'Comic Sans MS', 'Ma Shan Zheng', 'STXingkai', 'KaiTi', cursive, sans-serif !important;
}

[data-theme="light"] #copyReport .assessment-details h4 {
  color: #0066cc !important;
  font-weight: 600 !important;
}

/* 测评报告表格 */
[data-theme="light"] #assessmentReport .assessment-details-table {
  background: rgba(255, 255, 255, 0.98) !important;
  border: 1px solid rgba(0, 102, 255, 0.12) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

[data-theme="light"] #assessmentReport .assessment-details-table th {
  background: linear-gradient(135deg, rgba(0, 102, 255, 0.1), rgba(0, 200, 255, 0.05)) !important;
  color: #1a365d !important;
  font-weight: 600 !important;
  border-bottom: 1px solid rgba(0, 102, 255, 0.15) !important;
}

[data-theme="light"] #assessmentReport .assessment-details-table td {
  color: var(--text-primary) !important;
  border-bottom: 1px solid rgba(0, 102, 255, 0.08) !important;
}

[data-theme="light"] #assessmentReport .assessment-details-table tr:hover {
  background: rgba(0, 102, 255, 0.03) !important;
}

/* 正确/错误标记 */
[data-theme="light"] #assessmentReport .correct {
  color: #28a745 !important;
  font-weight: 600 !important;
}

[data-theme="light"] #assessmentReport .incorrect {
  color: #dc3545 !important;
  font-weight: 600 !important;
}

/* 单词射击游戏报告 */
[data-theme="light"] #assessmentReport .word-shooter-game-report {
  background: linear-gradient(135deg, rgba(240, 248, 255, 0.98), rgba(235, 245, 255, 0.96)) !important;
  border: 1px solid rgba(0, 102, 255, 0.15) !important;
  border-radius: 12px !important;
  padding: 20px !important;
}

[data-theme="light"] #assessmentReport .word-shooter-game-report h5 {
  color: #0066cc !important;
}

[data-theme="light"] #assessmentReport .word-shooter-game-report .stat-item {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(0, 102, 255, 0.1) !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
}

[data-theme="light"] #assessmentReport .word-shooter-game-report .stat-label {
  color: #5a6c7d !important;
}

[data-theme="light"] #assessmentReport .word-shooter-game-report .stat-value {
  color: #0066cc !important;
  font-weight: 600 !important;
}

[data-theme="light"] #assessmentReport .word-shooter-game-report .game-description {
  color: #5a6c7d !important;
}

[data-theme="light"] #assessmentReport .word-shooter-game-report .game-description strong {
  color: #0066cc !important;
}

[data-theme="light"] #ai-check-btn,
[data-theme="light"] #next-word-btn,
[data-theme="light"] #close-ai-modal {
  padding: 12px 25px !important;
  font-size: 1.1em !important;
  font-weight: 600 !important;
  border-radius: 12px !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  min-width: 120px !important;
  box-shadow: 0 6px 20px rgba(0, 102, 255, 0.25) !important;
}

[data-theme="light"] #ai-check-btn {
  background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)) !important;
  color: white !important;
}

[data-theme="light"] #ai-check-btn:hover {
  background: linear-gradient(135deg, var(--secondary-color), var(--primary-color)) !important;
  box-shadow: 0 8px 25px rgba(0, 102, 255, 0.35) !important;
  transform: translateY(-2px) !important;
}

[data-theme="light"] #next-word-btn {
  background: linear-gradient(135deg, #00d4ff, #00b8e6) !important;
  color: white !important;
}

[data-theme="light"] #next-word-btn:hover {
  background: linear-gradient(135deg, #00b8e6, #00d4ff) !important;
  box-shadow: 0 8px 25px rgba(0, 212, 255, 0.3) !important;
  transform: translateY(-2px) !important;
}

[data-theme="light"] #close-ai-modal {
  background: linear-gradient(135deg, #6c757d, #495057) !important;
  color: white !important;
}

[data-theme="light"] #close-ai-modal:hover {
  background: linear-gradient(135deg, #495057, #6c757d) !important;
  box-shadow: 0 8px 25px rgba(108, 117, 125, 0.3) !important;
}

/* ==================== 竞速游戏报告 - 浅色主题 ==================== */
[data-theme="light"] #assessmentReport .racing-game-report {
  background: #ffffff !important;
  border: 2px solid #e0e0e0 !important;
  border-radius: 15px !important;
  padding: 20px !important;
  color: #333 !important;
}

[data-theme="light"] #assessmentReport .racing-game-report h5 {
  color: #0066cc !important;
}

[data-theme="light"] #assessmentReport .racing-game-report .stat-grid > div {
  background: #f5f5f5 !important;
  border: 1px solid #ddd !important;
  border-radius: 10px !important;
}

[data-theme="light"] #assessmentReport .racing-game-report .stat-value {
  color: #0066cc !important;
}

[data-theme="light"] #assessmentReport .racing-game-report .stat-label {
  color: #666 !important;
}

[data-theme="light"] #assessmentReport .racing-game-report .score-box {
  background: #e3f2fd !important;
  border: 1px solid #90caf9 !important;
}

[data-theme="light"] #assessmentReport .racing-game-report .error-words-section {
  background: #ffebee !important;
  border: 1px solid #ef9a9a !important;
}

[data-theme="light"] #assessmentReport .racing-game-report .success-section {
  background: #e8f5e9 !important;
  border: 1px solid #a5d6a7 !important;
}

[data-theme="light"] #assessmentReport .racing-game-report .game-info {
  background: #f5f5f5 !important;
  border: 1px solid #ddd !important;
}

/* ==================== 陨石大战游戏报告 - 浅色主题 ==================== */
[data-theme="light"] #assessmentReport .meteor-game-report,
[data-theme="light"] #assessmentReport [style*="background: linear-gradient(180deg, #1a1a2e"] {
  background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%) !important;
  border: 2px solid #ff6633 !important;
  color: #333 !important;
}

[data-theme="light"] #assessmentReport .meteor-game-report h5,
[data-theme="light"] #assessmentReport [style*="color: #ff6633"] {
  color: #e65100 !important;
}

[data-theme="light"] #assessmentReport .meteor-game-report .stat-card {
  background: rgba(255,255,255,0.9) !important;
  border: 1px solid rgba(0,0,0,0.1) !important;
}

[data-theme="light"] #assessmentReport .meteor-game-report .word-list-perfect {
  background: rgba(76,175,80,0.1) !important;
  border: 1px solid rgba(76,175,80,0.3) !important;
}

[data-theme="light"] #assessmentReport .meteor-game-report .word-list-retried {
  background: rgba(255,193,7,0.1) !important;
  border: 1px solid rgba(255,193,7,0.3) !important;
}

[data-theme="light"] #assessmentReport .meteor-game-report .word-list-retry {
  background: rgba(156,136,255,0.1) !important;
  border: 1px solid rgba(156,136,255,0.3) !important;
}

[data-theme="light"] #assessmentReport .meteor-game-report .word-list-wrong {
  background: rgba(244,67,54,0.1) !important;
  border: 1px solid rgba(244,67,54,0.3) !important;
}

[data-theme="light"] #assessmentReport .meteor-game-report .game-description-box {
  background: rgba(255,102,51,0.05) !important;
  border: 1px solid rgba(255,102,51,0.2) !important;
}

/* ==================== 时文阅读报告 - 浅色主题 ==================== */
[data-theme="light"] #assessmentReport [style*="background: #16213E"] {
  background: #f5f7fa !important;
  border: 1px solid #e0e6ed !important;
}

[data-theme="light"] #assessmentReport [style*="background: #0F3460"] {
  background: #ffffff !important;
  border: 1px solid #d0d7de !important;
}

[data-theme="light"] #assessmentReport [style*="background: linear-gradient(135deg, #1E3C72, #2A5298)"] {
  background: linear-gradient(135deg, #e3f2fd, #bbdefb) !important;
  border: 1px solid #90caf9 !important;
}

[data-theme="light"] #assessmentReport [style*="background: rgba(255,255,255,0.1)"] {
  background: rgba(0,102,255,0.05) !important;
}

[data-theme="light"] #assessmentReport [style*="color: #E2E2E2"] {
  color: #333 !important;
}

[data-theme="light"] #assessmentReport [style*="color: #64B5F6"] {
  color: #0066cc !important;
}

[data-theme="light"] #assessmentReport [style*="color: #FFD700"] {
  color: #f57c00 !important;
}

[data-theme="light"] #assessmentReport [style*="color: #FF9800"] {
  color: #e65100 !important;
}

[data-theme="light"] #assessmentReport [style*="background: #1E4B2F"],
[data-theme="light"] #assessmentReport [style*="background: #4A1E1E"] {
  background: #ffffff !important;
  border: 2px solid #ddd !important;
}

/* ==================== 下载报告模态框 - 浅色主题 ==================== */
[data-theme="light"] #assessmentReportModal .modal-content {
  background: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  box-shadow: 0 10px 40px rgba(0,0,0,0.1) !important;
}

[data-theme="light"] #assessmentReportModal h3 {
  color: #333 !important;
}

[data-theme="light"] #downloadReportBtn {
  background: linear-gradient(135deg, #0066cc, #0052a3) !important;
  color: white !important;
  border: none !important;
}

[data-theme="light"] #downloadReportBtn:hover {
  background: linear-gradient(135deg, #0052a3, #0066cc) !important;
  box-shadow: 0 4px 15px rgba(0,102,255,0.3) !important;
}

/* ==================== 单词量测评报告 - 浅色主题 ==================== */
[data-theme="light"] #assessmentReport .result-summary {
  background: linear-gradient(135deg, rgba(0,102,255,0.08), rgba(0,200,255,0.05)) !important;
  border: 1px solid rgba(0,102,255,0.15) !important;
}

[data-theme="light"] #assessmentReport .summary-item {
  background: #ffffff !important;
  border: 1px solid rgba(0,102,255,0.1) !important;
}

[data-theme="light"] #assessmentReport .summary-icon {
  color: #0066cc !important;
}

[data-theme="light"] #assessmentReport .summary-text h4 {
  color: #5a6c7d !important;
}

[data-theme="light"] #assessmentReport .summary-text p {
  color: #0066cc !important;
}

[data-theme="light"] #assessmentReport .stage-result {
  background: #ffffff !important;
  border: 1px solid rgba(0,102,255,0.1) !important;
}

[data-theme="light"] #assessmentReport .stage-name {
  color: #333 !important;
}

[data-theme="light"] #assessmentReport .progress-bar {
  background: linear-gradient(90deg, #0066cc, #00d4ff) !important;
}

[data-theme="light"] #assessmentReport .result-analysis {
  background: #ffffff !important;
  border: 1px solid rgba(0,102,255,0.1) !important;
}

[data-theme="light"] #assessmentReport .result-analysis h3 {
  color: #0066cc !important;
}

[data-theme="light"] #assessmentReport .analysis-content {
  color: #333 !important;
}

[data-theme="light"] #assessmentReport .analysis-content strong {
  color: #0066cc !important;
}
  transform: translateY(-2px) !important;
}

[data-theme="light"] .ai-feedback {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(245, 248, 255, 0.98)) !important;
  border: 1px solid rgba(0, 102, 255, 0.1) !important;
  border-radius: 16px !important;
  padding: 20px !important;
  margin-top: 20px !important;
  box-shadow: 0 8px 30px rgba(0, 102, 255, 0.1) !important;
}

[data-theme="light"] .ai-feedback h4 {
  color: var(--primary-color) !important;
}

/* ==================== 宣传弹窗 - 浅色主题优化 ==================== */
/* 宣传弹窗整体背景 */
[data-theme="light"] #promotionModal > div {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 255, 0.97)) !important;
  border: 1px solid var(--border-light) !important;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.12) !important;
}

/* 宣传弹窗标题 */
[data-theme="light"] #promotionModal h2 {
  -webkit-text-fill-color: var(--primary-color) !important;
  color: var(--primary-color) !important;
}

/* 宣传弹窗设置区域标题 */
[data-theme="light"] #promotionModal h3 {
  color: var(--primary-color) !important;
}

/* 宣传弹窗标签文字 */
[data-theme="light"] #promotionModal label {
  color: var(--text-secondary) !important;
}

/* 宣传弹窗下拉选择框 - 白色背景黑色文字 */
[data-theme="light"] #promotionModal select {
  background: rgba(255, 255, 255, 0.98) !important;
  border: 1.5px solid var(--border-color) !important;
  color: var(--text-primary) !important;
  box-shadow: var(--shadow-sm) !important;
}

[data-theme="light"] #promotionModal select:hover {
  border-color: var(--primary-color) !important;
  box-shadow: 0 2px 8px rgba(79, 124, 255, 0.12) !important;
}

[data-theme="light"] #promotionModal select:focus {
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 0 3px rgba(79, 124, 255, 0.12) !important;
  outline: none !important;
}

/* 宣传弹窗下拉选项 - 白色背景黑色文字 */
[data-theme="light"] #promotionModal select option {
  background-color: #ffffff !important;
  color: #1a1a2e !important;
  padding: 8px 12px !important;
}

/* 宣传弹窗输入框和文本域 */
[data-theme="light"] #promotionModal input,
[data-theme="light"] #promotionModal textarea {
  background: rgba(255, 255, 255, 0.98) !important;
  border: 1.5px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}

/* 宣传弹窗关闭按钮 */
[data-theme="light"] #promotionModal button[onclick="closePromotionModal()"] {
  background: rgba(0, 0, 0, 0.08) !important;
  color: var(--text-secondary) !important;
}

[data-theme="light"] #promotionModal button[onclick="closePromotionModal()"]:hover {
  background: rgba(0, 0, 0, 0.15) !important;
  color: var(--text-primary) !important;
}

/* 宣传弹窗生成按钮保持渐变色但文字深色 */
[data-theme="light"] #promoGenerateBtn {
  color: #1a1a2e !important;
}

/* 宣传弹窗结果区域文字颜色 */
[data-theme="light"] #promotionModal .promo-result-item,
[data-theme="light"] #promotionModal .promo-result-text {
  color: var(--text-primary) !important;
}

/* 宣传弹窗所有文字元素 - 确保可读性 */
[data-theme="light"] #promotionModal span,
[data-theme="light"] #promotionModal p,
[data-theme="light"] #promotionModal div {
  color: var(--text-primary);
}

/* 宣传弹窗中白色文字覆盖 - 浅色主题下改为深色 */
[data-theme="light"] #promotionModal [style*="color: #fff"],
[data-theme="light"] #promotionModal [style*="color:#fff"],
[data-theme="light"] #promotionModal [style*="color: white"],
[data-theme="light"] #promotionModal [style*="color:white"] {
  color: var(--text-primary) !important;
}

/* 宣传弹窗中浅色背景区域 */
[data-theme="light"] #promotionModal [style*="background: rgba(255,255,255,0.05)"],
[data-theme="light"] #promotionModal [style*="background:rgba(255,255,255,0.05)"] {
  background: rgba(79, 124, 255, 0.04) !important;
  border: 1px solid var(--border-light) !important;
}
  font-weight: 700 !important;
  font-size: 1.3em !important;
  margin-bottom: 15px !important;
  border-bottom: 2px solid var(--primary-color) !important;
  padding-bottom: 8px !important;
  display: inline-block !important;
}

[data-theme="light"] #feedback-content {
  color: var(--text-primary) !important;
  font-size: 1.1em !important;
  line-height: 1.6 !important;
  background: rgba(255, 255, 255, 0.9) !important;
  padding: 15px !important;
  border-radius: 12px !important;
  border-left: 4px solid var(--success-color) !important;
  box-shadow: 0 4px 15px rgba(0, 102, 255, 0.08) !important;
}

[data-theme="light"] #feedback-content p {
  margin: 10px 0 !important;
  color: var(--text-secondary) !important;
}

[data-theme="light"] #feedback-content strong {
  color: var(--primary-color) !important;
  font-weight: 600 !important;
}

[data-theme="light"] #feedback-content em {
  color: var(--success-color) !important;
  font-style: italic !important;
}

/* 响应式设计 */
@media (max-width: 768px) {
  [data-theme="light"] .ai-sentence-content {
    padding: 15px !important;
  }
  
  [data-theme="light"] .modal-buttons {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
  }
  
  [data-theme="light"] #ai-check-btn,
  [data-theme="light"] #next-word-btn,
  [data-theme="light"] #close-ai-modal {
    width: 100% !important;
    min-width: auto !important;
  }
  
  [data-theme="light"] .word-display,
  [data-theme="light"] .ai-feedback {
    padding: 15px !important;
    border-radius: 12px !important;
  }
  
  [data-theme="light"] #sentence-input {
    font-size: 1em !important;
    min-height: 100px !important;
  }
}

/* 科技感光效增强 */
[data-theme="light"] #aiSentenceModal .modal-content::before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: linear-gradient(45deg, 
    rgba(0, 102, 255, 0.1), 
    rgba(0, 212, 255, 0.1), 
    rgba(255, 62, 124, 0.1), 
    rgba(0, 102, 255, 0.1));
  border-radius: 22px;
  z-index: -1;
  animation: techGlow 3s ease-in-out infinite;
  pointer-events: none;
}

[data-theme="light"] .word-display::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  background: linear-gradient(45deg, 
    rgba(0, 102, 255, 0.05), 
    rgba(0, 212, 255, 0.05), 
    rgba(255, 62, 124, 0.05), 
    rgba(0, 102, 255, 0.05));
  border-radius: 17px;
  z-index: -1;
  /* 移除复杂动画以提升性能 */
  pointer-events: none;
}

[data-theme="light"] .ai-feedback::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  background: linear-gradient(45deg, 
    rgba(0, 200, 150, 0.05), 
    rgba(0, 212, 255, 0.05), 
    rgba(0, 102, 255, 0.05), 
    rgba(0, 200, 150, 0.05));
  border-radius: 17px;
  z-index: -1;
  /* 移除复杂动画以提升性能 */
  pointer-events: none;
}

/* 浅色主题下反馈按钮改为浅蓝色 */
[data-theme="light"] #feedback-btn,
html[data-theme="light"] body #feedback-btn {
  background: linear-gradient(135deg, #42a5f5, #1e88e5) !important;
  color: #fff !important;
}

@keyframes techGlow {
  0%, 100% { opacity: 0.3; }
  50% { opacity: 0.6; }
}

@keyframes subtleGlow {
  0%, 100% { opacity: 0.2; }
  50% { opacity: 0.4; }
}

/* ==================== 宣传库弹窗 - 浅色主题优化 ==================== */
[data-theme="light"] #promoLibraryModal > div {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 255, 0.97)) !important;
  border: 1px solid var(--border-light) !important;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.12) !important;
}

[data-theme="light"] #promoLibraryModal h2 {
  -webkit-text-fill-color: var(--primary-color) !important;
  color: var(--primary-color) !important;
}

[data-theme="light"] #promoLibraryModal label {
  color: var(--text-secondary) !important;
}

[data-theme="light"] #promoLibraryModal select {
  background: rgba(255, 255, 255, 0.98) !important;
  border: 1.5px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}

[data-theme="light"] #promoLibraryModal select option {
  background-color: #ffffff !important;
  color: #1a1a2e !important;
}

/* 宣传库卡片浅色 */
[data-theme="light"] #promoLibraryModal div[style*="rgba(255,255,255,0.04)"] {
  background: rgba(0, 0, 0, 0.02) !important;
  border: 1px solid var(--border-light) !important;
}

[data-theme="light"] #promoLibContentList span[style*="color: #e0e0e0"] {
  color: var(--text-primary) !important;
}

/* 宣传库筛选栏浅色 */
[data-theme="light"] #promoLibraryModal div[style*="rgba(255,255,255,0.05)"] {
  background: rgba(79, 124, 255, 0.04) !important;
  border: 1px solid var(--border-light) !important;
}

/* 宣传库按钮浅色 */
[data-theme="light"] #promoLibraryModal button[onclick*="closePromotionLibrary"] {
  background: rgba(0, 0, 0, 0.08) !important;
  color: var(--text-secondary) !important;
}

[data-theme="light"] #promoLibraryModal button[onclick*="closePromotionLibrary"]:hover {
  background: rgba(0, 0, 0, 0.15) !important;
  color: var(--text-primary) !important;
}

/* 宣传库option选项浅色 */
[data-theme="light"] #promoLibraryModal select option {
  background-color: #ffffff !important;
  color: #1a1a2e !important;
  padding: 8px 12px !important;
}

/* 宣传库内容列表文字浅色 */
[data-theme="light"] #promoLibContentList div,
[data-theme="light"] #promoLibContentList span {
  color: var(--text-primary);
}

[data-theme="light"] #promoLibContentList div[style*="color: #e0e0e0"],
[data-theme="light"] #promoLibContentList div[style*="color:#e0e0e0"] {
  color: var(--text-primary) !important;
}

[data-theme="light"] #promoLibContentList div[style*="color: #666"],
[data-theme="light"] #promoLibContentList div[style*="color:#666"],
[data-theme="light"] #promoLibContentList span[style*="color: #666"],
[data-theme="light"] #promoLibContentList span[style*="color:#666"] {
  color: var(--text-secondary) !important;
}

[data-theme="light"] #promoLibContentList div[style*="color: #888"],
[data-theme="light"] #promoLibContentList div[style*="color:#888"],
[data-theme="light"] #promoLibContentList div[style*="color: #aaa"],
[data-theme="light"] #promoLibContentList div[style*="color:#aaa"] {
  color: var(--text-secondary) !important;
}

/* 宣传库删除按钮浅色 */
[data-theme="light"] #promoLibContentList button[style*="rgba(255,107,107"] {
  background: rgba(220, 50, 50, 0.1) !important;
  color: #d43d3d !important;
}

/* 宣传库使用按钮浅色 - 保持渐变但文字深色 */
[data-theme="light"] #promoLibContentList button[style*="background: linear-gradient(135deg, #4facfe"] {
  color: #1a1a2e !important;
}

/* ==================== 图片预览弹窗 - 浅色主题 ==================== */
/* 预览遮罩层保持深色以突出图片，但文案面板需要浅色 */

/* 文案信息面板 */
[data-theme="light"] .promo-preview-info-panel {
  background: rgba(255, 255, 255, 0.97) !important;
  border: 1px solid var(--border-light) !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15) !important;
}

/* 预览面板标题 */
[data-theme="light"] .promo-preview-title {
  color: var(--text-primary) !important;
  border-bottom-color: var(--border-light) !important;
}

/* 预览面板标签 */
[data-theme="light"] .promo-preview-tag {
  background: rgba(79, 124, 255, 0.1) !important;
  color: #4f7cff !important;
}

/* 预览面板文案文字 */
[data-theme="light"] .promo-preview-text,
[data-theme="light"] .promo-preview-text-wrap {
  color: var(--text-primary) !important;
}

[data-theme="light"] #promoLibPreviewText {
  color: var(--text-primary) !important;
}

/* 预览面板日期 */
[data-theme="light"] .promo-preview-date {
  color: var(--text-secondary) !important;
}

/* 预览面板使用按钮 */
[data-theme="light"] .promo-preview-use-btn {
  color: #1a1a2e !important;
}

/* 预览面板关闭按钮 */
[data-theme="light"] .promo-preview-close-btn {
  background: rgba(0, 0, 0, 0.06) !important;
  color: var(--text-secondary) !important;
}

[data-theme="light"] .promo-preview-close-btn:hover {
  background: rgba(0, 0, 0, 0.12) !important;
  color: var(--text-primary) !important;
}

/* ==================== 宣传弹窗结果区 - 浅色补充 ==================== */
/* 生成结果中的文案文字 */
[data-theme="light"] #promotionModal div[style*="color: #e0e0e0"],
[data-theme="light"] #promotionModal div[style*="color:#e0e0e0"] {
  color: var(--text-primary) !important;
}

/* 生成结果中的文案背景 */
[data-theme="light"] #promotionModal div[style*="background: rgba(0,0,0,0.2)"],
[data-theme="light"] #promotionModal div[style*="background:rgba(0,0,0,0.2)"] {
  background: rgba(79, 124, 255, 0.04) !important;
  border: 1px solid var(--border-light) !important;
}

/* 生成结果按钮颜色 */
[data-theme="light"] #promotionModal button[style*="background: linear-gradient(135deg, #a18cd1"] {
  color: #1a1a2e !important;
}

/* ==================== Toast提示 - 浅色主题 ==================== */
[data-theme="light"] #promoToast {
  background: rgba(30, 30, 50, 0.9) !important;
  color: #fff !important;
}

/* ==================== 宣传库/宣传弹窗 错误和加载提示 - 浅色 ==================== */
/* #888灰色的加载/空状态提示 */
[data-theme="light"] #promoLibContentList div[style*="color: #888"],
[data-theme="light"] #promoLibContentList small[style*="color: #888"],
[data-theme="light"] #promotionModal div[style*="color: #888"],
[data-theme="light"] #promotionModal small[style*="color: #888"] {
  color: var(--text-secondary) !important;
}

/* #ff6b6b红色的错误提示 - 浅色下保持红色但加深一点 */
[data-theme="light"] #promoLibContentList div[style*="color: #ff6b6b"],
[data-theme="light"] #promotionModal div[style*="color: #ff6b6b"] {
  color: #d43d3d !important;
}

/* 加载动画spinner - 浅色 */
[data-theme="light"] .spinner[style*="border-top-color: #4facfe"] {
  border-color: rgba(0, 0, 0, 0.1) !important;
  border-top-color: #4f7cff !important;
}

/* 宣传库卡片内文案区域背景 */
[data-theme="light"] #promoLibContentList div[style*="background: rgba(0,0,0,0.2)"],
[data-theme="light"] #promoLibContentList div[style*="background:rgba(0,0,0,0.2)"] {
  background: rgba(79, 124, 255, 0.03) !important;
}

/* 宣传弹窗option - 浅色下确保可读 */
[data-theme="light"] #promotionModal select option {
  background-color: #ffffff !important;
  color: #1a1a2e !important;
}

/* 宣传弹窗生成结果区域按钮组 */
[data-theme="light"] #promotionModal button[style*="color: #fff"][style*="font-size: 13px"] {
  color: #1a1a2e !important;
}

/* 宣传弹窗中深色背景区域 - 浅色覆盖 */
[data-theme="light"] #promotionModal div[style*="background: rgba(255,255,255,0.08)"],
[data-theme="light"] #promotionModal div[style*="background:rgba(255,255,255,0.08)"] {
  background: rgba(255, 255, 255, 0.5) !important;
  border: 1px solid var(--border-light) !important;
}

/* 宣传弹窗textarea浅色 */
[data-theme="light"] #promotionModal textarea {
  background: rgba(255, 255, 255, 0.98) !important;
  border: 1.5px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}

[data-theme="light"] #promotionModal textarea::placeholder {
  color: var(--text-secondary) !important;
}

/* ==================== AI错词造句按钮 - 浅色主题美化 ==================== */
[data-theme="light"] #ai-sentence-btn {
  background: linear-gradient(135deg, #667eea, #764ba2) !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 10px 20px !important;
  font-size: 0.87rem !important;
  font-weight: 600 !important;
  color: white !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 6px 20px rgba(102, 126, 234, 0.3) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  position: relative !important;
  overflow: hidden !important;
  min-width: 120px !important;
  margin: 0 8px 8px 0 !important;
}

[data-theme="light"] #ai-sentence-btn:hover {
  background: linear-gradient(135deg, #764ba2, #667eea) !important;
  box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4) !important;
  transform: translateY(-2px) !important;
}

[data-theme="light"] #ai-sentence-btn:active {
  transform: translateY(0) !important;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.25) !important;
}

[data-theme="light"] #ai-sentence-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, 
    transparent, 
    rgba(255, 255, 255, 0.3), 
    transparent);
  transition: left 0.5s ease;
}

[data-theme="light"] #ai-sentence-btn:hover::before {
  left: 100%;
}

[data-theme="light"] #ai-sentence-btn::after {
  content: '✨';
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  font-size: 12px;
  opacity: 0.8;
  transition: all 0.3s ease;
}

[data-theme="light"] #ai-sentence-btn:hover::after {
  transform: translateY(-50%) rotate(360deg);
  opacity: 1;
}

/* 与生成语法讲解按钮的样式协调 */
[data-theme="light"] #generate-grammar-btn {
  background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)) !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 10px 20px !important;
  font-size: 0.87rem !important;
  font-weight: 600 !important;
  color: white !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 6px 20px rgba(0, 102, 255, 0.3) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  min-width: 120px !important;
  margin: 0 8px 8px 0 !important;
}

[data-theme="light"] #generate-grammar-btn:hover {
  background: linear-gradient(135deg, var(--secondary-color), var(--primary-color)) !important;
  box-shadow: 0 8px 25px rgba(0, 102, 255, 0.4) !important;
  transform: translateY(-2px) !important;
}

/* 按钮容器样式优化 */
[data-theme="light"] .grammar-buttons-container {
  display: flex !important;
  gap: 12px !important;
  justify-content: center !important;
  align-items: center !important;
  margin-top: 15px !important;
  flex-wrap: wrap !important;
}

/* 响应式设计 */
@media (max-width: 768px) {
  [data-theme="light"] #ai-sentence-btn,
  [data-theme="light"] #generate-grammar-btn {
    width: 100% !important;
    min-width: auto !important;
    margin: 0 0 12px 0 !important;
  }
  
  [data-theme="light"] .grammar-buttons-container {
    flex-direction: column !important;
    gap: 8px !important;
  }
  
  [data-theme="light"] #ai-sentence-btn::after,
  [data-theme="light"] #generate-grammar-btn::after {
    display: none !important;
  }
}

/* 按钮光效动画 */
@keyframes buttonGlow {
  0%, 100% {
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.3);
  }
  50% {
    box-shadow: 0 6px 25px rgba(102, 126, 234, 0.5), 
                0 0 15px rgba(102, 126, 234, 0.3);
  }
}

[data-theme="light"] #ai-sentence-btn {
  animation: buttonGlow 3s ease-in-out infinite;
}

[data-theme="light"] #generate-grammar-btn {
  animation: buttonGlow 3s ease-in-out infinite 1.5s;
}

/* 浅色主题下大屏幕选择框优化 */
@media (min-width: 1681px) {
  [data-theme="light"] select {
    font-size: 0.8rem !important;
    line-height: 1.2 !important;
    padding: 6px 10px !important;
    text-align: center;
    color: #1a365d;
    background-color: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(0, 102, 255, 0.2);
  }
  
  [data-theme="light"] select option {
    font-size: 0.8rem !important;
    line-height: 1.2 !important;
    padding: 6px 10px !important;
    text-align: center;
    min-height: 28px !important;
    color: #1a365d;
    background-color: rgba(255, 255, 255, 0.95);
  }
  
  [data-theme="light"] .styled-select {
    font-size: 0.8rem !important;
    line-height: 1.2 !important;
    padding: 6px 10px !important;
    text-align: center;
    height: 36px !important;
    min-height: 36px !important;
    color: #1a365d;
    background-color: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(0, 102, 255, 0.2);
  }
  
  /* AI全脑速记和AI作文辅导面板选择框优化 */
  [data-theme="light"] #wordMemoryPanel .grade-module-selector select,
  [data-theme="light"] #englishCompositionPanel .grade-module-selector select {
    font-size: 0.8rem !important;
    line-height: 1.2 !important;
    padding: 6px 10px !important;
    text-align: center;
    color: #1a365d;
    background-color: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(0, 102, 255, 0.2);
    height: 36px !important;
    min-height: 36px !important;
    min-width: 120px !important;
  }
  
  [data-theme="light"] #wordMemoryPanel .grade-module-selector option,
  [data-theme="light"] #englishCompositionPanel .grade-module-selector option {
    font-size: 0.8rem !important;
    line-height: 1.2 !important;
    padding: 6px 10px !important;
    text-align: center;
    min-height: 28px !important;
    color: #1a365d;
    background-color: rgba(255, 255, 255, 0.95);
  }
  
  /* AI时文阅读模块选择框优化 */
  [data-theme="light"] .news-config-section select {
    font-size: 0.8rem !important;
    line-height: 1.2 !important;
    padding: 6px 10px !important;
    text-align: center;
    color: #1a365d;
    background-color: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(0, 102, 255, 0.2);
    height: 36px !important;
    min-height: 36px !important;
    min-width: 140px !important;
  }
  
  [data-theme="light"] .news-config-section select option {
    font-size: 0.8rem !important;
    line-height: 1.2 !important;
    padding: 6px 10px !important;
    text-align: center;
    min-height: 28px !important;
    color: #1a365d;
    background-color: rgba(255, 255, 255, 0.95);
  }
  
  /* 时文阅读模块中的其他选择框优化 */
  [data-theme="light"] #newsReadingPanel select,
  [data-theme="light"] #englishNewsReadingPanel select {
    font-size: 0.8rem !important;
    line-height: 1.2 !important;
    padding: 6px 10px !important;
    text-align: center;
    color: #1a365d;
    background-color: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(0, 102, 255, 0.2);
    height: 36px !important;
    min-height: 36px !important;
    min-width: 140px !important;
  }
  
  [data-theme="light"] #newsReadingPanel select option,
  [data-theme="light"] #englishNewsReadingPanel select option {
    font-size: 0.8rem !important;
    line-height: 1.2 !important;
    padding: 6px 10px !important;
    text-align: center;
    min-height: 28px !important;
  }

/* ========================================
   抗遗忘训练统计样式 - 浅色主题优化
   ======================================== */

/* 抗遗忘训练统计标签 */
[data-theme="light"] .error-words-panel .stat-label,
[data-theme="light"] .error-words-header .stat-label,
[data-theme="light"] .statistics .stat-label {
  font-size: 1.1rem !important;
  color: #1a1a1a !important;
  font-weight: 500;
}

/* 抗遗忘训练统计数值 */
[data-theme="light"] .error-words-panel .stat-value,
[data-theme="light"] .error-words-header .stat-value,
[data-theme="light"] .statistics .stat-value,
[data-theme="light"] #errorWordsCount {
  font-size: 2rem !important;
  color: #1a1a1a !important;
  font-weight: bold;
}

/* 手机端抗遗忘训练统计标签 */
[data-theme="light"] .mobile-stat-label {
  font-size: 1rem !important;
  color: #1a1a1a !important;
}

/* 手机端抗遗忘训练统计数值 */
[data-theme="light"] .mobile-stat-value {
  font-size: 1.8rem !important;
  color: #1a1a1a !important;
    color: #1a365d;
    background-color: rgba(255, 255, 255, 0.95);
  }
}

/* ==================== 抗遗忘训练分页控件 - 浅色主题优化 ==================== */
/* 分页控件容器 */
[data-theme="light"] #errorWordsPagination,
html[data-theme="light"] body #errorWordsPagination {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(245, 248, 255, 0.98)) !important;
  border: 1px solid rgba(0, 102, 255, 0.15) !important;
  box-shadow: 0 4px 16px rgba(0, 102, 255, 0.08) !important;
  border-radius: 12px !important;
}

/* 分页控件中的文字 */
[data-theme="light"] #errorWordsPagination span,
html[data-theme="light"] body #errorWordsPagination span {
  color: #2d3748 !important;
  font-weight: 500 !important;
}

/* 页面大小选择器 */
[data-theme="light"] #errorWordsPageSizeSelect,
html[data-theme="light"] body #errorWordsPageSizeSelect {
  background: rgba(255, 255, 255, 0.95) !important;
  color: #1a365d !important;
  border: 2px solid rgba(0, 102, 255, 0.2) !important;
  padding: 8px 14px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  border-radius: 8px !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 2px 8px rgba(0, 102, 255, 0.06) !important;
}

[data-theme="light"] #errorWordsPageSizeSelect:hover,
html[data-theme="light"] body #errorWordsPageSizeSelect:hover {
  border-color: var(--primary-color) !important;
  box-shadow: 0 4px 12px rgba(0, 102, 255, 0.15) !important;
}

[data-theme="light"] #errorWordsPageSizeSelect:focus,
html[data-theme="light"] body #errorWordsPageSizeSelect:focus {
  border-color: var(--primary-color) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.1) !important;
}

[data-theme="light"] #errorWordsPageSizeSelect option,
html[data-theme="light"] body #errorWordsPageSizeSelect option {
  background: rgba(255, 255, 255, 0.98) !important;
  color: #1a365d !important;
  padding: 8px 14px !important;
  font-weight: 500 !important;
  font-size: 16px !important;
}

/* 自定义页面大小输入框 */
[data-theme="light"] #errorWordsCustomPageSize,
html[data-theme="light"] body #errorWordsCustomPageSize {
  background: rgba(255, 255, 255, 0.95) !important;
  color: #1a365d !important;
  border: 2px solid rgba(0, 102, 255, 0.2) !important;
  padding: 8px 12px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  border-radius: 8px !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 2px 8px rgba(0, 102, 255, 0.06) !important;
  width: 100px !important;
  text-align: center !important;
}

[data-theme="light"] #errorWordsCustomPageSize:hover,
html[data-theme="light"] body #errorWordsCustomPageSize:hover {
  border-color: var(--primary-color) !important;
  box-shadow: 0 4px 12px rgba(0, 102, 255, 0.15) !important;
}

[data-theme="light"] #errorWordsCustomPageSize:focus,
html[data-theme="light"] body #errorWordsCustomPageSize:focus {
  border-color: var(--primary-color) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.1) !important;
}

[data-theme="light"] #errorWordsCustomPageSize::placeholder,
html[data-theme="light"] body #errorWordsCustomPageSize::placeholder {
  color: #a0aec0 !important;
  opacity: 0.7 !important;
}

/* 分页按钮 */
[data-theme="light"] #errorWordsFirstPageBtn,
[data-theme="light"] #errorWordsPrevPageBtn,
[data-theme="light"] #errorWordsNextPageBtn,
[data-theme="light"] #errorWordsLastPageBtn,
[data-theme="light"] .pagination-btn,
html[data-theme="light"] body #errorWordsFirstPageBtn,
html[data-theme="light"] body #errorWordsPrevPageBtn,
html[data-theme="light"] body #errorWordsNextPageBtn,
html[data-theme="light"] body #errorWordsLastPageBtn,
html[data-theme="light"] body .pagination-btn {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(248, 250, 255, 0.98)) !important;
  color: var(--primary-color) !important;
  border: 2px solid rgba(0, 102, 255, 0.2) !important;
  padding: 10px 18px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 2px 8px rgba(0, 102, 255, 0.08) !important;
  min-width: 48px !important;
}

[data-theme="light"] #errorWordsFirstPageBtn:hover,
[data-theme="light"] #errorWordsPrevPageBtn:hover,
[data-theme="light"] #errorWordsNextPageBtn:hover,
[data-theme="light"] #errorWordsLastPageBtn:hover,
[data-theme="light"] .pagination-btn:hover,
html[data-theme="light"] body #errorWordsFirstPageBtn:hover,
html[data-theme="light"] body #errorWordsPrevPageBtn:hover,
html[data-theme="light"] body #errorWordsNextPageBtn:hover,
html[data-theme="light"] body #errorWordsLastPageBtn:hover,
html[data-theme="light"] body .pagination-btn:hover {
  background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)) !important;
  color: white !important;
  border-color: var(--primary-color) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(0, 102, 255, 0.25) !important;
}

/* 当前页码按钮 */
[data-theme="light"] .pagination-btn[style*="background: #007bff"],
[data-theme="light"] .pagination-btn.active,
html[data-theme="light"] body .pagination-btn[style*="background: #007bff"],
html[data-theme="light"] body .pagination-btn.active {
  background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)) !important;
  color: white !important;
  border-color: var(--primary-color) !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 15px rgba(0, 102, 255, 0.25) !important;
}

/* 禁用状态 */
[data-theme="light"] #errorWordsFirstPageBtn[disabled],
[data-theme="light"] #errorWordsPrevPageBtn[disabled],
[data-theme="light"] #errorWordsNextPageBtn[disabled],
[data-theme="light"] #errorWordsLastPageBtn[disabled],
[data-theme="light"] .pagination-btn[disabled],
html[data-theme="light"] body #errorWordsFirstPageBtn[disabled],
html[data-theme="light"] body #errorWordsPrevPageBtn[disabled],
html[data-theme="light"] body #errorWordsNextPageBtn[disabled],
html[data-theme="light"] body #errorWordsLastPageBtn[disabled],
html[data-theme="light"] body .pagination-btn[disabled] {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
  background: rgba(245, 248, 255, 0.5) !important;
  color: #a0aec0 !important;
  border-color: rgba(0, 102, 255, 0.1) !important;
  box-shadow: none !important;
}

[data-theme="light"] #errorWordsFirstPageBtn[disabled]:hover,
[data-theme="light"] #errorWordsPrevPageBtn[disabled]:hover,
[data-theme="light"] #errorWordsNextPageBtn[disabled]:hover,
[data-theme="light"] #errorWordsLastPageBtn[disabled]:hover,
[data-theme="light"] .pagination-btn[disabled]:hover,
html[data-theme="light"] body #errorWordsFirstPageBtn[disabled]:hover,
html[data-theme="light"] body #errorWordsPrevPageBtn[disabled]:hover,
html[data-theme="light"] body #errorWordsNextPageBtn[disabled]:hover,
html[data-theme="light"] body #errorWordsLastPageBtn[disabled]:hover,
html[data-theme="light"] body .pagination-btn[disabled]:hover {
  background: rgba(245, 248, 255, 0.5) !important;
  border-color: rgba(0, 102, 255, 0.1) !important;
  transform: none !important;
  box-shadow: none !important;
  color: #a0aec0 !important;
}

/* 页码信息 */
[data-theme="light"] #errorWordsPageInfo,
html[data-theme="light"] body #errorWordsPageInfo {
  color: #4a5568 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  padding: 0 10px !important;
}

/* 页码容器 */
[data-theme="light"] #errorWordsPageNumbers,
html[data-theme="light"] body #errorWordsPageNumbers {
  display: flex;
  gap: 10px;
}

/* 页码数字按钮 */
[data-theme="light"] #errorWordsPageNumbers button,
html[data-theme="light"] body #errorWordsPageNumbers button {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(248, 250, 255, 0.98)) !important;
  color: var(--primary-color) !important;
  border: 2px solid rgba(0, 102, 255, 0.2) !important;
  padding: 8px 14px !important;
  min-width: 40px !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  box-shadow: 0 2px 8px rgba(0, 102, 255, 0.08) !important;
}

[data-theme="light"] #errorWordsPageNumbers button:hover,
html[data-theme="light"] body #errorWordsPageNumbers button:hover {
  background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)) !important;
  color: white !important;
  border-color: var(--primary-color) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 15px rgba(0, 102, 255, 0.25) !important;
}

[data-theme="light"] #errorWordsPageNumbers button[style*="background: #007bff"],
html[data-theme="light"] body #errorWordsPageNumbers button[style*="background: #007bff"] {
  background: linear-gradient(135deg, var(--primary-color), var(--secondary-color)) !important;
  color: white !important;
  border-color: var(--primary-color) !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 15px rgba(0, 102, 255, 0.25) !important;
}

/* ==================== 错词库全选复选框 - 浅色主题 ==================== */
[data-theme="light"] #selectAllCheckbox,
html[data-theme="light"] body #selectAllCheckbox {
  width: 22px !important;
  height: 22px !important;
  cursor: pointer !important;
  accent-color: var(--primary-color) !important;
  border: 2px solid rgba(0, 102, 255, 0.3) !important;
  border-radius: 4px !important;
  transition: all 0.2s ease !important;
}

[data-theme="light"] #selectAllCheckbox:hover,
html[data-theme="light"] body #selectAllCheckbox:hover {
  border-color: var(--primary-color) !important;
  transform: scale(1.1) !important;
  box-shadow: 0 2px 8px rgba(0, 102, 255, 0.2) !important;
}

[data-theme="light"] #selectAllCheckbox:checked,
html[data-theme="light"] body #selectAllCheckbox:checked {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

/* ==================== 测评报告平台标签 - 浅色主题 ==================== */
/* 修改手机端平台标签：蓝色背景，白色文字 */
[data-theme="light"] td span[style*="background: #007bff"],
[data-theme="light"] td span[style*="background: #0056b3"] {
  background: #007bff !important;
  color: white !important;
}

/* 修改电脑端平台标签：绿色背景，白色文字 */
[data-theme="light"] td span[style*="background: #28a745"] {
  background: #28a745 !important;
  color: white !important;
}

/* ==================== 测评选择模态框 - 浅色主题 ==================== */
[data-theme="light"] .assessment-choice-modal .modal-content,
[data-theme="light"] .assessment-choice-content {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
  border: 1px solid rgba(0,0,0,0.1) !important;
}

[data-theme="light"] .assessment-header {
  background: linear-gradient(135deg, rgba(102,126,234,0.15) 0%, rgba(118,75,162,0.15) 100%) !important;
  border-bottom: 1px solid rgba(0,0,0,0.1) !important;
}

[data-theme="light"] .assessment-header h3 {
  color: #333 !important;
}

[data-theme="light"] .assessment-header p {
  color: #666 !important;
}

[data-theme="light"] .assessment-category {
  background: rgba(255,255,255,0.8) !important;
  border: 1px solid rgba(0,0,0,0.08) !important;
}

[data-theme="light"] .category-title {
  color: #333 !important;
}

[data-theme="light"] .btn-skip {
  border-color: rgba(255,255,255,0.4) !important;
  color: #fff !important;
}

[data-theme="light"] .btn-skip:hover {
  border-color: rgba(0,0,0,0.2) !important;
  color: #333 !important;
  background: rgba(255,255,255,0.9) !important;
}

[data-theme="light"] .post-learning-header {
  background: linear-gradient(135deg, rgba(67,233,123,0.15) 0%, rgba(56,249,215,0.15) 100%) !important;
}

[data-theme="light"] .btn-continue {
  color: #fff !important;
}

/* ==================== 竞速游戏报告 - 浅色主题 ==================== */
/* 竞速游戏报告容器 */
[data-theme="light"] .racing-game-report {
  background: linear-gradient(135deg, rgba(240, 248, 255, 0.98), rgba(235, 245, 255, 0.96)) !important;
  border: 1px solid rgba(0, 102, 255, 0.15) !important;
  border-radius: 12px !important;
  color: var(--text-primary) !important;
}

/* 竞速游戏报告标题 */
[data-theme="light"] .racing-game-report h5 {
  color: #0066cc !important;
  text-shadow: none !important;
}

/* 竞速游戏报告中的统计卡片 */
[data-theme="light"] .racing-game-report .stat-card,
[data-theme="light"] .racing-game-report [style*="background: rgba(255,255,255,0.1)"] {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(0, 102, 255, 0.1) !important;
  box-shadow: 0 2px 8px rgba(0, 102, 255, 0.08) !important;
}

/* 竞速游戏报告中的标签文字 */
[data-theme="light"] .racing-game-report .stat-label,
[data-theme="light"] .racing-game-report [style*="color: #aaa"] {
  color: #5a6c7d !important;
}

/* 竞速游戏报告中的数值 */
[data-theme="light"] .racing-game-report .stat-value,
[data-theme="light"] .racing-game-report [style*="color: #00ddff"],
[data-theme="light"] .racing-game-report [style*="color: #ffdd00"] {
  color: #0066cc !important;
}

/* 竞速游戏报告中的错误单词数 */
[data-theme="light"] .racing-game-report [style*="color: #ff6666"] {
  color: #dc3545 !important;
}

/* 竞速游戏报告中的最高连击 */
[data-theme="light"] .racing-game-report [style*="color: #ff9800"] {
  color: #f57c00 !important;
}

/* 竞速游戏报告中的完成用时 */
[data-theme="light"] .racing-game-report [style*="color: #66ff66"] {
  color: #28a745 !important;
}

/* 竞速游戏报告中的分数区域 */
[data-theme="light"] .racing-game-report [style*="background: rgba(0,200,255,0.1)"] {
  background: rgba(0, 102, 255, 0.08) !important;
  border: 1px solid rgba(0, 102, 255, 0.15) !important;
}

/* 竞速游戏报告中的错误单词清单区域 */
[data-theme="light"] .racing-game-report [style*="background: rgba(255,50,50,0.1)"] {
  background: rgba(220, 53, 69, 0.08) !important;
  border: 1px solid rgba(220, 53, 69, 0.2) !important;
}

/* 竞速游戏报告中的错误单词标题 */
[data-theme="light"] .racing-game-report [style*="color: #ff6666; margin-bottom: 15px"] {
  color: #dc3545 !important;
}

/* 竞速游戏报告中的错误单词项 */
[data-theme="light"] .racing-game-report [style*="background: rgba(255,100,100,0.1)"] {
  background: rgba(220, 53, 69, 0.05) !important;
  border-left: 3px solid #dc3545 !important;
}

[data-theme="light"] .racing-game-report [style*="color: #ff9999"] {
  color: #c82333 !important;
}

/* 竞速游戏报告中的无错误提示 */
[data-theme="light"] .racing-game-report [style*="background: rgba(76,175,80,0.1)"] {
  background: rgba(40, 167, 69, 0.08) !important;
  border: 1px solid rgba(40, 167, 69, 0.2) !important;
}

[data-theme="light"] .racing-game-report [style*="color: #4CAF50; font-size: 18px"] {
  color: #28a745 !important;
}

/* 竞速游戏报告中的游戏说明区域 */
[data-theme="light"] .racing-game-report [style*="border: 1px solid rgba(0,200,255,0.2)"] {
  background: rgba(0, 102, 255, 0.03) !important;
  border: 1px solid rgba(0, 102, 255, 0.12) !important;
}

[data-theme="light"] .racing-game-report [style*="color: #00c8ff; margin-bottom: 8px"] {
  color: #0066cc !important;
}

/* 竞速游戏报告中的普通文字 */
[data-theme="light"] .racing-game-report [style*="color: #ccc"],
[data-theme="light"] .racing-game-report [style*="color: #aaa"] {
  color: #5a6c7d !important;
}

/* 竞速游戏报告中的白色文字适配 */
[data-theme="light"] .racing-game-report [style*="color: white"],
[data-theme="light"] .racing-game-report [style*="color: #fff"],
[data-theme="light"] .racing-game-report [style*="color: #ffffff"] {
  color: var(--text-primary) !important;
}

/* 竞速游戏报告中的排名显示 */
[data-theme="light"] .racing-game-report [style*="font-size: 28px; font-weight: bold; color: white"] {
  color: #ffffff !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

/* 竞速游戏报告中的冠军/普通排名背景 */
[data-theme="light"] .racing-game-report [style*="background: linear-gradient(135deg, #ffd700, #ffaa00)"] {
  background: linear-gradient(135deg, #ffd700, #ffaa00) !important;
  box-shadow: 0 4px 15px rgba(255, 193, 7, 0.3) !important;
}

[data-theme="light"] .racing-game-report [style*="background: linear-gradient(135deg, #444, #666)"] {
  background: linear-gradient(135deg, #5a6c7d, #7a8c9d) !important;
}

/* ==================== 手机端竞速游戏详情 - 浅色主题 ==================== */
/* 手机端竞速游戏详情项 */
[data-theme="light"] .mobile-report-detail-item [style*="color: #4CAF50"],
[data-theme="light"] .mobile-report-detail-item [style*="color: #28a745"] {
  color: #28a745 !important;
}

[data-theme="light"] .mobile-report-detail-item [style*="color: #ff6666"],
[data-theme="light"] .mobile-report-detail-item [style*="color: #dc3545"] {
  color: #dc3545 !important;
}

[data-theme="light"] .mobile-report-detail-item [style*="color: #ff9800"],
[data-theme="light"] .mobile-report-detail-item [style*="color: #f57c00"] {
  color: #f57c00 !important;
}

/* 手机端错误单词清单 */
[data-theme="light"] .mobile-report-detail-item [style*="background: rgba(255,100,100,0.1)"] {
  background: rgba(220, 53, 69, 0.05) !important;
  border-radius: 5px !important;
}

[data-theme="light"] .mobile-report-detail-item [style*="color: #ff9999"] {
  color: #c82333 !important;
}

/* ==================== 浅色主题下拼写测评界面优化 ==================== */
/* 拼写测评中文释义：字体缩小，黑色 */
[data-theme="light"] #spellingQuestion {
  font-size: 1.5rem !important;
  color: #333 !important;
  text-shadow: none !important;
}

/* 拼写测评按钮文字白色 */
[data-theme="light"] #spellingAssessmentContainer .btn {
  color: #ffffff !important;
}

[data-theme="light"] #spellingAssessmentContainer .btn:hover {
  color: #ffffff !important;
}

/* ==================== 暗色主题下拼写测评中文释义样式 ==================== */
[data-theme="dark"] #spellingQuestion,
html:not([data-theme="light"]) #spellingQuestion {
  font-size: 1.5rem !important;
  color: #ffffff !important;
}

/* ==================== 浅色主题下听力测评按钮文字白色 ==================== */
[data-theme="light"] #listeningAssessmentContainer .btn {
  color: #ffffff !important;
}

[data-theme="light"] #listeningAssessmentContainer .btn:hover {
  color: #ffffff !important;
}

[data-theme="light"] #repeatListeningBtn {
  color: #ffffff !important;
}

[data-theme="light"] #repeatListeningBtn:hover {
  color: #ffffff !important;
}

/* ==================== 浅色主题下古诗文发音录制按钮样式 ==================== */
[data-theme="light"] #loadPoetryListBtn,
[data-theme="light"] #filterUnrecordedPoetryBtn,
[data-theme="light"] #selectAllPoetryBtn,
[data-theme="light"] #deselectAllPoetryBtn,
[data-theme="light"] #startPoetryVoiceRecording,
[data-theme="light"] #startPoetryVoiceRecordingFull,
[data-theme="light"] #startPoetryVoiceRecordingBoth,
[data-theme="light"] #startPoetryVoiceRecordingSmart,
[data-theme="light"] #stopPoetryVoiceRecording {
  background: linear-gradient(135deg, #4F7CFF, #3A5FCC) !important;
  color: #ffffff !important;
  border: none !important;
}

[data-theme="light"] #loadPoetryListBtn:hover,
[data-theme="light"] #filterUnrecordedPoetryBtn:hover,
[data-theme="light"] #selectAllPoetryBtn:hover,
[data-theme="light"] #deselectAllPoetryBtn:hover,
[data-theme="light"] #startPoetryVoiceRecording:hover,
[data-theme="light"] #startPoetryVoiceRecordingFull:hover,
[data-theme="light"] #startPoetryVoiceRecordingBoth:hover,
[data-theme="light"] #startPoetryVoiceRecordingSmart:hover,
[data-theme="light"] #stopPoetryVoiceRecording:hover {
  background: linear-gradient(135deg, #3A5FCC, #2A4FAA) !important;
  color: #ffffff !important;
}

[data-theme="light"] #loadPoetryListBtn:disabled,
[data-theme="light"] #filterUnrecordedPoetryBtn:disabled,
[data-theme="light"] #selectAllPoetryBtn:disabled,
[data-theme="light"] #deselectAllPoetryBtn:disabled,
[data-theme="light"] #startPoetryVoiceRecording:disabled,
[data-theme="light"] #startPoetryVoiceRecordingFull:disabled,
[data-theme="light"] #startPoetryVoiceRecordingBoth:disabled,
[data-theme="light"] #startPoetryVoiceRecordingSmart:disabled,
[data-theme="light"] #stopPoetryVoiceRecording:disabled {
  background: linear-gradient(135deg, #a0b4e0, #8a9cc8) !important;
  color: #ffffff !important;
  opacity: 0.7 !important;
}

/* ==================== 浅色主题下听力选择测评按钮文字白色 ==================== */
[data-theme="light"] #listeningChoiceAssessmentContainer .btn {
  color: #ffffff !important;
}

/* ==================== 浅色主题下听力选择测评按钮样式 ==================== */
[data-theme="light"] .btn-listening-choice {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
  color: #ffffff !important;
}

[data-theme="light"] .btn-listening-choice:hover {
  background: linear-gradient(135deg, #764ba2 0%, #667eea 100%) !important;
  color: #ffffff !important;
}

/* ==================== 浅色主题下所有测评按钮文字白色 ==================== */
[data-theme="light"] .assessment-btn {
  color: #ffffff !important;
}

[data-theme="light"] .assessment-btn:hover {
  color: #ffffff !important;
}

/* 浅色主题下游戏按钮文字黑色 */
[data-theme="light"] .btn-game-meteor,
[data-theme="light"] .btn-game-racing {
  color: #333333 !important;
}

[data-theme="light"] .btn-game-meteor:hover,
[data-theme="light"] .btn-game-racing:hover {
  color: #333333 !important;
}

[data-theme="light"] #listeningChoiceAssessmentContainer .btn:hover {
  color: #ffffff !important;
}

[data-theme="light"] #replaySoundBtn {
  color: #ffffff !important;
}

[data-theme="light"] #replaySoundBtn:hover {
  color: #ffffff !important;
}

[data-theme="light"] #nextListeningChoiceBtn {
  color: #ffffff !important;
}

[data-theme="light"] #nextListeningChoiceBtn:hover {
  color: #ffffff !important;
}

[data-theme="light"] #submitListeningChoiceBtn {
  color: #ffffff !important;
}

[data-theme="light"] #submitListeningChoiceBtn:hover {
  color: #ffffff !important;
}

/* ==================== 浅色主题下抄写测评按钮文字白色 ==================== */
[data-theme="light"] #copyAssessmentContainer .btn {
  color: #ffffff !important;
}

[data-theme="light"] #copyAssessmentContainer .btn:hover {
  color: #ffffff !important;
}

/* ==================== 浅色主题下认读测评按钮文字白色 ==================== */
[data-theme="light"] #assessmentContainer .btn {
  color: #ffffff !important;
}

/* ==================== 浅色主题下所有深色背景按钮文字白色 ==================== */
[data-theme="light"] .btn-primary,
[data-theme="light"] .btn-success,
[data-theme="light"] .btn-danger,
[data-theme="light"] .btn-warning,
[data-theme="light"] .btn-info {
  color: #ffffff !important;
}

[data-theme="light"] .btn-primary:hover,
[data-theme="light"] .btn-success:hover,
[data-theme="light"] .btn-danger:hover,
[data-theme="light"] .btn-warning:hover,
[data-theme="light"] .btn-info:hover {
  color: #ffffff !important;
}

[data-theme="light"] #assessmentContainer .btn:hover {
  color: #ffffff !important;
}

/* ==================== 浅色主题下点评助手适配 ==================== */
/* 点评助手模态框背景 */
[data-theme="light"] .review-assistant-modal {
  background: rgba(200, 210, 225, 0.6) !important;
  backdrop-filter: blur(8px) !important;
}

/* 点评助手面板主体 */
[data-theme="light"] .review-assistant-panel {
  background: linear-gradient(135deg, #f0f4f8 0%, #e2e8f0 100%) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15) !important;
  color: #1a202c !important;
}

/* 点评助手标题 - 浅色下保留渐变但加深 */
[data-theme="light"] .review-assistant-panel h2 {
  background: linear-gradient(135deg, #2196F3, #9C27B0, #E91E63) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* 点评助手副标题 */
[data-theme="light"] .review-assistant-panel > p {
  color: #718096 !important;
}

/* 设置区域 */
[data-theme="light"] .review-settings-section,
[data-theme="light"] .review-performance-section,
[data-theme="light"] .review-results-section {
  background: rgba(255, 255, 255, 0.7) !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

/* 区域标题 */
[data-theme="light"] .review-settings-section h3 {
  color: #d69e2e !important;
}

[data-theme="light"] .review-performance-section h3 {
  color: #2b6cb0 !important;
}

[data-theme="light"] .review-results-section h3 {
  color: #2b6cb0 !important;
}

/* 标签文字 */
[data-theme="light"] .review-label {
  color: #4a5568 !important;
}

/* 下拉选择框 */
[data-theme="light"] .review-select {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid #cbd5e0 !important;
  color: #1a202c !important;
}

[data-theme="light"] .review-select:focus {
  border-color: #4299e1 !important;
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.15) !important;
}

[data-theme="light"] .review-select option {
  background: #ffffff !important;
  color: #1a202c !important;
}

/* 输入框 */
[data-theme="light"] .review-input {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid #cbd5e0 !important;
  color: #1a202c !important;
}

[data-theme="light"] .review-input:focus {
  border-color: #4299e1 !important;
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.15) !important;
}

[data-theme="light"] .review-input::placeholder {
  color: #a0aec0 !important;
}

/* 文本域 */
[data-theme="light"] .review-textarea {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid #cbd5e0 !important;
  color: #1a202c !important;
}

[data-theme="light"] .review-textarea:focus {
  border-color: #4299e1 !important;
  box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.15) !important;
}

[data-theme="light"] .review-textarea::placeholder {
  color: #a0aec0 !important;
}

/* 多选框组 */
[data-theme="light"] .review-checkbox-item {
  background: rgba(255, 255, 255, 0.6) !important;
  border: 1px solid #e2e8f0 !important;
  color: #2d3748 !important;
}

[data-theme="light"] .review-checkbox-item:hover {
  background: rgba(255, 255, 255, 0.9) !important;
  border-color: #4299e1 !important;
}

/* 关闭按钮 */
[data-theme="light"] .review-assistant-panel > button:first-child {
  background: rgba(0, 0, 0, 0.06) !important;
  color: #4a5568 !important;
}

[data-theme="light"] .review-assistant-panel > button:first-child:hover {
  background: rgba(255, 107, 107, 0.8) !important;
  color: #fff !important;
}

/* 结果卡片 */
[data-theme="light"] .review-result-card {
  background: rgba(255, 255, 255, 0.6) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .review-result-card > div:first-child {
  color: #2d3748 !important;
}

/* 点评结果高亮段落 - 浅色主题 */
[data-theme="light"] .review-result-card div[style*="rgba(109,213,250,0.08)"] {
  background: rgba(33, 150, 243, 0.06) !important;
  border-left-color: rgba(33, 150, 243, 0.4) !important;
}

/* 数字输入框在浅色下隐藏上下箭头颜色适配 */
[data-theme="light"] input[type="number"].review-input {
  -moz-appearance: textfield !important;
}

[data-theme="light"] input[type="number"].review-input::-webkit-inner-spin-button,
[data-theme="light"] input[type="number"].review-input::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  opacity: 1 !important;
}

/* 浅色主题下生成按钮保持渐变但文字深色 */
[data-theme="light"] #reviewGenerateBtn {
  color: #1a202c !important;
  box-shadow: 0 4px 15px rgba(109, 213, 250, 0.25) !important;
}

/* 浅色下滚动条 */
[data-theme="light"] .review-assistant-panel::-webkit-scrollbar {
  width: 8px !important;
}

[data-theme="light"] .review-assistant-panel::-webkit-scrollbar-track {
  background: #edf2f7 !important;
  border-radius: 4px !important;
}

[data-theme="light"] .review-assistant-panel::-webkit-scrollbar-thumb {
  background: #cbd5e0 !important;
  border-radius: 4px !important;
}

[data-theme="light"] .review-assistant-panel::-webkit-scrollbar-thumb:hover {
  background: #a0aec0 !important;
}

/* ==================== 浅色主题下点评历史面板适配 ==================== */
[data-theme="light"] #reviewHistoryPanel {
  background: #f5f7fa !important;
  border-left: 1px solid rgba(79,124,255,0.12) !important;
  box-shadow: -4px 0 30px rgba(0,0,0,0.08) !important;
  color: #111 !important;
}

[data-theme="light"] #reviewHistoryPanel .history-review-item {
  background: rgba(79,124,255,0.04) !important;
  border: 1px solid rgba(79,124,255,0.08) !important;
}

/* 历史点评中高亮段落的浅色适配 */
[data-theme="light"] #reviewHistoryPanel div[style*="rgba(109,213,250,0.08)"] {
  background: rgba(33,150,243,0.06) !important;
  border-left-color: rgba(33,150,243,0.4) !important;
}

[data-theme="light"] #reviewHistoryPanel::-webkit-scrollbar {
  width: 8px !important;
}

[data-theme="light"] #reviewHistoryPanel::-webkit-scrollbar-track {
  background: #edf2f7 !important;
  border-radius: 4px !important;
}

[data-theme="light"] #reviewHistoryPanel::-webkit-scrollbar-thumb {
  background: #cbd5e0 !important;
  border-radius: 4px !important;
}

[data-theme="light"] #reviewHistoryPanel::-webkit-scrollbar-thumb:hover {
  background: #a0aec0 !important;
}