@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap');

:root {
  --bg-primary: #F9F9F7; /* 米白/奶油色，营造高端柔和感 */
  --bg-secondary: #F0F0EE;
  --text-primary: #1F1F1F;
  --text-secondary: #5C5C5C;
}

body {
  font-family: 'Inter', sans-serif; /* 正文使用现代无衬线体 */
  background-color: var(--bg-primary);
  color: var(--text-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden; /* 防止横向滚动 */
}

/* 标题使用衬线体，提升时尚气质 */
h1, h2, h3, h4, h5, h6, .serif-font {
  font-family: 'Playfair Display', serif;
}

/* 页面淡入过渡效果 */
.page-fade-in {
  animation: fadeIn 0.8s ease-out forwards;
}

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

/* 图片容器与动效 */
.img-wrapper {
  overflow: hidden;
  position: relative;
  background-color: var(--bg-secondary); /* 图片未加载时的占位色 */
}

.img-wrapper img {
  transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.6s ease-out;
  opacity: 0; /* 初始透明，配合懒加载 */
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.img-wrapper img.loaded {
  opacity: 1;
}

/* 仅在非触摸设备上启用悬停放大 */
@media (hover: hover) {
  .img-wrapper:hover img {
    transform: scale(1.04);
  }
}

/* 玻璃拟态导航栏 */
.nav-glass {
  background: rgba(249, 249, 247, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.02);
}

/* 极简滚动条 */
::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #D6D6D6;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #A3A3A3;
}

/* 文本两端对齐优化 */
.text-justify-balance {
  text-align: justify;
  text-justify: inter-ideograph;
}

/* 预留动态内容槽位样式，不影响布局 */
[data-slot] {
  display: contents;
}