
/* ===== 紧凑排版v2 ===== */
.region-page { padding: 0 0 60px; max-width: 1200px; margin: 0 auto; }

/* Hero - 紧凑 */
.region-hero { text-align:center; padding: 28px 20px 22px; background: linear-gradient(135deg,#667eea 0%,#764ba2 100%); color:white; border-radius:0 0 16px 16px; margin-bottom:0; }
.region-hero h1 { font-size:1.65em; margin-bottom:8px; font-weight:700; color:#fff; }
.hero-desc { font-size:0.92em; opacity:.95; margin-bottom:16px; line-height:1.6; max-width:680px; margin-left:auto; margin-right:auto; color:#fff; }
.hero-stats { display:flex; justify-content:center; gap:12px; flex-wrap:wrap; }
.stat-item { text-align:center; display:flex; flex-direction:column; gap:1px; background:rgba(255,255,255,0.25); border:1px solid rgba(255,255,255,0.4); border-radius:8px; padding:8px 16px; min-width:90px; }
.stat-label { font-size:0.72em; color:rgba(255,255,255,0.85); font-weight:500; }
.stat-value { font-size:1.1em; font-weight:700; color:#1e293b; }
.region-hero > p:last-child { margin-top:10px; }

/* 区块 - 紧凑无边距 */
.section-block { background:#fff; padding:20px 20px 18px; margin-bottom:12px; box-shadow:none; border-radius:0; border-bottom:1px solid #f1f5f9; }
.section-block:last-child { border-bottom:none; margin-bottom:0; }
.section-title { font-size:1.1em; margin-bottom:4px; color:#1e293b; text-align:center; font-weight:700; }
.section-subtitle { text-align:center; color:#94a3b8; margin-bottom:14px; font-size:0.82em; }

/* 场景网格 - 紧凑 */
.scenes-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:0; }
.scene-card { background:#f8fafc; border-radius:8px; overflow:hidden; border:1px solid #e2e8f0; transition:all .2s; }
.scene-card:hover { transform:translateY(-2px); box-shadow:0 4px 12px rgba(99,102,241,0.1); border-color:#c7d2fe; }
.scene-img-wrap { height:90px; overflow:hidden; background:#e2e8f0; }
.scene-img-wrap img { width:100%; height:100%; object-fit:cover; display:block; }
.scene-info { padding:10px 10px 12px; }
.scene-info h3 { font-size:0.9em; margin-bottom:3px; color:#1e293b; font-weight:600; }
.scene-info p { color:#64748b; font-size:0.75em; line-height:1.4; margin:0; }

/* 城市网格 */
.city-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:8px; margin-top:0; }
.city-card { background:#fff; border-radius:6px; border:1px solid #f1f5f9; transition:all .2s; }
.city-card:hover { border-color:#e8491d; transform:translateY(-1px); }
.city-link { display:block; padding:12px 14px; text-decoration:none; color:#334155; }
.city-link:hover { color:#e8491d; }
.city-name { font-size:0.88em; font-weight:600; }
.city-tag { font-size:0.72em; color:#94a3b8; margin-top:2px; }

/* 服务优势 */
.advantages-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:0; }
.adv-item { background:#f8fafc; border-radius:8px; padding:12px 14px; border:1px solid #e2e8f0; display:flex; align-items:flex-start; gap:10px; }
.adv-icon { font-size:1.2em; flex-shrink:0; }
.adv-text { font-size:0.82em; color:#334155; line-height:1.5; }
.adv-text strong { color:#1e293b; font-weight:600; display:block; margin-bottom:1px; }

/* 价格表 */
.price-table-wrap { overflow-x:auto; margin-top:0; }
.price-table { width:100%; border-collapse:collapse; font-size:0.82em; }
.price-table th { background:#f8fafc; color:#1e293b; font-weight:600; padding:10px 14px; text-align:left; border-bottom:2px solid #e2e8f0; white-space:nowrap; }
.price-table td { padding:10px 14px; border-bottom:1px solid #f1f5f9; color:#334155; }
.price-table tr:hover td { background:#f8fafc; }

/* FAQ */
.faq-item { border-bottom:1px solid #f1f5f9; padding:12px 0; }
.faq-item:last-child { border-bottom:none; }
.faq-q { font-size:0.9em; color:#1e293b; font-weight:600; margin-bottom:4px; }
.faq-a { font-size:0.82em; color:#64748b; line-height:1.6; margin:0; }

/* CTA */
.cta-block { text-align:center; background:linear-gradient(135deg,#fef2f0,#fff5f3); border-radius:10px; padding:20px; margin-top:0; border:1px solid #fed7d3; }
.cta-title { font-size:1.05em; color:#1e293b; font-weight:700; margin-bottom:4px; }
.cta-phone { font-size:1.4em; color:#e8491d; font-weight:700; margin:8px 0; letter-spacing:1px; }
.cta-phone a { color:#e8491d; text-decoration:none; }
.cta-sub { font-size:0.8em; color:#94a3b8; }

/* 移动端 */
@media (max-width:768px) {
  .region-hero { padding:22px 16px 18px; }
  .region-hero h1 { font-size:1.3em; }
  .hero-stats { gap:8px; }
  .stat-item { padding:6px 10px; min-width:75px; }
  .stat-value { font-size:0.95em; }
  .stat-label { font-size:0.68em; }
  .section-block { padding:16px 14px; }
  .scenes-grid { grid-template-columns:repeat(2,1fr); gap:8px; }
  .scene-img-wrap { height:80px; }
  .scene-info { padding:8px; }
  .scene-info h3 { font-size:0.85em; }
  .scene-info p { font-size:0.72em; }
  .advantages-grid { grid-template-columns:repeat(2,1fr); gap:8px; }
  .adv-item { padding:10px; }
  .adv-text { font-size:0.78em; }
  .city-grid { grid-template-columns:repeat(2,1fr); gap:6px; }
  .city-link { padding:10px 12px; }
  .city-name { font-size:0.82em; }
  .price-table { font-size:0.78em; }
  .price-table th,.price-table td { padding:8px 10px; }
  .cta-block { padding:16px 14px; }
}
@media (max-width:480px) {
  .scenes-grid { grid-template-columns:repeat(2,1fr); }
  .advantages-grid { grid-template-columns:1fr; }
  .city-grid { grid-template-columns:repeat(2,1fr); }
}
