/* 引入字体系统：Playfair Display (英文标题), Noto Serif SC (中文标题), Noto Sans SC (正文) */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500&family=Noto+Serif+SC:wght@400;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400&display=swap');

/* 定义CSS变量以保持色彩一致性 */
:root {
  --color-ivory: #FFFFF0;
  --color-light-gray: #F8F8F8;
  --color-warm-sand: #E1D6C8;
  --color-copper: #B87333;
  --color-charcoal: #333333;
  --color-medium-gray: #666666;
}

/* 全局基础设置 */
body {
  font-family: 'Noto Sans SC', sans-serif; /* 默认极细字重，营造精致感 */
  background-color: var(--color-ivory);
  color: var(--color-charcoal);
  -webkit-font-smoothing: antialiased; /*字体平滑 */
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden; /* 防止水平滚动 */
  line-height: 1.8;
}

/* 字体类辅助定义 - 配合 Tailwind 使用 */
.font-playfair {
  font-family: 'Playfair Display', serif;
}
.font-song {
  font-family: 'Noto Serif SC', serif;
}
.font-sans-light {
  font-family: 'Noto Sans SC', sans-serif;
  font-weight: 300;
}

/* 极简滚动条设计 */
::-webkit-scrollbar {
  width: 4px; /* 极细滚动条 */
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: #D1D1D1;
  border-radius: 2px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: var(--color-copper);
}

/* 图片交互微效果 */
.img-hover-effect {
  transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1), box-shadow 0.8s ease;
  will-change: transform;
}
.img-hover-effect:hover {
  transform: scale(1.03);
  box-shadow: 0 20px 40px -10px rgba(0,0,0,0.08); /* 柔和阴影 */
  z-index: 10;
}

/* 页面淡入动画 */
.fade-in-up {
  animation: fadeInUp 1s cubic-bezier(0.2, 1, 0.3, 1) forwards;
  opacity: 0;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 视差背景类 */
.parallax-section {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* 移动端适配调整 */
@media (max-width: 768px) {
  .parallax-section {
    background-attachment: scroll; /* 移动端禁用fixed背景以提升性能 */
  }
  body {
      font-size: 14px;
  }
}

/* 去除图片默认边距 */
img {
    display: block;
    max-width: 100%;
}