/* ============================================
   档案数字化保护官网 — 站点自定义样式
   仅放 Tailwind 难以覆盖的部分：字体平滑、滚动揭示动画、滚动条
   ============================================ */

/* 平滑滚动（点击锚点时） */
html {
  scroll-behavior: smooth;
}

/* 滚动揭示动画：元素默认隐藏并下移，进入视口后由 JS 添加 .is-visible 触发 */
.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .7s ease, transform .7s ease;
}
.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* 导航滚动后加阴影（由 JS 切换 .scrolled） */
#site-header.scrolled {
  box-shadow: 0 2px 12px rgba(26, 58, 92, .08);
}

/* 自定义滚动条（桌面端，呼应品牌色） */
@media (min-width: 1024px) {
  ::-webkit-scrollbar {
    width: 10px;
  }
  ::-webkit-scrollbar-track {
    background: #f7f5f0;
  }
  ::-webkit-scrollbar-thumb {
    background: #1a3a5c;
    border-radius: 5px;
    border: 2px solid #f7f5f0;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: #c89b3c;
  }
}

/* 减少动画偏好：尊重系统“减少动态效果”设置 */
@media (prefers-reduced-motion: reduce) {
  .reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
  html {
    scroll-behavior: auto;
  }
}