.page-contact{
  background:var(--paper);
  color:var(--ink);
  font-family:var(--font-body);
  padding-bottom:0;
}

/* ---------- 首屏 ---------- */
.page-contact .contact-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:28px;
  padding:34px 0 0;
}
.page-contact .contact-hero__text{ min-width:0; }
.page-contact .breadcrumbs{ margin-bottom:22px; }
.page-contact .contact-hero__kicker{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 14px;
  font-size:12px;
  font-weight:600;
  letter-spacing:.18em;
  color:var(--cinnabar);
}
.page-contact .contact-hero__kicker::before{
  content:"";
  width:28px;
  height:2px;
  background:var(--cinnabar);
}
.page-contact h1{
  margin:0 0 20px;
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(36px,9.4vw,78px);
  line-height:1.04;
  letter-spacing:-.02em;
  color:var(--jade-deep);
}
.page-contact h1 em{
  font-style:normal;
  color:var(--cinnabar);
}
.page-contact .contact-hero__lede{
  max-width:34em;
  margin:0;
  font-size:16.5px;
  line-height:1.9;
  color:rgba(26,29,27,.82);
}
.page-contact .contact-hero__figure{
  margin:0;
  position:relative;
}
.page-contact .contact-hero__figure::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:74px;
  height:3px;
  background:var(--copper);
}
.page-contact .contact-hero__figure img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:10 / 7;
  object-fit:cover;
  filter:saturate(.72) contrast(1.06);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 34px),calc(100% - 34px) 100%,0 100%);
}

/* ---------- 联系面板与四角指引 ---------- */
.page-contact .contact-stage{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:14px;
  margin-top:52px;
}
.page-contact .corner-card{
  background:var(--paper-2);
  border-top:2px solid var(--copper);
  padding:14px 16px 16px;
  transition:transform .25s var(--ease),box-shadow .25s var(--ease);
}
.page-contact .corner-card--tr,
.page-contact .corner-card--br{ border-top-color:var(--electric); }
.page-contact .corner-card:hover{
  transform:translateY(-5px);
  box-shadow:0 16px 30px -20px rgba(7,42,37,.6);
}
.page-contact .corner-card__k{
  margin:0 0 7px;
  font-size:11px;
  font-weight:600;
  letter-spacing:.18em;
  color:var(--jade-mid);
}
.page-contact .corner-card__v{
  margin:0;
  font-size:15px;
  font-weight:600;
  line-height:1.6;
  color:var(--jade-deep);
}

.page-contact .contact-panel{
  padding:1px;
  background:linear-gradient(150deg,rgba(192,138,62,.92),rgba(47,109,164,.45) 55%,rgba(28,122,104,.6));
  clip-path:polygon(0 var(--notch),var(--notch) 0,100% 0,100% calc(100% - var(--notch)),calc(100% - var(--notch)) 100%,0 100%);
}
.page-contact .contact-panel__inner{
  padding:26px 20px 30px;
  background:linear-gradient(158deg,#072A25 0%,#0E5147 68%,#1A5B45 100%);
  clip-path:polygon(0 var(--notch),var(--notch) 0,100% 0,100% calc(100% - var(--notch)),calc(100% - var(--notch)) 100%,0 100%);
}
.page-contact .contact-panel__label{
  margin:0 0 20px;
  font-size:11px;
  font-weight:600;
  letter-spacing:.2em;
  color:var(--copper);
}
.page-contact .contact-slot{
  padding:14px 0;
  border-bottom:1px dashed rgba(192,138,62,.42);
}
.page-contact .contact-slot__k{
  margin:0 0 8px;
  font-size:11px;
  letter-spacing:.18em;
  color:rgba(245,240,230,.6);
}
.page-contact .contact-slot__row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 14px;
}
.page-contact .contact-slot__v{
  font-family:var(--font-mono);
  font-variant-numeric:tabular-nums;
  font-size:clamp(15px,4.3vw,26px);
  letter-spacing:-.01em;
  color:var(--neon);
  text-decoration:none;
  overflow-wrap:anywhere;
  border-bottom:1px solid rgba(79,195,161,.34);
  transition:color .2s var(--ease),border-color .2s var(--ease);
}
.page-contact .contact-slot__v:hover{
  color:#fff;
  border-bottom-color:var(--neon);
}
.page-contact .contact-panel__tip{
  margin:20px 0 0;
  font-size:13.5px;
  line-height:1.8;
  color:rgba(245,240,230,.66);
}

