/* 表单容器样式，设置相对定位，为背景图绝对定位做准备 */
.inquiry-form {
    margin: 66px auto;
    padding: 45px;
    background-color: #2D83A1;
    border-radius: 48px;
    color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 3;
}

.inquiry-form .bg-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 30vw;
    /* 初始设为视口宽度的30% */
    height: 34.2vw;
    /* 保持宽高比：628 / 547 ≈ 1.148，所以 height = width * 1.148 */
    max-width: 547px;
    /* 最大不超过原始图尺寸 */
    max-height: 628px;
    background: url('../image/input-img.webp') no-repeat center center;
    background-size: cover;
    z-index: 1;

    /* 可选：防止在极小屏幕上过小 */
    min-width: 225px;
    min-height: 258px;
}

.quick-inquiry {
    font-size: 48px;
    font-weight: 600;
    line-height: 60px;
    text-align: center;
    margin-bottom: 42px;

}

.foot-input-m {
    margin-bottom: 27px;
}

/* 让表单内容区域相对背景图有层级，避免被遮挡（按需调整） */
.inquiry-form form {
    position: relative;
    z-index: 2;
}

.custom-name-group .form-select {
    border-radius: 8px 0 0 8px;
    flex: 0 0 25%;
    font-size: 18px;
    height: 64px;
    color: #212121;
}

.form-control2 {
    border-radius: 8px;
    font-size: 18px;
    height: 64px;
    color: #999999;
}

.form-control::placeholder {
    color: #999999;
    opacity: 1;
}

.input-sex {
    border-radius: 0 8px 8px 0;
    flex: 0 0 85%;
    height: 64px;
}

#fullName::placeholder {
    color: #999999;
    opacity: 1;
    font-size: 18px;
}

#email::placeholder {
    color: #999999;
    opacity: 1;
    font-size: 18px;
}

#nationality::placeholder {
    color: #999999;
    opacity: 1;
    font-size: 18px;
}

#phone::placeholder {
    color: #999999;
    opacity: 1;
    font-size: 18px;
}


.input-char {
    font-size: 24px;
    line-height: 60px;
}

.input-sr {
    background-color: #3EABBF;
    border-radius: 12px !important;
    margin: 8px 0;
    color: #fff;
    flex: 0 0 10.5% !important;
    width: 10.5% !important;
}

.input-quarter {
    flex: 0 0 25% !important;
    width: 25% !important;
}

.me-input-group {
    height: 64px;
    background-color: #FFF;
    border-radius: 12px;
}

.footer-bg {
    background-color: #111111;
    color: #fff;
}

.ft-first {
    padding-top: 55px;
    padding-bottom: 55px;
    padding-left: 10.83%;
    padding-right: 10.83%;
    max-width: 1920px;
}

.footer-left-1 {
    font-family: 'Notable', Regular;
    font-size: 32px;
    color: #3EABBF;
    letter-spacing: 0.06em;
}

.footer-left-2 {
    font-family: 'Montserrat', Regular;
    line-height: 20px;
    font-size: 20px;
    letter-spacing: 0.06em;
    margin: 14px 0 29px 0;
}

.footer-left-3 {
    line-height: 28px;
    font-size: 18px;
    color: #FFF;
}

.footer-left-4 {
    line-height: 28px;
    color: #D9D9D9;
}

.footer-left-5 {
    color: #FFF;
}

.footer-left-6 {
    font-size: 18px;
}

.footer-left-7 {
    font-size: 18px;
    color: #fff;
}

.footer-right {
    font-size: 18px;
    color: #fff;
}

.form-submit {
    background-color: #262620;
    color: #3EABBF;
    height: 68px;
    width: 100%;
    max-width: 402px;
    font-size: 20px;
}

.form-submit:hover {
    background-color: transparent !important;
    border-color: initial !important;
    color: initial !important;
}

.form-submit-tip {
    color: #FF9CC9;
    font-size: 18px;
}

.input-font {
    height: 64px;
    font-size: 18px;

}

.input-number-val {
    flex: 1;
    color: #085B6A;
    font-size: 18px;
}

.fish-img {
    width: auto;
    height: auto;
    right: clamp(20px, 8.645vw, 245px);
}

.foot-font-mb {
    margin-bottom: 36px;
}

.foot-font2-mb {
    margin-bottom: 21px;
}

