/* ============================================================
   迪卓依思 DJOYCE · 周游世界官网
   base.css —— 设计令牌 / Reset / 基础排版
   ------------------------------------------------------------
   设计语言延续舞墨官网（米白 + 墨蓝 + 衬线标题），
   叠加迪卓依思品牌紫与旅途区域主题色。
   ============================================================ */

:root {
  /* —— 家族底色（与舞墨官网同源） —— */
  --bg:        #faf7f1;
  --bg-warm:   #f3ede2;
  --paper:     #fffdf8;
  --ink:       #2f3e4e;
  --ink-deep:  #22303d;
  --ink-soft:  #64748a;
  --ink-faint: #93a1b0;
  --gold:      #c19a5b;
  --gold-deep: #a8813f;
  --gold-soft: #e4d3b3;
  --brand:     #6d4a8f;   /* 迪卓依思紫 */
  --brand-soft:#9b7cc0;
  --line:      rgba(47, 62, 78, .12);
  --shadow-sm: 0 2px 10px rgba(47, 62, 78, .06);
  --shadow-md: 0 10px 34px rgba(47, 62, 78, .10);
  --shadow-lg: 0 24px 60px rgba(34, 48, 61, .16);

  /* —— 旅途区域主题色 —— */
  --c-sea:      #2e7d5b;  /* 东南亚 · 雨林绿 */
  --c-sa:       #c96f2b;  /* 南亚 · 赭橙 */
  --c-me:       #a8873a;  /* 中东 · 沙金 */
  --c-caucasus: #5b7a94;  /* 高加索 · 山青 */
  --c-na:       #b8562e;  /* 北非 · 陶土 */
  --c-ee:       #607d9e;  /* 东欧 · 灰蓝 */
  --c-china:    #8f3b3b;  /* 大中华 · 黛红 */

  /* —— 字体 —— */
  --font-serif: "Songti SC", "STSong", "Noto Serif SC", "Source Han Serif SC", "SimSun", serif;
  --font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", sans-serif;

  /* —— 尺寸 —— */
  --header-h: 72px;
  --radius-s: 10px;
  --radius-m: 16px;
  --radius-l: 22px;
  --wrap: 1180px;
}

/* —— Reset —— */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  font-family: var(--font-sans);
  background: var(--bg);
  color: var(--ink);
  line-height: 1.75;
  font-size: 16px;
  overflow-x: hidden;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
ul, ol { list-style: none; }
button { font-family: inherit; cursor: pointer; border: none; background: none; color: inherit; }
::selection { background: rgba(193, 154, 91, .28); }

/* —— 基础排版 —— */
h1, h2, h3, h4 { font-family: var(--font-serif); font-weight: 700; line-height: 1.3; color: var(--ink-deep); }

.container { width: 100%; max-width: var(--wrap); margin: 0 auto; padding: 0 26px; }

/* —— 滚动显现动画 —— */
.reveal { opacity: 0; transform: translateY(28px); transition: opacity .8s cubic-bezier(.2,.6,.2,1), transform .8s cubic-bezier(.2,.6,.2,1); }
.reveal.visible { opacity: 1; transform: none; }
.reveal-d1 { transition-delay: .08s; } .reveal-d2 { transition-delay: .16s; }
.reveal-d3 { transition-delay: .24s; } .reveal-d4 { transition-delay: .32s; }
@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1; transform: none; transition: none; }
  html { scroll-behavior: auto; }
}

/* —— 通用工具 —— */
.text-serif { font-family: var(--font-serif); }
.nowrap { white-space: nowrap; }