/* DevCN 主题开关与暗色兜底样式。
 * 核心色值已在 design-system / main-editorial / base 里迁移成 --tw-* 令牌，
 * 这里只负责：开关按钮外观、原生控件配色，以及令牌覆盖不到的零散位置。 */

html[data-theme="dark"] {
  color-scheme: dark;
}

/* ---- 页头开关 ---- */
.dc-theme-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  font-family: inherit;
  line-height: 1;
  white-space: nowrap;
}
.dc-theme-btn svg {
  display: block;
  flex: 0 0 auto;
}
.dc-theme-btn:hover svg {
  transform: rotate(-12deg);
  transition: transform .18s ease;
}

/* ---- 移动端菜单入口 ---- */
.dc-theme-row {
  padding: 10px 14px 2px;
  border-top: 1px solid var(--tw-line-e9edf2, #e9edf2);
  margin-top: 6px;
}
.dc-theme-row-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  width: 100%;
  justify-content: flex-start;
  border: 1px solid var(--tw-line-dfe5ee, #dfe5ee);
  background: var(--tw-bg-f8fafd, #f8fafd);
  color: var(--tw-ink-202733, #202733);
  border-radius: 9px;
  padding: 9px 12px;
  font-size: 13.5px;
  font-family: inherit;
  cursor: pointer;
}

/* ---- 原生控件与细节 ---- */
html[data-theme="dark"] ::selection {
  background: rgba(107, 155, 255, .32);
  color: #fff;
}
html[data-theme="dark"] ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
html[data-theme="dark"] ::-webkit-scrollbar-track {
  background: #11161f;
}
html[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: #303a4b;
  border-radius: 6px;
  border: 2px solid #11161f;
}
html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: #3d4a5f;
}
html[data-theme="dark"] img {
  color-scheme: only light;
}
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select {
  color-scheme: dark;
}
html[data-theme="dark"] hr {
  border-color: var(--tw-line-e9edf2, #262f3e);
}
/* 搜索高亮 <mark>：站点原样式是「黑字 + 22% 琥珀底」，暗色下黑字不可读 */
html[data-theme="dark"] mark {
  background: rgba(245, 158, 11, .26);
  color: #ffd899;
}
html[data-theme="dark"] .dcs-card mark,
html[data-theme="dark"] .dcs-hit mark {
  background: rgba(245, 158, 11, .26);
  color: #ffd899;
  border-radius: 3px;
  padding: 0 2px;
}
/* 浅色模式下也保留暗色图片观感一致：不做反色，避免误伤内容图 */