/* 联系我们页面专用样式（作用域限制在 .contact-* 下，避免影响其他页面） */

/* 联系页面英雄区背景图片 */
.contact-main .hero {
  background: url('../images/banner3.jpg') center/cover no-repeat;
}

/* 联系页面英雄区标题特殊尺寸 - 已移除，使用通用样式 */

/* 信息与表单布局 */
.contact-section {
  padding: 24px 0 0;
  text-align: left;
  /* 局部主题色（仅本页作用域） */
  --contact-accent: var(--brand-primary);
  /* 统一间距节奏 */
  --space-xs: 6px;
  --space-sm: 10px;
  --space-md: 18px;
  --space-lg: 24px;
  --space-xl: 28px;
}
.contact-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

/* 顶部简短资质/服务卖点 */
.contact-intro { margin-bottom: var(--space-lg); }
.contact-badges {
  display: flex; flex-wrap: wrap; gap: 8px 12px; padding: 0; margin: 0;
  list-style: none;
}
.contact-badges .badge-item {
  position: relative;
  padding: 6px 12px 6px 26px;
  border: 1px solid #e6eef7;
  border-radius: 999px;
  background: linear-gradient(180deg, #ffffff 0%, #fdfefe 100%);
  color: #374151;
  font-size: 12px;
}
.contact-badges .badge-item::before {
  content: "";
  position: absolute; left: 10px; top: 50%; transform: translateY(-50%);
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--contact-accent);
  box-shadow: 0 0 0 3px rgb(0 102 204 / 15%);
}

