/* ============================================================
   道如意心理官网 · 设计令牌层 (Design Tokens)
   严格还原 Ardot 设计稿「道如意心理官网落地页」
   ============================================================ */
:root {
  /* —— 主色系（青蓝） —— */
  --primary: #2c5f7c;          /* 44,95,124  导航CTA / 强调 */
  --primary-strong: #24536e;   /* hover 态 */
  --primary-deep: #1f3a52;     /* 31,58,82   深色背景（平台/页脚） */
  --accent: #7aaec0;           /* 122,174,192 eyebrow 蓝 */
  --wechat: #07c160;           /* 7,193,97   微信绿 */

  /* —— 背景 —— */
  --bg: #e8f5f9;               /* 232,245,249 页面浅底 */
  --bg-section: #f0f7fa;       /* 240,247,250 交替段落 */
  --bg-white: #ffffff;
  --card-bg: #f4fafc;          /* 244,250,252 卡片底 */
  --card-border: #d4e5eb;      /* 212,230,235 卡片描边 */

  /* —— 文字 —— */
  --text: #1f1f1f;             /* 31,31,31   强 */
  --text-muted: #555555;       /* 85,85,85   次要 */
  --text-soft: #8fa5b0;        /* 143,165,176 页脚弱 */
  --text-on-dark: #ffffff;
  --text-on-dark-soft: #c9d6df;

  /* —— 圆角 —— */
  --r-sm: 12px;
  --r-md: 16px;
  --r-lg: 20px;
  --r-pill: 50px;

  /* —— 阴影 —— */
  --shadow-card: 0 1px 6px rgba(184, 196, 214, 0.12);
  --shadow-pop: 0 8px 32px rgba(0, 0, 0, 0.25);

  /* —— 字体 —— */
  --font-serif: "Noto Serif SC", serif;
  --font-sans: "Noto Sans SC", sans-serif;
  --font-en: "Cormorant Garamond", serif;

  /* —— 布局 —— */
  --maxw: 1200px;
  --pad-x: 120px;
  --section-py: 100px;

  /* —— 光晕（多色标强制在 60% 处完全透明，避免方块边缘残留） —— */
  --glow-pink: radial-gradient(ellipse at center, rgba(255, 178, 194, 0.55) 0%, rgba(255, 178, 194, 0.28) 25%, rgba(255, 178, 194, 0) 60%);
  --glow-blue: radial-gradient(ellipse at center, rgba(120, 173, 191, 0.50) 0%, rgba(120, 173, 191, 0.22) 25%, rgba(120, 173, 191, 0) 60%);
  --glow-green: radial-gradient(ellipse at center, rgba(199, 230, 212, 0.40) 0%, rgba(199, 230, 212, 0.18) 25%, rgba(199, 230, 212, 0) 60%);
}

* { margin: 0; padding: 0; box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  font-family: var(--font-sans);
  color: var(--text);
  background: var(--bg);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

a { text-decoration: none; color: inherit; }
img { display: block; max-width: 100%; }
button { font-family: inherit; cursor: pointer; border: none; background: none; }