/* 拾光 · Lucid —— 晨昏微光 / 禅意沉浸风（致敬 Tide「潮汐」的安静克制）。
   纯 CSS，无外部资源；靠柔和渐变 + 光晕 + 衬线大标题 + 极致留白营造氛围。 */

:root {
  /* 晨光：暖奶白 → 浅金 → 雾色 */
  --bg: #f4efe7;
  --bg-soft: #faf6ef;
  --ink: #2b2722;
  --ink-soft: #6f675c;
  --ink-faint: #a59c8e;
  --accent: #c0a062;
  --line: rgba(43, 39, 34, 0.1);
  /* 英雄区光晕与渐变 */
  --glow: rgba(245, 224, 178, 0.85);
  --hero-top: #f7f1e6;
  --hero-mid: #efe7d6;
  --hero-bot: #e3e6e1;
  --serif: "Songti SC", "Source Han Serif SC", "Noto Serif SC", "STSong", Georgia, serif;
  --sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC",
    "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root {
    /* 拂晓前的夜：深蓝夜 → 地平线一缕暖光 */
    --bg: #101216;
    --bg-soft: #161922;
    --ink: #ece7df;
    --ink-soft: #a8a298;
    --ink-faint: #6c665c;
    --accent: #dac294;
    --line: rgba(255, 255, 255, 0.1);
    --glow: rgba(120, 96, 52, 0.55);
    --hero-top: #0d0f14;
    --hero-mid: #161821;
    --hero-bot: #1d2024;
  }
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: var(--sans);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.wrap { max-width: 760px; margin: 0 auto; padding: 0 28px; }
.eyebrow {
  font-size: 12px;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: var(--accent);
  font-weight: 600;
}

/* —— 英雄区：全屏 + 暖光晕 —— */
.hero {
  position: relative;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 80px 28px 96px;
  background:
    radial-gradient(120% 80% at 50% 8%, var(--glow) 0%, rgba(255, 255, 255, 0) 55%),
    linear-gradient(180deg, var(--hero-top) 0%, var(--hero-mid) 58%, var(--hero-bot) 100%);
  overflow: hidden;
}
.hero .sun {
  width: 64px; height: 64px; border-radius: 50%;
  margin-bottom: 40px;
  background: radial-gradient(circle at 50% 42%, #fff6dd, var(--accent) 75%);
  box-shadow: 0 0 60px 18px var(--glow);
}
.hero h1 {
  font-family: var(--serif);
  font-weight: 400;
  font-size: clamp(36px, 8vw, 68px);
  line-height: 1.25;
  letter-spacing: 0.01em;
  margin: 0 0 26px;
}
.hero .lede {
  max-width: 26em;
  font-size: clamp(16px, 3.6vw, 19px);
  color: var(--ink-soft);
  margin: 0;
}
.hero .scroll {
  position: absolute;
  bottom: 30px;
  color: var(--ink-faint);
  font-size: 12px;
  letter-spacing: 0.2em;
}

/* —— 英雄区·摄影/沉浸版：全屏晨雾海平线，深色浅字（始终如此，不随系统色） —— */
.hero.photo {
  color: #fbf6ee;
  background:
    radial-gradient(58% 34% at 50% 72%, rgba(255, 224, 168, 0.92) 0%, rgba(255, 224, 168, 0) 60%),
    linear-gradient(180deg,
      #14213c 0%,
      #2f436a 26%,
      #6a6a86 48%,
      #b88a76 64%,
      #e7b079 75%,
      #cda78f 86%,
      #9fb3b6 100%);
}
.hero.photo .scene { position: absolute; inset: 0; overflow: hidden; z-index: 1; }
.hero.photo .scene svg { position: absolute; bottom: 0; width: 100%; height: auto; display: block; }
.hero.photo .hero-copy { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; }
.hero.photo h1 { text-shadow: 0 1px 28px rgba(20, 24, 44, 0.5); }
.hero.photo .lede { color: rgba(251, 246, 238, 0.88); text-shadow: 0 1px 20px rgba(20, 24, 44, 0.45); }
.hero.photo .scroll { color: rgba(251, 246, 238, 0.7); }

/* —— 通用区块 —— */
section { padding: 92px 0; }
section.tight { padding: 64px 0; }
.center { text-align: center; }
h2 {
  font-family: var(--serif);
  font-weight: 400;
  font-size: clamp(26px, 5vw, 36px);
  letter-spacing: 0.01em;
  margin: 0 0 12px;
}
.sub { color: var(--ink-soft); font-size: 16px; margin: 0 auto 44px; max-width: 30em; }

/* 理念三段：安静的卡，几乎无边框 */
.ideas { display: grid; gap: 18px; }
@media (min-width: 620px) { .ideas { grid-template-columns: repeat(3, 1fr); } }
.idea { text-align: center; padding: 8px; }
.idea h3 { font-family: var(--serif); font-weight: 400; font-size: 20px; margin: 0 0 8px; }
.idea p { color: var(--ink-soft); font-size: 15px; margin: 0; }

/* 功能：极简分隔行 */
.features { border-top: 1px solid var(--line); }
.feature {
  display: flex;
  gap: 18px;
  align-items: baseline;
  padding: 22px 4px;
  border-bottom: 1px solid var(--line);
}
.feature .name { font-size: 16px; font-weight: 600; min-width: 5.5em; }
.feature .desc { color: var(--ink-soft); font-size: 15px; }

/* 诗意整幅引用 */
.quote {
  background: var(--bg-soft);
  text-align: center;
}
.quote blockquote {
  font-family: var(--serif);
  font-weight: 400;
  font-size: clamp(22px, 4.4vw, 32px);
  line-height: 1.6;
  color: var(--ink);
  margin: 0 auto;
  max-width: 18em;
}

/* 隐私 */
.calm { text-align: center; }
.calm p { color: var(--ink-soft); font-size: 17px; max-width: 26em; margin: 0 auto; }

/* —— 页脚 —— */
footer {
  border-top: 1px solid var(--line);
  padding: 48px 28px 72px;
  text-align: center;
  color: var(--ink-faint);
  font-size: 14px;
}
footer a { color: var(--accent); text-decoration: none; }
footer a:hover { text-decoration: underline; }
footer .links { margin-bottom: 14px; }
footer .links a { margin: 0 12px; }
footer .poem { font-family: var(--serif); color: var(--ink-soft); margin-bottom: 10px; }

/* —— 隐私政策长文页 —— */
article.doc { padding: 72px 0 80px; }
article.doc h1 { font-family: var(--serif); font-weight: 400; font-size: 32px; margin: 0 0 8px; }
article.doc .effective { color: var(--ink-faint); font-size: 14px; margin-bottom: 36px; }
article.doc h2 { font-family: var(--serif); font-weight: 400; font-size: 21px; margin: 36px 0 10px; }
article.doc p, article.doc li { color: var(--ink-soft); font-size: 15px; }
article.doc ul { padding-left: 20px; }
article.doc hr { border: none; border-top: 1px solid var(--line); margin: 56px 0; }
.back { display: inline-block; margin-top: 8px; color: var(--accent); text-decoration: none; font-size: 15px; }