/* 2026-10-08：底部留白由 --space-12(48px) 收敛到内容分区尺度 —— 原值使「正文 → 尾页留资带」
   的间距只有 112px（48+64），而全站其余页一律 192px（128+64）。顶部 calc 是固定页头的补偿，不动。 */
.simple-page { padding-top: calc(var(--header-height) + var(--space-10)); padding-bottom: var(--section-pad-block); }
/* ---- 联系我们 · 工具式首屏（2026-10-25）----
   底图从「满幅压字」改成**右侧图板**：左半是米白底 + 标题 + 两个动作，
   文字改成深色（压在浅底上），不再需要 scrim。标题上限 44px（原 88px）。
   ⚠️ 不改 hero 的类名与高度：既有冒烟判据守着「配方完整 / hero 内无正文 / mini ≤48svh」。 */
.hero.c-hero { background: var(--cream-100); }
/* ⚠️ `.hero-bg` 原为 z-index:-2（靠 hero 自己的深色底衬住）。本页 hero 换成了米白底，
   负 z 会**画到米白底后面** ⇒ 右侧图板整块消失。抬到 0 即可：它在 DOM 里排在
   `.hero-content` 之前，同层级下内容自然压在图上。 */
.hero.c-hero .hero-bg { inset: 0 0 0 auto; width: 46%; z-index: 0; }
.hero.c-hero .hero-overlay { display: none; }
.hero.c-hero .hero-content {
  display: grid; align-content: center; text-align: left; color: var(--color-text); text-shadow: none;
  max-width: 1180px; width: 100%; margin: 0 auto;
  padding-block: calc(var(--header-height) + var(--space-5)) var(--space-9); }
.hero.c-hero .hero-title {
  margin: 0 0 var(--space-6); text-align: left; color: var(--navy-900);
  font-size: clamp(2.25rem, 3.9vw, 3.5rem); line-height: 1.22; }
.hero.c-hero .hero-title-ch {
  display: block; margin-top: var(--space-4); font-weight: 400; color: var(--gray-700);
  font-size: clamp(var(--fs-small), 1.1vw, var(--fs-body)); }
.c-hero-kicker { display: block; margin-bottom: var(--space-4); font-size: var(--fs-nano);
  letter-spacing: .22em; color: var(--color-muted); }
