/* 页面级样式 — 提取自 网站前端模板/contact.html */

/* ================= 联系页专属布局 ================= */

/* --- Hero：整幅品牌渐变 + 地图插画 --- */
:root{--ct-art-op:.15}          /* 深色模式下 Hero 背景图透明度 10% */
html[data-theme="light"]{--ct-art-op:.15}
.ct-hero{position:relative;overflow:hidden;padding:120px 0 90px;
  background:linear-gradient(135deg,#0e2a4a 0%,#122a55 45%,#221b4d 100%)}
html[data-theme="light"] .ct-hero{background:linear-gradient(135deg,#dbeafe 0%,#ede9fe 55%,#fce7f3 100%)}
/* 背景图独立成层，便于控制透明度（与业务范围/关于页同款做法） */
.ct-hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:url("/assets/images/contact-hero-bg.jpg") center/cover no-repeat;opacity:var(--ct-art-op)}
.ct-hero>*{position:relative;z-index:1}
.ct-hero .inner{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.ct-hero h1{font-size:clamp(34px,5vw,56px);font-weight:900;color:#fff}
html[data-theme="light"] .ct-hero h1{color:#1f2937}
.ct-hero h1 .glow-t{background:linear-gradient(90deg,#22d3ee,#8b5cf6,#fb7185);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme="light"] .ct-hero h1 .glow-t{background:linear-gradient(90deg,#22d3ee,#8b5cf6,#fb7185);-webkit-background-clip:text;background-clip:text;color:transparent}
.ct-hero .sub{margin-top:18px;color:rgba(232,237,246,.75);font-size:16px;max-width:480px}
html[data-theme="light"] .ct-hero .sub{color:#4b5563}
.ct-hero .quick-tel{display:flex;gap:20px;margin-top:38px;flex-wrap:wrap}
.ct-hero .qt{padding:20px 26px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
html[data-theme="light"] .ct-hero .qt{background:rgba(255,255,255,.72);border-color:rgba(37,99,235,.16)}
.ct-hero .qt .lab{font-family:var(--mono);font-size:10.5px;color:rgba(232,237,246,.55);letter-spacing:.2em;margin-bottom:8px}
html[data-theme="light"] .ct-hero .qt .lab{color:#6b7280}
.ct-hero .qt .tel{font-family:var(--mono);font-size:27px;font-weight:700;color:#67e8f9}
html[data-theme="light"] .ct-hero .qt .tel{color:#2563eb}
.ct-hero .qt .who{font-size:12.5px;color:rgba(232,237,246,.65);margin-top:6px}
html[data-theme="light"] .ct-hero .qt .who{color:#4b5563}
/* 地图插画 */
.map-art{border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.18);box-shadow:0 30px 80px rgba(0,0,0,.35)}
.map-art svg{display:block;width:100%;height:auto;background:#0c1526}
@media(max-width:960px){.ct-hero .inner{grid-template-columns:1fr}}

/* --- 联系卡片三列（渐变顶边） --- */
.ct-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;padding:70px 0 0}
.ct-card{position:relative;border-radius:20px;border:1px solid var(--line);padding:34px 30px;overflow:hidden;
  background:linear-gradient(165deg,var(--panel),var(--panel2));transition:.4s}
.ct-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px}
.ct-card:nth-child(1)::before{background:linear-gradient(90deg,#22d3ee,#3b82f6)}
.ct-card:nth-child(2)::before{background:linear-gradient(90deg,#3b82f6,#8b5cf6)}
.ct-card:nth-child(3)::before{background:linear-gradient(90deg,#8b5cf6,#fb7185)}
.ct-card:hover{transform:translateY(-7px);border-color:var(--line2);box-shadow:var(--shadow)}
.ct-card .em{width:60px;height:60px;border-radius:16px;display:grid;place-items:center;font-size:28px;background:var(--veil2);border:1px solid var(--line2)}
.ct-card h3{font-size:19px;font-weight:800;margin:18px 0 8px}
.ct-card .en{font-family:var(--mono);font-size:10.5px;color:var(--txt3);letter-spacing:.22em}
.ct-card p{margin-top:14px;color:var(--txt2);font-size:14px}
.ct-card .big-tel{margin-top:16px;font-family:var(--mono);font-size:28px;font-weight:700;color:var(--cyan)}
.ct-card .big-tel.v{color:var(--violet)}
.ct-card .who{margin-top:8px;font-size:13.5px;color:var(--txt2)}

/* --- 工作时间 + QQ 沟通带 --- */
.ct-band{margin-top:60px;border-radius:22px;padding:44px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;
  border:1px solid var(--line2);
  background:linear-gradient(120deg,rgba(34,211,238,.08),rgba(59,130,246,.05) 50%,rgba(139,92,246,.1))}
.ct-band .item{display:flex;gap:16px;align-items:flex-start}
.ct-band .item .em{font-size:26px}
.ct-band .item b{display:block;font-size:15.5px}
.ct-band .item span{display:block;margin-top:6px;font-size:13px;color:var(--txt2);line-height:1.7}
@media(max-width:860px){.ct-band{grid-template-columns:1fr;padding:30px}}

/* --- 收尾 CTA --- */
.ct-final-sec{padding:34px 0 48px}

/* --- CTA --- */
.ct-final{border-radius:24px;padding:38px 40px;text-align:center;position:relative;overflow:hidden;border:1px solid var(--line2);
  background:linear-gradient(130deg,rgba(34,211,238,.12),rgba(139,92,246,.14))}
.ct-final h3{font-size:clamp(22px,3vw,30px);font-weight:800}
.ct-final p{margin-top:12px;color:var(--txt2)}