/* ==========================================================================
   学海教育 C端 (www.xuehai.eu.cc) 全站全局标准样式库
   ========================================================================== */
html {
  scroll-behavior: smooth;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Inter", "PingFang SC", "Segoe UI", Roboto, sans-serif;
  background-color: #f8fafc; /* bg-slate-50 */
  color: #0f172a;          /* text-slate-900 */
  margin: 0;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
}

/* 顶部固定导航栏的精确防遮挡垫高器（彻底解决页眉遮挡正文的问题） */
#app-header-spacer {
  height: 101px;
  width: 100%;
}

/* 全局滚动条美化 */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* 抽屉及模态框动效 */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
.animate-fade-in {
  animation: fadeIn 0.25s ease-in-out forwards;
}