.page-contact{
  position:relative;
  overflow:hidden;
  color:#E8ECF1;
  --contact-blue:#00C2FF;
  --contact-orange:#FF6B35;
  --contact-green:#39FF88;
  --contact-card-border:#2A3B5C;
  --contact-glow:rgba(0,194,255,.2);
  --contact-orange-glow:rgba(255,107,53,.28);
  background:#0B0E14;
}
.page-contact [id]{scroll-margin-top:80px;}

/* ===== 背景纹理 ===== */
.page-contact .contact-hero{position:relative;padding:calc(var(--header-h) + 48px) 0 64px;overflow:hidden;background:radial-gradient(circle at 82% 18%,rgba(0,194,255,.18),transparent 42%),radial-gradient(circle at 10% 80%,rgba(255,107,53,.12),transparent 38%),linear-gradient(135deg,#0B0E14 0%,#111A2C 100%);}
.page-contact .contact-hero__bg{position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 72px),repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 72px);}
.page-contact .contact-hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:32px;background:linear-gradient(135deg,var(--contact-orange) 0 16px,var(--contact-blue) 16px 32px,transparent 32px);z-index:1;}
.page-contact .contact-hero__inner{position:relative;z-index:2;}
.page-contact .contact-hero__layout{display:grid;gap:32px;align-items:end;margin-top:40px;}
.page-contact .contact-hero__kicker{font-family:var(--font-data);font-size:13px;letter-spacing:.14em;color:var(--contact-green);text-transform:uppercase;margin:0 0 12px;}
.page-contact .contact-hero h1{margin:0 0 16px;font-family:var(--font-heading);font-size:clamp(2rem,5vw,3.4rem);line-height:1.06;font-weight:900;text-transform:uppercase;letter-spacing:-.02em;max-width:12em;}
.page-contact .contact-hero h1 span{color:var(--contact-orange);}
.page-contact .contact-hero__lead{max-width:38em;font-size:16px;line-height:1.75;color:var(--color-text-muted);margin:0 0 24px;}
.page-contact .contact-hero__actions{display:flex;flex-wrap:wrap;gap:12px;}
.page-contact .contact-hero__status-card{position:relative;padding:22px 20px;border:1px solid var(--contact-card-border);border-left:3px solid var(--contact-orange);background:linear-gradient(160deg,rgba(31,42,68,.78),rgba(11,14,20,.62));border-radius:14px;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);}
.page-contact .contact-hero__status-card::after{content:"";position:absolute;right:-24px;top:-24px;width:96px;height:96px;background:radial-gradient(circle,rgba(0,194,255,.22),transparent 70%);pointer-events:none;}
.page-contact .status-card__dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--contact-green);box-shadow:0 0 12px rgba(57,255,136,.7);margin-right:8px;}
.page-contact .status-card__label{font-family:var(--font-data);font-size:14px;color:var(--contact-green);text-transform:uppercase;letter-spacing:.12em;}
.page-contact .status-card__time{display:block;font-family:var(--font-data);font-size:26px;font-weight:600;color:#fff;margin:10px 0 2px;}
.page-contact .status-card__meta{font-size:13px;color:var(--color-text-muted);}

/* ===== 章节通用 ===== */
.page-contact .section-lead{display:flex;flex-direction:column;gap:10px;margin-bottom:36px;}
.page-contact .contact-channels{margin-top:16px;}

/* ===== 01 联系渠道 ===== */
.page-contact .contact-channels__grid{display:grid;gap:20px;}
.page-contact .contact-channel-card{position:relative;padding:24px 22px 26px;background:linear-gradient(180deg,rgba(31,42,68,.78),rgba(11,14,20,.88));border:1px solid var(--contact-card-border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}
.page-contact .contact-channel-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--contact-blue),var(--contact-orange),transparent);transform:scaleX(.35);transform-origin:left;transition:transform .25s ease;}
.page-contact .contact-channel-card:hover,.page-contact .contact-channel-card:focus-within{transform:translateY(-5px);border-color:rgba(0,194,255,.45);box-shadow:0 16px 40px rgba(0,194,255,.12),0 4px 16px rgba(255,107,53,.08);}
.page-contact .contact-channel-card:hover::before,.page-contact .contact-channel-card:focus-within::before{transform:scaleX(1);}
.page-contact .contact-channel-card__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.page-contact .contact-channel-card__index{font-family:var(--font-data);font-size:12px;color:var(--color-text-muted);}
.page-contact .contact-channel-card__tag{font-family:var(--font-data);font-size:11px;letter-spacing:.08em;color:var(--contact-orange);border:1px solid rgba(255,107,53,.35);padding:3px 8px;border-radius:999px;}
.page-contact .contact-channel-card__tag--mail{color:var(--contact-blue);border-color:rgba(0,194,255,.35);}
.page-contact .contact-channel-card__tag--addr{color:var(--contact-green);border-color:rgba(57,255,136,.3);}
.page-contact .contact-channel-card__icon{width:34px;height:34px;color:var(--contact-blue);margin-bottom:14px;filter:drop-shadow(0 0 8px rgba(0,194,255,.45));}
.page-contact .contact-channel-card h3{margin:0 0 10px;font-family:var(--font-heading);font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#fff;}
.page-contact .contact-channel-card__value{font-family:var(--font-data);font-size:clamp(1.05rem,2.2vw,1.3rem);font-weight:600;color:#fff;line-height:1.5;word-break:break-all;margin-bottom:12px;}
.page-contact .contact-channel-card__hint{margin:0;font-size:13px;color:var(--color-text-muted);line-height:1.65;}

/* ===== 02 服务时间 ===== */
.page-contact .contact-hours__board{display:grid;gap:24px;margin-top:36px;}
.page-contact .hours-track{background:linear-gradient(180deg,rgba(31,42,68,.55),rgba(11,14,20,.82));border:1px solid var(--contact-card-border);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:22px;}
.page-contact .hours-track__item{display:grid;gap:8px;}
.page-contact .hours-track__label{font-size:14px;font-weight:700;color:#fff;letter-spacing:.02em;}
.page-contact .hours-track__bar{position:relative;height:10px;background:rgba(255,255,255,.06);border-radius:999px;overflow:hidden;}
.page-contact .hours-track__bar-fill{display:block;height:100%;width:50%;border-radius:999px;background:linear-gradient(90deg,var(--contact-blue),var(--contact-orange));position:relative;}
.page-contact .hours-track__bar-fill::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:contact-barflow 2.6s linear infinite;}
.page-contact .hours-track__bar-fill--data{width:100%;background:linear-gradient(90deg,var(--contact-green),var(--contact-blue));}
.page-contact .hours-track__bar-fill--mail{width:40%;background:linear-gradient(90deg,var(--contact-orange),#FFB84D);}
.page-contact .hours-track__range{font-family:var(--font-data);font-size:15px;color:var(--contact-blue);font-weight:600;}
.page-contact .hours-track__note{font-size:13px;color:var(--color-text-muted);}
.page-contact .hours-fact{background:var(--color-bg-elev);border:1px solid var(--contact-card-border);border-radius:16px;padding:28px 24px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;overflow:hidden;}
.page-contact .hours-fact::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--contact-blue),var(--contact-orange));}
.page-contact .hours-fact__number{font-family:var(--font-data);font-size:44px;font-weight:700;color:var(--contact-orange);letter-spacing:-.04em;line-height:1;}
.page-contact .hours-fact__label{font-size:18px;font-weight:800;color:#fff;margin-top:6px;}
.page-contact .hours-fact__desc{font-size:13px;color:var(--color-text-muted);margin-top:10px;line-height:1.6;}

/* ===== 03 支持范围 ===== */
.page-contact .contact-support__layout{display:grid;gap:24px;margin-top:36px;}
.page-contact .support-scope-list{display:grid;gap:14px;margin:0;}
.page-contact .support-scope-item{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:18px;background:rgba(11,14,20,.72);border:1px solid var(--contact-card-border);border-left:3px solid rgba(0,194,255,.7);border-radius:10px;transition:transform .2s ease,box-shadow .2s ease;}
.page-contact .support-scope-item:hover{transform:translateX(4px);box-shadow:0 8px 28px rgba(0,194,255,.1);}
.page-contact .support-scope-item__num{font-family:var(--font-data);font-size:14px;color:var(--contact-orange);padding-top:3px;}
.page-contact .support-scope-item h3{margin:0 0 6px;font-size:16px;font-weight:800;color:#fff;line-height:1.4;}
.page-contact .support-scope-item p{margin:0;font-size:14px;line-height:1.65;color:var(--color-text-muted);}
.page-contact .support-visual{margin:0;position:relative;overflow:hidden;border-radius:16px;border:1px solid var(--contact-card-border);background:var(--color-bg-elev);}
.page-contact .support-visual img{display:block;width:100%;height:auto;object-fit:cover;}
.page-contact .support-visual figcaption{padding:12px 16px;font-size:13px;color:var(--color-text-muted);background:rgba(11,14,20,.85);position:relative;z-index:1;margin:0;}
.page-contact .support-visual::before{content:"";position:absolute;top:0;left:-60%;width:50%;height:2px;background:linear-gradient(90deg,transparent,var(--contact-green),transparent);z-index:2;animation:contact-sweep 3s linear infinite;}
.page-contact .support-visual__stream{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 20%,rgba(0,194,255,.14),transparent 40%),radial-gradient(circle at 20% 80%,rgba(255,107,53,.12),transparent 40%);pointer-events:none;}

/* ===== 04 地图坐标 ===== */
.page-contact .contact-map__panel{display:grid;background:linear-gradient(180deg,rgba(31,42,68,.5),rgba(11,14,20,.86));border:1px solid var(--contact-card-border);border-radius:18px;overflow:hidden;margin-top:36px;}
.page-contact .contact-map__image{position:relative;min-height:260px;overflow:hidden;background:var(--contact-card-border);}
.page-contact .contact-map__image img{display:block;width:100%;height:100%;object-fit:cover;min-height:260px;}
.page-contact .contact-map__pulse{position:absolute;left:52%;top:44%;width:16px;height:16px;border-radius:50%;background:var(--contact-orange);box-shadow:0 0 0 8px rgba(255,107,53,.22),0 0 28px rgba(255,107,53,.8);z-index:2;}
.page-contact .contact-map__pulse::after{content:"";position:absolute;inset:-12px;border:2px solid rgba(255,107,53,.5);border-radius:50%;animation:contact-pulse 1.8s ease-out infinite;}
.page-contact .contact-map__info{padding:30px 26px 34px;display:flex;flex-direction:column;justify-content:center;}
.page-contact .contact-map__info h3{margin:0 0 10px;font-size:18px;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:.02em;}
.page-contact .contact-map__addr{margin:0 0 18px;font-family:var(--font-data);font-size:16px;line-height:1.5;color:var(--contact-blue);font-weight:600;}
.page-contact .contact-map__routes{list-style:none;padding:0;margin:0 0 18px;}
.page-contact .contact-map__routes li{display:flex;flex-wrap:wrap;gap:6px 12px;justify-content:space-between;padding:9px 0;border-bottom:1px dashed var(--contact-card-border);font-size:14px;}
.page-contact .contact-map__routes li span:first-child{color:var(--color-text-muted);}
.page-contact .contact-map__routes li span:last-child{color:#fff;text-align:right;}
.page-contact .contact-map__note{margin:0 0 18px;font-size:12px;color:var(--color-text-muted);background:rgba(255,107,53,.08);border-left:2px solid var(--contact-orange);padding:10px 12px;border-radius:0 8px 8px 0;line-height:1.6;}
.page-contact .contact-map__links{display:flex;flex-wrap:wrap;gap:10px;}
.page-contact .contact-map__links a{font-size:14px;font-weight:700;color:var(--contact-blue);text-decoration:none;border:1px solid rgba(0,194,255,.35);border-radius:999px;padding:8px 14px;transition:background .2s ease,color .2s ease,border-color .2s ease;}
.page-contact .contact-map__links a:hover{background:var(--contact-blue);color:#0B0E14;border-color:var(--contact-blue);}

/* ===== 动效 ===== */
@keyframes contact-sweep{0%{left:-60%;}100%{left:110%;}}
@keyframes contact-barflow{0%{transform:translateX(-100%);}100%{transform:translateX(100%);}}
@keyframes contact-pulse{0%{transform:scale(.5);opacity:1;}100%{transform:scale(1.6);opacity:0;}}

/* ===== 桌面增强 ===== */
@media(min-width:768px){
  .page-contact .contact-hero__layout{grid-template-columns:minmax(0,1fr) 280px;align-items:end;}
  .page-contact .contact-channels__grid{grid-template-columns:repeat(3,1fr);gap:24px;}
  .page-contact .hours-track__item{grid-template-columns:1fr auto;align-items:center;column-gap:18px;grid-template-areas:"label range" "bar note";}
  .page-contact .hours-track__label{grid-area:label;}
  .page-contact .hours-track__range{grid-area:range;text-align:right;}
  .page-contact .hours-track__bar{grid-area:bar;}
  .page-contact .hours-track__note{grid-area:note;text-align:right;}
}
@media(min-width:820px){
  .page-contact .contact-hours__board{grid-template-columns:1fr 260px;align-items:stretch;}
}
@media(min-width:900px){
  .page-contact .contact-support__layout{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:start;}
  .page-contact .contact-map__panel{grid-template-columns:1.15fr 1fr;}
  .page-contact .section-lead{max-width:820px;}
}

@media(prefers-reduced-motion:reduce){
  .page-contact *{animation:none!important;transition:none!important;}
}