/* Mobile Landing — 独立名片的移动端规则
   桌面布局见 landing.css；断点：≤640px。 */

/* ---------- ≤640px ---------- */
@media (max-width: 640px) {
  .landing-card {
    padding: var(--sp-5) 0;
  }

  .landing-eyebrow {
    margin-bottom: var(--sp-6);
  }

  /* 14vw 与桌面端 10.5vw 在 640px 处基本衔接（约 70px），
     避免 641→640 时字号从 67px 跳到 88px；上限 4.5rem 收紧到同量级 */
  .landing-name {
    font-size: clamp(3rem, 14vw, 4.5rem);
  }

  .landing-rule {
    margin: var(--sp-7) 0 var(--sp-6);
  }

  .landing-contact {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--sp-3);
  }

  /* 竖排后统一标签宽度，邮箱 / 微信 / 手机号 三个值的左缘才对得齐 */
  .landing-contact-label {
    min-width: 3.5em;
  }
}

/* ---------- 触屏 ---------- */
/* 复制是这张页的主要操作：用伪元素把点击区上下各扩 4px（19px → 27px，
   满足 WCAG 2.2 的 24×24 最小目标），不移动字形位置与下划线 */
@media (hover: none) {
  .landing-contact-link {
    position: relative;
  }

  .landing-contact-link::after {
    content: "";
    position: absolute;
    inset: -4px;
  }
}