/**
 * 合作咨询页样式（参照 WH5 cooperation.css / CooperationPage.vue）
 * 类名使用 coop- 前缀，避免与其他页面冲突
 */
.page-cooperation .coop-container {
  position: relative;
  width: 100%;
  min-height: 100vh;
  background-color: #f3f3f3;
  overflow-x: hidden;
}

.page-cooperation .coop-image-bg {
  width: 100%;
  height: 50vh;
  min-height: 300px;
  max-height: 450px;
  display: block;
  margin: 0;
  padding: 0;
  object-fit: cover;
  object-position: center;
}

.page-cooperation .coop-form-content {
  position: absolute;
  left: 0;
  top: 45%;
  background-color: #f3f3f3;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  min-height: 55vh;
  padding-bottom: 40px;
}

.page-cooperation .coop-form-title {
  color: #212121;
  font-size: 18px;
  margin-bottom: 20px;
}

.page-cooperation .coop-form-item {
  color: #616161;
  margin-bottom: 15px;
}

.page-cooperation .coop-form-label {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 15px;
  color: #616161;
}

.page-cooperation .coop-form-input {
  background-color: #fff;
  padding: 10px;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
}

.page-cooperation .coop-form-input input {
  width: 100%;
  border: none;
  outline: none;
  font-size: 15px;
  color: #333;
  background: transparent;
}

.page-cooperation .coop-form-input input::placeholder {
  color: #999;
}

.page-cooperation .coop-instruction-title {
  color: #3f3f3f;
  font-size: 15px;
}

.page-cooperation .coop-instruction-text {
  color: #8c8c8c;
  font-size: 14px;
  line-height: 1.6;
}

.page-cooperation .coop-submit-btn {
  background-color: #009aff;
  padding: 15px 0;
  width: 60%;
  max-width: 300px;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  margin: 30px auto;
  cursor: pointer;
  font-size: 16px;
  transition: background-color 0.3s;
  -webkit-tap-highlight-color: transparent;
}

.page-cooperation .coop-submit-btn:active {
  background-color: #1aafff;
}

.page-cooperation .coop-mb-20 {
  margin-bottom: 20px;
}

.page-cooperation .coop-mt-40 {
  margin-top: 40px;
}

.page-cooperation .text-center {
  text-align: center;
}

.page-cooperation .text-bold {
  font-weight: bold;
}

.page-cooperation .mb-40 {
  margin-bottom: 40px;
}

/* 响应式适配 */
@media (max-width: 375px) {
  .page-cooperation .coop-form-content {
    padding: 15px;
  }

  .page-cooperation .coop-form-title {
    font-size: 16px;
  }

  .page-cooperation .coop-form-label {
    font-size: 14px;
  }

  .page-cooperation .coop-form-input input {
    font-size: 14px;
  }

  .page-cooperation .coop-instruction-title {
    font-size: 14px;
  }

  .page-cooperation .coop-instruction-text {
    font-size: 13px;
  }

  .page-cooperation .coop-submit-btn {
    width: 70%;
    padding: 12px 0;
    font-size: 15px;
  }
}

@media (max-height: 667px) {
  .page-cooperation .coop-form-content {
    top: 75%;
  }
}

@media (min-height: 800px) {
  .page-cooperation .coop-form-content {
    top: 85%;
  }
}

@media (max-width: 768px) {
  .page-cooperation .coop-image-bg {
    height: 45vh;
    min-height: 250px;
  }

  .page-cooperation .coop-form-content {
    top: 40%;
    min-height: 60vh;
  }
}

@media (max-width: 375px) {
  .page-cooperation .coop-image-bg {
    height: 40vh;
    min-height: 200px;
  }

  .page-cooperation .coop-form-content {
    top: 35%;
    min-height: 65vh;
  }
}