/* ============================================================
   dishifuwu.css · 河南服务网络
   骨架：D 双轨串线（thread-double）+ hero-half
   装饰母题：河南版图网格（城市砖格 + 淡金经纬线）
   ============================================================ */

/* ---------- 页头 ---------- */
.df-hero .hero-title { letter-spacing: .02em; }
.df-hero .hero-sub { max-width: 680px; }

/* ---------- 数据卡 ---------- */
.df-stats { margin-top: 10px; }
.df-stats .card-soft { padding: 30px 20px; }

.df-gap { margin-bottom: 18px; }

/* ---------- 版图网格板块：淡金经纬底纹 ---------- */
.df-map {
  background:
    linear-gradient(rgba(194,160,75,.05), rgba(194,160,75,.05)),
    repeating-linear-gradient(0deg, rgba(194,160,75,.10) 0 1px, transparent 1px 56px),
    repeating-linear-gradient(90deg, rgba(194,160,75,.10) 0 1px, transparent 1px 56px);
}
.df-map .pearl-card { padding: 44px 38px; }

/* 城市砖格（母题核心）：17 格按 3-6-5-3 视觉节奏排布 */
.city-tiles {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 14px;
  margin-bottom: 34px;
}
.city-tile {
  position: relative;
  background: var(--white);
  border: 1px solid rgba(194,160,75,.30);
  border-radius: 12px;
  padding: 16px 14px;
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
  overflow: hidden;
}
.city-tile::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
  background: var(--grad-gold); opacity: .55;
}
.city-tile strong { display: block; font-family: var(--font-serif); font-size: 16px; color: var(--ink); }
.city-tile small { display: block; margin-top: 4px; font-size: 12px; color: var(--ink-mute); }
.city-tile:hover { transform: translateY(-4px); border-color: var(--gold); box-shadow: var(--shadow-gold); }
.city-tile:hover::before { opacity: 1; }
@media (max-width: 980px) { .city-tiles { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 620px) { .city-tiles { grid-template-columns: repeat(2, 1fr); } }

.df-tbl td a { color: var(--gold-deep); font-weight: 600; }
.df-tbl td a:hover { text-decoration: underline; }

/* ---------- 覆盖说明（左轨）配图 ---------- */
.df-cover .split-media img { box-shadow: var(--shadow-gold); }

/* ---------- 对接方式：图标圆徽 ---------- */
.way-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 56px; height: 56px; border-radius: 50%;
  background: var(--gold-pale); border: 1px solid rgba(194,160,75,.5);
  color: var(--gold-deep); margin-bottom: 16px;
}
.way-ico svg { width: 26px; height: 26px; }
.df-ways h3 { font-size: 19px; margin-bottom: 10px; }
.df-ways p { color: var(--ink-soft); font-size: 14.5px; }

/* ---------- 右轨案例配图 ---------- */
.df-case .split-media img { border-radius: var(--radius-lg); box-shadow: var(--shadow-soft); }

/* ---------- 图带卡 ---------- */
.df-band-card { background: var(--grad-cream); }
.df-band-split { align-items: center; gap: 40px; }

/* ---------- FAQ 限宽 ---------- */
.df-faq-wrap { max-width: 880px; }

/* ---------- CTA 间距 ---------- */
.df-cta .section { padding-top: 20px; }

/* ---------- 双轨珍珠吊坠：给母题加小方块节点 ---------- */
.thread-double .pearl { box-shadow: 0 0 0 4px rgba(194,160,75,.16), 0 0 0 7px var(--gold-pale), 0 3px 10px rgba(154,123,46,.4); }

/* ---------- 城市项目特征速览 ---------- */
.df-citynotes { margin-top: 30px; padding-top: 24px; border-top: 1px dashed rgba(194,160,75,.45); }
.df-citynotes h3 { font-size: 18px; margin-bottom: 16px; color: var(--ink); }
.city-notes-list {
  display: grid; grid-template-columns: 1fr 1fr; gap: 8px 32px;
  column-count: 2;
}
.city-notes-list li {
  break-inside: avoid;
  font-size: 13.5px; color: var(--ink-soft);
  padding: 6px 0; border-bottom: 1px dotted rgba(194,160,75,.35);
}
.city-notes-list strong { color: var(--gold-deep); margin-right: 4px; }
@media (max-width: 720px) { .city-notes-list { grid-template-columns: 1fr; column-count: 1; } }

/* ---------- 跨城受理卡 ---------- */
.df-cross-head { margin-bottom: 24px; }
.df-cross-note {
  margin-top: 24px; padding: 14px 20px;
  color: var(--ink-soft); font-size: 14.5px; line-height: 1.9;
  background: var(--gold-pale); border-radius: 12px;
}