/* ============================================
   易佳移民 - 设计令牌系统 (Design Tokens)
   版本: 1.0 | 日期: 2026-08-19
   用途: 全站CSS变量定义，供Elementor和自定义样式调用
   安全性: 仅定义变量，不覆盖现有样式，可随时回退
   ============================================ */

:root {
  /* === 品牌色 === */
  --yijia-blue:         #3B64DC;  /* 主品牌色：LOGO/按钮/链接/选中态 */
  --yijia-blue-deep:    #2A4DB3;  /* 按钮 hover/active */
  --yijia-blue-light:   #E8EEFD;  /* 标签底色/选中背景 */
  --yijia-blue-panel:   #1B2A5E;  /* 深蓝板块背景（信任背书/CTA） */
  --yijia-orange:       #F0A03C;  /* 点缀色：图标/高亮/第5步编号 */
  --yijia-orange-light: #FDF3E3;  /* 温暖提示背景 */

  /* === 中性色 === */
  --yijia-ink:          #141414;  /* 主标题/正文/深色背景 */
  --yijia-ink-80:       #333333;  /* 次级标题 */
  --yijia-ink-60:       #666666;  /* 说明文字 */
  --yijia-ink-40:       #999999;  /* 占位符/辅助信息 */
  --yijia-hairline:     #E5E5E5;  /* 边框/分割线 */
  --yijia-surface:      #FFFFFF;  /* 主背景/卡片 */
  --yijia-surface-muted: #F5F7FA; /* 板块交替浅背景 */

  /* === 深色板块文字 === */
  --yijia-on-dark:      #FFFFFF;
  --yijia-on-dark-muted: #A8B4D8;  /* 深蓝板块上的说明文字 */

  /* === 字号阶梯（桌面端） === */
  --yijia-font-hero:    56px;
  --yijia-font-h1:      36px;
  --yijia-font-h2:      22px;
  --yijia-font-h3:      20px;
  --yijia-font-h4:      18px;
  --yijia-font-body:    16px;
  --yijia-font-body-sm: 14px;
  --yijia-font-caption: 13px;
  --yijia-font-eyebrow: 14px;
  --yijia-font-fine:    12px;
  --yijia-font-legal:   11px;

  /* === 字重 === */
  --yijia-weight-regular: 400;
  --yijia-weight-medium: 500;
  --yijia-weight-semibold: 600;

  /* === 行高 === */
  --yijia-lh-hero:      1.12;
  --yijia-lh-heading:   1.3;
  --yijia-lh-body:      1.7;
  --yijia-lh-tight:     1.5;

  /* === 字间距 === */
  --yijia-ls-hero:      -0.02em;
  --yijia-ls-eyebrow:   2px;

  /* === 间距 === */
  --yijia-space-xs:     8px;
  --yijia-space-sm:     16px;
  --yijia-space-md:     24px;
  --yijia-space-lg:     32px;
  --yijia-space-xl:     48px;
  --yijia-space-2xl:    64px;
  --yijia-space-section: 88px;

  /* === 圆角 === */
  --yijia-radius-card:  12px;
  --yijia-radius-input: 8px;
  --yijia-radius-panel: 16px;
  --yijia-radius-pill:  9999px;

  /* === 字体族 === */
  --yijia-font-sans:    "Source Han Sans CN", "Noto Sans SC", "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;
  --yijia-font-numeric: "Inter", "Segoe UI", system-ui, sans-serif;

  /* === 断点 === */
  --yijia-bp-sm:  640px;
  --yijia-bp-md:  1024px;
  --yijia-bp-lg:  1280px;
  --yijia-bp-xl:  1440px;
}

/* === 移动端字号自适应 === */
@media (max-width: 640px) {
  :root {
    --yijia-font-hero:  30px;
    --yijia-font-h1:    26px;
    --yijia-font-h2:    20px;
    --yijia-font-h3:    18px;
    --yijia-font-body:  15px;
    --yijia-space-section: 48px;
  }
}

/* === 平板端 === */
@media (min-width: 641px) and (max-width: 1024px) {
  :root {
    --yijia-font-hero:  40px;
    --yijia-font-h1:    30px;
    --yijia-space-section: 64px;
  }
}

