/* ============================================================
   页面：xuchang.html 许昌网站建设（L4 布局）
   签名布局：hero 居中大字 + 细线装饰；城市图条 / 服务网格 / 特色三栏 / 案例卷轴 / 编号优势 / 列表FAQ
   ============================================================ */

/* ---------- L4 Hero：居中大字 + 细线 ---------- */
body.page-xuchang .xc-hero{
  background:var(--grad-soft);
  padding:96px 0 88px;
  text-align:center;
}
body.page-xuchang .xc-hero-crumb{justify-content:center}
body.page-xuchang .xc-hero-eyebrow{
  font-size:13px;font-weight:700;letter-spacing:.28em;color:var(--c-purple-400);margin:18px 0 16px;
}
body.page-xuchang .xc-hero-title{
  font-size:clamp(30px,4.6vw,48px);font-weight:800;line-height:1.35;
}
body.page-xuchang .xc-hero-line{
  width:120px;height:2px;margin:26px auto;
  background:linear-gradient(90deg,transparent,var(--c-pink-400),var(--c-purple-400),transparent);
}
body.page-xuchang .xc-hero-desc{max-width:680px;margin:0 auto;font-size:15.5px;line-height:1.95}
body.page-xuchang .xc-hero-meta{justify-content:center}
body.page-xuchang .xc-hero-note{margin-top:18px;font-size:14px;color:var(--c-muted)}

/* ---------- 城市印象图条 ---------- */
body.page-xuchang .xc-city-band{
  max-width:1200px;margin:0 auto;padding:0 24px;
}
body.page-xuchang .xc-city-band img{
  border-radius:var(--radius-lg);width:100%;height:auto;
  box-shadow:var(--shadow-soft);margin-top:-30px;position:relative;
}

/* ---------- 服务网格 ---------- */
body.page-xuchang .xc-svc-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:20px;
}
body.page-xuchang .xc-svc{
  background:#fff;border:1px solid var(--c-line);border-radius:var(--radius-md);padding:26px 22px;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease);
}
body.page-xuchang .xc-svc:hover{transform:translateY(-6px);box-shadow:var(--shadow-card)}
body.page-xuchang .xc-svc h3{font-size:17px;margin-bottom:8px}
body.page-xuchang .xc-svc p{font-size:13.5px;line-height:1.8}
body.page-xuchang .xc-svc em{font-style:normal;display:block;margin-top:12px;font-size:13px;font-weight:700;color:var(--c-purple-400)}

/* ---------- 特色三栏 ---------- */
body.page-xuchang .xc-profile{
  display:grid;grid-template-columns:repeat(3,1fr);gap:22px;
}
body.page-xuchang .xc-profile-item{
  background:#fff;border:1px solid var(--c-line);border-radius:var(--radius-md);padding:28px 24px;
}
body.page-xuchang .xc-profile-item h3{
  font-size:18px;margin-bottom:10px;padding-bottom:10px;
  border-bottom:2px solid var(--c-bg-pink);
}
body.page-xuchang .xc-profile-item p{font-size:14px;line-height:1.9}
body.page-xuchang .xc-profile-item a{color:var(--c-purple-400);border-bottom:1px dashed var(--c-purple-300)}

/* ---------- 案例卷轴 ---------- */
body.page-xuchang .xc-case{
  flex:0 0 320px;background:#fff;border:1px solid var(--c-line);
  border-radius:var(--radius-lg);overflow:hidden;
}
body.page-xuchang .xc-case img{width:100%;height:auto}
body.page-xuchang .xc-case-body{padding:22px}
body.page-xuchang .xc-case-body h3{font-size:18px;margin:10px 0 8px}
body.page-xuchang .xc-case-body p{font-size:13.5px;line-height:1.8}

/* ---------- 编号优势 ---------- */
body.page-xuchang .xc-adv-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:20px;
}
body.page-xuchang .xc-adv{
  background:#fff;border:1px solid var(--c-line);border-radius:var(--radius-md);padding:28px 24px;
}
body.page-xuchang .xc-adv-no{
  display:inline-block;font-size:26px;font-weight:800;margin-bottom:14px;
  background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;
}
body.page-xuchang .xc-adv h3{font-size:17px;margin-bottom:10px}
body.page-xuchang .xc-adv p{font-size:13.5px;line-height:1.85}

/* ---------- FAQ 列表 ---------- */
body.page-xuchang .xc-faq{display:grid;grid-template-columns:1fr 1fr;gap:22px}
body.page-xuchang .xc-faq-item{
  background:#fff;border:1px solid var(--c-line);border-radius:var(--radius-md);padding:24px;
}
body.page-xuchang .xc-faq-item h3{font-size:15.5px;margin-bottom:10px;color:var(--c-ink)}
body.page-xuchang .xc-faq-item p{font-size:14px;line-height:1.9}

/* ---------- CTA ---------- */
body.page-xuchang .xc-cta-sec{background:var(--grad-soft)}
body.page-xuchang .cta-box{text-align:center;padding:56px 30px}
body.page-xuchang .cta-box h2{font-size:clamp(24px,3vw,32px);margin-bottom:14px}
body.page-xuchang .cta-box p{max-width:640px;margin:0 auto 8px}
body.page-xuchang .cta-note{margin-top:16px;font-size:13.5px;color:var(--c-muted)}

/* ---------- 响应式：1200 / 768 / 360 ---------- */
@media (max-width:1200px){
  body.page-xuchang .xc-svc-grid,
  body.page-xuchang .xc-adv-grid{grid-template-columns:repeat(2,1fr)}
  body.page-xuchang .xc-profile{grid-template-columns:1fr}
}
@media (max-width:768px){
  body.page-xuchang .xc-hero{padding:72px 0 76px}
  body.page-xuchang .xc-faq{grid-template-columns:1fr;gap:18px}
}
@media (max-width:360px){
  body.page-xuchang .xc-svc-grid,
  body.page-xuchang .xc-adv-grid{grid-template-columns:1fr}
  body.page-xuchang .xc-case{flex-basis:270px}
  body.page-xuchang .cta-box{padding:36px 16px}
}