/*!
 * 全站通用样式补充（Tailwind 之外的部分）
 * 包含：选中配色、聚焦态、滚动条、锚点偏移、减少动效偏好
 */
:root {
  color-scheme: light;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

img {
  max-width: 100%;
  height: auto;
}

/* 选中文本配色（与站点主色呼应） */
::selection {
  background-color: rgba(246, 173, 85, 0.32);
  color: #1a202c;
}

/* 键盘聚焦可见性 */
:focus-visible {
  outline: 2px solid #f6ad55;
  outline-offset: 2px;
  border-radius: 3px;
}

/* 细滚动条（Windows / Linux） */
* {
  scrollbar-width: thin;
  scrollbar-color: #cbd5e0 transparent;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: #cbd5e0;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #a0aec0;
}

/* 锚点跳转 / 目录滚动时避开固定导航栏 */
:target,
.article-content h2,
.article-content h3,
.article-content h4 {
  scroll-margin-top: 6rem;
}

/* 尊重系统"减少动态效果"偏好 */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}