/* ============================================================
   云创空间官网 —— 立体边框
   卡片用「渐变描边」：上缘提亮(近白) → 中段金 → 下缘暖金加深，
   模拟光从上方打下的倒角；再叠「内缘高光 + 暖金分层投影」，
   让卡片像微微浮起，金色点缀、仍克制。
   ============================================================ */

/* ---------- 卡片类：渐变描边 + 立体投影 ---------- */
.yc-card,
.yc-value,
.yc-why__item,
.yc-contact__form,
.yc-step__num {
  border: 1px solid transparent;
  background:
    linear-gradient(var(--white), var(--white)) padding-box,
    linear-gradient(180deg,
      rgba(255, 255, 255, 0.95) 0%,
      rgba(186, 117, 23, 0.32) 20%,
      var(--hairline-2) 58%,
      rgba(133, 79, 11, 0.18) 100%) border-box;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.85),
    0 1px 2px rgba(26, 26, 26, 0.05),
    0 10px 26px rgba(133, 79, 11, 0.07);
}

/* 编号圆保留金底（描边覆盖背景，这里改回金底 + 立体描边） */
.yc-step__num {
  background:
    linear-gradient(var(--gold-100), var(--gold-100)) padding-box,
    linear-gradient(180deg, rgba(255, 255, 255, 0.7), rgba(133, 79, 11, 0.4)) border-box;
}

/* ---------- 悬浮：辉光更亮、上浮更明显 ---------- */
.yc-card--interactive:hover,
.yc-why__item:hover {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 2px 6px rgba(26, 26, 26, 0.06),
    0 18px 40px rgba(133, 79, 11, 0.14);
}

/* ---------- chip：细一档的立体描边 ---------- */
.yc-chip {
  border: 1px solid transparent;
  background:
    linear-gradient(var(--white), var(--white)) padding-box,
    linear-gradient(180deg, rgba(186, 117, 23, 0.30), var(--hairline-2) 55%, rgba(0, 0, 0, 0.12)) border-box;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 1px 3px rgba(26, 26, 26, 0.05);
}

/* ---------- hero 右侧抽象卡：同款立体描边 ---------- */
.yc-hero__card {
  border: 1px solid transparent;
  background:
    linear-gradient(var(--white), var(--white)) padding-box,
    linear-gradient(155deg,
      rgba(255, 255, 255, 0.95) 0%,
      rgba(186, 117, 23, 0.30) 25%,
      var(--hairline-2) 60%,
      rgba(133, 79, 11, 0.18) 100%) border-box;
}

/* ---------- FAQ 分隔线 / 输入框：保留原交互，仅描边略带暖意 ---------- */
.yc-input, .yc-textarea {
  border-color: rgba(133, 79, 11, 0.18);
}
