/**
 * 《绛唇解语花》全局主题样式
 * Rose Gold + Nude Pink Theme
 */

:root {
  /* 主色调 - 玫瑰金 */
  --rose-gold: #B76E79;
  --rose-gold-light: #D4A5A5;
  --rose-gold-dark: #8B5A5A;
  --rose-gold-deeper: #9A5B65;

  /* 裸粉系 */
  --nude-pink: #E8D5D5;
  --blush: #F5E6E8;
  --cream: #FDF8F8;
  --pearl: #FAF5F5;

  /* 辅助色 */
  --gold-accent: #C9A86C;
  --soft-white: #FFFAF9;
  --warm-white: #FEFCFB;

  /* 文字色 */
  --text-dark: #3D3D3D;
  --text-medium: #6B6B6B;
  --text-light: #9B9B9B;
  --text-rose: #8B5A5A;

  /* 渐变 */
  --gradient-rose: linear-gradient(135deg, #B76E79 0%, #D4A5A5 100%);
  --gradient-rose-soft: linear-gradient(135deg, #C4858E 0%, #E0B8B8 100%);
  --gradient-blush: linear-gradient(180deg, #FDF8F8 0%, #F5E6E8 100%);
  --gradient-hero: linear-gradient(180deg, #FDF8F8 0%, #F5E6E8 50%, #E8D5D5 100%);

  /* 阴影 */
  --shadow-soft: 0 4px 20px rgba(183, 110, 121, 0.08);
  --shadow-medium: 0 8px 30px rgba(183, 110, 121, 0.12);
  --shadow-strong: 0 12px 40px rgba(183, 110, 121, 0.18);
  --shadow-glow: 0 0 40px rgba(183, 110, 121, 0.15);

  /* 边框 */
  --border-light: 1px solid rgba(183, 110, 121, 0.1);
  --border-medium: 1px solid rgba(183, 110, 121, 0.2);

  /* 圆角 */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-full: 50px;

  /* 动画 */
  --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration-fast: 0.2s;
  --duration-normal: 0.3s;
  --duration-slow: 0.5s;

  /* 字体 */
  --font-sans: 'PingFang SC', 'Microsoft YaHei', 'Source Han Sans CN', -apple-system, sans-serif;
  --font-serif: 'Noto Serif SC', 'Source Han Serif CN', 'Songti SC', serif;
}

/* 全局重置 */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-sans);
  background: var(--cream);
  color: var(--text-dark);
  line-height: 1.7;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 选中文字样式 */
::selection {
  background: var(--rose-gold-light);
  color: white;
}

/* 滚动条样式 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--pearl);
}

::-webkit-scrollbar-thumb {
  background: var(--rose-gold-light);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--rose-gold);
}

/* 链接基础样式 */
a {
  color: var(--rose-gold);
  text-decoration: none;
  transition: color var(--duration-fast) var(--ease-smooth);
}

a:hover {
  color: var(--rose-gold-dark);
}

/* 标题样式 */
h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
  line-height: 1.4;
  color: var(--text-dark);
}

/* 段落样式 */
p {
  margin-bottom: 1rem;
}

/* 图片响应式 */
img {
  max-width: 100%;
  height: auto;
}

/* 焦点样式 */
:focus-visible {
  outline: 2px solid var(--rose-gold);
  outline-offset: 2px;
}

/* 禁用元素 */
[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}

/* 响应式字体大小 */
@media (max-width: 768px) {
  html {
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  html {
    font-size: 14px;
  }
}

/* 减少动画偏好 */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* 打印样式基础 */
@media print {
  body {
    background: white;
    color: black;
  }
}