/* ============================================================
   全站下拉框选项可读性修复 (select-readability.css)
   问题：暗金主题下 <select> 用浅色文字 + 半透明/深色底，
        而 <option> 无显式背景/文字色，在移动端原生深色选择器里
        深色文字叠深色底 → 看不清。
   方案：给所有 option 显式「深底 + 浅字」，并强制 color-scheme，
        浅色主题（苹果/东方/九紫/奶油）再覆盖回「白底 + 深字」。
   ============================================================ */

/* —— 默认「暗金」主题（body 无主题 class）—— */
select { color-scheme: dark; }
select option {
  background: #1A0A2E !important;
  color: #F0E4F6 !important;
}

/* —— 苹果（浅色）—— */
body.apple-theme select { color-scheme: light; }
body.apple-theme select option {
  background: #ffffff !important;
  color: #1d1d1f !important;
}

/* —— 东方（浅色，宣纸白）—— */
body.oriental-theme select { color-scheme: light; }
body.oriental-theme select option {
  background: #ffffff !important;
  color: #3E5C52 !important;
}

/* —— 九紫（浅色）—— */
body.violet-theme select { color-scheme: light; }
body.violet-theme select option {
  background: #ffffff !important;
  color: #6B3A8F !important;
}

/* —— 奶油（浅色）—— */
body.cream-theme select { color-scheme: light; }
body.cream-theme select option {
  background: #ffffff !important;
  color: #8B6B4D !important;
}