.page-contact{
  --c-radius:18px;
  --c-hair:1px solid var(--line-soft);
  background:
    radial-gradient(120% 62% at 100% 0%, rgba(207,227,196,.6), transparent 62%),
    radial-gradient(90% 50% at 0% 8%, rgba(216,166,58,.12), transparent 60%),
    var(--paper);
  color:var(--ink);
  font-family:var(--font-body);
  font-size:var(--fs-body);
  line-height:1.75;
  padding-bottom:clamp(46px,7vw,96px);
  overflow-x:hidden;
}
.page-contact a{color:var(--green);text-underline-offset:3px;}
.page-contact a:hover{color:var(--bronze);}

/* ---------- 首屏 ---------- */
.page-contact .c-hero{padding:clamp(18px,4vw,40px) var(--gutter) clamp(26px,5vw,54px);}
.page-contact .c-hero__grid{display:grid;gap:clamp(22px,4vw,40px);align-items:end;max-width:1360px;margin:0 auto;}
.page-contact .c-crumbs{margin-bottom:clamp(14px,2.4vw,22px);}
.page-contact .c-crumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0;font-size:12.5px;letter-spacing:.04em;color:var(--moss);}
.page-contact .c-crumbs li:not(:last-child)::after{content:"/";margin-left:8px;color:var(--line);}
.page-contact .c-crumbs [aria-current="page"]{color:var(--bronze);}
.page-contact .c-hero__eyebrow{letter-spacing:.14em;color:var(--bronze);margin:0 0 10px;}
.page-contact .c-hero__title{
  font-family:var(--font-head);
  font-weight:500;
  font-size:clamp(2rem,5.6vw,3.5rem);
  line-height:1.18;
  letter-spacing:.01em;
  margin:0 0 clamp(14px,2.4vw,22px);
  color:var(--deep);
}
.page-contact .c-hero__lead{margin:0;max-width:48ch;color:rgba(22,32,26,.82);}
.page-contact .c-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(18px,3vw,26px);}
.page-contact .c-hero__figure{
  margin:0;
  border-radius:var(--c-radius);
  overflow:hidden;
  border:1px solid var(--line);
  box-shadow:0 30px 60px -48px rgba(16,42,30,.85);
  background:linear-gradient(150deg,var(--deep),var(--green));
}
.page-contact .c-hero__figure img{display:block;width:100%;height:auto;object-fit:cover;aspect-ratio:4/3;}
.page-contact .c-hero__figure figcaption{padding:10px 14px;background:var(--deep);color:rgba(207,227,196,.85);font-size:12px;letter-spacing:.06em;}

/* ---------- 主体骨架 ---------- */
.page-contact .c-body{
  display:grid;
  gap:clamp(24px,4vw,48px);
  padding:0 var(--gutter);
  max-width:1360px;
  margin:0 auto;
}
.page-contact .c-content{min-width:0;}

/* ---------- 左侧联系总览 ---------- */
.page-contact .c-card{
  background:linear-gradient(166deg,var(--deep) 0%,#17392a 72%,#1c4231 100%);
  border:1px solid var(--line-dark);
  border-radius:var(--c-radius);
  padding:clamp(20px,3vw,28px);
  color:var(--leaf);
  box-shadow:0 34px 60px -46px rgba(16,42,30,.9);
}
.page-contact .c-card__eyebrow{color:var(--gold);letter-spacing:.16em;margin:0 0 6px;}
.page-contact .c-card__title{
  font-family:var(--font-head);
  font-weight:500;
  font-size:clamp(1.15rem,2vw,1.4rem);
  line-height:1.4;
  margin:0 0 16px;
  color:var(--paper);
}
.page-contact .c-card__list{list-style:none;margin:0;padding:0;}
.page-contact .c-card__item{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:4px 10px;
  padding:14px 0;
  border-top:1px solid var(--line-dark);
}
.page-contact .c-card__label{
  flex:1 0 100%;
  font-size:11.5px;
  letter-spacing:.16em;
  color:rgba(207,227,196,.62);
}
.page-contact .c-card__value{
  flex:1 1 auto;
  min-width:0;
  font-size:.95rem;
  word-break:break-word;
  color:var(--paper);
}
.page-contact .c-card__value--addr{line-height:1.6;}
.page-contact .c-card__hint{flex:1 0 100%;font-size:12.5px;line-height:1.6;color:rgba(207,227,196,.7);}
.page-contact .c-copy{flex:0 0 auto;}
.page-contact .c-card__hours{
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid var(--line-dark);
}
.page-contact .c-card__hours p{margin:10px 0 0;font-size:13px;line-height:1.7;color:rgba(207,227,196,.78);}
.page-contact .c-side__figure{
  margin:14px 0 0;
  border-radius:14px;
  overflow:hidden;
  border:1px solid var(--line-soft);
  background:var(--dew);
}
.page-contact .c-side__figure img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;opacity:.92;}
.page-contact .c-side__figure figcaption{padding:8px 12px;background:var(--dew);font-size:11.5px;letter-spacing:.1em;color:var(--moss);}

