@media screen and (max-width: 768px) {

  /* ==================== Hero 区域 移动端 ==================== */
  .hero {
    position: relative;
    width: 100%;
    height: calc(100vh - 60px); /* 一屏高度减去导航栏高度 */
    margin-top: 0;
    overflow: hidden;
  }

  .hero-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: calc(100vh - 60px); /* 一屏高度减去导航栏高度 */
    z-index: 1;
  }

  .hero-background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.8) 100%
    );
    z-index: 2;
  }

  .hero-content {
    position: absolute;
    bottom: 8vw;
    left: 5.333vw;
    right: 5.333vw;
    z-index: 3;
    padding: 0;
  }

  .hero-title {
    font-size: 6.4vw;
    font-weight: 600;
    line-height: 1.3;
    color: #ffffff;
    text-align: center;
  }

  /* ==================== 联系信息区域 移动端 ==================== */
  .contact-section {
    padding: 10.667vw 5.333vw;
    background-color: #ffffff;
  }

  .contact-container {
    max-width: 100%;
    margin: 0 auto;
  }

  .contact-content {
    display: flex;
    flex-direction: column;
    gap: 8vw;
  }

  .contact-main {
    display: flex;
    flex-direction: column;
    gap: 5.333vw;
    align-items: center;
  }

  .contact-info-wrapper {
    display: flex;
    flex-direction: column;
    gap: 5.333vw;
    align-items: center;
    width: 100%;
  }

  .contact-map {
    width: 100%;
  }

  .map-image {
    width: 100%;
    height: 50vw;
    border-radius: 2.667vw;
    overflow: hidden;
  }

  .map-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .contact-details {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4vw;
  }

  .company-info {
    display: flex;
    flex-direction: column;
    gap: 4vw;
  }

  .company-header {
    display: flex;
    flex-direction: column;
    gap: 4vw;
  }

  .company-title-section {
    display: flex;
    flex-direction: column;
    gap: 2.667vw;
  }

  .company-name {
    font-size: 5.333vw;
    font-weight: 600;
    line-height: 1.4;
    color: #000000;
    text-align: center;
  }

  .divider-line {
    width: 100%;
    height: 0;
    border-bottom: 0.267vw solid rgba(0, 0, 0, 0.2);
  }

  .contact-items {
    display: flex;
    flex-direction: column;
    gap: 2.667vw;
  }

  .contact-item {
    display: flex;
    align-items: center;
    gap: 2.667vw;
    justify-content: center;
  }

  .contact-icon {
    width: 4vw;
    height: 4vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .contact-icon img {
    width: 100%;
    height: auto;
  }

  .contact-text {
    font-size: 3.733vw;
    font-weight: 400;
    line-height: 1.5;
    color: #000000;
  }

  .qr-code {
    display: flex;
    align-items: center;
    gap: 4vw;
    margin-top: 4vw;
    justify-content: center;
  }

  .qr-image {
    width: 20vw;
    height: 20vw;
    border-radius: 2.667vw;
    overflow: hidden;
  }

  .qr-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* ==================== 咨询表单区域 移动端 ==================== */
  .consultation-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4vw;
    width: 100%;
  }

  .consultation-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8vw;
  }

  .section-header {
    display: flex;
    align-items: center;
    gap: 2.667vw;
    justify-content: center;
  }

  .section-line {
    width: 10vw;
    height: 0;
    border-bottom: 0.267vw solid rgba(0, 0, 0, 0.2);
  }

  .section-line.long {
    width: 20vw;
  }

  .section-title {
    font-family: "PingFang SC", sans-serif;
    font-size: 4.8vw;
    font-weight: 500;
    line-height: 1.4;
    color: #000000;
    text-transform: capitalize;
  }

  .form-container {
    display: flex;
    flex-direction: column;
    gap: 5.333vw;
    align-items: center;
  }

  .form-fields {
    display: flex;
    flex-direction: column;
    gap: 4vw;
    width: 100%;
  }

  .form-group {
    display: flex;
    flex-direction: column;
    gap: 2vw;
  }

  .form-label {
    font-size: 3.733vw;
    font-weight: 400;
    line-height: 1.4;
    color: #000000;
  }

  .form-input {
    width: 100%;
    height: 12vw;
    padding: 3vw 4vw;
    border: 0.267vw solid rgba(0, 0, 0, 0.2);
    border-radius: 2.667vw;
    font-size: 3.733vw;
    font-weight: 400;
    line-height: 1.4;
    color: #000000;
    outline: none;
    transition: all 0.3s ease;
    cursor: pointer;
    box-sizing: border-box;
  }

  .form-input::placeholder {
    color: #999999;
  }

  .form-input:focus {
    border-color: #d038ff;
  }

  /* 移动端错误提示样式 */
  .error-message {
    display: none;
    color: #dc3545;
    font-size: 2.667vw;
    margin-top: 1vw;
    font-weight: 400;
  }

  .form-input.error {
    border-color: #dc3545;
  }

  .form-input.error:focus {
    border-color: #dc3545;
  }

  .form-section {
    display: flex;
    flex-direction: column;
    gap: 2vw;
    width: 100%;
  }

  .form-header {
    display: flex;
    align-items: stretch;
    gap: 2vw;
  }

  .form-title {
    font-size: 3.733vw;
    font-weight: 400;
    line-height: 1.4;
    color: #000000;
  }

  .message-box {
    width: 100%;
    height: 30vw;
    border: 0.267vw solid rgba(0, 0, 0, 0.2);
    border-radius: 2.667vw;
    padding: 3vw 4vw;
    font-size: 3.733vw;
    font-weight: 400;
    line-height: 1.4;
    color: #000000;
    resize: none;
    outline: none;
    transition: all 0.3s ease;
    font-family: "PingFang SC", sans-serif;
    cursor: pointer;
    box-sizing: border-box;
  }

  .message-box::placeholder {
    color: #999999;
  }

  .message-box:focus {
    border-color: #d038ff;
  }

  .submit-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3vw 8vw;
    border: 0.267vw solid transparent;
    border-radius: 13.333vw;
    background: linear-gradient(#fff, #fff) padding-box,
      linear-gradient(90deg, #d038ff 0%, #462dff 100%) border-box;
    color: #000;
    font-size: 3.733vw;
    font-weight: 500;
    line-height: 1.8;
    text-decoration: none;
    transition: all 0.3s ease;
    margin-top: 4vw;
    width: fit-content;
    cursor: pointer;
    outline: none;
  }

  .submit-btn:hover {
    transform: translateY(-0.267vw);
    box-shadow: 0 0.667vw 2.667vw rgba(208, 56, 255, 0.3);
    background: linear-gradient(90deg, #d038ff 0%, #462dff 100%);
    color: #fff;
  }

  .submit-btn:focus {
    outline: none;
  }


  /* ==================== 底部移动端适配 ==================== */
  .footer {
    padding: 8vw 5.333vw;
  }

  .footer-container {
    gap: 6.667vw;
  }

  .footer-content {
    flex-direction: column;
    gap: 6.667vw;
  }

  .footer-info {
    gap: 4vw;
  }

  .footer-logo-wrapper {
    gap: 2.667vw;
  }

  .footer-logo-wrapper img {
    width: 15vw;
    height: auto;
  }

  .footer-logo-title {
    font-size: 4vw;
  }

  .footer-contact {
    gap: 1.333vw;
  }

  .footer-contact p {
    font-size: 3.2vw;
  }

  .footer-links {
    gap: 2.667vw;
  }

  .footer-links a {
    font-size: 3.2vw;
  }

  .footer-nav {
    flex-direction: column;
    gap: 4vw;
  }

  .footer-nav-column h5 {
    font-size: 4vw;
  }

  .footer-divider {
    height: 0.267vw;
  }

  /* ==================== 通用移动端优化 ==================== */
  * {
    box-sizing: border-box;
  }

  body {
    font-size: 3.733vw;
    line-height: 1.5;
  }

  h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
  }

  p {
    margin: 0;
    padding: 0;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  /* ==================== 触摸优化 ==================== */
  .submit-btn,
  .form-input,
  .message-box {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .submit-btn:active {
    transform: scale(0.98);
  }

  .form-input:focus,
  .message-box:focus {
    -webkit-tap-highlight-color: transparent;
  }

  /* ==================== 滚动优化 ==================== */
  .contact-section {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
  }

  .message-box {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
  }

  /* ==================== 安全区域适配 ==================== */
  @supports (padding: max(0px)) {
    .contact-section {
      padding-left: max(5.333vw, env(safe-area-inset-left));
      padding-right: max(5.333vw, env(safe-area-inset-right));
    }

    .hero-content {
      padding-left: max(5.333vw, env(safe-area-inset-left));
      padding-right: max(5.333vw, env(safe-area-inset-right));
    }

    .footer {
      padding-left: max(5.333vw, env(safe-area-inset-left));
      padding-right: max(5.333vw, env(safe-area-inset-right));
      padding-bottom: max(8vw, env(safe-area-inset-bottom));
    }
  }
}