/* ==========================================================================
   contact-form - 企业信息表单 + 提交状态 toast
   供所有包含 face/contact-form.html 的页面复用（indexV2 / about-usV2 等）
   配套脚本：face/js/contact-form.js（前端校验 + 提交 + toast，toast 类名 .form-toast）
   ========================================================================== */

/* ---------- 表单卡片 ---------- */
.contact-wrap {
    background: #151627;
    border-radius: 2.13rem;
    position: relative;
    overflow: hidden;
    width: 60rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5rem 0 4.13rem;
    margin-bottom: 8.5rem;
    margin-top: 2.94rem;
}

.contact-wrap:after {
    content: '';
    position: absolute;
    top: -8rem;
    left: 11rem;
    z-index: 4;
    background: #1E294E;
    filter: blur(5rem);
    width: 40.63rem;
    height: 16.63rem;
    border-radius: 0 0 20.63rem 20.63rem;
}

/* ---------- 表单 ---------- */
.contact-form {
    display: flex;
    flex-flow: column;
    align-items: stretch;
    justify-content: space-evenly;
    position: relative;
    z-index: 9;
}

.form-label {
    font-size: 2rem;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 3.63rem;
    font-weight: 400;
}

.form-input {
    background: rgba(244, 239, 255, 0.10);
    border: 2px solid rgba(255, 255, 255, 0.10);
    border-radius: 10px;
    font-size: 1.25rem;
    color: #A7A7A7;
    letter-spacing: 0;
    font-weight: 400;
    padding: 0.63rem 1.68rem;
    width: 35.27rem;
}

input#contact {
    margin-left: 2rem;
}

input#position {
    margin-left: 4rem;
}

.form-submit {
    background-image: linear-gradient(90deg, #2762EB 0%, #7B3AED 100%);
    border-radius: 24px;
    text-align: center;
    width: 16.5rem;
    margin: 3.25rem auto 0;
    padding: 0.63rem 0;
    font-size: 1.25rem;
    color: #FFFFFF;
    letter-spacing: 0;
    font-weight: 500;
    cursor: pointer;
}

/* 30s 冷却锁定态（contact-form.js 添加 .is-locked） */
.form-submit.is-locked {
    opacity: 0.6;
    pointer-events: none;
    cursor: not-allowed;
}

/* ---------- 提交状态通知（toast，由 contact-form.js 创建） ---------- */
.form-toast {
    position: fixed;
    left: 50%;
    bottom: 4rem;
    transform: translateX(-50%);
    z-index: 9999;
    background: rgba(21, 22, 39, 0.95);
    border: 2px solid rgba(255, 255, 255, 0.10);
    border-radius: 0.8rem;
    color: #FFFFFF;
    font-size: 1.25rem;
    padding: 0.8rem 2rem;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.form-toast.is-visible {
    opacity: 1;
}

.form-toast.is-error {
    border-color: rgba(255, 108, 53, 0.6);
}