/* ============================================================
   设计规范落地 · 精修 v6（依据高端网站设计研究）
   金色四档 / 宣纸噪点 / 水印大字 / 缓动曲线 / 无障碍
   ============================================================ */

:root {
  /* 金色四档体系 */
  --gold: #C9A96A;         /* 鎏金 */
  --gold-deep: #B08D57;    /* 古铜金 */
  --gold-soft: #D8BC7E;    /* 香槟金 */
  --gold-dark: #8A6D3F;    /* 暗铜 */
  /* 松烟浅底 */
  --bg-soft: #FAF8F3;
  --bg: #FDFCFA;
  --container: 1280px;
  /* 缓动曲线 */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-hover: cubic-bezier(0.33, 1, 0.68, 1);
}

/* ---------- 布局：留白与容器 ---------- */
.container { max-width: var(--container); }
.section { padding: clamp(96px, 10vw, 160px) 0; }

/* ---------- 宣纸噪点质感 ---------- */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
  opacity: .035;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E");
}

/* ---------- 字体链精修 ---------- */
:root {
  --font-serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "SimSun", serif;
}
.slide-content h1, .slide-content h2.slide-title { letter-spacing: .09em; font-weight: 500; }
.section-head h2 { letter-spacing: .07em; }
.brand-statement p { letter-spacing: .48em; }

/* ---------- 水印大字（山水意境） ---------- */
.watermark {
  position: relative;
  overflow: hidden;
}
.watermark::before {
  content: "霧";
  position: absolute;
  top: 6%;
  right: 4%;
  font-family: var(--font-serif);
  font-size: clamp(180px, 24vw, 340px);
  line-height: 1;
  color: rgba(20, 55, 43, .045);
  pointer-events: none;
  z-index: 0;
  user-select: none;
}
.watermark .container { position: relative; z-index: 1; }

/* ---------- 缓动：入场与悬浮 ---------- */
.reveal {
  transition: opacity .85s var(--ease-out), transform .85s var(--ease-out);
}
.card, .product-card, .scene, .btn, .feature .icon, .nav a, .filter-chip {
  transition-duration: .3s;
  transition-timing-function: var(--ease-hover);
}

/* ---------- 轮播：慢节奏与停靠 ---------- */
.hero-slide { transition: opacity 1.1s ease; }

/* ---------- FAQ 精修 ---------- */
.faq-item { border-color: var(--line); border-radius: 12px; }
.faq-item summary {
  font-family: var(--font-serif);
  font-weight: 500;
  letter-spacing: .05em;
  font-size: 17px;
}
.faq-item summary::after { color: var(--gold-deep); }
.faq-body { color: var(--ink-soft); line-height: 1.9; }

/* ---------- 页脚山峦 ---------- */
.footer-mountains {
  position: absolute;
  top: -64px;
  left: 0;
  right: 0;
  pointer-events: none;
  z-index: 2;
}
.footer-mountains svg { display: block; width: 100%; height: 64px; }

/* ---------- 移动端减少动效 ---------- */
@media (prefers-reduced-motion: reduce) {
  .mist-layer, .hero-slide.active, .btn--primary::after,
  .cta-band .mist-a, .cta-band .mist-b, .scroll-hint .mouse::after {
    animation: none !important;
  }
  .reveal { opacity: 1; transform: none; transition: none; }
  html { scroll-behavior: auto; }
}