.contact-page { padding-top: 88px; }
.contact-container { width: min(1180px, calc(100% - 32px)); margin: 0 auto; }
.contact-breadcrumb { padding: 18px 0; border-bottom: 1px solid #ccc; color: #999; font-size: 14px; }
.contact-breadcrumb a { color: #999; }
.contact-title { padding: 38px 0 18px; text-align: center; }
.contact-title h1 { margin: 0 0 8px; color: #000; font-size: 36px; line-height: 1.2; font-weight: 700; }
.contact-title p { margin: 0; color: #666; font-size: 20px; }
.contact-info { padding: 0 0 34px; }
.contact-info-card { max-width: 640px; margin: 0 auto; padding: 48px 0 24px; }
.contact-hotline { margin: 0 0 16px; color: #169179; font-size: 32px; text-align: center; }
.contact-hotline a, .contact-value a { color: inherit; }
.contact-row { display: grid; grid-template-columns: 60px 120px 150px 1fr; align-items: center; min-height: 54px; border-top: 1px solid #d9d9d9; }
.contact-row:last-child { border-bottom: 1px solid #d9d9d9; }
.contact-label { color: #000; font-size: 18px; font-weight: 700; }
.contact-value { color: #169179; font-size: 18px; font-weight: 700; }
.contact-qr { width: 120px; height: 120px; object-fit: contain; }
.contact-map { margin: 0 0 54px; padding: 10px 0 30px; background: #fff; }
.contact-map strong { display: block; margin-bottom: 8px; color: #2c3e50; font-size: 20px; text-align: center; }
.contact-map p { margin: 0 0 8px; color: #555; text-align: center; }
.amap-container { width: 100%; height: 300px; overflow: hidden; border-radius: 4px; background: #eee; }
.service-section { padding: 30px 0 62px; }
.service-heading { margin: 0 0 30px; color: #000; font-size: 30px; text-align: center; }
.service-heading small { display: block; margin-top: 6px; color: #555; font-size: 16px; font-weight: 400; }
.service-block { margin: 0 0 30px; }
.service-block-heading { display: flex; align-items: center; gap: 10px; margin: 0 0 15px; color: #2c3e50; font-size: 22px; }
.service-number, .service-tag { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 32px; height: 32px; border-radius: 50%; background: #009695; color: #fff; font-size: 14px; font-weight: 700; }
.service-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.service-card { padding: 18px; border-left: 4px solid #009695; border-radius: 6px; background: #f8f9fa; }
.service-card h3 { margin: 0 0 10px; color: #2c3e50; font-size: 17px; }
.service-card p, .service-card li { color: #555; font-size: 14px; line-height: 1.7; }
.service-card p { margin: 0; }
.service-card ul { margin: 0; padding-left: 18px; }
.service-stack { display: grid; gap: 15px; }
.service-connect { padding: 20px; text-align: center; }
.service-connect p { margin: 0 0 15px; color: #555; }
.connect-cards { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; }
.connect-card { min-width: 220px; padding: 14px 18px; border: 1px solid #eee; border-radius: 6px; background: #f8f9fa; text-align: left; }
.connect-label { color: #777; font-size: 13px; }
.connect-value { color: #2c3e50; font-size: 20px; font-weight: 600; }
.contact-form-section { padding: 60px 0; background: #f5f5f5; }
.contact-form { max-width: 880px; margin: 0 auto; padding: 36px 40px; border: 1px solid #e8ecf1; border-radius: 8px; background: #fff; }
.contact-form h2 { margin: 0 0 8px; font-size: 24px; }
.contact-form-intro { margin: 0 0 24px; color: #5a6a7e; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.form-field { display: block; margin-bottom: 16px; color: #333; font-size: 14px; font-weight: 600; }
.form-field input, .form-field select, .form-field textarea { display: block; width: 100%; margin-top: 7px; padding: 11px 12px; border: 1px solid #d9dfe5; border-radius: 4px; color: #333; background: #fff; font: inherit; font-weight: 400; }
.form-field textarea { min-height: 120px; resize: vertical; }
.form-submit { padding: 11px 28px; border: 0; border-radius: 4px; background: #009695; color: #fff; font: inherit; cursor: pointer; }
.form-submit:disabled { opacity: .65; cursor: wait; }
.form-message { min-height: 1.5em; margin: 12px 0 0; color: #16803c; }
@media (max-width: 760px) {
  .contact-page { padding-top: 64px; }
  .contact-title h1 { font-size: 28px; }
  .contact-title p { font-size: 16px; }
  .contact-hotline { font-size: 23px; }
  .contact-info-card { padding: 30px 0 24px; }
  .contact-row > span:first-child { display: none; }
  .contact-row { grid-template-columns: 90px 1fr 92px; }
  .contact-row .contact-label { grid-column: 1; }
  .contact-row .contact-value { grid-column: 2; }
  .contact-row .contact-label { font-size: 16px; }
  .contact-row .contact-value { font-size: 16px; word-break: break-all; }
  .contact-row .contact-qr { width: 80px; height: 80px; grid-column: 3; grid-row: 1 / span 2; }
  .service-cards, .form-grid { grid-template-columns: 1fr; }
  .contact-form { padding: 24px 18px; }
}