/* 全局样式文件 - 时尚灵感画廊 */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400&display=swap');

/* CSS变量定义 - 色彩系统 */
:root {
  /* 主色调 */
  --color-white: #ffffff;
  --color-beige: #f5f2ed;
  --color-light-gray: #f8f8f8;
  
  /* 辅助色 */
  --color-black: #1a1a1a;
  --color-dark-gray: #333333;
  
  /* 点缀色 */
  --color-terracotta: #d4a574;
  --color-serene-blue: #7a9ba6;
  --color-olive: #8a9a5b;
  
  /* 透明度 */
  --opacity-light: 0.7;
  --opacity-medium: 0.5;
  
  /* 字体 */
  --font-poppins: 'Poppins', sans-serif;
  --font-chinese: 'Noto Sans SC', sans-serif;
}

/* 全局字体设置 */
body {
  font-family: var(--font-chinese), -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  color: var(--color-black);
  background-color: var(--color-white);
  line-height: 1.6;
}

/* 英文标题字体 */
.font-poppins {
  font-family: var(--font-poppins), sans-serif;
}

/* 中文细体 */
.font-light {
  font-weight: 300;
}

/* 平滑滚动 */
html {
  scroll-behavior: smooth;
}

/* 图片加载动画 */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.fade-in {
  animation: fadeIn 0.6s ease-in;
}

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

::-webkit-scrollbar-track {
  background: var(--color-light-gray);
}

::-webkit-scrollbar-thumb {
  background: var(--color-dark-gray);
  opacity: var(--opacity-light);
}

/* 选择文本颜色 */
::selection {
  background-color: var(--color-terracotta);
  color: var(--color-white);
}