/* ---------- 通用区块骨架 ---------- */
.page-contact .contact-block{
  margin-top:72px;
}
.page-contact .pc-index{
  display:block;
  margin:0 0 12px;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.22em;
  color:var(--copper);
}
.page-contact .contact-block h2{
  margin:0 0 16px;
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(25px,5.8vw,38px);
  line-height:1.24;
  letter-spacing:-.01em;
  color:var(--jade-deep);
}

/* ---------- 01 服务时段 ---------- */
.page-contact .when-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:26px;
}
.page-contact .when-lede{
  max-width:32em;
  margin:0;
  font-size:16px;
  line-height:1.9;
  color:rgba(26,29,27,.8);
}
.page-contact .when-list{
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid var(--paper-2);
}
.page-contact .when-item{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:6px;
  padding:16px 0;
  border-bottom:1px solid var(--paper-2);
}
.page-contact .when-item__k{
  font-size:12px;
  font-weight:600;
  letter-spacing:.16em;
  color:var(--cinnabar);
}
.page-contact .when-item__v{
  font-size:15px;
  line-height:1.75;
  color:var(--jade-deep);
}

/* ---------- 02 咨询材料 ---------- */
.page-contact .prep-lede{
  max-width:32em;
  margin:0 0 30px;
  font-size:16px;
  line-height:1.85;
  color:rgba(26,29,27,.78);
}
.page-contact .prep-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:18px;
}
.page-contact .prep-item{
  position:relative;
  background:var(--paper-2);
  padding:24px 20px 26px;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%);
}
.page-contact .prep-item::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:4px;
  height:48px;
  background:var(--copper);
}
.page-contact .prep-item__no{
  display:block;
  margin-bottom:12px;
  font-family:var(--font-mono);
  font-size:30px;
  line-height:1;
  color:rgba(14,81,71,.24);
}
.page-contact .prep-item__title{
  margin:0 0 10px;
  font-family:var(--font-display);
  font-size:20px;
  font-weight:700;
  color:var(--jade-deep);
}
.page-contact .prep-item__text{
  margin:0;
  font-size:15px;
  line-height:1.85;
  color:rgba(26,29,27,.8);
}

/* ---------- 03 咨询分类 ---------- */
.page-contact .route-lede{
  max-width:32em;
  margin:0 0 30px;
  font-size:16px;
  line-height:1.85;
  color:rgba(26,29,27,.78);
}
.page-contact .route-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:16px;
}
.page-contact .route-card{
  display:flex;
  flex-direction:column;
  gap:10px;
  background:#fff;
  border:1px solid var(--paper-2);
  border-left:4px solid var(--jade-mid);
  padding:22px 20px 24px;
  transition:border-left-color .25s var(--ease),transform .25s var(--ease);
}
.page-contact .route-card:hover{
  border-left-color:var(--cinnabar);
  transform:translateX(4px);
}
.page-contact .route-card__tag{
  margin:0;
  font-size:11px;
  font-weight:600;
  letter-spacing:.2em;
  color:var(--copper);
}
.page-contact .route-card__title{
  margin:0;
  font-family:var(--font-display);
  font-size:21px;
  font-weight:700;
  color:var(--jade-deep);
}
.page-contact .route-card__text{
  margin:0;
  font-size:15px;
  line-height:1.85;
  color:rgba(26,29,27,.8);
}
.page-contact .route-card__link{
  margin-top:auto;
  padding-top:6px;
  font-size:14px;
  font-weight:600;
  color:var(--jade);
  text-decoration:none;
  border-bottom:1px solid rgba(14,81,71,.28);
  align-self:flex-start;
  transition:color .2s var(--ease),border-color .2s var(--ease);
}
.page-contact .route-card__link:hover{
  color:var(--cinnabar);
  border-bottom-color:var(--cinnabar);
}

