.page-contact .breadcrumbs {
  padding-top: 22px;
  padding-bottom: 4px;
}

/* ============ 首屏 ============ */
.page-contact .ct-hero {
  padding: 18px 0 42px;
}

.page-contact .ct-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 26px;
}

.page-contact .ct-hero__kicker {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--orange-600);
  margin: 0;
}

.page-contact .ct-hero__lead h1 {
  font-size: clamp(30px, 5.6vw, 54px);
  font-weight: 900;
  letter-spacing: -0.02em;
  line-height: 1.12;
  color: var(--blue-900);
  margin: 12px 0 18px;
}

.page-contact .ct-hero__text {
  max-width: 60ch;
  font-size: 16.5px;
  line-height: 1.8;
  color: var(--ink);
  margin: 0 0 12px;
}

.page-contact .ct-hero__text--muted {
  color: var(--gray-500);
}

.page-contact .ct-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}

.page-contact .ct-hero__board {
  background: var(--blue-900);
  color: var(--paper);
  border-radius: var(--radius);
  border-top: 3px solid var(--orange-600);
  padding: 24px 22px;
  box-shadow: var(--shadow-md);
}

.page-contact .ct-hero__board-title {
  font-size: 13px;
  letter-spacing: 0.12em;
  color: var(--blue-200);
  margin: 0 0 16px;
}

.page-contact .ct-hero__board-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.page-contact .ct-hero__board-item {
  padding: 14px 0;
  border-top: 1px solid var(--line-on-dark);
}

.page-contact .ct-hero__board-item:first-child {
  border-top: 0;
  padding-top: 0;
}

.page-contact .ct-hero__board-num {
  display: block;
  font-family: var(--font-mono);
  font-size: 21px;
  font-weight: 700;
  color: var(--orange-400);
  margin-bottom: 6px;
  letter-spacing: -0.01em;
}

.page-contact .ct-hero__board-desc {
  display: block;
  font-size: 13.5px;
  line-height: 1.7;
  color: rgba(246, 243, 236, 0.82);
}

@media (min-width: 900px) {
  .page-contact .ct-hero__grid {
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
    gap: 48px;
    align-items: end;
  }
}

/* ============ 流程示意 ============ */
.page-contact .ct-flow {
  padding: 0 0 44px;
}

.page-contact .ct-flow__figure {
  margin: 0;
}

.page-contact .ct-flow__img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 380px;
  object-fit: cover;
  background: var(--gray-100);
  border: 1px solid var(--line);
  border-radius: var(--radius);
}

.page-contact .ct-flow__caption {
  margin-top: 12px;
  font-size: 13px;
  line-height: 1.7;
  color: var(--gray-500);
}

/* ============ 表单区 ============ */
.page-contact .ct-main {
  padding: 0 0 8px;
}

.page-contact .ct-main__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 30px;
  align-items: start;
}

.page-contact .ct-form {
  min-width: 0;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
  padding: 24px 20px;
}

@media (min-width: 640px) {
  .page-contact .ct-form {
    padding: 34px 32px;
  }
}

@media (min-width: 1000px) {
  .page-contact .ct-main__grid {
    grid-template-columns: minmax(0, 1fr) 328px;
    gap: 44px;
  }
}

/* 步骤 */
.page-contact .ct-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  list-style: none;
  margin: 0 0 30px;
  padding: 0;
}

.page-contact .ct-steps__item {
  padding-top: 14px;
  border-top: 3px solid var(--blue-200);
  min-width: 0;
}

.page-contact .ct-steps__item.is-done {
  border-top-color: var(--blue-500);
}

.page-contact .ct-steps__item.is-current {
  border-top-color: var(--orange-600);
}

.page-contact .ct-steps__num {
  display: block;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  color: var(--gray-500);
}

.page-contact .ct-steps__item.is-current .ct-steps__num {
  color: var(--orange-600);
}

.page-contact .ct-steps__name {
  display: block;
  font-size: 14.5px;
  font-weight: 700;
  color: var(--blue-900);
  margin: 3px 0 2px;
}

.page-contact .ct-steps__hint {
  display: block;
  font-size: 12px;
  color: var(--gray-500);
}

/* 标签切换 */
.page-contact .ct-tabs__title {
  font-size: 19px;
  font-weight: 900;
  letter-spacing: -0.01em;
  color: var(--blue-900);
  margin: 0 0 14px;
}

.page-contact .ct-tabs__radio {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.page-contact .ct-tabs__bar {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border: 1px solid var(--line);
  border-radius: var(--radius);
  overflow: hidden;
  margin-bottom: 24px;
}

.page-contact .ct-tabs__label {
  padding: 12px 6px;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: var(--blue-700);
  background: #ffffff;
  cursor: pointer;
  border-right: 1px solid var(--line);
  transition: background 0.15s ease, color 0.15s ease;
  min-width: 0;
}

.page-contact .ct-tabs__label:last-child {
  border-right: 0;
}

.page-contact #ct-kind-install:checked ~ .ct-tabs__bar .ct-tabs__label[for="ct-kind-install"],
.page-contact #ct-kind-repair:checked ~ .ct-tabs__bar .ct-tabs__label[for="ct-kind-repair"],
.page-contact #ct-kind-other:checked ~ .ct-tabs__bar .ct-tabs__label[for="ct-kind-other"] {
  background: var(--blue-700);
  color: #ffffff;
}

.page-contact .ct-tabs__panel {
  display: none;
}

.page-contact #ct-kind-install:checked ~ .ct-tabs__panels > .ct-tabs__panel--install,
.page-contact #ct-kind-repair:checked ~ .ct-tabs__panels > .ct-tabs__panel--repair,
.page-contact #ct-kind-other:checked ~ .ct-tabs__panels > .ct-tabs__panel--other {
  display: block;
}

.page-contact .ct-tabs__intro {
  font-size: 14px;
  line-height: 1.8;
  color: var(--gray-500);
  margin: 0 0 20px;
}

/* 字段 */
.page-contact .ct-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
}

@media (min-width: 700px) {
  .page-contact .ct-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .page-contact .ct-field--wide {
    grid-column: 1 / -1;
  }
}

.page-contact .ct-field {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.page-contact .ct-field__label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  font-weight: 700;
  color: var(--blue-900);
  margin-bottom: 7px;
}

.page-contact .ct-field__req {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: var(--orange-600);
  border: 1px solid rgba(210, 96, 10, 0.35);
  border-radius: var(--radius);
  padding: 1px 6px;
}

.page-contact .ct-field__control {
  width: 100%;
  box-sizing: border-box;
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 1.6;
  color: var(--ink);
  background: #ffffff;
  border: 1px solid var(--line);
  border-left: 2px solid transparent;
  border-radius: var(--radius);
  padding: 11px 12px;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.page-contact select.ct-field__control {
  appearance: none;
  -webkit-appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, var(--blue-500) 50%),
    linear-gradient(135deg, var(--blue-500) 50%, transparent 50%);
  background-position: calc(100% - 18px) 50%, calc(100% - 13px) 50%;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  padding-right: 36px;
}