.c-hero-acts { display: flex; flex-wrap: wrap; gap: var(--space-3); }
@media (min-width: 861px) { .hero.c-hero .hero-content { padding-right: 50%; } }
@media (max-width: 860px) {
  /* 竖屏：图板会让首屏多占一屏，而这里要做的事只有「看标题 + 点按钮」 */
  .hero.c-hero .hero-bg { display: none; }
}
.simple-page .container { max-width: 820px; }
.simple-page h1 { font-family: var(--font-display); font-size: clamp(1.75rem,4vw,2.5rem); font-weight: 700; color: var(--navy-900); margin-bottom: var(--space-6); }
.simple-page .updated { margin-top: var(--space-10); font-size: .85rem; color: var(--gray-500); }
.simple-page h2 { font-size: 1.2rem; font-weight: 700; color: var(--navy-900); margin: var(--space-10) 0 var(--space-4); }
.simple-page p { font-size: var(--fs-body); line-height: 2; color: var(--gray-700); margin-bottom: var(--space-5); }
.simple-page ul { padding-left: var(--space-5); margin-bottom: var(--space-5); }
.simple-page li { font-size: var(--fs-body); line-height: 1.9; color: var(--gray-700); margin-bottom: var(--space-2); }
.simple-page .contact-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px,1fr)); gap: var(--space-6); margin: var(--space-8) 0; }
.simple-page .contact-card { background: var(--cream-100); border-radius: var(--radius-lg); padding: var(--space-6); }
.simple-page .contact-card h3 { font-size: var(--fs-body); color: var(--navy-900); margin-bottom: var(--space-3); }
.simple-page .contact-card p { color: var(--gray-700); margin-bottom: 0; }
.contact-split { background: var(--gray-100); padding: var(--space-16) 0 var(--space-16); }
/* 联系页双栏： 容器 1080 → 1240、两栏 1.15fr:1fr → 1fr:1fr；右栏由 4 张 cream 卡片改为紧凑信息列表； 说明文字移出右栏、新增两栏下方全宽信任带。 ⚠️ 断点**保持 1024**—— 富喆媒体查询白名单只有 640/767/768/1023/1024， 新增 900 会被冒烟硬断言拦下；信任带降列断点同理取 1023。 */
.contact-split-grid { display: grid; grid-template-columns: 1fr; gap: var(--space-8); max-width: 1240px; margin-inline: auto; align-items: start; }
@media (min-width: 1024px) { .contact-split-grid { grid-template-columns: 1fr 1fr; } }
.contact-form-col .quote-form-wrap { background: var(--white); border-radius: var(--radius-lg); padding: var(--space-8); box-shadow: var(--shadow-md); }
.contact-form-col .quote-form-title { font-size: 1.625rem; }
/* 右栏：4 张卡片改为「图标 + 标题 + 说明」的紧凑信息列表 */
.contact-info-title { font-size: var(--fs-body-lg); font-weight: 700; color: var(--navy-900); margin: 0 0 var(--space-4); }
.contact-info-col .contact-grid { display: block; gap: 0; margin: 0; }
.contact-info-col .contact-card { background: transparent; border: 0; border-radius: 0; box-shadow: none; padding: var(--space-3) 0; border-bottom: 1px solid var(--gray-200); display: flex; gap: var(--space-3-5); align-items: flex-start; }
.contact-info-col .contact-card:last-child { border-bottom: 0; }
.contact-info-col .contact-card .ci-ico { flex: 0 0 34px; width: 34px; height: 34px; border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; background: var(--cream-100); color: var(--blue-600); }
.contact-info-col .contact-card .ci-ico svg { width: 17px; height: 17px; display: block; }
.contact-info-col .contact-card--lead .ci-ico { background: var(--white); border: 1px solid var(--gray-200); box-shadow: var(--shadow-sm); }
.contact-info-col .contact-card .ci-body { flex: 1 1 auto; min-width: 0; }
.contact-info-col .contact-card h3 { font-size: .95rem; color: var(--navy-900); line-height: 1.45; margin-bottom: 3px; }
.contact-info-col .contact-card p { color: var(--gray-700); margin-bottom: 0; font-size: .9rem; line-height: 1.7; }
.contact-info-col .btn-addr { display: inline-flex; align-items: center; gap: var(--space-1); margin-top: var(--space-2); font-size: var(--fs-caption); color: var(--color-interactive); }
/* 说明文字：移出右栏，作为两栏下方的整行小字 */
/* 2026-10-08：--gray-500 压在 gray-100 上实测 4.39:1（13px 需 ≥4.5）。 */
.contact-note { grid-column: 1 / -1; margin: var(--space-4) 0 0; font-size: var(--fs-small); line-height: 1.7; color: var(--gray-600); }
/* 两栏下方全宽信任带：不参与左右两栏的高度平衡 */
.contact-split-trust { grid-column: 1 / -1; }
.contact-split-trust .cst-title { font-size: var(--fs-small); color: var(--gray-500); margin: 0 0 var(--space-3); }
.contact-split-trust .cst-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-3); }
.contact-split-trust .cst-item { background: var(--white); border: 1px solid var(--gray-200); border-radius: var(--radius-xl); padding: var(--space-3-5) var(--space-4); }
.contact-split-trust .cst-item b { display: block; font-size: var(--fs-caption); font-weight: 600; color: var(--navy-900); margin-bottom: var(--space-1); }
.contact-split-trust .cst-item span { font-size: var(--fs-small); line-height: 1.6; color: var(--gray-500); }
@media (max-width: 1023px) { .contact-split-trust .cst-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) { .contact-form-col .quote-form-wrap { padding: var(--space-6); } }

/* ══════════════════════════════════════════════════════════════════
   2026-10-23 · contact 页方案 A：三条通道 / 联系信息卡 / 转介绍编号卡
   全部用既有令牌（space / radius / fs / shadow-*），不新增色值与字面量。
   ══════════════════════════════════════════════════════════════════ */
.csec-head { max-width: 680px; margin-bottom: var(--space-6); }
.csec-kicker { display: inline-flex; align-items: center; gap: var(--space-2); margin: 0 0 var(--space-3);
  font-size: var(--fs-small); font-weight: 700; letter-spacing: .18em; text-transform: uppercase;
  color: var(--color-interactive); }
.csec-kicker::before { content: ''; width: var(--space-6); height: 2px; background: var(--color-decorative); }
.csec-title { margin: 0 0 var(--space-3); font-size: var(--fs-h3); color: var(--navy-900); }
.csec-sub { margin: 0; font-size: var(--fs-body); line-height: 1.75; color: var(--gray-700); }