/* 新：咨询与支持分区（.cs-*） */
.cs-sections { margin-top: var(--space-lg); display: grid; gap: 24px; }
.cs-group { display: grid; gap: 12px; }
.cs-title { margin: 0 0 8px 0; font-size: 18px; font-weight: 800; color: #111827; letter-spacing: -.01em; }
/* 分区标题设计增强（仅本页作用域） */
.contact-section .cs-title {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding-left: 14px;
}
.contact-section .cs-title::before {
  content: "";
  position: absolute;
  left: 0; top: 50%; transform: translateY(-50%);
  width: 4px; height: 1.2em; border-radius: 2px;
  background: linear-gradient(180deg, #60a5fa 0%, #1d4ed8 100%);
}
/* 右侧细分隔线，增强层次感 */
.contact-section .cs-title::after {
  content: "";
  height: 1px; width: 60px;
  background: linear-gradient(90deg, rgba(24,144,255,.35) 0%, rgba(24,144,255,0) 100%);
  border-radius: 1px;
}
/* 第二分区（售后支持）使用差异化配色 */
.contact-section .cs-group:nth-child(2) .cs-title::before {
  background: linear-gradient(180deg, #34d399 0%, #059669 100%);
}
.contact-section .cs-group:nth-child(2) .cs-title::after {
  background: linear-gradient(90deg, rgba(16,185,129,.35) 0%, rgba(16,185,129,0) 100%);
}
.cs-cards { display: grid; grid-template-columns: 1fr; gap: 14px; }
.cs-card {
  display: grid; gap: 8px; padding: 20px; border: 1px solid #eff3f7; border-radius: 12px; background: #fff;
  box-shadow: none;
  text-decoration: none; color: inherit; overflow: hidden;
}
.cs-card .cs-pill { align-self: start; display: inline-block; margin-bottom: 6px; padding: 2px 8px; font-size: 12px; font-weight: 800; color: #0b5ad1; background: #f5faff; border: 1px solid #dbeafe; border-radius: 999px; }
.cs-card:hover { border-color: #e6edf5; transition: border-color .2s ease; }
.cs-card.emphasize { border-color: #dbeafe; background: #fff; box-shadow: none; }
.cs-card-title { font-size: 16px; font-weight: 800; color: #0f172a; margin: 0; }
.cs-subtitle { font-size: 12px; font-weight: 800; color: #6b7280; letter-spacing: .12em; text-transform: uppercase; }
.cs-card-desc { font-size: 13px; color: #475569; }
.cs-card-desc strong { font-weight: 900; letter-spacing: .3px; }
.cs-label { display: inline-block; margin-right: 8px; padding: 2px 8px; font-size: 12px; background: #f5faff; border: 1px solid #dbeafe; border-radius: 999px; vertical-align: baseline; }
.cs-card.hotcard.full .cs-col-left .cs-card-desc { display: flex; align-items: center; gap: 8px; }
.cs-card.hotcard.full .cs-col-left .cs-card-desc strong { line-height: 1; }
.cs-card-body { display: grid; gap: 10px; }
.cs-col-left, .cs-col-right { display: grid; gap: 6px; }
.cs-services { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; color: #374151; font-size: 13px; }
.cs-services li { position: relative; padding-left: 14px; }
.cs-services li::before { content: ""; position: absolute; left: 0; top: .75em; width: 6px; height: 6px; border-radius: 50%; background: var(--brand-primary); transform: translateY(-50%); opacity: .25; }

/* 行动按钮（在线咨询/获取资料） */
.cs-actions { display: flex; gap: 8px; margin-top: 8px; }


/* 电话强调卡片：更大字号与可视权重 */
.cs-card.hotcard { position: relative; overflow: hidden; }
.cs-card.hotcard .cs-card-desc strong { font-size: 30px; font-weight: 900; letter-spacing: .4px; }
.cs-card.hotcard::after { content: none; }

/* 售后合并卡片：号码略小于其他号码 */
.cs-card.hotcard.full .cs-col-left .cs-card-desc strong { font-size: 20px; font-weight: 800; letter-spacing: .2px; }

/* 企业名片（置于底部） */
.cs-bizcard {
  position: relative;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  margin-top: 22px; padding: 20px 20px 20px 22px;
  background: #fff;
  border: 1px solid #e9eef5; border-radius: 14px;
  box-shadow: none; overflow: hidden;
}
.cs-bizcard::before { content: none; }
.biz-title { display: block; margin: 2px 0 6px 0; font-size: 12px; font-weight: 800; color: #6b7280; letter-spacing: .12em; text-transform: uppercase; }
.biz-left { display: grid; gap: 10px; align-content: start; }
.biz-brand { display: flex; align-items: center; gap: 10px; }
.biz-logo { width: 52px; height: 52px; border-radius: 12px; object-fit: contain; background:#fff; padding:2px; box-shadow: none; border: 1px solid #eef2f7; }
.biz-meta { display: grid; gap: 2px; }
.biz-name { font-size: 16px; font-weight: 900; color: #0f172a; letter-spacing: -.01em; }
.biz-tagline { font-size: 12px; color: #6b7280; }
.biz-lines { display: grid; gap: 6px; font-size: 13px; color: #374151; }
.biz-line { display: grid; grid-template-columns: 88px 1fr; align-items: baseline; column-gap: 10px; word-break: break-word; }
.biz-k { color: #6b7280; font-weight: 700; font-size: 12px; letter-spacing: .2px; }
.biz-v { color: #111827; font-size: 13px; }
.biz-v .num { font-variant-numeric: tabular-nums; letter-spacing: .2px; }
.biz-pill { display: inline-block; padding: 2px 8px; font-size: 12px; font-weight: 700; color: #0b5ad1; background: #f6faff; border: 1px solid #e3efff; border-radius: 999px; }
.biz-more { margin-top: 4px; }
.biz-more-summary { list-style: none; cursor: pointer; font-size: 12px; color: var(--brand-primary); font-weight: 700; user-select: none; }
.biz-more-summary::-webkit-details-marker { display: none; }
.biz-more[open] { margin-top: 8px; }
.biz-v a { white-space: nowrap; }
.biz-hot strong { font-size: 30px; font-weight: 900; letter-spacing: .3px; }
.biz-actions { display: flex; flex-direction: column; gap: 8px; min-width: 190px; }

/* 统一链接样式（本页作用域），不影响全站 */
.contact-section a:not(.cs-btn) {
  color: inherit;
  text-decoration: none;
  text-underline-offset: 2px;
  word-break: break-word;
}

/* 响应式 */
@media (min-width: 768px) {
  .contact-hero .container { padding-top: 60px; padding-bottom: 60px; }
  /* 使用通用hero-title样式，已移除特殊字体大小 */
  .cs-cards { grid-template-columns: 1fr 1fr; }
}

/* 与其他页面一致的响应式英雄区上下边距 */
@media (max-width: 900px) {
  .contact-hero .container { padding-top: 40px; padding-bottom: 40px; }
}

@media (min-width: 768px) {
  .cs-cards { grid-template-columns: repeat(2, 1fr); }
  .cs-cards .cs-card.full { grid-column: 1 / -1; }
  .cs-card-body { grid-template-columns: 1fr 1.2fr; align-items: start; }
}

/* 移动端 */
@media (max-width: 767.98px) {
  .cs-actions { flex-wrap: wrap; }
  .cs-actions .cs-btn { flex: 1 1 auto; min-width: 44%; }
  .cs-bizcard { flex-direction: column; align-items: flex-start; gap: 12px; }
  .biz-line { grid-template-columns: 86px 1fr; }
  .biz-actions { width: 100%; flex-direction: row; }
  .biz-btn { flex: 1 1 0; }
}