/* 容器 - 窄版居中 */
 .contact-container-narrow {
     max-width: 800px;
     margin: 0 auto;
     padding: 0 20px;
 }

 /* 全宽容器用于横幅 */
 .contact-hero-wrapper {
     width: 100%;
 }

 /* ========== Hero 横幅区域 - 图片为底图，文字覆盖 ========== */
 .contact-hero {
     position: relative;
     width: 100%;
     min-height: 400px;
     overflow: hidden;
     display: flex;
     align-items: center;
     margin-bottom: 0;
 }

 .contact-hero-bg {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     z-index: 1;
 }

 .contact-hero-overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 2;
 }

 .contact-hero-content {
     position: relative;
     z-index: 3;
     padding: 60px 40px;
     max-width: 800px;
     color: white;
     margin: 0 auto;
     width: 100%;
     text-align: left;
 }

 .contact-hero-title {
     font-size: 42px;
     font-weight: 800;
     margin-bottom: 20px;
     line-height: 1.2;
 }

 .contact-hero-text {
     font-size: 16px;
     line-height: 1.6;
     opacity: 0.95;
     max-width: 600px;
 }

 /* 面包屑导航 */
 .contact-breadcrumb {
     padding: 20px 0;
     font-size: 14px;
     color: #676767;
 }

 .contact-breadcrumb a {
     color: #676767;
     text-decoration: none;
 }

 .contact-breadcrumb a:hover {
     color: #14B5E1;
 }

 .contact-breadcrumb-sep {
     margin: 0 8px;
 }

 .contact-breadcrumb-current {
     color: #14B5E1;
 }

 /* 页面标题 */
 .contact-page-title {
     font-size: 42px;
     font-weight: 700;
     color: #232323;
     margin: 40px 0 20px;
     line-height: 1.2;
 }

 /* 描述文字区域 */
 .contact-description {
     margin-bottom: 40px;
 }

 .contact-description p {
     font-size: 16px;
     color: #555;
     line-height: 1.6;
     margin-bottom: 16px;
 }

 .contact-description p:last-child {
     margin-bottom: 0;
 }

 /* 联系表单标题 */
 .contact-form-title {
     font-size: 28px;
     font-weight: 700;
     color: #232323;
     margin-bottom: 30px;
     padding-bottom: 12px;
     border-bottom: 2px solid #eaeaea;
 }

 /* 表单样式 - 统一风格 */
 .contact-form {
     margin-bottom: 60px;
 }

 .form-fields {
     display: flex;
     flex-wrap: wrap;
     gap: 20px;
     margin-bottom: 20px;
 }

 .form-field {
     flex: 1;
     min-width: 200px;
 }

 .form-field label,
 .form-field-full label {
     display: block;
     font-size: 14px;
     font-weight: 600;
     color: #232323;
     margin-bottom: 8px;
 }

 .form-field label .required,
 .form-field-full label .required {
     color: #14B5E1;
     margin-left: 2px;
 }

 .form-field input,
 .form-field-full input,
 .form-field-full select {
     width: 100%;
     padding: 12px 16px;
     font-size: 14px;
     font-family: inherit;
     border: 1px solid #ddd;
     border-radius: 4px;
     transition: border-color 0.2s;
     background-color: #fff;
 }

 .form-field input:focus,
 .form-field-full input:focus,
 .form-field-full select:focus,
 .form-field-full textarea:focus {
     outline: none;
     border-color: #14B5E1;
 }

 /* 下拉框自定义箭头 (保持原生但风格统一) */
 .form-field-full select {
     appearance: none;
     background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');
     background-repeat: no-repeat;
     background-position: right 16px center;
     cursor: pointer;
 }

 .form-field-full {
     width: 100%;
     margin-bottom: 20px;
 }

 .form-field-full textarea {
     width: 100%;
     padding: 12px 16px;
     font-size: 14px;
     font-family: inherit;
     border: 1px solid #ddd;
     border-radius: 4px;
     resize: vertical;
     min-height: 150px;
     transition: border-color 0.2s;
 }

 .submit-btn {
     background-color: #14B5E1;
     color: #ffffff;
     border: none;
     padding: 14px 32px;
     font-size: 16px;
     font-weight: 600;
     border-radius: 4px;
     cursor: pointer;
     transition: all 0.3s ease;
     display: inline-flex;
     align-items: center;
     gap: 8px;
 }

 .submit-btn:hover {
     background-color: #232323;
     transform: translateY(-2px);
 }

 .submit-btn svg {
     width: 18px;
     height: 18px;
     stroke: currentColor;
     stroke-width: 2;
     fill: none;
 }

 /* 响应式 */
 @media (max-width: 768px) {
     .contact-hero-title {
         font-size: 32px;
     }

     .contact-hero-text {
         font-size: 14px;
     }

     .contact-hero-content {
         padding: 40px 20px;
     }

     .contact-page-title {
         font-size: 32px;
         margin: 30px 0 16px;
     }

     .contact-form-title {
         font-size: 24px;
     }

     .form-fields {
         flex-direction: column;
         gap: 16px;
     }

     .form-field {
         width: 100%;
     }

     .submit-btn {
         width: 100%;
         justify-content: center;
     }
 }

 @media (max-width: 480px) {
     .contact-hero-title {
         font-size: 26px;
     }

     .contact-page-title {
         font-size: 28px;
     }

     .contact-description p {
         font-size: 14px;
     }

     .contact-form-title {
         font-size: 22px;
     }
 }