/* ---------- 区块 ---------- */
.page-contact .c-sec{padding-bottom:clamp(28px,4.4vw,50px);}
.page-contact .c-sec + .c-sec{border-top:1px solid var(--line-soft);padding-top:clamp(26px,4vw,42px);}
.page-contact .c-sec__head{margin-bottom:clamp(16px,2.6vw,24px);}
.page-contact .c-sec__idx{
  margin:0 0 8px;
  color:var(--bronze);
  letter-spacing:.18em;
  font-size:12px;
}
.page-contact .c-sec__head h2,
.page-contact .c-sec h2{
  font-family:var(--font-head);
  font-weight:600;
  font-size:clamp(1.35rem,2.6vw,1.9rem);
  line-height:1.35;
  margin:0 0 10px;
  color:var(--deep);
}
.page-contact .c-sec__lead{margin:0;max-width:64ch;color:rgba(22,32,26,.8);}

/* ---------- 折叠面板 ---------- */
.page-contact .c-panels{border-top:1px solid var(--line);}
.page-contact .c-panel{border-bottom:1px solid var(--line);}
.page-contact .c-panel summary{
  position:relative;
  cursor:pointer;
  list-style:none;
  padding:15px 44px 15px 0;
  font-family:var(--font-head);
  font-size:1.02rem;
  font-weight:600;
  color:var(--deep);
  transition:color .2s var(--ease);
}
.page-contact .c-panel summary::-webkit-details-marker{display:none;}
.page-contact .c-panel summary::after{
  content:"+";
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  font-size:1.25rem;
  line-height:1;
  color:var(--green);
  transition:transform .22s var(--ease),color .22s var(--ease);
}
.page-contact .c-panel[open] summary{color:var(--bronze);}
.page-contact .c-panel[open] summary::after{transform:translateY(-50%) rotate(45deg);color:var(--bronze);}
.page-contact .c-panel summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px;}
.page-contact .c-panel .gx-panel__body{padding:0 0 18px;max-width:66ch;color:rgba(22,32,26,.82);}
.page-contact .c-panel .gx-panel__body p{margin:0;}

/* ---------- 电话分栏 ---------- */
.page-contact .c-split{display:grid;gap:18px;}
.page-contact .c-split__main p{margin:0 0 14px;}
.page-contact .c-split__aside{
  background:linear-gradient(160deg,var(--dew),var(--paper));
  border:1px solid rgba(47,125,78,.22);
  border-radius:14px;
  padding:20px;
}
.page-contact .c-badge{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 14px;}
.page-contact .c-badge strong{
  font-family:var(--font-head);
  font-size:clamp(1.25rem,2.6vw,1.6rem);
  font-weight:600;
  letter-spacing:.02em;
  color:var(--deep);
}
.page-contact .c-split__note{margin:12px 0 0;font-size:13px;line-height:1.7;color:var(--moss);}

/* ---------- 列表 ---------- */
.page-contact .c-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;}
.page-contact .c-list li{position:relative;padding-left:20px;line-height:1.7;}
.page-contact .c-list li::before{
  content:"";
  position:absolute;
  left:2px;
  top:.72em;
  width:8px;
  height:8px;
  border-radius:50% 50% 50% 0;
  background:var(--green);
  transform:rotate(-45deg);
}
.page-contact .c-list--tight{gap:8px;font-size:.95rem;}

/* ---------- 紧急问题 ---------- */
.page-contact .c-urgent__inner{
  background:linear-gradient(150deg,rgba(201,107,63,.14),rgba(216,166,58,.1) 58%,rgba(251,250,244,.4));
  border:1px solid rgba(201,107,63,.34);
  border-radius:var(--c-radius);
  padding:clamp(20px,3.4vw,34px);
}
.page-contact .c-urgent__lead{margin:0 0 16px;max-width:60ch;}
.page-contact .c-urgent__format{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:0 0 12px;
  padding-left:14px;
  border-left:3px solid var(--clay);
}
.page-contact .c-urgent__key{
  background:var(--clay);
  color:#fff;
  font-weight:700;
  font-size:.9rem;
  letter-spacing:.12em;
  padding:2px 10px;
  border-radius:5px;
}
.page-contact .c-urgent__form{color:var(--bronze);font-size:.95rem;letter-spacing:.04em;}
.page-contact .c-urgent__sample{
  margin:0 0 18px;
  padding:10px 14px;
  background:var(--paper);
  border:1px dashed rgba(201,107,63,.45);
  border-radius:10px;
  font-family:var(--font-head);
  font-size:1rem;
  color:var(--deep);
}