.page-contact .ct-field__control:focus {
  outline: none;
  border-color: var(--blue-500);
  border-left-color: var(--orange-600);
  box-shadow: 0 0 0 3px rgba(30, 111, 168, 0.12);
}

.page-contact .ct-field__control::placeholder {
  color: #97a3ae;
}

.page-contact .ct-field__control--area {
  resize: vertical;
  min-height: 96px;
  line-height: 1.75;
}

.page-contact .ct-field__hint {
  display: block;
  margin-top: 6px;
  font-size: 12.5px;
  line-height: 1.65;
  color: var(--gray-500);
}

/* 提交 */
.page-contact .ct-submit {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-top: 26px;
  padding-top: 22px;
  border-top: 1px solid var(--line);
}

.page-contact .ct-submit__btn {
  flex: 0 0 auto;
}

.page-contact .ct-submit__note {
  flex: 1 1 240px;
  margin: 0;
  font-size: 13px;
  line-height: 1.75;
  color: var(--gray-500);
}

.page-contact .ct-submit__note a {
  color: var(--blue-500);
}

/* 侧栏 */
.page-contact .ct-side {
  min-width: 0;
}

@media (min-width: 1000px) {
  .page-contact .ct-side {
    position: sticky;
    top: calc(var(--header-h) + 24px);
  }
}

.page-contact .ct-side__card {
  background: var(--blue-900);
  color: var(--paper);
  border-radius: var(--radius);
  border-top: 3px solid var(--orange-600);
  padding: 24px 22px;
  box-shadow: var(--shadow-md);
}

.page-contact .ct-side__kicker {
  font-family: var(--font-mono);
  font-size: 11.5px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--orange-400);
  margin: 0 0 10px;
}

.page-contact .ct-side__title {
  font-size: 18px;
  font-weight: 800;
  line-height: 1.5;
  color: #ffffff;
  margin: 0 0 20px;
}

.page-contact .ct-side__list {
  margin: 0 0 16px;
  padding: 0;
}

.page-contact .ct-side__row {
  padding: 12px 0;
  border-top: 1px solid var(--line-on-dark);
}

.page-contact .ct-side__row:first-child {
  border-top: 0;
  padding-top: 0;
}

.page-contact .ct-side__key {
  margin: 0 0 5px;
  font-size: 12px;
  letter-spacing: 0.04em;
  color: rgba(187, 211, 230, 0.78);
}

.page-contact .ct-side__val {
  margin: 0;
  font-family: var(--font-mono);
  font-size: 14px;
  line-height: 1.65;
  color: #ffffff;
  word-break: break-word;
}

.page-contact .ct-side__note {
  margin: 0;
  padding-top: 14px;
  border-top: 1px solid var(--line-on-dark);
  font-size: 12.5px;
  line-height: 1.75;
  color: rgba(246, 243, 236, 0.78);
}

/* ============ 通用区块头 ============ */
.page-contact .ct-block {
  padding: 52px 0 0;
}

.page-contact .ct-head {
  border-left: 3px solid var(--orange-600);
  padding-left: 16px;
  margin-bottom: 28px;
}

.page-contact .ct-head__index {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.14em;
  color: var(--blue-500);
  margin: 0 0 8px;
}

.page-contact .ct-head__title {
  font-size: clamp(22px, 3.2vw, 30px);
  font-weight: 900;
  letter-spacing: -0.02em;
  line-height: 1.25;
  color: var(--blue-900);
  margin: 0 0 8px;
}

.page-contact .ct-head__desc {
  margin: 0;
  max-width: 62ch;
  font-size: 15px;
  line-height: 1.8;
  color: var(--gray-500);
}

/* ============ 准备清单 ============ */
.page-contact .ct-prep__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
}

@media (min-width: 800px) {
  .page-contact .ct-prep__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
  }
  .page-contact .ct-prep__card:nth-child(2) {
    margin-top: 24px;
  }
}

.page-contact .ct-prep__card {
  min-width: 0;
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
  padding: 22px 20px;
  transition: transform 0.18s ease, border-color 0.18s ease;
}

.page-contact .ct-prep__card:hover {
  transform: translateY(-3px);
  border-color: var(--blue-500);
}

.page-contact .ct-prep__num {
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: 700;
  color: #ffffff;
  background: var(--blue-700);
  display: inline-block;
  line-height: 1;
  padding: 5px 8px;
  border-radius: var(--radius);
  margin: 0 0 14px;
}

.page-contact .ct-prep__title {
  font-size: 17px;
  font-weight: 800;
  color: var(--blue-900);
  margin: 0 0 10px;
  letter-spacing: -0.01em;
}

.page-contact .ct-prep__text {
  font-size: 14px;
  line-height: 1.8;
  color: var(--gray-500);
  margin: 0 0 14px;
}

.page-contact .ct-prep__eg {
  margin: 0;
  padding-left: 12px;
  border-left: 2px solid var(--blue-200);
  font-family: var(--font-mono);
  font-size: 12.5px;
  line-height: 1.7;
  color: var(--blue-700);
}

/* ============ 受理轨道 ============ */
.page-contact .ct-track__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}

@media (min-width: 860px) {
  .page-contact .ct-track__list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0 22px;
  }
}

.page-contact .ct-track__item {
  position: relative;
  min-width: 0;
  padding: 22px 0 20px;
  border-top: 2px solid var(--blue-200);
}

.page-contact .ct-track__item::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--blue-500);
  box-shadow: 0 0 0 4px var(--paper);
}

.page-contact .ct-track__item:first-child::before {
  background: var(--orange-600);
}

.page-contact .ct-track__item:first-child {
  border-top-color: var(--blue-500);
}

.page-contact .ct-track__when {
  display: block;
  font-family: var(--font-mono);
  font-size: 11.5px;
  letter-spacing: 0.1em;
  color: var(--blue-500);
  margin-bottom: 8px;
}

.page-contact .ct-track__title {
  font-size: 16px;
  font-weight: 800;
  color: var(--blue-900);
  margin: 0 0 8px;
  line-height: 1.45;
  letter-spacing: -0.01em;
}

.page-contact .ct-track__text {
  font-size: 13.5px;
  line-height: 1.8;
  color: var(--gray-500);
  margin: 0;
}

/* ============ 上门时段 ============ */
.page-contact .ct-window__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 28px;
}

@media (min-width: 900px) {
  .page-contact .ct-window__grid {
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    gap: 40px;
    align-items: start;
  }
}

.page-contact .ct-window__picker {
  min-width: 0;
}

