/* ==========================================================================
   shangcheng.css —— 电商商城私有样式
   hero / 后台六卡 / 左图右文前台 / B2B-B2C双卡 / FAQ / 墨黑竖排CTA
   ========================================================================== */

/* ---------- hero ---------- */
.sc-hero {
  position: relative;
  margin-top: -72px;
  padding-top: 72px;
  min-height: 44vh;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}
.sc-hero-bg { position: absolute; inset: 0; z-index: -2; }
.sc-hero-bg img { width: 100%; height: 100%; object-fit: cover; }
.sc-hero-mask {
  position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(180deg, rgba(35,36,31,.3) 0%, rgba(35,36,31,.85) 100%);
}
.sc-hero-inner { padding: 76px 24px 44px; color: #fff; }
.sc-crumb { color: rgba(246,242,233,.75); padding: 0 0 14px; }
.sc-crumb a { color: rgba(246,242,233,.75); }
.sc-crumb .current { color: #cfe0c9; }
.sc-hero h1 { color: #fff; font-size: 2.3rem; margin-bottom: 10px; max-width: 680px; }
.sc-hero-inner > p { color: rgba(246,242,233,.85); max-width: 560px; }

/* ---------- 后台能力 ---------- */
.sc-backend { background: var(--paper); }

/* ---------- 前台体验左图右文 ---------- */
.sc-front { background: var(--rice); }
.sc-front-grid { align-items: center; gap: 44px; }
.sc-front-img img { border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }
.sc-front-img figcaption { padding: 10px 4px 0; font-size: .85rem; }
.sc-front-text .bar { margin: 12px 0 18px; }
.sc-front-point {
  font-family: var(--font-title);
  font-size: 1.05rem;
  color: var(--bamboo-deep);
  border-left: 3px solid var(--bamboo);
  padding-left: 14px;
  margin-top: 18px;
}

/* ---------- B2B / B2C ---------- */
.sc-b2 { background: var(--paper); }
.sc-b2-card { padding: 32px 28px; }
.sc-b2-card .tag, .sc-b2-card .tag-warm { margin-bottom: 14px; }
.sc-b2-card h3 { margin-bottom: 10px; }

/* ---------- FAQ ---------- */
.sc-faq { background: var(--rice-deep); }
.sc-faq-list { max-width: 760px; margin: 0 auto; }

/* ---------- CTA 墨黑竖排 ---------- */
.sc-cta {
  background: var(--ink);
  padding: 72px 0;
  margin-top: 80px;
  text-align: center;
}
.sc-cta-inner { max-width: 520px; margin: 0 auto; }
.sc-cta-inner h2 { color: #fff; margin-bottom: 10px; }
.sc-cta-inner > p { color: rgba(246,242,233,.7); }
.sc-cta-stack {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  margin-top: 26px;
}
.sc-cta-phone {
  font-family: var(--font-title);
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
}
.sc-cta-mail { font-size: .9rem; color: rgba(246,242,233,.65); }