/* ---------- 三步路径 ---------- */
.page-contact .c-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px;}
.page-contact .c-step{
  position:relative;
  padding:24px 20px 20px;
  background:var(--mist);
  border:1px solid var(--line-soft);
  border-radius:14px;
}
.page-contact .c-step::before{
  content:"";
  position:absolute;
  left:20px;
  top:0;
  width:46px;
  height:3px;
  border-radius:0 0 3px 3px;
  background:var(--gold);
}
.page-contact .c-step__num{
  display:block;
  font-family:var(--font-head);
  font-size:1.5rem;
  line-height:1;
  color:var(--moss);
  margin-bottom:10px;
}
.page-contact .c-step h3{
  font-family:var(--font-head);
  font-size:1.05rem;
  font-weight:600;
  margin:0 0 8px;
  color:var(--deep);
  line-height:1.45;
}
.page-contact .c-step p{margin:0;font-size:.95rem;color:rgba(22,32,26,.8);}

/* ---------- 合作 ---------- */
.page-contact .c-coop{margin-top:4px;}
.page-contact .c-coop__box{
  background:var(--mist);
  border:1px solid var(--line-soft);
  border-radius:14px;
  padding:20px 22px;
}
.page-contact .c-coop__box h3{
  font-family:var(--font-head);
  font-size:1.02rem;
  font-weight:600;
  margin:0 0 12px;
  color:var(--deep);
}
.page-contact .c-coop__box p{margin:0;font-size:.95rem;color:rgba(22,32,26,.82);}
.page-contact .c-coop__box--alt{background:linear-gradient(160deg,var(--leaf),var(--dew));border-color:rgba(47,125,78,.28);}

/* ---------- 服务时段 ---------- */
.page-contact .c-hours{display:grid;gap:14px;margin:0 0 22px;}
.page-contact .c-hours__row{display:grid;grid-template-columns:1fr;gap:6px 14px;align-items:center;}
.page-contact .c-hours__label{font-size:.86rem;font-weight:600;color:var(--deep);}
.page-contact .c-hours__track{
  position:relative;
  height:14px;
  border-radius:7px;
  background:var(--dew);
  border:1px solid var(--line-soft);
  overflow:hidden;
}
.page-contact .c-hours__fill{position:absolute;top:0;bottom:0;border-radius:7px;}
.page-contact .c-hours__fill--day{left:37.5%;width:37.5%;background:linear-gradient(90deg,var(--green),var(--moss));}
.page-contact .c-hours__fill--long{
  left:8%;
  width:84%;
  background:repeating-linear-gradient(135deg,var(--moss) 0 6px,rgba(110,143,90,.42) 6px 12px);
}
.page-contact .c-hours__fill--watch{left:20%;width:64%;background:linear-gradient(90deg,var(--gold),rgba(216,166,58,.5));}
.page-contact .c-hours__note{grid-column:1 / -1;font-size:12px;letter-spacing:.03em;color:var(--moss);}
.page-contact .c-hours__foot{
  margin:16px 0 0;
  font-size:13px;
  line-height:1.8;
  color:var(--moss);
  max-width:70ch;
}

/* ---------- 表格 ---------- */
.page-contact .c-tablewrap{
  overflow-x:auto;
  border:1px solid var(--line-soft);
  border-radius:12px;
  background:var(--paper);
  -webkit-overflow-scrolling:touch;
}
.page-contact .c-table{width:100%;min-width:520px;}
.page-contact .c-table caption{
  caption-side:top;
  text-align:left;
  padding:12px 14px;
  font-size:12px;
  letter-spacing:.14em;
  color:var(--bronze);
}
.page-contact .c-table th[scope="row"]{text-align:left;white-space:nowrap;color:var(--deep);}

/* ---------- 响应式 ---------- */
@media (min-width:700px){
  .page-contact .c-hours__row{grid-template-columns:104px minmax(0,1fr) auto;}
  .page-contact .c-hours__note{grid-column:auto;text-align:right;}
}
@media (min-width:760px){
  .page-contact .c-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
  .page-contact .c-split{grid-template-columns:1.35fr .85fr;align-items:start;}
}
@media (min-width:900px){
  .page-contact .c-hero__grid{grid-template-columns:1.05fr .95fr;}
  .page-contact .c-hero__figure{margin-bottom:6px;}
}
@media (min-width:1000px){
  .page-contact .c-body{grid-template-columns:minmax(262px,300px) minmax(0,1fr);align-items:start;}
  .page-contact .c-side{position:sticky;top:calc(var(--header-h) + 16px);}
}
@media (prefers-reduced-motion:reduce){
  .page-contact .c-panel summary,
  .page-contact .c-panel summary::after{transition:none;}
}
<<<END>>>