.page-contact .ct-slots {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

@media (min-width: 620px) {
  .page-contact .ct-slots {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.page-contact .ct-slots__cell {
  position: relative;
  display: block;
  cursor: pointer;
}

.page-contact .ct-slots__input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.page-contact .ct-slots__text {
  display: block;
  padding: 11px 6px;
  text-align: center;
  font-family: var(--font-mono);
  font-size: 12.5px;
  line-height: 1.4;
  color: var(--blue-700);
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.page-contact .ct-slots__cell:hover .ct-slots__text {
  border-color: var(--blue-500);
}

.page-contact .ct-slots__input:focus-visible + .ct-slots__text {
  outline: 2px solid var(--orange-600);
  outline-offset: 2px;
}

.page-contact .ct-slots__input:checked + .ct-slots__text {
  background: var(--blue-200);
  border-color: var(--blue-500);
  color: var(--blue-900);
  font-weight: 700;
}

.page-contact .ct-window__notes {
  min-width: 0;
  display: grid;
  gap: 18px;
}

.page-contact .ct-note-block {
  background: #ffffff;
  border: 1px solid var(--line);
  border-left: 3px solid var(--blue-500);
  border-radius: var(--radius);
  padding: 18px 18px 20px;
}

.page-contact .ct-note-block__title {
  font-size: 15px;
  font-weight: 800;
  color: var(--blue-900);
  margin: 0 0 8px;
}

.page-contact .ct-note-block__text {
  font-size: 13.5px;
  line-height: 1.8;
  color: var(--gray-500);
  margin: 0;
}

/* ============ 寄件与到访 ============ */
.page-contact .ct-ship__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 28px;
}

@media (min-width: 900px) {
  .page-contact .ct-ship__grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
    gap: 40px;
    align-items: start;
  }
}

.page-contact .ct-ship__text {
  min-width: 0;
}

.page-contact .ct-ship__sub {
  font-size: 16px;
  font-weight: 800;
  color: var(--blue-900);
  margin: 0 0 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--line);
}

.page-contact .ct-ship__sub + .ct-ship__list {
  margin-bottom: 26px;
}

.page-contact .ct-ship__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.page-contact .ct-ship__list li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 1.8;
  color: var(--gray-500);
}

.page-contact .ct-ship__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 7px;
  height: 7px;
  background: var(--orange-400);
  border-radius: 1px;
}

.page-contact .ct-ship__figure {
  margin: 0;
  min-width: 0;
}

.page-contact .ct-ship__img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 420px;
  object-fit: cover;
  background: var(--gray-100);
  border: 1px solid var(--line);
  border-radius: var(--radius);
}

.page-contact .ct-ship__caption {
  margin-top: 12px;
  font-size: 13px;
  line-height: 1.7;
  color: var(--gray-500);
}

.page-contact .ct-ship__foot {
  margin: 34px 0 0;
  padding: 20px 22px;
  background: var(--gray-100);
  border-left: 3px solid var(--blue-500);
  border-radius: var(--radius);
  font-size: 14px;
  line-height: 1.85;
  color: var(--gray-500);
}

.page-contact .ct-ship__foot a {
  color: var(--blue-500);
  font-weight: 700;
}

@media (min-width: 1000px) {
  .page-contact .ct-block {
    padding-top: 62px;
  }
  .page-contact .ct-ship {
    padding-bottom: 60px;
  }
}
<<<END>>>