.foot-button-img {
    left: 0;
    bottom: 0;
    object-fit: cover;
}


.custom-input {
    border-radius: 8px !important;
    border-right: none;
    background-size: 40px;
    background-image: url('../image/calendar.svg');
    background-position: right 20px center;
    background-repeat: no-repeat;
}

/* 确保按钮没有左边框以实现无缝连接 */
.custom-button {
    border: none !important;
    background-color: #FFF !important;
}

#toastMessage {
    color: #050505;
}

.departure-time {
    height: 64px;
}
@media (max-width: 992px) {
    .navbar-two {
        height: 64px;
        font-size: 14px;
    }
    .header-ys {
        margin-top: 64px;
    }
    .logo-wenzi {
        font-family: 'Notable';
        font-size: 14px;

    }
}

/* 6. 适配 576px 及以下（如手机） */
@media (max-width: 576px) {
    .input-font {
        height: 36px;
    }

    .con-mp {
        margin: 0;
        padding-top: 38px;
        padding: 38px 16px 34px;
        background-color: #FFF;
    }

    .inquiry-form {
        margin-top: 0;
        padding: 32px 14px 27px;

    }

    .quick-inquiry {
        position: relative;
        font-size: 32px;
        z-index: 2;
    }

    .input-char {
        font-size: 14px;
        line-height: 30px;
        margin-bottom: 0;
    }

    .custom-name-group .form-select {
        border-radius: 4px 0 0 4px;
        font-size: 13px;
        height: 36px;
        flex: 0 0 32%;
    }

    .form-control {
        font-size: 13px;
        height: 36px;
    }

    .custom-name-group .form-control {
        flex: 0 0 68%;
    }

    #fullName::placeholder,
    #email::placeholder,
    #nationality::placeholder,
    #phone::placeholder {
        font-size: 13px;
    }

    .me-input-group {
        height: 36px;
    }

    .input-number-val {
        font-size: 13px;
        height: 36px;
    }

    .input-group-text {
        font-size: 13px;
        height: 36px;

    }

    .input-sr {
        flex: 0 0 20% !important;
        margin: 3px 0 5px 0 !important;
        font-size: 16px;
        height: 30px;
        border-radius: 8px !important;

    }

    .input-button {
        padding: 0;
    }

    .input-button img {
        width: 30px;
        /* 调整图片大小 */
        height: 30px;
        object-fit: contain;
    }

    .foot-input-m {
        margin-bottom: 14px;
    }

    .lable-smail {
        display: none;
    }

    .big-text {
        height: 194px;

    }

    .form-submit {
        height: 44px;
        line-height: 24px;
        max-width: 244px;
        font-size: 16px;
        border-radius: 6px;
    }

    .form-submit-tip {
        font-size: 12px;
        margin-top: 10px !important;
    }

    .inquiry-form {
        border-radius: 24px;
        margin-bottom: 0px !important;

    }

    .footer-left-1 {
        font-size: 22px;
    }

    .footer-left-2 {
        margin: 18px 0 31px 0;
        font-size: 16px;
        line-height: 24px;
    }

    .footer-left-3 {
        font-size: 14px;
    }

    .footer-left-4 {
        font-size: 12px;
        line-height: 20px;
    }

    .foot-font-mb {
        margin-bottom: 16px;
    }

    .foot-icon {
        width: 32px;
    }

    .footer-left-5,
    .footer-left-6,
    .footer-left-7 {
        font-size: 14px;
        line-height: 21px;

    }

    .me-md-3 {
        margin-bottom: 44px;
    }

    .foot-font2-mb,
    .foot-font3-mb {
        font-size: 14px;
        margin-bottom: 26px;
    }

    .foot-font4-mb {
        font-size: 14px;
    }

    .fish-img {
        width: 51px;
    }

    .foot-button-f {
        font-size: 13px;
    }

    .foot-button-img {
        width: 140px;
    }

    .ft-first {
        padding-top: 35px;
        padding-bottom: 45px;
        padding-left: 5%;
        padding-right: 5%;
    }

    .custom-button {
        width: 30px;
        margin-left: -1px !important;
        padding-left: 3px;
        border: 0;
    }

    .dropdown-item {
        padding: 0;
    }

    .nav-navigation-list li a {
        line-height: 18px;
    }

    .custom-input {
        background-size: 20px;
        background-position: right 10px center;
    }

    .departure-time {
        height: 36px;
    }

}