/* ---------- 04 地址与往来 ---------- */
.page-contact .place-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:20px;
  margin-top:26px;
}
.page-contact .place-label{
  background:var(--jade-deep);
  padding:26px 22px 28px;
  clip-path:polygon(0 18px,18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%);
}
.page-contact .place-label__name{
  margin:0 0 18px;
  font-family:var(--font-display);
  font-size:16px;
  font-weight:700;
  letter-spacing:.06em;
  color:var(--copper);
}
.page-contact .addr-line{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
  font-family:var(--font-mono);
  font-variant-numeric:tabular-nums;
  font-size:clamp(13.5px,3.7vw,15px);
  line-height:2.2;
  color:rgba(245,240,230,.9);
}
.page-contact .addr-sq{
  flex:0 0 auto;
  width:8px;
  height:8px;
  background:var(--copper);
}
.page-contact .place-note{
  display:flex;
  flex-direction:column;
  gap:18px;
  justify-content:center;
}
.page-contact .place-note__text{
  margin:0;
  font-size:15.5px;
  line-height:1.9;
  color:rgba(26,29,27,.82);
}

/* ---------- 结尾场景 ---------- */
.page-contact .contact-scene{
  margin-top:72px;
  padding-bottom:76px;
}
.page-contact .contact-scene__figure{
  margin:0;
  position:relative;
}
.page-contact .contact-scene__figure img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:12 / 7;
  object-fit:cover;
  filter:saturate(.7) contrast(1.05);
  clip-path:polygon(36px 0,100% 0,100% 100%,0 100%,0 36px);
}
.page-contact .contact-scene__note{
  max-width:30em;
  margin:22px 0 0;
  font-family:var(--font-display);
  font-size:clamp(17px,4vw,22px);
  line-height:1.7;
  color:var(--jade-deep);
}

/* ---------- 平板 ---------- */
@media (min-width:641px){
  .page-contact .contact-stage{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
  }
  .page-contact .contact-panel{
    grid-column:1 / -1;
    order:-1;
  }
  .page-contact .prep-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .page-contact .route-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .page-contact .when-item{
    grid-template-columns:160px minmax(0,1fr);
    gap:18px;
    align-items:baseline;
  }
}

/* ---------- 桌面 ---------- */
@media (min-width:920px){
  .page-contact .contact-hero{
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    gap:44px;
    align-items:end;
    padding-top:52px;
  }
  .page-contact .contact-stage{
    grid-template-columns:minmax(0,1fr) minmax(0,1.7fr) minmax(0,1fr);
    grid-template-rows:auto auto auto;
    gap:26px 28px;
    align-items:stretch;
    margin-top:64px;
  }
  .page-contact .corner-card--tl{ grid-area:1 / 1 / 2 / 2; }
  .page-contact .corner-card--tr{ grid-area:1 / 3 / 2 / 4; }
  .page-contact .contact-panel{ grid-area:2 / 1 / 3 / 4; order:0; }
  .page-contact .corner-card--bl{ grid-area:3 / 1 / 4 / 2; }
  .page-contact .corner-card--br{ grid-area:3 / 3 / 4 / 4; }
  .page-contact .contact-panel__inner{ padding:36px 40px 40px; }

  .page-contact .contact-block{ margin-top:104px; }
  .page-contact .when-grid{
    grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
    gap:56px;
    align-items:start;
  }
  .page-contact .prep-list{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
  }
  .page-contact .route-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
  }
  .page-contact .place-grid{
    grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
    gap:48px;
    align-items:center;
  }
  .page-contact .contact-scene{
    margin-top:104px;
    padding-bottom:104px;
  }
}
<<<END>>>