等等，我不小心加了 `<<<END>>>`。按指令应该只输出两个标记。让我移除它。
<main id="main-content" class="page-contact">
  <div class="container">
    <nav class="breadcrumbs" aria-label="您所在的位置">
      <ol class="breadcrumbs__list">
        <li class="breadcrumbs__item"><a class="breadcrumbs__link" href="/">首页</a></li>
        <li class="breadcrumbs__item"><span class="breadcrumbs__sep" aria-hidden="true">/</span></li>
        <li class="breadcrumbs__item breadcrumbs__current" aria-current="page">预约与咨询</li>
      </ol>
    </nav>
  </div>

  <section class="ct-hero">
    <div class="container">
      <div class="ct-hero__grid">
        <div class="ct-hero__lead">
          <p class="ct-hero__kicker">预约与咨询</p>
          <h1>报维修、约安装，从提交一份需求开始</h1>
          <p class="ct-hero__text">刚到的设备等着装，旧件等着修，先把现场情况和型号讲清楚，规格能不能对上、保修走到哪一档、哪个时段能上门，我们核对后一次性回给您。</p>
          <p class="ct-hero__text ct-hero__text--muted">乐投指南的对接从一份需求单开始——收到先给结论，再一起约时间。</p>
          <div class="ct-hero__actions">
            <a class="btn btn--primary" href="#ct-form">填写需求</a>
            <a class="btn btn--ghost" href="/services/">查看规格与保修档位</a>
          </div>
        </div>
        <aside class="ct-hero__board" aria-label="提交后可以预期的回应">
          <p class="ct-hero__board-title">提交后会得到什么</p>
          <ul class="ct-hero__board-list">
            <li class="ct-hero__board-item">
              <span class="ct-hero__board-num">1 个工作日</span>
              <span class="ct-hero__board-desc">在线表单提交的安装预约，我们电话确认规格、档位与上门时段</span>
            </li>
            <li class="ct-hero__board-item">
              <span class="ct-hero__board-num">2 小时</span>
              <span class="ct-hero__board-desc">维修工单受理后给出首次反馈</span>
            </li>
            <li class="ct-hero__board-item">
              <span class="ct-hero__board-num">9:00–18:00</span>
              <span class="ct-hero__board-desc">工作日可用邮箱与电话沟通，在线表单全天都能提交</span>
            </li>
          </ul>
        </aside>
      </div>
    </div>
  </section>

  <section class="ct-flow" aria-label="预约流程示意">
    <div class="container">
      <figure class="ct-flow__figure">
        <img class="ct-flow__img" src="{zhanqunpic:h:700w:1200}" width="1200" height="700" alt="三步预约流程示意图：提交需求、比对安装规格、排定上门时段三个节点及节点之间的连线" decoding="async">
        <figcaption class="ct-flow__caption">提交、比对、排期——中间没有多余的转手环节。</figcaption>
      </figure>
    </div>
  </section>

  <section class="ct-main" id="ct-form">
    <div class="container">
      <div class="ct-main__grid">

        <div class="ct-form">
          <ol class="ct-steps" aria-label="需求所处阶段">
            <li class="ct-steps__item is-current">
              <span class="ct-steps__num">01</span>
              <span class="ct-steps__name">填写需求</span>
              <span class="ct-steps__hint">当前阶段</span>
            </li>
            <li class="ct-steps__item">
              <span class="ct-steps__num">02</span>
              <span class="ct-steps__name">比对规格</span>
              <span class="ct-steps__hint">电话核对</span>
            </li>
            <li class="ct-steps__item">
              <span class="ct-steps__num">03</span>
              <span class="ct-steps__name">排定上门</span>
              <span class="ct-steps__hint">锁定时段</span>
            </li>
          </ol>

          <div class="ct-tabs">
            <h2 class="ct-tabs__title">这次要办哪件事</h2>

            <input class="ct-tabs__radio" type="radio" name="ct-kind" id="ct-kind-install" checked>
            <input class="ct-tabs__radio" type="radio" name="ct-kind" id="ct-kind-repair">
            <input class="ct-tabs__radio" type="radio" name="ct-kind" id="ct-kind-other">

            <div class="ct-tabs__bar">
              <label class="ct-tabs__label" for="ct-kind-install">安装预约</label>
              <label class="ct-tabs__label" for="ct-kind-repair">维修受理</label>
              <label class="ct-tabs__label" for="ct-kind-other">其他咨询</label>
            </div>

            <div class="ct-tabs__panels">

              <div class="ct-tabs__panel ct-tabs__panel--install">
                <p class="ct-tabs__intro">新设备或新材料需要上门安装，填这一栏。规格代号拿不准可以留空，我们收到型号后帮您归位。</p>
                <div class="ct-grid">
                  <div class="ct-field">
                    <label class="ct-field__label" for="ct-a-scene">使用场景 <span class="ct-field__req">必填</span></label>
                    <select class="ct-field__control" id="ct-a-scene">
                      <option value="">请选择</option>
                      <option>住宅</option>
                      <option>商铺</option>
                      <option>厂房</option>
                      <option>户外</option>
                    </select>
                  </div>
                  <div class="ct-field">
                    <label class="ct-field__label" for="ct-a-model">设备或材料型号 <span class="ct-field__req">必填</span></label>
                    <input class="ct-field__control" id="ct-a-model" type="text" placeholder="照铭牌抄即可，例如品牌加型号">
                  </div>
                  <div class="ct-field">
                    <label class="ct-field__label" for="ct-a-spec">安装规格代号</label>
                    <input class="ct-field__control" id="ct-a-spec" type="text" placeholder="S01–S12，不确定可留空">
                    <span class="ct-field__hint">不确定代号不影响受理，我们会按安装方式、承载条件与使用环境帮您归类。</span>
                  </div>
                  <div class="ct-field">
                    <label class="ct-field__label" for="ct-a-warranty">希望的保修档位</label>
                    <select class="ct-field__control" id="ct-a-warranty">
                      <option>按场景推荐</option>
                      <option>6 个月</option>
                      <option>12 个月</option>
                      <option>18 个月</option>
                      <option>24 个月</option>
                      <option>36 个月</option>
                      <option>60 个月</option>
                    </select>
                  </div>
                  <div class="ct-field ct-field--wide">
                    <label class="ct-field__label" for="ct-a-desc">现场情况说明</label>
                    <textarea class="ct-field__control ct-field__control--area" id="ct-a-desc" rows="4" placeholder="例如：设备已到货堆在一层库房，需要上墙固定，希望周六下午上门，现场有升降平台。"></textarea>
                  </div>
                </div>
              </div>

              <div class="ct-tabs__panel ct-tabs__panel--repair">
                <p class="ct-tabs__intro">旧件出问题或需要更换，填这一栏。库存状态决定是现货即换还是走预订排产，我们受理后第一时间告诉您落在哪一档。</p>
                <div class="ct-grid">
                  <div class="ct-field">
                    <label class="ct-field__label" for="ct-b-model">旧件名称或型号 <span class="ct-field__req">必填</span></label>
                    <input class="ct-field__control" id="ct-b-model" type="text" placeholder="例如：传动组件 XJ-220">
                  </div>
                  <div class="ct-field">
                    <label class="ct-field__label" for="ct-b-fault">故障或异常现象 <span class="ct-field__req">必填</span></label>
                    <input class="ct-field__control" id="ct-b-fault" type="text" placeholder="例如：运行时异响，固定位松动">
                  </div>
                  <div class="ct-field">
                    <label class="ct-field__label" for="ct-b-way">希望怎么处理</label>
                    <select class="ct-field__control" id="ct-b-way">
                      <option>由你们判断</option>
                      <option>现货即换</option>
                      <option>预订排产</option>
                      <option>先寄回检测</option>
                    </select>
                  </div>
                  <div class="ct-field">
                    <label class="ct-field__label" for="ct-b-slot">期望的上门或取件时段</label>
                    <input class="ct-field__control" id="ct-b-slot" type="text" placeholder="例如：本周三上午，或周末午后">
                  </div>
                  <div class="ct-field ct-field--wide">
                    <label class="ct-field__label" for="ct-b-desc">补充说明</label>
                    <textarea class="ct-field__control ct-field__control--area" id="ct-b-desc" rows="4" placeholder="例如：同一批一共三台，编号分别是 A1、A2、A3，其中两台还能用。"></textarea>
                  </div>
                </div>
              </div>

              <div class="ct-tabs__panel ct-tabs__panel--other">
                <p class="ct-tabs__intro">包装方案怎么选、旧件能不能先寄、跨区域能不能排——不确定归哪一类的，写在这里就行。</p>
                <div class="ct-grid">
                  <div class="ct-field">
                    <label class="ct-field__label" for="ct-c-topic">咨询主题 <span class="ct-field__req">必填</span></label>
                    <select class="ct-field__control" id="ct-c-topic">
                      <option value="">请选择</option>
                      <option>包装与运输</option>
                      <option>保修档位与起算</option>
                      <option>跨区域排期</option>
                      <option>长期合作与批量需求</option>
                      <option>其他</option>
                    </select>
                  </div>
                  <div class="ct-field">
                    <label class="ct-field__label" for="ct-c-contact">方便接电话的时段</label>
                    <input class="ct-field__control" id="ct-c-contact" type="text" placeholder="例如：工作日下午两点以后">
                  </div>
                  <div class="ct-field ct-field--wide">
                    <label class="ct-field__label" for="ct-c-desc">具体情况 <span class="ct-field__req">必填</span></label>
                    <textarea class="ct-field__control ct-field__control--area" id="ct-c-desc" rows="4" placeholder="把事情经过写下来，包括设备类型、涉及数量和大致的期望结果。"></textarea>
                  </div>
                </div>
              </div>

            </div>

            <div class="ct-submit">
              <button class="btn btn--primary ct-submit__btn" type="button">提交需求</button>
              <p class="ct-submit__note">安装与维修咨询请优先使用在线表单，非受理时段提交的需求会在下一个工作日优先处理。提交前可先看<a href="/privacy-policy/">隐私政策</a>了解信息的使用范围。</p>
            </div>
          </div>
        </div>

        <aside class="ct-side" aria-label="直接联系方式">
          <div class="ct-side__card">
            <p class="ct-side__kicker">直接联系</p>
            <h2 class="ct-side__title">不想走表单，也可以打电话或发邮件</h2>
            <dl class="ct-side__list">
              <div class="ct-side__row">
                <dt class="ct-side__key">客服邮箱</dt>
                <dd class="ct-side__val">email@download-letou.com.cn</dd>
              </div>
              <div class="ct-side__row">
                <dt class="ct-side__key">电话</dt>
                <dd class="ct-side__val">15859368228</dd>
              </div>
              <div class="ct-side__row">
                <dt class="ct-side__key">站点联系地址</dt>
                <dd class="ct-side__val">宁夏省银川市金凤区北京中路169号</dd>
              </div>
              <div class="ct-side__row">
                <dt class="ct-side__key">受理时间</dt>
                <dd class="ct-side__val">工作日 9:00–18:00</dd>
              </div>
            </dl>
            <p class="ct-side__note">在线表单全天可提交。已经确定规格和时段的需求走表单更快，调度可以直接进入排程。</p>
          </div>
        </aside>

      </div>
    </div>
  </section>

  <section class="ct-block ct-prep">
    <div class="container">
      <header class="ct-head">
        <p class="ct-head__index">01</p>
        <h2 class="ct-head__title" data-section>提交前先准备好这几样</h2>
        <p class="ct-head__desc">信息齐了，一次就能填完，省掉来回补资料的时间。</p>
      </header>
      <div class="ct-prep__grid">
        <article class="ct-prep__card">
          <p class="ct-prep__num">A</p>
          <h3 class="ct-prep__title">现场的实际情况</h3>
          <p class="ct-prep__text">安装面是混凝土、轻钢还是木结构，设备放在室内还是露天，常年有没有粉尘、水汽或震动。这些决定了规格归类和包装方案，描述里带上就有用。</p>
          <p class="ct-prep__eg">示例：厂房南侧二层平台，露天，常年有粉尘。</p>
        </article>
        <article class="ct-prep__card">
          <p class="ct-prep__num">B</p>
          <h3 class="ct-prep__title">型号与旧件信息</h3>
          <p class="ct-prep__text">新件照铭牌抄品牌和型号；旧件除了型号，再补一句用了多久、现在什么表现。有铭牌照片时，直接拍下来能省一轮确认。</p>
          <p class="ct-prep__eg">示例：铭牌上写着 XJ-220，2022 年装的。</p>
        </article>
        <article class="ct-prep__card">
          <p class="ct-prep__num">C</p>
          <h3 class="ct-prep__title">方便的上门时段</h3>
          <p class="ct-prep__text">先说一个大致的范围就行。您给的选择越多，调度按区域排程的余地越大，越容易排到离您近的那一趟。</p>
          <p class="ct-prep__eg">示例：本周任意一天上午，或周六午后。</p>
        </article>
      </div>
    </div>
  </section>

  <section class="ct-block ct-track">
    <div class="container">
      <header class="ct-head">
        <p class="ct-head__index">02</p>
        <h2 class="ct-head__title" data-section>收到之后，四步走到上门</h2>
        <p class="ct-head__desc">每一步都有明确的产出，您不用反复追问进度。</p>
      </header>
      <ol class="ct-track__list">
        <li class="ct-track__item">
          <span class="ct-track__when">第一次反馈</span>
          <h3 class="ct-track__title">维修工单 2 小时内回话</h3>
          <p class="ct-track__text">在线表单提交的安装预约在 1 个工作日内电话确认；维修工单受理后 2 小时内给出首次反馈。</p>
        </li>
        <li class="ct-track__item">
          <span class="ct-track__when">核对规格</span>
          <h3 class="ct-track__title">把规格与档位对上</h3>
          <p class="ct-track__text">按安装方式、承载条件与使用环境，在 S01 至 S12 中定位匹配的一类，再对应到 6 档保修年限里的具体一档。</p>
        </li>
        <li class="ct-track__item">
          <span class="ct-track__when">排期</span>
          <h3 class="ct-track__title">按区域排定上门</h3>
          <p class="ct-track__text">调度按区域排程，确认后的承诺时段到达误差不超过 2 小时，临时有变会提前电话告知。</p>
        </li>
        <li class="ct-track__item">
          <span class="ct-track__when">收尾</span>
          <h3 class="ct-track__title">验收签署即起算保修</h3>
          <p class="ct-track__text">安装完成当场验收，保修期自安装验收单签署之日起算，工单与规格一并归档，后续报修直接调取。</p>
        </li>
      </ol>
    </div>
  </section>

  <section class="ct-block ct-window" id="ct-window">
    <div class="container">
      <header class="ct-head">
        <p class="ct-head__index">03</p>
        <h2 class="ct-head__title" data-section>挑一个方便的时段，多选几个更好排</h2>
        <p class="ct-head__desc">工作日上午和周末午后是预约的两个高峰，能错开的时段通常排得更快。</p>
      </header>
      <div class="ct-window__grid">
        <div class="ct-window__picker">
          <ul class="ct-slots">
            <li><label class="ct-slots__cell"><input class="ct-slots__input" type="checkbox"><span class="ct-slots__text">周一 · 上午</span></label></li>
            <li><label class="ct-slots__cell"><input class="ct-slots__input" type="checkbox"><span class="ct-slots__text">周一 · 下午</span></label></li>
            <li><label class="ct-slots__cell"><input class="ct-slots__input" type="checkbox"><span class="ct-slots__text">周二 · 上午</span></label></li>
            <li><label class="ct-slots__cell"><input class="ct-slots__input" type="checkbox"><span class="ct-slots__text">周二 · 下午</span></label></li>
            <li><label class="ct-slots__cell"><input class="ct-slots__input" type="checkbox"><span class="ct-slots__text">周三 · 上午</span></label></li>
            <li><label class="ct-slots__cell"><input class="ct-slots__input" type="checkbox"><span class="ct-slots__text">周三 · 下午</span></label></li>
            <li><label class="ct-slots__cell"><input class="ct-slots__input" type="checkbox"><span class="ct-slots__text">周四 · 上午</span></label></li>
            <li><label class="ct-slots__cell"><input class="ct-slots__input" type="checkbox"><span class="ct-slots__text">周四 · 下午</span></label></li>
            <li><label class="ct-slots__cell"><input class="ct-slots__input" type="checkbox"><span class="ct-slots__text">周五 · 上午</span></label></li>
            <li><label class="ct-slots__cell"><input class="ct-slots__input" type="checkbox"><span class="ct-slots__text">周五 · 下午</span></label></li>
            <li><label class="ct-slots__cell"><input class="ct-slots__input" type="checkbox"><span class="ct-slots__text">周六 · 上午</span></label></li>
            <li><label class="ct-slots__cell"><input class="ct-slots__input" type="checkbox"><span class="ct-slots__text">周六 · 午后</span></label></li>
          </ul>
        </div>
        <div class="ct-window__notes">
          <div class="ct-note-block">
            <h3 class="ct-note-block__title">改期怎么办</h3>
            <p class="ct-note-block__text">确定好的时段如果需要调整，提前一个电话或一封邮件说明即可，调度会就近重新找一趟。当天才说的，我们尽量往同一区域的后续行程上并。</p>
          </div>
          <div class="ct-note-block">
            <h3 class="ct-note-block__title">到场前需要确认什么</h3>
            <p class="ct-note-block__text">设备或材料已经到现场并具备拆箱条件；作业面的空间够工程师铺开工具；如需断电、停机或临时封闭场地，请提前和现场管理人打好招呼。</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="ct-block ct-ship" id="ct-ship">
    <div class="container">
      <header class="ct-head">
        <p class="ct-head__index">04</p>
        <h2 class="ct-head__title" data-section>旧件寄送与现场到访</h2>
        <p class="ct-head__desc">需要把东西交到我们手上的情形，按下面这样做最顺。</p>
      </header>
      <div class="ct-ship__grid">
        <div class="ct-ship__text">
          <h3 class="ct-ship__sub">寄旧件或材料之前</h3>
          <ul class="ct-ship__list">
            <li>先用标准防护箱或加强木架打包，易晃动的位置垫满缓冲材料，别让件在箱内晃动。</li>
            <li>箱体外面贴上标签，写清工单号、规格代号与件数；一件一标，不要只写总件数。</li>
            <li>外观有裂纹、渗漏或残留介质的，单独封一层再装箱，并在物流单备注栏写明。</li>
            <li>寄出后把物流单号发到客服邮箱或留在线表单备注里，我们收到后核对件数并回执。</li>
          </ul>
          <h3 class="ct-ship__sub">如果约的是现场到访</h3>
          <ul class="ct-ship__list">
            <li>提前确认上门时段与对接人，避免工程师到场后无人开门或无法进入作业面。</li>
            <li>把作业区域的电源、照明和通道让出来，搬运路线上的障碍物提前清掉。</li>
            <li>需要停机或停工配合的，请预留出足够的时间窗，临时赶工容易扩大影响面。</li>
            <li>现场有特殊管理规定，比如要戴安全帽、要登记入厂的，请在需求说明里提前讲。</li>
          </ul>
        </div>
        <figure class="ct-ship__figure">
          <img class="ct-ship__img" src="{zhanqunpic:h:700w:1200}" width="1200" height="700" alt="旧件在标准防护箱中摆放与标识位置的俯拍示意图，画面中可见分层缓冲材料与箱外标签" loading="lazy" decoding="async">
          <figcaption class="ct-ship__caption">缓冲材料填满空隙，标签朝外贴牢——这样我们在开箱核对时能第一时间对上工单。</figcaption>
        </figure>
      </div>
      <p class="ct-ship__foot">还想先弄清楚规格、保修起算或工单进度，可去<a href="/help/">帮助中心</a>按问题查找；想先看整体的规格与档位分布，可以翻<a href="/services/">安装与维修服务</a>；想了解团队与覆盖范围，见<a href="/profile/">品牌概况</a>。</p>
    </div>
  </section>