/* === 全局基础样式 === */
body {
  font-family: var(--yijia-font-sans);
  color: var(--yijia-ink);
  line-height: var(--yijia-lh-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 数字/英文使用 Inter */
.entry-content table th,
.entry-content .yijia-data {
  font-family: var(--yijia-font-numeric);
}

/* === 品牌色链接 === */
a { color: var(--yijia-blue); text-decoration: none; }
a:hover { color: var(--yijia-blue-deep); }

/* === 品牌按钮类（供Elementor调用） === */
.yijia-btn-primary {
  background: var(--yijia-blue);
  color: #fff;
  font-size: var(--yijia-font-body);
  font-weight: var(--yijia-weight-medium);
  padding: 15px 36px;
  border-radius: var(--yijia-radius-pill);
  border: none;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.1s ease;
}
.yijia-btn-primary:hover {
  background: var(--yijia-blue-deep);
  transform: scale(0.95);
}

.yijia-btn-secondary {
  background: #fff;
  color: var(--yijia-blue);
  font-size: var(--yijia-font-body);
  font-weight: var(--yijia-weight-medium);
  padding: 15px 36px;
  border-radius: var(--yijia-radius-pill);
  border: 1px solid var(--yijia-blue);
  cursor: pointer;
  transition: all 0.2s ease;
}
.yijia-btn-secondary:hover {
  background: var(--yijia-blue-light);
}

/* === 品牌卡片类 === */
.yijia-card {
  background: var(--yijia-surface);
  border: 1px solid var(--yijia-hairline);
  border-radius: var(--yijia-radius-card);
  padding: 32px;
  transition: box-shadow 0.2s ease;
}
.yijia-card:hover {
  box-shadow: 0 8px 24px rgba(59, 100, 220, 0.12);
  border-color: var(--yijia-blue);
}

/* === 信任背书条 === */
.yijia-trust-bar {
  background: var(--yijia-blue-panel);
  color: var(--yijia-on-dark);
  padding: 32px 60px;
}
.yijia-trust-bar h3 {
  color: var(--yijia-on-dark);
  font-size: 17px;
  font-weight: var(--yijia-weight-semibold);
  margin-bottom: 4px;
}
.yijia-trust-bar p {
  color: var(--yijia-on-dark-muted);
  font-size: var(--yijia-font-caption);
}

/* === 眉题 === */
.yijia-eyebrow {
  font-size: var(--yijia-font-eyebrow);
  font-weight: var(--yijia-weight-medium);
  letter-spacing: var(--yijia-ls-eyebrow);
  color: var(--yijia-blue);
  text-align: center;
  margin-bottom: var(--yijia-space-sm);
}
.yijia-eyebrow.orange { color: var(--yijia-orange); }

/* === 板块标题 === */
.yijia-section-title {
  font-size: var(--yijia-font-h1);
  font-weight: var(--yijia-weight-semibold);
  color: var(--yijia-ink);
  text-align: center;
  margin-bottom: var(--yijia-space-sm);
  line-height: var(--yijia-lh-heading);
}

/* === 深蓝CTA板块 === */
.yijia-cta-panel {
  background: var(--yijia-blue-panel);
  padding: var(--yijia-space-section) 60px;
}
.yijia-cta-panel h2 {
  color: var(--yijia-on-dark);
  font-size: 40px;
  font-weight: var(--yijia-weight-semibold);
  line-height: 1.2;
}
.yijia-cta-panel p {
  color: var(--yijia-on-dark-muted);
  font-size: var(--yijia-font-body);
}

/* === 表单卡片 === */
.yijia-form-card {
  background: #fff;
  border-radius: var(--yijia-radius-panel);
  padding: 40px;
}
.yijia-form-card input,
.yijia-form-card select {
  height: 48px;
  border-radius: var(--yijia-radius-input);
  border: 1px solid var(--yijia-hairline);
  font-size: var(--yijia-font-body-sm);
  color: var(--yijia-ink);
  padding: 0 16px;
  width: 100%;
}
.yijia-form-card input:focus,
.yijia-form-card select:focus {
  border-color: var(--yijia-blue);
  outline: 2px solid var(--yijia-blue-light);
}

/* === Footer === */
.yijia-footer {
  background: var(--yijia-ink);
  color: #fff;
  padding: 64px 60px 32px;
}
.yijia-footer-legal {
  font-size: var(--yijia-font-legal);
  color: var(--yijia-ink-60);
  line-height: var(--yijia-lh-tight);
  border-top: 1px solid #333;
  padding-top: 20px;
  margin-top: 32px;
}

/* === 流程步骤编号 === */
.yijia-step-number {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--yijia-blue);
  color: #fff;
  font-size: var(--yijia-font-body);
  font-weight: var(--yijia-weight-semibold);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.yijia-step-number:nth-child(5) {
  background: var(--yijia-orange);
}

/* === 配色规则注释 ===
   60% 白/浅灰背景 + 30% 墨黑文字 + 10% 品牌蓝/橙强调
   全站仅品牌蓝一个主行动色，橙色只做点缀
   === */