/* ============================================================
   云创空间官网 —— 内容扩充板块样式
   建立在设计系统 token + site.css 之上；金色仅作点缀，保持克制。
   ============================================================ */

/* ---------- 服务卡片：子能力列表 ---------- */
.yc-feature__list {
  list-style: none; margin: var(--space-5) 0 0; padding: 0;
  display: flex; flex-direction: column; gap: 9px;
}
.yc-feature__list li {
  display: flex; align-items: center; gap: 9px;
  font-size: var(--fs-sm); color: var(--text-body);
}
.yc-feature__list li::before {
  content: ''; width: 5px; height: 5px; border-radius: 50%;
  background: var(--gold-500); flex: 0 0 auto;
}

/* ---------- 服务流程：编号步骤 + 连线 ---------- */
.yc-steps {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: var(--space-6); margin-top: var(--space-12);
  position: relative;
}
/* 居中对称：每步内容在各自列内居中，整行视觉对称 */
.yc-step { position: relative; z-index: 1; text-align: center; }
.yc-step__num {
  margin: 0 auto;
  width: 52px; height: 52px; border-radius: var(--radius-pill);
  display: grid; place-items: center; background: var(--gold-100);
  color: var(--gold-700); font-family: var(--font-serif);
  font-weight: 700; font-size: 22px;
}
/* 贯穿连线：在编号中心高度横向连接首尾编号（编号圆盖在其上） */
.yc-steps::before {
  content: ''; position: absolute; z-index: 0; top: 26px; height: 2px;
  left: calc((100% - 3 * var(--space-6)) / 8);
  right: calc((100% - 3 * var(--space-6)) / 8);
  background: linear-gradient(90deg, var(--gold-100), var(--gold-500), var(--gold-100));
  opacity: .7;
}
.yc-step__t { font-size: var(--fs-h4); margin: var(--space-5) 0 6px; }
.yc-step__d { font-size: var(--fs-sm); color: var(--text-muted); margin: 0; line-height: var(--lh-normal); }
@media (max-width: 900px) {
  .yc-steps { grid-template-columns: 1fr 1fr; gap: var(--space-8); }
  .yc-steps::before { display: none; }
}
@media (max-width: 520px) { .yc-steps { grid-template-columns: 1fr; } }

/* ---------- 为什么选择我们：四宫格 ---------- */
.yc-why { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-6); margin-top: var(--space-12); }
.yc-why__item {
  background: var(--white); border: 1px solid var(--hairline);
  border-radius: var(--radius-lg); padding: var(--space-6);
  transition: box-shadow var(--dur-base) var(--ease-standard), border-color var(--dur-base) var(--ease-standard);
}
.yc-why__item:hover { box-shadow: var(--shadow-md); border-color: var(--gold-100); }
.yc-why__ic {
  width: 44px; height: 44px; border-radius: var(--radius-md);
  display: grid; place-items: center; background: var(--gold-100); color: var(--gold-700);
}
.yc-why__ic i { width: 22px; height: 22px; }
.yc-why__t { font-size: var(--fs-h4); margin: var(--space-5) 0 6px; }
.yc-why__d { font-size: var(--fs-sm); color: var(--text-muted); margin: 0; line-height: var(--lh-normal); }
@media (max-width: 900px) { .yc-why { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .yc-why { grid-template-columns: 1fr; } }

/* ---------- 常见问题 FAQ ---------- */
.yc-faq { max-width: 840px; margin: var(--space-12) auto 0; width: 100%; }
.yc-faq__item { border-bottom: 1px solid var(--hairline); padding: var(--space-6) 0; }
.yc-faq__item:first-child { border-top: 1px solid var(--hairline); }
.yc-faq__q {
  display: flex; align-items: center; gap: 12px;
  font-size: var(--fs-h4); font-weight: 700; color: var(--ink-900); margin: 0 0 10px;
}
.yc-faq__q::before {
  content: 'Q'; flex: 0 0 auto; width: 26px; height: 26px;
  display: grid; place-items: center; border-radius: 7px;
  background: var(--gold-100); color: var(--gold-700);
  font-family: var(--font-serif); font-size: 15px; font-weight: 700;
}
.yc-faq__a { font-size: var(--fs-body); color: var(--text-muted); line-height: var(--lh-relaxed); margin: 0; padding-left: 38px; }

/* ---------- 流程 / 优势 区块标题居中 ---------- */
.yc-section .yc-secthead--center { margin-inline: auto; }