</main>

.page-contact .breadcrumbs {
  padding-top: 22px;
  padding-bottom: 4px;
}

/* ============ 首屏 ============ */
.page-contact .ct-hero {
  padding: 18px 0 42px;
}

.page-contact .ct-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 26px;
}

.page-contact .ct-hero__kicker {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--orange-600);
  margin: 0;
}

.page-contact .ct-hero__lead h1 {
  font-size: clamp(30px, 5.6vw, 54px);
  font-weight: 900;
  letter-spacing: -0.02em;
  line-height: 1.12;
  color: var(--blue-900);
  margin: 12px 0 18px;
}

.page-contact .ct-hero__text {
  max-width: 60ch;
  font-size: 16.5px;
  line-height: 1.8;
  color: var(--ink);
  margin: 0 0 12px;
}

.page-contact .ct-hero__text--muted {
  color: var(--gray-500);
}

.page-contact .ct-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}

.page-contact .ct-hero__board {
  background: var(--blue-900);
  color: var(--paper);
  border-radius: var(--radius);
  border-top: 3px solid var(--orange-600);
  padding: 24px 22px;
  box-shadow: var(--shadow-md);
}

.page-contact .ct-hero__board-title {
  font-size: 13px;
  letter-spacing: 0.12em;
  color: var(--blue-200);
  margin: 0 0 16px;
}

