/* 关键CSS样式，用于首次渲染 */

/* 基础样式 */
:root {
  --primary-green: #10B981;
  --dark-green: #064E3B;
  --light-green: #6EE7B7;
}

/* 基础动画 */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* 优化字体渲染 */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-display: swap;
}

/* 自定义滚动条 */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #1E3A2F;
}

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

::-webkit-scrollbar-thumb:hover {
  background: #3B8D6B;
}

/* 图片延迟加载占位符样式 */
.img-placeholder {
  background: linear-gradient(110deg, #0F766E 8%, #115E59 18%, #0F766E 33%);
  background-size: 200% 100%;
  animation: 1.5s shine linear infinite;
}

@keyframes shine {
  to {
    background-position-x: -200%;
  }
}

/* 移动端优化 */
@media (max-width: 768px) {
  html {
    font-size: 14px; /* 移动端字体稍小 */
  }
}

/* 减少主题切换时的闪烁 */
html {
  transition: background-color 0.3s ease;
}

/* 添加自定义样式 */
html, body {
  padding: 0;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

a {
  color: inherit;
  text-decoration: none;
}

* {
  box-sizing: border-box;
}