.cways-sec { padding-top: var(--space-16); }
.cways { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }
.cway { padding: var(--space-6); background: var(--white); border: 1px solid var(--gray-100);
  border-radius: var(--radius-xl); box-shadow: var(--shadow-sm); }
.cway-ic { display: inline-flex; align-items: center; justify-content: center; width: var(--space-10);
  height: var(--space-10); border-radius: var(--radius-full); background: var(--cool-100);
  color: var(--navy-800); margin-bottom: var(--space-4); }
.cway-ic svg { width: 20px; height: 20px; }
.cway h3 { margin: 0 0 var(--space-2); font-size: var(--fs-h4); color: var(--navy-900); }
.cway p { margin: 0 0 var(--space-4); font-size: var(--fs-small); line-height: 1.75; color: var(--gray-600); }
.cway-main { font-size: var(--fs-body-lg); font-weight: 700; color: var(--navy-900); }
.cway-main a { color: var(--navy-900); text-decoration: underline; text-underline-offset: 3px; }
.cway-btn { width: 100%; margin-top: auto; }
.cway-note { margin: var(--space-3) 0 0; font-size: var(--fs-caption); color: var(--gray-500); }
.cway { display: flex; flex-direction: column; }

.contact-form-solo { display: grid; gap: var(--space-6); max-width: 820px; margin-inline: auto; }

.cinfo { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }
.cinfo-card { padding: var(--space-5) var(--space-6); background: var(--white);
  border: 1px solid var(--gray-100); border-radius: var(--radius-lg); }
.cinfo-card h3 { display: flex; align-items: center; gap: var(--space-2); margin: 0 0 var(--space-3);
  font-size: var(--fs-small); font-weight: 700; letter-spacing: .06em; color: var(--gray-500); }
.cinfo-card h3 svg { width: 16px; height: 16px; color: var(--color-interactive); flex: none; }
.cinfo-card p { margin: 0; font-size: var(--fs-body-sm); line-height: 1.8; color: var(--navy-900); }
.cinfo-dim { margin-top: var(--space-2) !important; font-size: var(--fs-small) !important; color: var(--gray-600) !important; }
.cinfo-card--lead { background: var(--navy-800); border-color: var(--navy-800); }
.cinfo-card--lead h3 { color: rgba(255, 255, 255, .72); }
.cinfo-card--lead h3 svg { color: var(--white); }
.cinfo-card--lead p { color: var(--white); }
.cinfo-card--lead .cinfo-dim { color: rgba(255, 255, 255, .72) !important; }
.cinfo-nav { display: inline-flex; align-items: center; gap: var(--space-2); margin-top: var(--space-4);
  min-height: var(--space-10); padding: 0 var(--space-4); border-radius: var(--radius-full);
  background: var(--white); color: var(--navy-900); font-size: var(--fs-small); font-weight: 700;
  text-decoration: none; }
.cinfo-nav svg { width: 13px; height: 13px; }
.cinfo-areas { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-3); }
.cinfo-areas span { padding: var(--space-1) var(--space-3); border-radius: var(--radius-full);
  border: 1px solid var(--gray-200); font-size: var(--fs-small); color: var(--navy-800); }

.section--referral .referral-wrap { text-align: left; max-width: none; margin-inline: 0; }
.section--referral .referral-desc { text-align: left; margin-inline: 0; }
.section--referral .section-title { font-size: var(--fs-h3); }
.section--referral .csec-kicker { margin-bottom: var(--space-3); }
.ref-step { text-align: left; }
.ref-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); margin: var(--space-6) 0; }
.ref-step { padding: var(--space-6); background: var(--white); border: 1px solid var(--gray-100);
  border-radius: var(--radius-lg); }
.ref-step-n { display: inline-flex; align-items: center; justify-content: center; width: var(--space-8);
  height: var(--space-8); border-radius: var(--radius-full); background: var(--navy-800); color: var(--white);
  font-family: var(--font-en); font-size: var(--fs-small); font-weight: 700; margin-bottom: var(--space-4); }
.ref-step h3 { margin: 0 0 var(--space-2); font-size: var(--fs-h4); color: var(--navy-900); }
.ref-step p { margin: 0; font-size: var(--fs-small); line-height: 1.8; color: var(--gray-700); }

@media (max-width: 1023px) {
  .cways, .cinfo, .ref-steps { grid-template-columns: minmax(0, 1fr); }
}