.page-contact .ct-hero__board-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.page-contact .ct-hero__board-item {
  padding: 14px 0;
  border-top: 1px solid var(--line-on-dark);
}

.page-contact .ct-hero__board-item:first-child {
  border-top: 0;
  padding-top: 0;
}

.page-contact .ct-hero__board-num {
  display: block;
  font-family: var(--font-mono);
  font-size: 21px;
  font-weight: 700;
  color: var(--orange-400);
  margin-bottom: 6px;
  letter-spacing: -0.01em;
}

.page-contact .ct-hero__board-desc {
  display: block;
  font-size: 13.5px;
  line-height: 1.7;
  color: rgba(246, 243, 236, 0.82);
}

@media (min-width: 900px) {
  .page-contact .ct-hero__grid {
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
    gap: 48px;
    align-items: end;
  }
}

/* ============ 流程示意 ============ */
.page-contact .ct-flow {
  padding: 0 0 44px;
}

.page-contact .ct-flow__figure {
  margin: 0;
}

.page-contact .ct-flow__img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 380px;
  object-fit: cover;
  background: var(--gray-100);
  border: 1px solid var(--line);
  border-radius: var(--radius);
}

.page-contact .ct-flow__caption {
  margin-top: 12px;
  font-size: 13px;
  line-height: 1.7;
  color: var(--gray-500);
}

/* ============ 表单区 ============ */
.page-contact .ct-main {
  padding: 0 0 8px;
}

.page-contact .ct-main__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 30px;
  align-items: start;
}

.page-contact .ct-form {
  min-width: 0;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
  padding: 24px 20px;
}

@media (min-width: 640px) {
  .page-contact .ct-form {
    padding: 34px 32px;
  }
}

@media (min-width: 1000px) {
  .page-contact .ct-main__grid {
    grid-template-columns: minmax(0, 1fr) 328px;
    gap: 44px;
  }
}

/* 步骤 */
.page-contact .ct-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  list-style: none;
  margin: 0 0 30px;
  padding: 0;
}

.page-contact .ct-steps__item {
  padding-top: 14px;
  border-top: 3px solid var(--blue-200);
  min-width: 0;
}

.page-contact .ct-steps__item.is-done {
  border-top-color: var(--blue-500);
}

.page-contact .ct-steps__item.is-current {
  border-top-color: var(--orange-600);
}

.page-contact .ct-steps__num {
  display: block;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  color: var(--gray-500);
}

.page-contact .ct-steps__item.is-current .ct-steps__num {
  color: var(--orange-600);
}

.page-contact .ct-steps__name {
  display: block;
  font-size: 14.5px;
  font-weight: 700;
  color: var(--blue-900);
  margin: 3px 0 2px;
}

.page-contact .ct-steps__hint {
  display: block;
  font-size: 12px;
  color: var(--gray-500);
}

/* 标签切换 */
.page-contact .ct-tabs__title {
  font-size: 19px;
  font-weight: 900;
  letter-spacing: -0.01em;
  color: var(--blue-900);
  margin: 0 0 14px;
}

.page-contact .ct-tabs__radio {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.page-contact .ct-tabs__bar {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border: 1px solid var(--line);
  border-radius: var(--radius);
  overflow: hidden;
  margin-bottom: 24px;
}

.page-contact .ct-tabs__label {
  padding: 12px 6px;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: var(--blue-700);
  background: #ffffff;
  cursor: pointer;
  border-right: 1px solid var(--line);
  transition: background 0.15s ease, color 0.15s ease;
  min-width: 0;
}

.page-contact .ct-tabs__label:last-child {
  border-right: 0;
}

.page-contact #ct-kind-install:checked ~ .ct-tabs__bar .ct-tabs__label[for="ct-kind-install"],
.page-contact #ct-kind-repair:checked ~ .ct-tabs__bar .ct-tabs__label[for="ct-kind-repair"],
.page-contact #ct-kind-other:checked ~ .ct-tabs__bar .ct-tabs__label[for="ct-kind-other"] {
  background: var(--blue-700);
  color: #ffffff;
}

.page-contact .ct-tabs__panel {
  display: none;
}

.page-contact #ct-kind-install:checked ~ .ct-tabs__panels > .ct-tabs__panel--install,
.page-contact #ct-kind-repair:checked ~ .ct-tabs__panels > .ct-tabs__panel--repair,
.page-contact #ct-kind-other:checked ~ .ct-tabs__panels > .ct-tabs__panel--other {
  display: block;
}

.page-contact .ct-tabs__intro {
  font-size: 14px;
  line-height: 1.8;
  color: var(--gray-500);
  margin: 0 0 20px;
}

/* 字段 */
.page-contact .ct-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
}

@media (min-width: 700px) {
  .page-contact .ct-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .page-contact .ct-field--wide {
    grid-column: 1 / -1;
  }
}

.page-contact .ct-field {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.page-contact .ct-field__label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  font-weight: 700;
  color: var(--blue-900);
  margin-bottom: 7px;
}

.page-contact .ct-field__req {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: var(--orange-600);
  border: 1px solid rgba(210, 96, 10, 0.35);
  border-radius: var(--radius);
  padding: 1px 6px;
}

.page-contact .ct-field__control {
  width: 100%;
  box-sizing: border-box;
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 1.6;
  color: var(--ink);
  background: #ffffff;
  border: 1px solid var(--line);
  border-left: 2px solid transparent;
  border-radius: var(--radius);
  padding: 11px 12px;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.page-contact select.ct-field__control {
  appearance: none;
  -webkit-appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, var(--blue-500) 50%),
    linear-gradient(135deg, var(--blue-500) 50%, transparent 50%);
  background-position: calc(100% - 18px) 50%, calc(100% - 13px) 50%;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  padding-right: 36px;
}

.page-contact .ct-field__control:focus {
  outline: none;
  border-color: var(--blue-500);
  border-left-color: var(--orange-600);
  box-shadow: 0 0 0 3px rgba(30, 111, 168, 0.12);
}

.page-contact .ct-field__control::placeholder {
  color: #97a3ae;
}

.page-contact .ct-field__control--area {
  resize: vertical;
  min-height: 96px;
  line-height: 1.75;
}

.page-contact .ct-field__hint {
  display: block;
  margin-top: 6px;
  font-size: 12.5px;
  line-height: 1.65;
  color: var(--gray-500);
}

/* 提交 */
.page-contact .ct-submit {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-top: 26px;
  padding-top: 22px;
  border-top: 1px solid var(--line);
}

.page-contact .ct-submit__btn {
  flex: 0 0 auto;
}

.page-contact .ct-submit__note {
  flex: 1 1 240px;
  margin: 0;
  font-size: 13px;
  line-height: 1.75;
  color: var(--gray-500);
}

.page-contact .ct-submit__note a {
  color: var(--blue-500);
}

/* 侧栏 */
.page-contact .ct-side {
  min-width: 0;
}

@media (min-width: 1000px) {
  .page-contact .ct-side {
    position: sticky;
    top: calc(var(--header-h) + 24px);
  }
}

.page-contact .ct-side__card {
  background: var(--blue-900);
  color: var(--paper);
  border-radius: var(--radius);
  border-top: 3px solid var(--orange-600);
  padding: 24px 22px;
  box-shadow: var(--shadow-md);
}

.page-contact .ct-side__kicker {
  font-family: var(--font-mono);
  font-size: 11.5px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--orange-400);
  margin: 0 0 10px;
}

.page-contact .ct-side__title {
  font-size: 18px;
  font-weight: 800;
  line-height: 1.5;
  color: #ffffff;
  margin: 0 0 20px;
}

.page-contact .ct-side__list {
  margin: 0 0 16px;
  padding: 0;
}

.page-contact .ct-side__row {
  padding: 12px 0;
  border-top: 1px solid var(--line-on-dark);
}

.page-contact .ct-side__row:first-child {
  border-top: 0;
  padding-top: 0;
}

.page-contact .ct-side__key {
  margin: 0 0 5px;
  font-size: 12px;
  letter-spacing: 0.04em;
  color: rgba(187, 211, 230, 0.78);
}

.page-contact .ct-side__val {
  margin: 0;
  font-family: var(--font-mono);
  font-size: 14px;
  line-height: 1.65;
  color: #ffffff;
  word-break: break-word;
}

.page-contact .ct-side__note {
  margin: 0;
  padding-top: 14px;
  border-top: 1px solid var(--line-on-dark);
  font-size: 12.5px;
  line-height: 1.75;
  color: rgba(246, 243, 236, 0.78);
}

/* ============ 通用区块头 ============ */
.page-contact .ct-block {
  padding: 52px 0 0;
}

.page-contact .ct-head {
  border-left: 3px solid var(--orange-600);
  padding-left: 16px;
  margin-bottom: 28px;
}

.page-contact .ct-head__index {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.14em;
  color: var(--blue-500);
  margin: 0 0 8px;
}

.page-contact .ct-head__title {
  font-size: clamp(22px, 3.2vw, 30px);
  font-weight: 900;
  letter-spacing: -0.02em;
  line-height: 1.25;
  color: var(--blue-900);
  margin: 0 0 8px;
}

.page-contact .ct-head__desc {
  margin: 0;
  max-width: 62ch;
  font-size: 15px;
  line-height: 1.8;
  color: var(--gray-500);
}

/* ============ 准备清单 ============ */
.page-contact .ct-prep__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
}

@media (min-width: 800px) {
  .page-contact .ct-prep__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
  }
  .page-contact .ct-prep__card:nth-child(2) {
    margin-top: 24px;
  }
}

.page-contact .ct-prep__card {
  min-width: 0;
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
  padding: 22px 20px;
  transition: transform 0.18s ease, border-color 0.18s ease;
}

.page-contact .ct-prep__card:hover {
  transform: translateY(-3px);
  border-color: var(--blue-500);
}

.page-contact .ct-prep__num {
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: 700;
  color: #ffffff;
  background: var(--blue-700);
  display: inline-block;
  line-height: 1;
  padding: 5px 8px;
  border-radius: var(--radius);
  margin: 0 0 14px;
}

.page-contact .ct-prep__title {
  font-size: 17px;
  font-weight: 800;
  color: var(--blue-900);
  margin: 0 0 10px;
  letter-spacing: -0.01em;
}

.page-contact .ct-prep__text {
  font-size: 14px;
  line-height: 1.8;
  color: var(--gray-500);
  margin: 0 0 14px;
}

.page-contact .ct-prep__eg {
  margin: 0;
  padding-left: 12px;
  border-left: 2px solid var(--blue-200);
  font-family: var(--font-mono);
  font-size: 12.5px;
  line-height: 1.7;
  color: var(--blue-700);
}

/* ============ 受理轨道 ============ */
.page-contact .ct-track__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}

@media (min-width: 860px) {
  .page-contact .ct-track__list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0 22px;
  }
}

.page-contact .ct-track__item {
  position: relative;
  min-width: 0;
  padding: 22px 0 20px;
  border-top: 2px solid var(--blue-200);
}

.page-contact .ct-track__item::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--blue-500);
  box-shadow: 0 0 0 4px var(--paper);
}

.page-contact .ct-track__item:first-child {
  border-top-color: var(--blue-500);
}

.page-contact .ct-track__item:first-child::before {
  background: var(--orange-600);
}

.page-contact .ct-track__when {
  display: block;
  font-family: var(--font-mono);
  font-size: 11.5px;
  letter-spacing: 0.1em;
  color: var(--blue-500);
  margin-bottom: 8px;
}

.page-contact .ct-track__title {
  font-size: 16px;
  font-weight: 800;
  color: var(--blue-900);
  margin: 0 0 8px;
  line-height: 1.45;
  letter-spacing: -0.01em;
}

.page-contact .ct-track__text {
  font-size: 13.5px;
  line-height: 1.8;
  color: var(--gray-500);
  margin: 0;
}

/* ============ 上门时段 ============ */
.page-contact .ct-window__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 28px;
}

@media (min-width: 900px) {
  .page-contact .ct-window__grid {
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    gap: 40px;
    align-items: start;
  }
}

.page-contact .ct-window__picker {
  min-width: 0;
}

.page-contact .ct-slots {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

@media (min-width: 620px) {
  .page-contact .ct-slots {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.page-contact .ct-slots__cell {
  position: relative;
  display: block;
  cursor: pointer;
}

.page-contact .ct-slots__input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.page-contact .ct-slots__text {
  display: block;
  padding: 11px 6px;
  text-align: center;
  font-family: var(--font-mono);
  font-size: 12.5px;
  line-height: 1.4;
  color: var(--blue-700);
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.page-contact .ct-slots__cell:hover .ct-slots__text {
  border-color: var(--blue-500);
}

.page-contact .ct-slots__input:focus-visible + .ct-slots__text {
  outline: 2px solid var(--orange-600);
  outline-offset: 2px;
}

.page-contact .ct-slots__input:checked + .ct-slots__text {
  background: var(--blue-200);
  border-color: var(--blue-500);
  color: var(--blue-900);
  font-weight: 700;
}

.page-contact .ct-window__notes {
  min-width: 0;
  display: grid;
  gap: 18px;
}

.page-contact .ct-note-block {
  background: #ffffff;
  border: 1px solid var(--line);
  border-left: 3px solid var(--blue-500);
  border-radius: var(--radius);
  padding: 18px 18px 20px;
}

.page-contact .ct-note-block__title {
  font-size: 15px;
  font-weight: 800;
  color: var(--blue-900);
  margin: 0 0 8px;
}

.page-contact .ct-note-block__text {
  font-size: 13.5px;
  line-height: 1.8;
  color: var(--gray-500);
  margin: 0;
}

/* ============ 寄件与到访 ============ */
.page-contact .ct-ship__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 28px;
}

@media (min-width: 900px) {
  .page-contact .ct-ship__grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
    gap: 40px;
    align-items: start;
  }
}

.page-contact .ct-ship__text {
  min-width: 0;
}

.page-contact .ct-ship__sub {
  font-size: 16px;
  font-weight: 800;
  color: var(--blue-900);
  margin: 0 0 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--line);
}

.page-contact .ct-ship__sub + .ct-ship__list {
  margin-bottom: 26px;
}

.page-contact .ct-ship__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.page-contact .ct-ship__list li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 1.8;
  color: var(--gray-500);
}

.page-contact .ct-ship__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 7px;
  height: 7px;
  background: var(--orange-400);
  border-radius: 1px;
}

.page-contact .ct-ship__figure {
  margin: 0;
  min-width: 0;
}

.page-contact .ct-ship__img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 420px;
  object-fit: cover;
  background: var(--gray-100);
  border: 1px solid var(--line);
  border-radius: var(--radius);
}

.page-contact .ct-ship__caption {
  margin-top: 12px;
  font-size: 13px;
  line-height: 1.7;
  color: var(--gray-500);
}

.page-contact .ct-ship__foot {
  margin: 34px 0 0;
  padding: 20px 22px;
  background: var(--gray-100);
  border-left: 3px solid var(--blue-500);
  border-radius: var(--radius);
  font-size: 14px;
  line-height: 1.85;
  color: var(--gray-500);
}

.page-contact .ct-ship__foot a {
  color: var(--blue-500);
  font-weight: 700;
}

@media (min-width: 1000px) {
  .page-contact .ct-block {
    padding-top: 62px;
  }
  .page-contact .ct-ship {
    padding-bottom: 60px;
  }
}